:root{--bg:#0b0b0a;--panel:#1c1c1b;--panel-2:#262624;--line:#3a3a37;--orange:#c8611a;--orange-hi:#e07a26;--cream:#f4e7c5;--dim:#b3a88c;--green:#8fbf4a;--red:#e0573a;--blue:#6aa6d8;--title:"Rubik Mono One", "Rubik", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--cream);font:14px/1.45 Rubik,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:var(--cream);background:var(--panel-2);border:1px solid var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;width:100%;padding:9px 11px}input:focus,select:focus,textarea:focus{border-color:var(--orange);outline:none}code,.mono{font-family:ui-monospace,Consolas,monospace}code{background:var(--panel-2);color:var(--orange-hi);border-radius:6px;padding:1px 6px}.layout{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.side{border-right:2px solid var(--orange);background:#000;flex-direction:column;height:100vh;padding:14px 10px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{font-family:var(--title);text-transform:uppercase;align-items:center;gap:10px;padding:4px 8px 16px;font-size:12px;display:flex}.brand img{clip-path:circle(44.5%);width:44px}.side nav{flex:1;gap:2px;display:grid}.side nav a{color:var(--dim);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.side nav a:hover{background:var(--panel);color:var(--cream)}.side nav a.on{background:var(--orange);color:var(--cream);font-weight:700}.ic{text-align:center;width:20px}.who{border-top:1px solid var(--line);gap:2px;margin-top:12px;padding:12px 10px 0;display:grid}.who small{color:var(--dim)}.who button{color:var(--orange-hi);justify-self:start;margin-top:4px}main{min-width:0;padding:22px 26px 60px}.mobile-bar{display:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.page-head h1{font-family:var(--title);text-transform:uppercase;font-size:18px;font-weight:400}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions select,.search{width:auto;min-width:220px}.btn{background:var(--orange);color:var(--cream);white-space:nowrap;border-radius:22px;padding:10px 18px;font-weight:700;display:inline-block}.btn:hover:not(:disabled){background:var(--orange-hi)}.btn.sm{padding:6px 13px;font-size:13px}.btn.ghost{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--cream)}.btn.ghost:hover{background:var(--line)}.btn.danger,.danger{color:var(--red)!important}.link{color:var(--orange-hi);text-underline-offset:2px;text-decoration:underline}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.muted{color:var(--dim)}.small{font-size:12px}.pad{padding:4px 0 12px}.ok{color:var(--green)}.warn{color:var(--orange-hi)}.err{color:var(--red);padding:12px 0}.note{background:var(--panel-2);border-left:3px solid var(--orange);border-radius:10px;padding:10px 12px}.nowrap{white-space:nowrap}.stars{color:var(--orange-hi);letter-spacing:1px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tabs button{background:var(--panel);color:var(--dim);border-radius:18px;padding:7px 14px}.tabs button.on{background:var(--orange);color:var(--cream)}.kpis{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.kpi.hot{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}.kpi small,.kpi span{color:var(--dim);font-size:12px}.kpi b{color:var(--orange-hi);font-size:22px}.grid2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px;margin-bottom:14px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-content:start;gap:12px;margin-bottom:14px;padding:16px;display:grid}.grid2 .panel{margin-bottom:0}.panel h3{text-transform:uppercase;letter-spacing:.5px;color:var(--orange-hi);font-size:13px}.bars{align-items:flex-end;gap:3px;height:180px;display:flex}.bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:6px;max-width:36px;height:100%;display:flex}.bar div{background:linear-gradient(var(--orange-hi), var(--orange));border-radius:4px 4px 0 0;width:100%;min-height:2px}.bar small{color:var(--dim);font-size:9px}.mini-kpis{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mini-kpis div{background:var(--panel-2);text-align:center;border-radius:10px;padding:10px;display:grid}.mini-kpis b{color:var(--orange-hi)}.mini-kpis small{color:var(--dim);font-size:11px}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:4px 4px 8px;overflow-x:auto}.table-wrap>p{padding:8px 10px 0}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;color:var(--dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px;font-size:12px;font-weight:500}.tbl td{vertical-align:top;border-bottom:1px solid #ffffff0d;padding:9px 10px}.tbl tr:last-child td{border-bottom:0}.tbl .r{text-align:right}.tbl.click tbody tr{cursor:pointer}.tbl.click tbody tr:hover{background:var(--panel-2)}.tbl tr.dim{opacity:.5}.tbl tr.hl{background:#e0573a1f}.tbl tfoot td{color:var(--dim)}.tbl tfoot .total td{color:var(--orange-hi);font-size:15px;font-weight:700}.tbl td.emoji{width:44px;font-size:22px}.thumb{object-fit:cover;border-radius:10px;width:64px;height:64px}.thumb.sm{border-radius:50%;width:34px;height:34px}.qty-in{text-align:right;width:80px;padding:4px 8px}.pill{background:var(--panel-2);color:var(--dim);white-space:nowrap;border-radius:10px;margin-right:4px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.pill.orange{color:var(--orange-hi);background:#e07a2629}.pill.green{color:var(--green);background:#8fbf4a29}.pill.blue{color:var(--blue);background:#6aa6d829}.pill.red{color:var(--red);background:#e0573a29}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:14px;display:grid}.ocard{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--orange);text-align:left;border-radius:14px;align-content:start;gap:8px;padding:14px;display:grid}button.ocard:hover{background:var(--panel-2)}.ocard.st-completed,.ocard.st-cancelled{border-left-color:var(--line)}.ocard.st-ready{border-left-color:var(--green)}.ocard.late{border-left-color:var(--red)}.modal-bg{z-index:20;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:2px solid var(--orange);border-radius:18px;width:100%;max-width:480px;max-height:92vh;overflow-y:auto}.modal.wide{max-width:760px}.modal-head{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.modal-head h3{font-size:16px}.x{color:var(--dim);font-size:26px;line-height:1}.modal-body{gap:12px;padding:16px 18px 20px;display:grid}.order-modal{gap:14px;display:grid}.info-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.info-grid>div{gap:2px;display:grid}.info-grid small{color:var(--dim);font-size:12px}.info-grid .span2{grid-column:span 2}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fld{gap:5px;display:grid}.fld>span{color:var(--dim);font-size:12px}.fld small{color:var(--dim);font-size:11px}.chk{align-items:center;gap:8px;display:flex}.chk input{width:18px;height:18px;accent-color:var(--orange)}.phone-preview{color:#111;background:#f1f1f1;border-radius:14px;gap:2px;padding:12px 14px;font-size:13px;display:grid;box-shadow:0 4px 14px #0006}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{text-align:center;gap:12px;width:100%;max-width:340px;display:grid}.login img{clip-path:circle(44.5%);justify-self:center;width:140px}.login h1{font-family:var(--title);text-transform:uppercase;margin-bottom:8px;font-size:15px;font-weight:400}.login .btn{text-align:center;padding:13px}.spin{border:4px solid var(--panel-2);border-top-color:var(--orange);border-radius:50%;width:34px;height:34px;margin:60px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--panel);border:2px solid var(--green);z-index:50;border-radius:12px;max-width:420px;padding:13px 18px;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #0009}.toast.err{border-color:var(--red)}@media (width<=860px){.layout{grid-template-columns:1fr}.side{z-index:30;width:250px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.side.open{transform:none}.side-bg{z-index:25;background:#0009;position:fixed;inset:0}main{padding:0 12px 60px}.mobile-bar{z-index:10;border-bottom:2px solid var(--orange);background:#000;align-items:center;gap:12px;margin:0 -12px 12px;padding:10px 12px;display:flex;position:sticky;top:0}.mobile-bar button{background:var(--panel);text-align:center;border-radius:10px;width:38px;height:38px;font-size:22px}.page-head h1{display:none}.grid2,.form-grid,.info-grid{grid-template-columns:1fr}.info-grid .span2{grid-column:auto}.search,.actions select{flex:1;min-width:0}.actions{width:100%}.mini-kpis{grid-template-columns:repeat(2,1fr)}}