:root{--bg:#061525;--panel:#0b213a;--line:#203a55;--text:#f7f8fb;--muted:#91a4b7;--gold:#d7a33e;--gold2:#f0bc54;--green:#3fd18a;--blue:#5ea1ff;--purple:#9a78ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 80% 0,#0d2947 0,#061525 42%,#04101d 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{min-height:100vh}.dashboard-shell{max-width:1500px;margin:0 auto;padding:18px 22px 16px}.topbar,.heading-row,.panel-head,footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{border:1px solid var(--line);padding:10px 12px;border-radius:12px;background:linear-gradient(145deg,#0b213a,#081b30)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font-weight:800;font-size:21px}.brand b{font-size:18px;letter-spacing:.4px}.brand small{display:block;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.ghost,.presets button{border:1px solid var(--line);background:#0a1d31;color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.danger-text{color:#ff9a9f}.heading-row{padding:13px 0}.heading-row h1{font-size:24px;margin:0 0 4px}.period-label{color:var(--gold2);font-size:12px}.presets{display:flex;gap:7px}.presets button.active{background:rgba(215,163,62,.16);border-color:var(--gold);color:var(--gold2)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi,.panel{background:linear-gradient(145deg,rgba(14,42,72,.96),rgba(8,29,50,.96));border:1px solid rgba(129,158,187,.18);border-radius:14px}.kpi{padding:15px 17px;min-height:105px}.kpi span{display:block;color:#d7e0e9;font-size:13px}.kpi strong{display:block;margin-top:8px;font-size:27px;white-space:nowrap}.kpi small{display:block;margin-top:7px;color:var(--muted)}.main-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(520px,1.7fr);grid-template-areas:'pay chart' 'top wait';gap:12px;margin-top:12px}.panel{padding:14px 16px;min-width:0}.payments-panel{grid-area:pay}.chart-panel{grid-area:chart}.top-panel{grid-area:top}.waiter-panel{grid-area:wait}.panel-title{font-size:16px;font-weight:750}.panel-head span{font-size:12px;color:var(--muted)}.pay-row{margin-top:12px}.pay-line{display:flex;justify-content:space-between;gap:12px}.bar-track{height:6px;background:#163553;border-radius:999px;margin-top:6px;overflow:hidden}.bar-fill{height:100%;background:var(--gold2);border-radius:999px}.pay-row:nth-child(2) .bar-fill{background:var(--green)}.pay-row:nth-child(3) .bar-fill{background:var(--blue)}.pay-row:nth-child(4) .bar-fill{background:var(--purple)}.chart{height:200px;display:flex;align-items:flex-end;gap:5px;padding:18px 4px 2px;border-bottom:1px solid var(--line)}.chart-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.chart-bar{width:62%;max-width:28px;min-width:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(#f0bc54,#c88b20);min-height:2px}.chart-label{font-size:9px;color:var(--muted);white-space:nowrap}.rank-list{margin-top:8px}.rank-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 0;border-bottom:1px dashed rgba(145,164,183,.18)}.rank-row:last-child{border:0}.rank-no{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#132035;font-weight:800;font-size:11px}.rank-value{font-weight:700}.waiter-meter{height:5px;background:#173654;border-radius:99px;margin-top:5px;overflow:hidden}.waiter-meter i{display:block;height:100%;background:var(--gold);border-radius:99px}footer{color:var(--muted);font-size:11px;margin-top:10px}.login-body{display:grid;place-items:center;padding:20px}.login-shell{width:min(440px,100%)}.login-card{background:linear-gradient(145deg,#0c2845,#081b30);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.login-card h1{margin:25px 0 6px}.login-card p,.hint{color:var(--muted);line-height:1.5}.login-card label,.settings-card label{display:block;margin-top:14px;color:#d9e2eb;font-size:13px}.login-card input,.settings-card input{width:100%;margin-top:7px;border:1px solid #294764;background:#061727;color:#fff;border-radius:10px;padding:12px 13px}.login-card button,.save-btn{width:100%;margin-top:18px;background:linear-gradient(#e4b04d,#bf8421);border:0;color:#142034;font-weight:800;border-radius:10px;padding:12px;cursor:pointer}.login-msg,.settings-msg{min-height:20px;margin-top:10px;color:#ff949b;font-size:12px}.secret-box{padding:14px;border-radius:12px;background:#061727;border:1px solid var(--line);margin:18px 0}.secret-box span{display:block;color:var(--muted);font-size:12px}.secret-box strong{display:block;font-family:ui-monospace,monospace;font-size:18px;letter-spacing:2px;margin-top:6px;word-break:break-all}.modal-backdrop{position:fixed;inset:0;background:rgba(1,8,15,.72);display:grid;place-items:center;padding:18px;z-index:100}.modal-backdrop[hidden]{display:none}.settings-card{width:min(480px,100%);background:linear-gradient(145deg,#0c2845,#081b30);border:1px solid var(--line);border-radius:18px;padding:20px}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head h2{margin:0}.settings-msg.ok{color:#74e5aa}.settings-note{color:var(--muted);font-size:11px}.error-banner{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#441b22;border:1px solid #7f3844;color:#ffd6da;padding:10px 14px;border-radius:10px;z-index:999}@media(max-width:900px){.dashboard-shell{padding:12px}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.heading-row{align-items:flex-start;flex-direction:column}.presets{width:100%;overflow-x:auto}.presets button{flex:1}.kpi-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr;grid-template-areas:'pay' 'chart' 'top' 'wait'}.chart{height:230px}}@media(orientation:landscape) and (max-height:620px){.dashboard-shell{padding:7px 10px 10px;max-width:1600px}.topbar{padding:6px 9px}.brand-mark{width:30px;height:30px;font-size:17px}.brand b{font-size:15px}.brand small{display:none}.ghost,.presets button{padding:5px 8px}.heading-row{padding:6px 0}.heading-row h1{font-size:18px}.kpi-grid{gap:8px}.kpi{padding:8px 11px;min-height:70px}.kpi strong{font-size:20px}.main-grid{grid-template-columns:minmax(220px,.72fr) minmax(470px,1.7fr);gap:8px;margin-top:8px}.panel{padding:9px 11px}.chart{height:135px}.rank-row{padding:4px 0}}