:root{--nav:#14233b;--nav2:#1d3152;--p:#2563eb;--p2:#1d4ed8;--bg:#f4f7fb;--text:#182238;--muted:#718096;--line:#e2e8f2;--green:#16a34a;--amber:#d97706;--red:#dc2626;--purple:#7c3aed;--shadow:0 7px 24px #1d35570d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}body>aside{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);color:#fff;z-index:10}.brand{height:76px;display:flex;align-items:center;padding:0 20px;gap:12px;border-bottom:1px solid #ffffff12}.brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#2d6eea;font-size:20px}.brand b,.brand small{display:block}.brand b{font-size:20px}.brand small{font-size:11px;color:#a9b7ce;margin-top:2px}nav{padding:16px 10px;display:flex;flex-direction:column;gap:5px}nav button{display:flex;gap:13px;align-items:center;padding:12px;border:0;border-radius:9px;background:transparent;color:#b8c5d8;text-align:left}nav button:hover,nav button.active{background:#ffffff12;color:#fff}.app{margin-left:230px;min-height:100vh}.app>header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:8}.app>header>div>b,.app>header>div>small{display:block}.app>header>div>small{color:var(--muted);margin-top:3px}.header-right{margin-left:auto;display:flex;align-items:center;gap:15px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:bold}#menu{display:none}main{max-width:1500px;margin:auto;padding:25px}.view{display:none}.view.active{display:block}.welcome,.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.welcome h1,.page-title h1{margin:0 0 5px;font-size:26px}.welcome p,.page-title p{margin:0;color:var(--muted)}.primary,.soft,.link{border:0;border-radius:9px;padding:10px 16px;font-weight:700}.primary{background:var(--p);color:#fff}.primary:hover{background:var(--p2)}.soft{background:#e9eff8;color:#334155}.link{background:transparent;color:var(--p);padding:6px}.big{width:100%;padding:14px}.badge{border-radius:30px;padding:7px 11px;font-size:11px;font-weight:bold}.badge.red{background:#fee2e2;color:#b91c1c}.badge.green{background:#dcfce7;color:#15803d}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.amber{background:#fef3c7;color:#a16207}.badge.purple{background:#ede9fe;color:#6d28d9}.badge.gray{background:#e5e7eb;color:#475569}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stats article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stats small,.stats b{display:block}.stats small{color:var(--muted);margin-bottom:6px}.stats b{font-size:23px}.ico{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;font-weight:bold}.ico.blue{background:#dbeafe;color:#2563eb}.ico.amber{background:#fef3c7;color:#d97706}.ico.green{background:#dcfce7;color:#16a34a}.ico.purple{background:#ede9fe;color:#7c3aed}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.dash{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px}.card-title{display:flex;justify-content:space-between;align-items:center;padding:18px}.card-title h2,.card-title p{margin:0}.card-title h2{font-size:17px}.card-title p{color:var(--muted);font-size:12px;margin-top:4px}.table{overflow:auto;padding:0 16px 16px}.table h2{font-size:17px}table{border-collapse:collapse;width:100%}th,td{padding:13px 9px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{text-transform:uppercase;font-size:10px;color:var(--muted)}td small{color:var(--muted)}.alerts{padding-bottom:12px}.alert{display:flex;gap:11px;margin:0 16px 10px;padding:12px;background:#f8fafc;border-radius:10px}.alert b,.alert small{display:block}.alert small{color:var(--muted);margin-top:3px}.filters{padding:13px;margin-bottom:15px;display:grid;grid-template-columns:1fr 210px 170px;gap:10px}input,select,textarea{width:100%;border:1px solid #d7dfeb;border-radius:8px;padding:10px 11px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#7ba0ee;box-shadow:0 0 0 3px #2563eb14}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:17px;align-items:start}.form-card{padding:18px;margin-bottom:15px}.form-card h2{font-size:17px;margin:0 0 15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label,.summary label,.config-grid label,dialog label{display:flex;flex-direction:column;gap:6px;color:#475569}.span2{grid-column:span 2}.align-end{align-self:end}.selected{background:#eff6ff;color:#1e40af;padding:11px;border-radius:8px;margin-top:10px}.item-form{display:grid;grid-template-columns:1.3fr 1.5fr 75px auto;gap:8px;margin-bottom:10px}.summary{position:sticky;top:95px;padding:20px}.summary h2{margin-top:0}.summary p{display:flex;justify-content:space-between;align-items:center}.summary input{width:95px}.summary .total{font-size:20px;border-top:1px dashed #cbd5e1;padding-top:13px}.summary .balance{padding:12px;background:#fff7ed;color:#9a3412;border-radius:9px}.summary label{margin:12px 0}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px}.service{padding:18px}.service h3{margin:10px 0 4px}.service p{margin:0;color:var(--muted)}.service strong{display:block;color:var(--p);font-size:23px;margin:16px 0}.service-actions{display:flex;gap:7px}.cash-stats .dark{background:var(--nav);color:#fff}.cash-stats .dark small{color:#b8c5d8}.config-grid{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.upload{text-align:center}.upload input{display:none}textarea{min-height:75px;resize:vertical}dialog{border:0;border-radius:16px;width:min(480px,92vw);box-shadow:0 25px 80px #0f172a66;padding:0}dialog::backdrop{background:#0f172a99}dialog>form,dialog>#orderDetail{padding:23px}dialog h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.order-detail-head{text-align:center;background:#eff6ff;padding:15px;border-radius:10px}.order-detail-head h2{color:var(--p)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.pay-total{font-size:22px;text-align:center;color:var(--p);font-weight:bold}.danger{color:var(--red)}#toast{position:fixed;right:22px;top:88px;z-index:50;background:#172033;color:#fff;border-radius:9px;padding:12px 18px;opacity:0;transform:translateY(-8px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}#receipt{display:none}@media(max-width:1050px){body>aside{width:72px}.brand{padding:0 14px}.brand div,nav span{display:none}.app{margin-left:72px}nav button{justify-content:center;font-size:18px}.dash,.order-layout{grid-template-columns:1fr}.summary{position:static}.stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){body>aside{transform:translateX(-100%);transition:.2s;width:220px}.menu-open>aside{transform:none}.app{margin-left:0}.app>header{padding:0 13px}#menu{display:block;border:0;background:none;margin-right:10px}.header-right .avatar{display:none}main{padding:14px}.stats,.config-grid{grid-template-columns:1fr}.filters,.item-form{grid-template-columns:1fr}.welcome,.page-title{align-items:flex-start;gap:10px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media print{body>*{display:none!important}#receipt{display:block!important;width:78mm;margin:auto;color:#000;font:12px monospace}#receipt h2,#receipt p{text-align:center}.r-line{display:flex;justify-content:space-between;border-bottom:1px dotted #999;padding:5px}.r-total{text-align:right!important;font-size:18px;font-weight:bold}}