:root{--ink: #17211d;--muted: #64716b;--bg: #f2f4f1;--panel: #fffefb;--soft: #f8f1e7;--line: #d9d8cf;--accent: #125f56;--accent2: #cf7f2a;--blue: #276b9f;--green: #317448;--danger: #bd4438;--warn: #996115;--green-bg: #e3efe5;--warn-bg: #f6ead8;--danger-bg: #f7e1de;--radius: 10px;--side: 210px}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}.lucide{width:18px;height:18px;stroke-width:2;vertical-align:-3px;flex:none}.layout{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100%}.side{background:var(--accent);color:#fffefb;padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{font-weight:600;font-size:16px;padding:4px 10px 18px;display:flex;gap:8px;align-items:center}.nav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:inherit;text-decoration:none;border:0;background:none;width:100%;text-align:left}.nav:hover{background:#ffffff1a}.nav.on{background:#ffffff2e;font-weight:500}.nav .count{margin-left:auto;background:var(--accent2);border-radius:999px;padding:0 8px;font-size:12px;font-weight:600}.side-foot{margin-top:auto;font-size:13px;opacity:.85;padding:10px 12px;word-break:break-all}.side-foot button{margin-top:8px;background:none;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:6px 10px;color:inherit}.main{padding:22px 26px 40px;min-width:0}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}.top h1{font-size:22px;font-weight:600;margin:0}.top .sub{color:var(--muted);font-size:13px;margin-top:2px}.biz-select{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:8px 10px;max-width:260px}@media (max-width: 760px){.layout{grid-template-columns:1fr}.side{position:fixed;inset:auto 0 0;height:auto;z-index:10;flex-direction:row;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:2px}.brand,.side-foot{display:none}.nav{flex-direction:column;gap:2px;font-size:11px;padding:6px 2px;text-align:center;position:relative}.nav .count{position:absolute;top:2px;right:18%;margin:0}.main{padding:16px 14px 96px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.pad{padding:14px 16px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.kpi{padding:14px 16px}.kpi small{color:var(--muted);font-size:13px;display:block}.kpi b{font-size:26px;font-weight:600;display:block;margin-top:2px;font-variant-numeric:tabular-nums}.section-title{font-size:15px;font-weight:600;margin:22px 0 10px;display:flex;align-items:center;gap:8px}.list{list-style:none;margin:0;padding:0}.list>li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.list>li:last-child{border-bottom:0}.list>li.click{cursor:pointer}.list>li.click:hover{background:var(--soft)}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.right{text-align:right}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.ok{background:var(--green)}.dot.wait{background:var(--accent2)}.dot.off{background:#a7aea9}.dot.bad{background:var(--danger)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;white-space:nowrap}.pill.ok{background:var(--green-bg);color:var(--green)}.pill.wait{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--danger-bg);color:var(--danger)}.pill.off{background:#ebece8;color:var(--muted)}.btn{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 14px;font-weight:500;display:inline-flex;gap:6px;align-items:center}.btn:hover{background:var(--soft)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fffefb}.btn.primary:hover{background:#0e4f47}.btn.danger{color:var(--danger)}.btn[disabled]{opacity:.6;cursor:default}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;align-items:end}.filters label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.filters input,.filters select{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 10px}.empty{padding:28px 16px;text-align:center;color:var(--muted)}.banner{border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start}.banner.wait{background:var(--warn-bg);color:var(--warn)}.banner.bad{background:var(--danger-bg);color:var(--danger)}.banner.info{background:#e4eef5;color:var(--blue)}.cancelled{text-decoration:line-through;color:var(--muted)}.sheet-bg{position:fixed;inset:0;background:#17211d59;z-index:20;display:flex;justify-content:flex-end}.sheet{background:var(--panel);width:min(440px,100%);height:100%;overflow-y:auto;padding:18px 20px 40px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-head h2{margin:0;font-size:18px;font-weight:600}.icon-btn{border:0;background:none;padding:6px;border-radius:8px}.icon-btn:hover{background:var(--soft)}.ticket{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;background:#fff;border:1px dashed var(--line);border-radius:8px;padding:14px}.ticket .t-row{display:flex;justify-content:space-between;gap:10px}.ticket .t-c{text-align:center}.ticket hr{border:0;border-top:1px dashed var(--line);margin:8px 0}.ticket .t-big{font-size:16px;font-weight:600}.login-wrap{min-height:100%;display:grid;place-items:center;padding:20px}.login{width:min(380px,100%);padding:26px 24px}.login h1{margin:0 0 4px;font-size:22px;font-weight:600;display:flex;gap:10px;align-items:center;color:var(--accent)}.login p{margin:0 0 18px;color:var(--muted);font-size:14px}.login label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.login input{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff}.login .btn{width:100%;justify-content:center;padding:11px;margin-top:6px}.err{color:var(--danger);font-size:13px;min-height:18px;margin-top:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fffefb;padding:10px 16px;border-radius:10px;font-size:14px;z-index:40;max-width:90vw}@media (max-width: 760px){.toast{bottom:90px}}