:root{--bg:#101114;--panel:#1a1d22;--panel-soft:#232830;--line:#353c48;--text:#f2f4f7;--text-dim:#9ea6b4;--accent:#8fc43d;--accent-strong:#79a82f;--danger:#d84d4d;--radius:14px;--shadow:0 18px 48px #00000059}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 20% -30%, #8fc43d33, transparent 50%), radial-gradient(circle at 80% -20%, #d84d4d26, transparent 45%), var(--bg);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{min-height:100vh}.app-shell{max-width:1380px;margin:0 auto;padding:20px}.topbar{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(130deg,#12151a,#1c2128);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.topbar h1{margin:0;font-size:1.4rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.7rem}.topnav{gap:10px;display:flex}.topnav a{color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.topnav a.active{color:#111;background:var(--accent);border-color:var(--accent)}.totals{color:var(--text-dim);gap:10px;font-size:.85rem;display:flex}.totals span{border:1px solid var(--line);background:#161a20;border-radius:999px;padding:6px 10px}.page-area{margin-top:18px}.dashboard{gap:14px;display:grid}.three-layout{grid-template-columns:1.35fr 1fr 1fr}.two-layout{grid-template-columns:1fr 1fr}.client-layout{grid-template-columns:.8fr 1.2fr}.panel{background:linear-gradient(180deg, var(--panel), #16191f);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.panel h2{margin:0 0 12px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}label{color:var(--text-dim);flex-direction:column;gap:6px;margin-bottom:10px;font-size:.85rem;display:flex}input,select,textarea{background:var(--panel-soft);border:1px solid var(--line);width:100%;color:var(--text);border-radius:10px;padding:10px 11px}textarea{resize:vertical;min-height:80px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.menu-groups{gap:12px;margin-bottom:12px;display:grid}.menu-section{gap:8px;display:grid}.menu-subheader{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.85rem}.category-pills{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filter-pill{background:#151920;border-color:#4f5a68;border-radius:999px;padding:7px 11px;font-size:.78rem}.filter-pill.active{border-color:var(--accent);color:var(--accent);background:#1c2128}.menu-card{border:1px solid var(--line);background:#171a20;border-radius:12px;padding:8px}.menu-card h3{margin:2px 0 4px;font-size:.95rem}.menu-qty-row{grid-template-columns:46px 1fr 46px;align-items:stretch;gap:8px;min-height:104px;display:grid}.menu-main{flex-direction:column;justify-content:center;display:flex}.menu-price{margin:0}.menu-qty{color:var(--text-dim);margin:6px 0 0;font-size:.78rem}.category{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.7rem}.qty-side{background:#11141a;justify-content:center;align-items:center;height:100%;min-height:88px;padding:0;font-size:1.7rem;font-weight:800;display:flex}.qty-side:hover{border-color:var(--accent)}button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#151920;border-radius:9px;padding:8px 10px}.primary{background:var(--accent);border-color:var(--accent);color:#101114;font-weight:700}.primary:hover{background:var(--accent-strong)}.secondary{border-color:#4f5a68}.builder-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{gap:10px;max-height:66vh;padding-right:4px;display:grid;overflow:auto}.empty{color:var(--text-dim);margin:0}.order-card{border:1px solid var(--line);background:#151920;border-radius:12px;padding:10px}.order-card header,.order-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-card h3{margin:0;font-size:1rem}.order-id{color:var(--accent);margin:0;font-size:.78rem}.pill{color:var(--text-dim);border:1px solid #4f5a68;border-radius:999px;padding:4px 8px;font-size:.75rem}.order-meta{color:var(--text-dim);margin:7px 0;font-size:.8rem}.order-card ul{gap:5px;margin:0 0 8px;padding:0;list-style:none;display:grid}.order-card li{justify-content:space-between;display:flex}.notes{color:#d8dee8;margin:0 0 8px;font-size:.85rem}.actions{gap:8px;display:flex}.client-hero p:last-child{color:var(--text-dim);margin:0}@media (width<=1199px){.topbar{grid-template-columns:1fr}.three-layout{grid-template-columns:1fr 1fr}.order-builder{grid-column:1/-1}.client-layout{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:12px}.topnav{justify-content:space-between;width:100%}.topnav a{text-align:center;flex:1;padding:8px;font-size:.82rem}.three-layout,.two-layout,.client-layout,.field-grid,.menu-grid{grid-template-columns:1fr}.menu-qty-row{grid-template-columns:52px 1fr 52px}.builder-footer,.order-card footer{flex-direction:column;align-items:stretch}.actions{flex-direction:column}.stack{max-height:none}}