:root{--r-sm:6px;--r:8px;--r-lg:12px;--r-xl:16px;--font:"Inter",system-ui,-apple-system,sans-serif;--font-display:"Sora",var(--font);--font-mono:"JetBrains Mono",ui-monospace,monospace;--shadow:0 1px 0 rgba(0,0,0,.04)}.t-dark{--bg:#141414;--surface:#1f2226;--surface-2:#2C2F33;--surface-3:#26292e;--line:#3A3E43;--line-2:#4a4f55;--text:#E9E7E2;--text-2:#A8AAAD;--text-3:#71757a;--wood:#9C6B43;--wood-2:#C49A6C;--wood-3:#6E4A2E;--wood-fg:#F6F5F3;--ok:#4F8A5B;--ok-fg:#86C795;--ok-bg:#1E2A22;--warn:#C99A3B;--warn-fg:#E0B45F;--warn-bg:#2C2517;--danger:#B5544B;--danger-fg:#D98C84;--danger-bg:#2A1A18;--info:#5B7E9C;--info-fg:#9DBBD2;--info-bg:#19222b;--ring:#C49A6C}.t-light{--bg:#F1EFEA;--surface:#FFFFFF;--surface-2:#F6F5F3;--surface-3:#FAF9F7;--line:#E1DDD6;--line-2:#cfcabf;--text:#1c1d1f;--text-2:#5F5E5A;--text-3:#8a8880;--wood:#9C6B43;--wood-2:#C49A6C;--wood-3:#6E4A2E;--wood-fg:#FFFFFF;--ok:#4F8A5B;--ok-fg:#2f6b46;--ok-bg:#E7F1E9;--warn:#C99A3B;--warn-fg:#8a6a1e;--warn-bg:#F6EEDD;--danger:#B5544B;--danger-fg:#8f3a32;--danger-bg:#F6E5E3;--info:#5B7E9C;--info-fg:#3a586f;--info-bg:#E6EDF3;--ring:#9C6B43}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--wood);color:#fff}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.brand{display:flex;align-items:center;gap:9px}.brand .cubes{display:flex;gap:3px}.brand .cubes span{width:17px;height:17px;border-radius:4px;display:block}.brand .cubes span:first-child{border:3px solid var(--text)}.brand .cubes span:nth-child(2){border:3px solid var(--text-3)}.brand .word{line-height:1.05}.brand .word b{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:2px;color:var(--text)}.brand .word small{display:block;font-size:8px;letter-spacing:3px;color:var(--text-3)}.demo-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#0e0f10;color:#cfcdc8;padding:7px 12px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.06);position:-webkit-sticky;position:sticky;top:0;z-index:50}.demo-switch .lbl{color:#7a7e83;margin-right:4px;letter-spacing:.4px}.demo-switch a{padding:5px 11px;border-radius:7px;border:1px solid transparent;color:#b9bbbe}.demo-switch a:hover{background:rgba(255,255,255,.06)}.demo-switch a.on{background:rgba(156,107,67,.22);color:#E6CBA6;border-color:rgba(156,107,67,.5)}.demo-switch .right{margin-left:auto;color:#6b6f73}.shell{display:flex;min-height:calc(100vh - 38px)}.rail{width:212px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:3px}.rail.icononly{width:60px;align-items:center}.rail .rail-brand{padding:6px 8px 14px}.rail a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r);color:var(--text-2);font-size:14px;cursor:pointer;border:1px solid transparent}.rail a i{font-size:19px;width:20px;text-align:center;flex:none}.rail a:hover{background:var(--surface-2);color:var(--text)}.rail a.on{background:rgba(156,107,67,.16);color:var(--wood-2);border-color:rgba(156,107,67,.28)}.t-light .rail a.on{color:var(--wood-3);background:rgba(156,107,67,.12)}.rail .sep{height:1px;background:var(--line);margin:8px 6px}.rail .rail-foot{margin-top:auto;padding:8px}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.screens{flex:1 1;min-width:0}.screen{display:none;padding:22px 26px}.screen.on{display:block;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.topbar{justify-content:space-between;gap:14px;background:var(--surface-2);border-bottom:1px solid var(--line);padding:10px 18px}.topbar,.topbar .clock{display:flex;align-items:center}.topbar .clock{gap:7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px}.topbar .op{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:13px}.wood-strip{height:3px;background:var(--wood)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.page-head h1{font-family:var(--font-display);font-weight:600;font-size:23px;margin:0;letter-spacing:-.2px}.page-head p{margin:3px 0 0;color:var(--text-2);font-size:13.5px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase;margin-bottom:7px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.card.pad-sm{padding:12px}.grid{display:grid;grid-gap:14px;gap:14px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:16px;gap:16px}@media(max-width:880px){.cols-2,.cols-3,.cols-4,.split{grid-template-columns:1fr}}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px}.kpi .lbl{font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:7px}.kpi .lbl i{color:var(--text-3);font-size:16px}.kpi .num{font-family:var(--font-display);font-size:28px;font-weight:600;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .delta{font-size:12px;margin-top:2px}.kpi .delta.up{color:var(--ok-fg)}.kpi .delta.down{color:var(--danger-fg)}.status{background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--text-3);border-radius:var(--r-lg);padding:15px}.status.ok{border-left-color:var(--ok);background:var(--ok-bg)}.status.warn{border-left-color:var(--warn);background:var(--warn-bg)}.status.danger{border-left-color:var(--danger);background:var(--danger-bg)}.status.info{border-left-color:var(--info);background:var(--info-bg)}.status.warn.pulse{animation:pulseb 1.6s ease-in-out infinite}@keyframes pulseb{0%,to{border-left-color:var(--warn)}50%{border-left-color:var(--warn-bg)}}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:20px;line-height:1}.badge i{font-size:13px}.badge .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.ok .dot{background:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.warn .dot{background:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger-fg)}.badge.danger .dot{background:var(--danger)}.badge.info{background:var(--info-bg);color:var(--info-fg)}.badge.info .dot{background:var(--info)}.badge.muted{background:var(--surface-2);color:var(--text-2)}.badge.muted .dot{background:var(--text-3)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);font-size:12px;padding:5px 10px;border-radius:8px}.chip i{font-size:14px;color:var(--text-3)}.chip.toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip.toggle.on{background:rgba(156,107,67,.16);color:var(--wood-2);border-color:rgba(156,107,67,.45)}.t-light .chip.toggle.on{color:var(--wood-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;border-radius:var(--r);border:1px solid var(--line);background:transparent;color:var(--text);transition:.12s}.btn i{font-size:18px}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.985)}.btn.block{width:100%}.btn.sm{padding:7px 12px;font-size:13px}.btn.lg{padding:13px 20px;font-size:15px}.btn.wood{background:var(--wood);color:var(--wood-fg);border-color:var(--wood)}.btn.wood:hover{background:var(--wood-2);border-color:var(--wood-2)}.btn.wood:active{background:var(--wood-3)}.btn.success{background:var(--ok);color:#fff;border-color:var(--ok)}.btn.success:hover{filter:brightness(1.08)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.danger:hover{filter:brightness(1.08)}.btn.ghost{border-color:transparent;color:var(--text-2)}.btn.ghost:hover{color:var(--text);background:var(--surface-2)}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.field{margin-bottom:14px}.field>label{display:block;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-2);margin-bottom:6px;font-weight:500}.input,.select,textarea.input{width:100%;background:var(--surface-3);border:1px solid var(--line);color:var(--text);border-radius:var(--r);padding:10px 12px;font-size:14px;font-family:inherit}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--wood);box-shadow:0 0 0 3px rgba(156,107,67,.18)}.input.mono{font-family:var(--font-mono);letter-spacing:2px}.searchbar{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:11px 14px}.searchbar i{font-size:19px;color:var(--text-3)}.searchbar input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text);font-size:15px}.searchbar input::placeholder{color:var(--text-3)}.avatar{width:42px;height:42px;border-radius:50%;background:var(--wood);color:var(--wood-fg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex:none}.avatar.sm{width:34px;height:34px;font-size:13px}.avatar.ph{background:var(--surface-2);color:var(--text-3);border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-weight:500;color:var(--text-2);font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;background:var(--surface)}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:11px 12px;vertical-align:middle}.table tr:hover td{background:var(--surface-2)}.table .mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.row-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row-item:last-child{border-bottom:none}.row-item .grow{flex:1 1;min-width:0}.row-item .t1{font-size:14.5px;font-weight:500}.row-item .t2{font-size:12.5px;color:var(--text-2)}.qr{width:128px;height:128px;border-radius:var(--r);background:repeating-conic-gradient(var(--text) 0 25%,transparent 0 50%) 0 0/16px 16px,var(--surface);border:6px solid var(--surface);outline:1px solid var(--line)}.pin{font-family:var(--font-mono);font-size:26px;letter-spacing:8px;font-weight:600;color:var(--text)}.phone-wrap{display:flex;justify-content:center;padding:18px}.phone{width:390px;max-width:100%;background:var(--bg);border:10px solid #0e0f10;border-radius:38px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}.phone .notch{height:26px;background:#0e0f10}.phone .pscreen{height:720px;overflow:auto;position:relative}.tabbar{display:flex;background:var(--surface);border-top:1px solid var(--line);position:-webkit-sticky;position:sticky;bottom:0}.tabbar a{flex:1 1;text-align:center;padding:9px 0 11px;color:var(--text-3);font-size:10.5px;cursor:pointer}.tabbar a i{display:block;font-size:21px;margin-bottom:2px}.tabbar a.on{color:var(--wood)}.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:80;align-items:center;justify-content:center;padding:20px}.modal-bg.on{display:flex}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:440px;max-width:100%;overflow:hidden}.modal .mhead{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal .mhead h3{margin:0;font-size:16px;font-weight:600}.modal .mbody{padding:18px}.modal .mfoot{padding:14px 18px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#0e0f10;color:#f1efea;border:1px solid rgba(255,255,255,.12);padding:11px 18px;border-radius:10px;font-size:13.5px;z-index:90;transition:.25s;display:flex;align-items:center;gap:9px;pointer-events:none}.toast i{color:var(--wood-2)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.wrap{flex-wrap:wrap}.mt-6{margin-top:6px}.mt-10{margin-top:10px}.mt-14{margin-top:14px}.mt-18{margin-top:18px}.mt-22{margin-top:22px}.mb-10{margin-bottom:10px}.mb-14{margin-bottom:14px}.right{margin-left:auto}.grow{flex:1 1;min-width:0}.t1{font-size:14.5px;font-weight:500}.t2{font-size:12.5px;color:var(--text-2)}.h-sep{height:1px;background:var(--line);margin:14px 0}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pulse-dot{width:8px;height:8px;border-radius:50%;display:inline-block;animation:pd 1.3s ease-in-out infinite}@keyframes pd{0%,to{opacity:1}50%{opacity:.25}}.online{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.online .pulse-dot{background:var(--ok)}.app-root{min-height:100vh;background:var(--bg);color:var(--text)}body{background:#15171c}a.reset{color:inherit;text-decoration:none}.form-narrow{max-width:420px}.err{background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);border-radius:var(--r);padding:10px 12px;font-size:13.5px;margin-bottom:12px}.daychip{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.daychip input{position:absolute;opacity:0;width:0;height:0}.daychip:has(input:checked){background:rgba(156,107,67,.16);color:var(--wood-3);border-color:rgba(156,107,67,.5)}.daychip:has(input:checked) i{color:var(--wood-3)}