:root{--bg:#f5f7f6;--surface:#fff;--text:#0c1a16;--muted:#51625c;--line:#dbe4e0;--accent:#0a9f6e;--accent-2:#0a7d8f;--on:#fff;--glow:#0a9f6e21;--warn:#b87a0a;--bad:#d03a40;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070d0b;--surface:#0f1815;--text:#e8f2ee;--muted:#8fa49c;--line:#1c2b26;--accent:#2ee59d;--accent-2:#3cc7dd;--on:#04110c;--glow:#2ee59d26;--warn:#f0b23c;--bad:#ff6b70;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#070d0b;--surface:#0f1815;--text:#e8f2ee;--muted:#8fa49c;--line:#1c2b26;--accent:#2ee59d;--accent-2:#3cc7dd;--on:#04110c;--glow:#2ee59d26;--warn:#f0b23c;--bad:#ff6b70;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font:400 15px/1.55 Inter,system-ui,sans-serif}h1,h2,h3,.logo{margin:0;font-family:Space Grotesk,Inter,sans-serif;line-height:1.15}body:before{content:"";height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30;position:fixed;inset:0 0 auto}button,input,select{font:inherit;color:inherit}.top{top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 18px;display:flex;position:sticky}.logo{letter-spacing:.08em;font-weight:700}.logo b{color:var(--accent)}.logo-img{width:auto;height:40px;filter:drop-shadow(0 2px 8px var(--glow));margin-right:10px}.tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-left:10px;font-size:.72rem}.burger{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;display:none}.burger svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.app{grid-template-columns:250px 1fr;min-height:calc(100vh - 58px);display:grid}aside{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:14px;padding:18px 14px;display:flex}.seg{border:1px solid var(--line);background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 6px;font-size:.85rem}.seg button.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on);font-weight:500}aside select{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;padding:9px 10px}.nav{gap:4px;display:grid}.nav button{text-align:left;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:11px 14px}.nav button:hover{background:var(--glow);color:var(--text)}.nav button.on{background:var(--glow);color:var(--accent);font-weight:500}main{width:100%;max-width:1080px;margin:0 auto;padding:24px 22px 60px}.app.nosb{grid-template-columns:minmax(0,1fr)}.ar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 0;display:flex}.ar:first-child{border-top:0;padding-top:0}.ar:last-child{padding-bottom:0}.ai{flex-direction:column;flex:200px;min-width:0;display:flex}.ai b{font-weight:500}.ai span{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}h2.sec{margin:10px 0 4px;font-size:1.25rem}.view{animation:.4s both up}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}h1{margin-bottom:6px;font-size:1.7rem}.sub{color:var(--muted);margin:0 0 22px}.note{color:var(--muted);border:1px dashed var(--line);border-radius:10px;margin-bottom:18px;padding:8px 12px;font-size:.8rem}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.card,.box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.card b{color:var(--accent);font:700 1.9rem Space Grotesk,sans-serif;display:block}.card span{color:var(--muted);font-size:.82rem}.box{margin-bottom:16px}.box h3{margin-bottom:14px;font-size:1.02rem}.bars{align-items:flex-end;gap:10px;height:120px;display:flex}.bars div{height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;font-size:.7rem;display:flex}.bars i{background:linear-gradient(180deg,var(--accent),var(--accent-2));transform-origin:bottom;border-radius:6px 6px 0 0;width:100%;animation:.7s both grow;display:block}@keyframes grow{0%{transform:scaleY(0)}}.flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.82rem}.flow span.live{border-color:var(--accent);color:var(--accent);background:var(--glow)}.flow em{color:var(--muted);font-style:normal}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:.88rem}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 10px 10px;font-size:.76rem;font-weight:500}td{border-top:1px solid var(--line);vertical-align:middle;padding:11px 10px}.pill{background:color-mix(in srgb,currentColor 14%,transparent);border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:500}.pill.ok{color:var(--accent)}.pill.wait{color:var(--warn)}.pill.no{color:var(--bad)}.acts{flex-wrap:wrap;gap:6px;display:flex}.mini,.btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:.8rem}.mini.ok{color:var(--accent);border-color:var(--accent)}.mini.no{color:var(--warn);border-color:var(--warn)}.mini.del{color:var(--bad);border-color:var(--bad)}.mini:hover{background:var(--glow)}.btn{padding:10px 20px;font-size:.9rem}.btn.p{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on);border:0;font-weight:500}.form{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.form input,.form select{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex:1;min-width:140px;padding:10px 12px}code{background:var(--glow);color:var(--accent);border-radius:8px;padding:3px 8px;font-family:ui-monospace,Menlo,monospace;font-size:.84rem}.empty{color:var(--muted);padding:18px 4px}.wait-box{text-align:center;padding:48px 20px}.wait-box h2{margin-bottom:8px}#modal{z-index:50;background:#00000080;place-items:center;padding:20px;display:none;position:fixed;inset:0}#modal.on{display:grid}#modal div{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:100%;max-width:380px;padding:24px}#modal p{margin:0 0 18px}#modal .acts{justify-content:flex-end}#toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--accent);color:var(--on);opacity:0;z-index:60;border-radius:999px;padding:10px 18px;font-weight:500;transition:all .3s;position:fixed;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}aside{top:calc(58px + env(safe-area-inset-top,0px));z-index:25;width:260px;transition:transform .3s;position:fixed;bottom:0;left:0;transform:translate(-105%)}aside.open{transform:none;box-shadow:12px 0 30px #00000040}main{padding:20px 14px 50px}.tag{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}