:root{--bg:#081d2b;--panel:#0c2738;--panel2:#102f42;--line:#24485b;--text:#eff9fc;--muted:#93afbc;--accent:#45d3c0;--accent2:#68d8ff;--warn:#e9b44c;--bad:#c9534d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}.pos-app{min-height:100vh;padding-top:58px}.pos-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 58px)}.pos-side{border-right:1px solid var(--line);background:#071925;padding:18px 12px;position:sticky;top:58px;height:calc(100vh - 58px);overflow:auto}.pos-brand{padding:8px 10px 18px}.pos-brand strong{display:block;font-size:18px}.pos-brand span{color:var(--muted);font-size:10px}.pos-nav{display:grid;gap:5px}.pos-nav button{border:0;background:transparent;color:#b9d0da;padding:10px 11px;border-radius:10px;text-align:left;cursor:pointer;font-weight:750;font-size:12px}.pos-nav button:hover{background:#0d293a}.pos-nav button.active{background:#123a50;color:#86ecdd}.pos-main{min-width:0;padding:20px}.pos-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.pos-title small{display:block;color:var(--accent2);font-weight:900;font-size:9px;letter-spacing:.13em}.pos-title h1{margin:3px 0 0;font-size:26px}.pos-badges{display:flex;gap:7px;flex-wrap:wrap}.pos-badge{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:#cde0e8;font-size:10px}.pos-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.pos-kpi{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.pos-kpi span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}.pos-kpi strong{display:block;margin-top:5px;font-size:21px}.pos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pos-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:15px}.pos-card.wide{grid-column:1/-1}.pos-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pos-card header span{color:var(--accent2);font-size:9px;font-weight:900;letter-spacing:.1em}.pos-card h2,.pos-card h3{margin:3px 0;color:var(--text)}.pos-card h2{font-size:18px}.pos-card h3{font-size:14px}.pos-card p{color:var(--muted);font-size:11px}.pos-list{display:grid;gap:7px}.pos-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.pos-row b{font-size:11px}.pos-row span{color:var(--muted);font-size:10px}.tables{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.table-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:14px;min-height:110px;color:var(--text);cursor:pointer;text-align:left}.table-card.open{border-color:#338f84}.table-card.preparing{border-color:#b48a36}.table-card strong{display:block;font-size:15px}.table-card span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.table-card b{display:block;margin-top:16px;color:var(--accent);font-size:14px}.order-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:12px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-item{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:12px;color:var(--text);cursor:pointer;text-align:left}.menu-item strong{display:block;font-size:11px}.menu-item span{display:block;margin-top:5px;color:var(--accent);font-weight:800}.basket{display:grid;gap:7px}.basket-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:9px;border-bottom:1px solid var(--line)}.basket-row button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;width:27px;height:27px;cursor:pointer}.basket-empty{padding:30px;text-align:center;color:var(--muted)}.pos-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pos-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 12px;border-radius:10px;font-weight:800;cursor:pointer}.pos-btn.primary{background:#137c70;border-color:#168c7f}.pos-btn.warn{background:#75571e;border-color:#9a742c}.pos-btn.danger{background:#6c2f2b;border-color:#8f413b}.tag{display:inline-flex;padding:4px 7px;border-radius:999px;background:#13364a;color:#b9d7e2;font-size:9px;font-weight:800}.tag.good{background:#153f38;color:#8fe9d7}.tag.warn{background:#46391b;color:#f3cf77}.tag.bad{background:#482824;color:#f2a09a}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:10px}.data-table th{color:var(--muted);font-size:9px;letter-spacing:.08em}.data-table td{color:#d9e8ee}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bar-row{display:grid;grid-template-columns:130px 1fr 60px;gap:8px;align-items:center;margin:9px 0}.bar{height:8px;border-radius:999px;background:#163549;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.notice{padding:11px;border:1px solid #28536a;border-radius:11px;background:#0d2b3c;color:#bad1db;font-size:10px}.mobile-menu{display:none}
@media(max-width:950px){.pos-shell{grid-template-columns:1fr}.pos-side{display:none}.pos-main{padding:14px}.pos-cards{grid-template-columns:repeat(2,1fr)}.tables{grid-template-columns:repeat(2,1fr)}.order-layout,.split{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pos-app{padding-top:104px}.pos-main{padding:10px}.pos-top{align-items:flex-start;flex-direction:column}.pos-cards{grid-template-columns:1fr 1fr}.pos-kpi{padding:10px}.pos-kpi strong{font-size:17px}.tables{grid-template-columns:1fr 1fr}.pos-grid{grid-template-columns:1fr}.pos-card.wide{grid-column:auto}.menu-grid{grid-template-columns:1fr 1fr}.data-table{display:block;overflow:auto}}