:root{--color-bg:#0a0a0a;--color-bg-card:#111;--color-bg-elevated:#161616;--color-red-primary:#c00;--color-red-bright:#ff1a1a;--color-red-glow:#cc000059;--color-red-subtle:#cc000014;--color-text-primary:#fff;--color-text-muted:#888;--color-border:#ffffff14;color:var(--color-text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--color-text-primary);background:radial-gradient(circle at 10% 0,#210505 0%,#131313 42%,#0a0a0a 100%);margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;background:var(--color-red-primary);color:#fff;border:0;border-radius:12px;padding:.6rem .95rem}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:12px;padding:.56rem .68rem}label{color:var(--color-text-muted);gap:.3rem;font-size:.86rem;display:grid}.auth-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:#ffffffed;border:1px solid #dde5f0;border-radius:20px;gap:.8rem;width:min(430px,100%);padding:1.2rem;display:grid;box-shadow:0 18px 50px #253c5f26}.brand-row{align-items:center;gap:.45rem;display:flex}.brand-row h1{margin:0;font-size:1.35rem}.subtext{color:#6a7587;margin:0}.pos-shell-bg{min-height:100vh;padding:1.2rem}.pos-shell{grid-template-columns:230px minmax(0,1fr);gap:1rem;max-width:1420px;margin:0 auto;display:grid}.left-nav{background:#ffffffeb;border:1px solid #dfe7f1;border-radius:20px;grid-template-rows:auto 1fr auto;gap:.8rem;padding:.85rem;display:grid;box-shadow:0 15px 45px #1c36581f}.user-pill{background:#f8fbff;border:1px solid #e6ecf4;border-radius:14px;align-items:center;gap:.58rem;padding:.5rem;display:flex}.avatar-dot{color:#fff;background:#2f6ee8;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user-pill strong{font-size:.89rem}.user-pill p{color:#758296;text-transform:capitalize;margin:.12rem 0 0;font-size:.75rem}.nav-list{align-content:start;gap:.35rem;display:grid}.nav-btn{color:#2f3747;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem .65rem;display:flex}.nav-btn.active{color:#2f6ee8;background:#edf4ff;border-color:#d6e5ff}.main-stage{background:#ffffffeb;border:1px solid #dfe7f1;border-radius:20px;min-height:calc(100vh - 2.4rem);padding:.8rem;box-shadow:0 15px 45px #1c36581f}.stage-topbar{flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem;display:flex}.top-chip{color:#5d6981;background:#f7faff;border:1px solid #e5ebf3;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.dot{background:#18b67f;border-radius:999px;width:7px;height:7px;display:inline-block}.pos-workspace{grid-template-columns:minmax(0,1fr) 345px;gap:.8rem;display:grid}.menu-browser,.order-panel,.activity-side,.activity-main,.report-layout{background:#fff;border:1px solid #e6ecf3;border-radius:16px;padding:.75rem}.browser-top,.activity-head,.panel-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.browser-top h3,.panel-header h2,.activity-head h3{margin:0;font-size:1rem}.category-row{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.45rem;margin-bottom:.65rem;display:grid}.category-chip{color:#39445b;text-align:left;background:#f8fbff;border:1px solid #e6edf7;border-radius:12px;padding:.48rem .52rem}.category-chip.active{background:#edf4ff;border-color:#2f6ee8}.category-chip strong{font-size:.82rem;display:block}.category-chip span{opacity:.8;font-size:.72rem}.search-box{color:#8a97aa;border:1px solid #e6ecf4;border-radius:12px;align-items:center;gap:.42rem;margin-bottom:.65rem;padding:.45rem .62rem;display:flex}.search-box input{border:0;outline:0;width:100%;padding:0}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem;max-height:68vh;padding-right:.18rem;display:grid;overflow:auto}.menu-card.modern{border:1px solid #e8edf5;border-radius:14px;gap:.35rem;padding:.55rem;display:grid}.menu-card.modern.out-of-stock{opacity:.6}.item-thumb{background:#f8fafc;border-radius:10px;place-items:center;height:92px;display:grid;overflow:hidden}.item-thumb img{object-fit:contain;width:100%;height:100%}.item-thumb span{color:#9aa6ba;font-size:1.5rem}.menu-card h4{color:#1d2533;margin:0;font-size:.88rem}.item-category{color:#95a3b8;margin:0;font-size:.72rem}.item-stock{color:#9aa8bd;margin:0;font-size:.75rem}.card-foot{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.card-foot strong{color:#1f2937;font-size:.9rem}.qty-inline{align-items:center;gap:.3rem;display:inline-flex}.qty-inline button{color:#324053;background:#f0f4fa;border-radius:999px;width:26px;height:26px;padding:0}.qty-inline input{text-align:center;width:44px}.qty-inline span{text-align:center;min-width:20px;font-weight:600}.order-panel{grid-template-rows:auto auto 1fr auto auto;gap:.58rem;display:grid}.order-head h3{margin:0;font-size:1rem}.order-head p{color:#8a97aa;margin:.1rem 0 0;font-size:.75rem}.order-fields{gap:.45rem;display:grid}.order-items{border:1px dashed #e1e8f1;border-radius:12px;gap:.35rem;min-height:160px;max-height:290px;padding:.55rem;display:grid;overflow:auto}.order-line{border:1px solid #edf1f7;border-radius:10px;justify-content:space-between;align-items:center;gap:.3rem;padding:.4rem;display:flex}.line-main{gap:.1rem;display:grid}.line-main span{color:#1d2738;font-size:.84rem}.line-main small{color:#92a1b6}.totals-box{border-top:1px dashed #e2e9f2;gap:.35rem;padding-top:.5rem;display:grid}.totals-box>div{justify-content:space-between;font-size:.84rem;display:flex}.totals-box .grand{color:#111827;font-size:1rem;font-weight:700}.place-btn{background:#2f6ee8;width:100%;font-weight:600}.activity-layout{grid-template-columns:220px minmax(0,1fr);gap:.75rem;display:grid}.activity-side{align-content:start;gap:.45rem;display:grid}.mode-btn{color:#334155;text-align:left;background:#f5f8fc;border:1px solid #e5ebf2}.mode-btn.active{color:#fff;background:#2f6ee8}.activity-note{border-top:1px solid #edf2f8;margin-top:.5rem;padding-top:.6rem}.activity-note h4{margin:0}.activity-note p{color:#77859a;margin:.2rem 0 0;font-size:.82rem}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.45rem;display:grid}.table-card{text-align:center;background:#fbfdff;border:1px solid #e8edf4;border-radius:12px;padding:.56rem}.table-tag{color:#fff;background:#2f6ee8;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;display:inline-block}.table-card h5{margin:.38rem 0 .2rem;font-size:.85rem}.table-card p{color:#8190a6;margin:0;font-size:.75rem}.orders-table-wrap{overflow:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table td{text-align:left;border-bottom:1px solid #edf1f6;padding:.5rem;font-size:.82rem}.row-actions{gap:.35rem;display:inline-flex}.metric-card,.box-card{background:#fbfdff;border:1px solid #e7edf5;border-radius:13px;padding:.75rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;display:grid}.split-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.6rem;margin-top:.7rem;display:grid}.box-card h4,.metric-card p,.metric-card h3,.box-card ul,.box-card li{margin:0}.box-card ul{gap:.34rem;padding:0;list-style:none;display:grid}.box-card li{justify-content:space-between;font-size:.82rem;display:flex}.cash-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem;margin-top:.55rem;display:grid}.cash-grid>div{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:10px;gap:.2rem;padding:.5rem;display:grid}.cash-grid span{color:var(--color-text-muted);font-size:.76rem}.cash-grid strong{color:var(--color-text-primary)}.cash-form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:.45rem;margin-top:.6rem;display:grid}.cash-breakdown{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:10px;gap:.16rem;padding:.55rem;display:grid}.cash-breakdown span,.cash-breakdown small{color:var(--color-text-muted)}.modal-backdrop{z-index:50;background:#11182747;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #e2e9f3;border-radius:14px;gap:.52rem;width:min(520px,100%);padding:.85rem;display:grid}.items-list{border:1px solid #e7edf4;border-radius:10px;gap:.35rem;max-height:220px;padding:.58rem;display:grid;overflow:auto}.item-row{justify-content:space-between;gap:.4rem;font-size:.82rem;display:flex}.payment-panel{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:10px;gap:.55rem;padding:.65rem;display:grid}.payment-row{gap:.35rem;display:grid}.payment-row label{color:var(--color-text-muted);font-size:.78rem}.payment-row select,.payment-row input{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:8px;padding:.5rem .6rem}.qr-box{border:1px dashed var(--color-border);background:var(--color-bg-card);border-radius:10px;justify-items:center;gap:.45rem;padding:.6rem;display:grid}.qr-box img{background:#fff;border-radius:8px;width:min(240px,100%);padding:.45rem}.qr-box a{color:var(--color-accent);font-size:.78rem}.payment-actions-row{justify-content:flex-end;gap:.45rem;display:flex}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn-danger{color:#fff;background:#7a1313;border:1px solid #7a1313}.error-msg{color:#cc394a;margin:.3rem 0}.ok-msg{color:#0f8b66;margin:.3rem 0}.empty-note{color:#8391a6;margin:.3rem 0;font-size:.82rem}.no-perms{background:#fff;border:1px solid #e7edf5;border-radius:14px;max-width:900px;margin:.8rem auto 0;padding:.8rem}.auth-card,.left-nav,.main-stage,.menu-browser,.order-panel,.activity-side,.activity-main,.report-layout,.no-perms,.modal-panel,.box-card,.metric-card,.table-card,.menu-card.modern{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-primary);box-shadow:none}.user-pill,.top-chip,.category-chip,.search-box,.order-items,.order-line,.items-list,.orders-table th,.orders-table td,.activity-note,.mode-btn,.item-thumb{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.brand-row h1,.browser-top h3,.panel-header h2,.activity-head h3,.order-head h3,.menu-card h4,.line-main span,.card-foot strong,.totals-box .grand,.table-card h5{color:var(--color-text-primary)}.subtext,.user-pill p,.top-chip,.item-category,.line-main small,.activity-note p,.empty-note,.table-card p,.orders-table,.order-head p{color:var(--color-text-muted)}.avatar-dot,.table-tag,.place-btn,.mode-btn.active,.nav-btn.active,.category-chip.active,.row-actions button,.panel-header button,.activity-head button,.browser-top button{background:var(--color-red-primary);color:#fff;border-color:var(--color-red-primary)}.nav-btn{color:var(--color-text-primary)}.nav-btn.active,.category-chip.active{box-shadow:0 4px 14px var(--color-red-glow)}.nav-btn.logout{color:#ffd4d4;background:#2a1212;border-color:#ff4c4c59}.qty-inline button{color:var(--color-text-primary);background:#2a2a2a}.top-chip.open{color:#89f0bb}.dot{background:#22c55e}.table-card.reserved{background:#2a1010}.table-card.served{background:#151515}.table-card.unavailable{background:#1a1a1a;border-color:#94a3b859}.orders-table th,.orders-table td,.activity-note,.totals-box,.search-box,.order-items,.order-line,.items-list{border-color:var(--color-border)}.error-msg{color:#ff7a7a}.ok-msg{color:#68d391}@media (width<=1100px){.pos-shell{grid-template-columns:1fr}.left-nav{grid-template-rows:auto auto auto}.nav-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pos-workspace,.activity-layout{grid-template-columns:1fr}}