:root{--bg:#edefea;--bg2:#e2e5de;--surface:#fbfbf8;--surface-2:#f3f5ef;--glass:#fbfbf8e6;--ink:#1b1f23;--ink-2:#394046;--muted:#596168;--line:#cbd0c7;--line2:#dde1d9;--accent:#c6f432;--accent-ink:#1a2204;--accent-soft:#e8f7b4;--accent-fg:#385400;--gold:#7a4e00;--gold-soft:#fbe8b8;--green:#17692f;--green-soft:#d6efdc;--blue:#1b4f94;--blue-soft:#dae7f8;--violet:#58399f;--violet-soft:#e6dff7;--red:#a52319;--red-soft:#f8d9d5;--shadow:0 1px 0 #1b1f230a;--shadow-lg:0 18px 50px #1b1f2338;--r:8px;--r-sm:6px;--sidebar:244px;--ease:cubic-bezier(.2,.8,.2,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#121518;--bg2:#1b1f23;--surface:#1a1e22;--surface-2:#20252a;--glass:#1a1e22eb;--ink:#e9ece6;--ink-2:#c3c9c4;--muted:#99a2a8;--line:#30363c;--line2:#262b30;--accent:#c6f432;--accent-ink:#1a2204;--accent-soft:#2a380c;--accent-fg:#c6f432;--gold:#f0c24e;--gold-soft:#33290e;--green:#6bd58d;--green-soft:#143222;--blue:#8db8f5;--blue-soft:#16263f;--violet:#baa7f6;--violet-soft:#2a2147;--red:#ff8f85;--red-soft:#3a1a18;--shadow:0 1px 0 #0000004d;--shadow-lg:0 18px 50px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13.5px;line-height:1.45;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:JetBrains Mono,ui-monospace,monospace}.muted{color:var(--muted)}.small{font-size:12px}.bold{font-weight:700}.right{text-align:right}.center{text-align:center}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.show-sm{display:none}.link{color:var(--accent-fg);text-underline-offset:2px;font-weight:700;text-decoration:underline}.app{grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100%;transition:grid-template-columns .35s var(--ease);display:grid;position:relative}.sidebar{z-index:5;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:6px;height:100vh;padding:14px 10px;display:flex;position:sticky;top:0;overflow:hidden}.brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:4px;padding:4px 6px 12px;display:flex}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border:1px solid #00000040;border-radius:6px;flex:none;place-items:center;display:grid}.brand b{letter-spacing:-.02em;font-size:16px}.brand small{color:var(--muted);margin-top:-2px;font-size:11px;display:block}.nav{scrollbar-width:none;flex-direction:column;flex:1;gap:1px;display:flex;position:relative;overflow:hidden auto}.nav-pill{background:var(--accent);z-index:0;pointer-events:none;border:1px solid #0003;border-radius:6px;position:absolute;left:0;right:0}.nav a{z-index:1;color:var(--ink-2);white-space:nowrap;border-radius:6px;align-items:center;gap:11px;padding:8px 10px;font-weight:600;transition:color .25s,background .25s;display:flex;position:relative}.nav a:hover{background:var(--bg2)}.nav a.active{color:var(--accent-ink);background:0 0}.nav a svg{flex:none}.nav .cnt{background:var(--ink);color:var(--bg);border-radius:4px;margin-left:auto;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700}.nav a.active .cnt{background:var(--accent-ink);color:var(--accent)}.nav-sec{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:12px 10px 4px;font-size:10.5px;font-weight:700}.side-foot{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:8px;display:flex}.app.collapsed{grid-template-columns:70px minmax(0,1fr)}.collapsed .lbl,.collapsed .cnt,.collapsed .brand-txt,.collapsed .nav-sec,.collapsed .hide-collapsed{display:none}.collapsed .nav a{justify-content:center}.main{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.topbar{z-index:4;background:var(--glass);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 24px;display:flex;position:sticky;top:0}.search{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex:0 380px;align-items:center;gap:8px;min-width:220px;padding:7px 11px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.kbd{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.icon-btn{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex:none;place-items:center;width:34px;height:34px;transition:background .2s;display:grid;position:relative}.icon-btn:hover{background:var(--accent-soft)}.icon-btn .dot{background:var(--accent);border:1.5px solid var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:7px}.avatar{width:34px;height:34px;color:var(--accent-ink);background:var(--accent);border:1px solid #00000040;border-radius:6px;flex:none;place-items:center;font-weight:800;display:grid}.avatar.sm{width:26px;height:26px;font-size:11px}.content{flex-direction:column;gap:16px;width:100%;max-width:1560px;margin:0 auto;padding:20px 24px 60px;display:flex}.content>*,.col>*{min-width:0}.page-head{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:10px;display:flex}.page-head h1{letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;line-height:1.15;display:flex}.page-head h1:before{content:"";background:var(--accent);border:1px solid var(--ink);flex:none;width:12px;height:12px}.page-head p{color:var(--muted);max-width:760px;margin-top:4px}.demo-banner{background:var(--accent);color:var(--accent-ink);z-index:3;align-items:center;gap:10px;padding:5px 24px;font-size:12px;display:flex;position:relative}.demo-banner button{color:var(--accent-ink);text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);min-width:0;padding:14px;position:relative}.card h3{letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:800}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.g5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.g-main{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;display:grid}.g-main>*{align-self:start;min-width:0}.btn{border:1px solid var(--ink-2);background:var(--surface);color:var(--ink);transition:transform .15s var(--ease), background .2s;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-weight:700;display:inline-flex}.btn:hover{background:var(--accent-soft)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-ink)}.btn.primary:hover{filter:brightness(.95);background:var(--accent)}.btn.dark{background:var(--ink);color:var(--bg)}.btn.ghost{border-color:var(--line);background:0 0}.btn.sm{padding:4px 9px;font-size:12px}.btn.lg{padding:12px 18px;font-size:14.5px}.btn.block{width:100%}.btn.danger{border-color:var(--red);color:var(--red)}.btn[disabled]{opacity:.5;pointer-events:none}.badge{background:var(--bg2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge.green{background:var(--green-soft);color:var(--green);border-color:#0000}.badge.red{background:var(--red-soft);color:var(--red);border-color:#0000}.badge.gold{background:var(--gold-soft);color:var(--gold);border-color:#0000}.badge.blue{background:var(--blue-soft);color:var(--blue);border-color:#0000}.badge.violet{background:var(--violet-soft);color:var(--violet);border-color:#0000}.badge.accent{background:var(--accent);color:var(--accent-ink);border-color:#0000}.ai-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.input,.select,textarea.input{background:var(--surface);border:1px solid var(--line);border-radius:6px;outline:none;width:100%;min-width:0;padding:8px 10px;transition:border .2s,box-shadow .2s}.input:focus,.select:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.seg{background:var(--bg2);border:1px solid var(--line);scrollbar-width:none;border-radius:6px;gap:2px;max-width:100%;padding:3px;display:inline-flex;position:relative;overflow-x:auto}.seg button{z-index:1;color:var(--muted);white-space:nowrap;border-radius:4px;padding:5px 11px;font-size:12.5px;font-weight:700;transition:color .25s;position:relative}.seg button.on{color:var(--ink)}.seg .thumb{background:var(--surface);border:1px solid var(--line);z-index:0;border-radius:4px;position:absolute;top:3px;bottom:3px}.chips{scrollbar-width:none;flex-wrap:wrap;gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}.chip{background:var(--surface);border:1px solid var(--line);border-radius:4px;flex:none;padding:5px 11px;font-size:12.5px;font-weight:600}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-ink)}.toggle{background:var(--line);border:1px solid var(--ink-2);border-radius:4px;flex:none;width:38px;height:22px;position:relative}.toggle:after{content:"";background:var(--ink);width:16px;height:16px;transition:transform .25s var(--ease);border-radius:2px;position:absolute;top:2px;left:2px}.toggle.on{background:var(--accent)}.toggle.on:after{background:var(--accent-ink);transform:translate(16px)}.tbl-wrap{border:1px solid var(--line);border-radius:var(--r-sm);max-width:100%;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);white-space:nowrap;background:var(--bg2);border-bottom:1px solid var(--ink-2);padding:7px 10px;font-size:10.5px;font-weight:800}.tbl td{border-top:1px solid var(--line2);border-left:1px solid var(--line2);vertical-align:middle;padding:7px 10px}.tbl td:first-child,.tbl th:first-child{border-left:0}.tbl tbody tr:hover td{background:var(--accent-soft)}.tbl tr.clk{cursor:pointer}.tbl td.n,.tbl th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:JetBrains Mono,monospace}.bar{background:var(--bg2);border:1px solid var(--line);border-radius:2px;height:7px;overflow:hidden}.bar>i{background:var(--ink-2);width:0;height:100%;display:block}.bar.lime>i{background:var(--accent)}.bar.green>i{background:var(--green)}.bar.gold>i{background:var(--gold)}.bar.red>i{background:var(--red)}.bar.blue>i{background:var(--blue)}.empty{text-align:center;color:var(--muted);padding:24px}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.legend i{border:1px solid var(--ink-2);width:9px;height:9px;margin-right:6px;display:inline-block}.kpi{border-top:3px solid var(--ink);flex-direction:column;gap:6px;display:flex;overflow:hidden}.kpi .lab{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.kpi .val{letter-spacing:-.04em;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800;line-height:1}.kpi .delta{font-size:12px;font-weight:700}.kpi .delta.up{color:var(--green)}.kpi .delta.down{color:var(--red)}.kpi.lime{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-ink)}.kpi.lime .lab,.kpi.lime .delta,.kpi.lime .muted{color:var(--accent-ink)}.note{background:var(--accent-soft);border:1px solid var(--accent-fg);color:var(--ink);border-left-width:4px;border-radius:4px;padding:9px 12px;font-size:12.5px}.note.warn{background:var(--gold-soft);border-color:var(--gold)}.note.bad{background:var(--red-soft);border-color:var(--red)}.kv{grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:600}.steps{flex-wrap:wrap;gap:0;display:flex}.step{border:1px solid var(--line);background:var(--surface-2);align-items:center;gap:6px;margin-right:-1px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.step.done{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-ink)}.step.cur{background:var(--gold-soft);color:var(--gold);border-color:var(--gold)}.step.no{background:var(--red-soft);color:var(--red)}input[type=range]{accent-color:#5c7a00;width:100%}input[type=checkbox]{accent-color:#5c7a00;width:16px;height:16px}.mx-wrap{border:1px solid var(--ink-2);border-radius:var(--r-sm);background:var(--surface);max-width:100%;overflow:auto}.mx{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12.5px}.mx th,.mx td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;background:var(--surface);padding:6px 9px}.mx thead th{background:var(--bg2);border-bottom:2px solid var(--ink-2);min-width:170px}.mx .stk{z-index:3;background:var(--bg2);border-right:2px solid var(--ink-2);min-width:190px;max-width:220px;position:sticky;left:0}.mx tbody .stk{background:var(--surface-2);z-index:1}.mx td.best{background:var(--accent);color:var(--accent-ink)}.mx td.best .muted{color:#2d3708}.mx td.won{outline:3px solid var(--ink);outline-offset:-3px}.mx td.cell{cursor:pointer}.mx td.cell:hover{background:var(--accent-soft);color:var(--ink)}.mx td.cell.best:hover{background:var(--accent);filter:brightness(.96);color:var(--accent-ink)}.mx tfoot td,.mx tfoot th{background:var(--bg2);border-top:2px solid var(--ink-2);font-weight:700}.mx tr.sum td,.mx tr.sum th{background:var(--surface-2)}.mx td.rank1{background:var(--accent);color:var(--accent-ink)}.rank-pill{background:var(--ink);width:22px;height:22px;color:var(--bg);border-radius:3px;place-items:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;display:inline-grid}.rank-pill.r1{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent-ink)}.kanban{grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.kcol{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;align-content:flex-start;gap:8px;min-height:240px;padding:10px;display:flex}.kcol.over{outline:2px dashed var(--ink);background:var(--accent-soft)}.kcol h4{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.kcard{background:var(--surface);border:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;gap:6px;padding:9px;display:flex}.kcard.drag{opacity:.35}.overlay{z-index:50;background:#0f12148c;place-items:center;padding:14px;animation:.2s both fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(540px,100%);max-height:92vh;box-shadow:var(--shadow-lg);animation:pop .3s var(--ease) both;border:1px solid var(--ink-2);border-radius:10px;padding:20px;overflow-y:auto}.modal.wide{width:min(860px,100%)}.modal h3{text-transform:none;letter-spacing:-.01em;margin-bottom:4px;font-size:17px}.toasts{z-index:80;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);animation:slidein .4s var(--ease) both;border-radius:6px;align-items:center;gap:10px;max-width:340px;padding:10px 14px;font-weight:600;display:flex}.check{width:72px;height:72px}.check circle{fill:none;stroke:var(--green);stroke-width:4px;stroke-dasharray:260;stroke-dashoffset:260px;animation:draw .7s 50ms forwards var(--ease)}.check path{fill:none;stroke:var(--green);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:draw .45s .6s forwards var(--ease)}.wipe{z-index:100;pointer-events:none;position:fixed;inset:0}.tour-mask{z-index:90;pointer-events:none;transition:all .4s var(--ease);border-radius:6px;position:fixed;box-shadow:0 0 0 9999px #0a0c0ea6}.tour-tip{z-index:91;background:var(--surface);width:min(320px,100vw - 24px);box-shadow:var(--shadow-lg);border:1px solid var(--ink-2);animation:pop .35s var(--ease) both;border-radius:8px;padding:14px;position:fixed}.tour-tip h4{margin-bottom:4px;font-size:15px}.tour-dots{gap:4px;display:flex}.tour-dots i{background:var(--line);width:6px;height:6px}.tour-dots i.on{background:var(--accent);border:1px solid var(--ink-2);width:18px}.sheet{z-index:60;background:var(--surface);box-shadow:var(--shadow-lg);animation:up .35s var(--ease) both;border-radius:14px 14px 0 0;grid-template-columns:repeat(4,1fr);gap:8px;max-height:80vh;padding:16px 14px 100px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet a{background:var(--bg2);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:10px 2px;font-size:11px;font-weight:700;display:flex}.sheet a.active{background:var(--accent);color:var(--accent-ink)}.bottomnav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:61;background:var(--glass);border:1px solid var(--ink-2);box-shadow:var(--shadow-lg);border-radius:10px;justify-content:space-around;padding:4px;display:none;position:fixed}.bottomnav a,.bottomnav button{color:var(--muted);border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 8px;font-size:10.5px;font-weight:700;display:flex}.bottomnav a.active{color:var(--accent-ink);background:var(--accent)}.login{grid-template-columns:1.05fr 1fr;min-height:100%;display:grid;position:relative}.login-hero{color:#e9ece6;background-color:#181c20;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:32px 32px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:space-between;gap:24px;min-height:100vh;padding:40px 48px;display:flex;position:relative;overflow:hidden}.login-hero h1{letter-spacing:-.04em;max-width:520px;font-size:clamp(30px,3.4vw,44px);line-height:1.05}.login-hero h1 em{background:var(--accent);color:var(--accent-ink);padding:0 8px;font-style:normal}.login-hero p{color:#c3c9c4;max-width:460px;margin-top:12px;font-size:15px}.login-hero .brand-mark{border-color:#000}.float{z-index:2;color:#e9ece6;background:#23282d;border:1px solid #3a4147;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;display:flex;position:absolute}.float .lime{color:#c6f432}.login-form{place-items:center;padding:28px;display:grid;position:relative}.login-card{flex-direction:column;gap:12px;width:min(440px,100%);display:flex}.login-card h2{letter-spacing:-.03em;font-size:26px}.social{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.roles{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.role{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;font-size:10.5px;font-weight:700;display:flex}.role.on{border-color:var(--accent-ink);background:var(--accent);color:var(--accent-ink)}.or{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.otp{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.otp input{text-align:center;padding:10px 0;font-size:16px;font-weight:800}.demo-btn{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent-ink)!important}.feed-item{border-top:1px solid var(--line2);grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding:8px 0;display:grid}.feed-item:first-child{border-top:0}.out{background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--accent-fg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;padding:12px;font-size:13px}.think{color:var(--muted);align-items:center;gap:4px;font-weight:600;display:inline-flex}.think i{background:var(--ink);width:6px;height:6px;animation:1s infinite blink}.think i:nth-child(2){animation-delay:.2s}.think i:nth-child(3){animation-delay:.4s}.hbar{grid-template-columns:minmax(80px,150px) 1fr auto;align-items:center;gap:8px;font-size:12.5px;display:grid}.chartbox{overflow-x:auto}.cols{align-items:flex-end;gap:6px;height:170px;display:flex}.cols .c{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:46px;height:100%;display:flex}.cols .c i{background:var(--ink-2);border-radius:2px 2px 0 0;width:100%;display:block}.cols .c i.l{background:var(--accent);border:1px solid var(--accent-ink)}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes blink{50%{opacity:.2}}@keyframes drawerin{0%{transform:translate(-100%)}to{transform:none}}.menu-btn{display:none}.sidebar.as-drawer{z-index:70;width:min(300px,86vw);height:100vh;box-shadow:var(--shadow-lg);background:var(--surface);animation:drawerin .3s var(--ease) both;padding-bottom:16px;display:flex;position:fixed;top:0;bottom:0;left:0}.app .sidebar.as-drawer .lbl{display:inline!important}.app .sidebar.as-drawer .cnt{display:inline-block!important}.app .sidebar.as-drawer .brand-txt,.app .sidebar.as-drawer .nav-sec{display:block!important}.app .sidebar.as-drawer .hide-collapsed{display:inline-flex!important}.app .sidebar.as-drawer .nav a{justify-content:flex-start!important}.scrim{z-index:69;background:#0a0a0a80;animation:.25s both fade;position:fixed;inset:0}.as-drawer .side-foot button:last-child{display:none}.nav-sec-btn{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;display:flex}.nav-sec-btn:hover{background:var(--bg2)}.nav-sec-btn .chev{transition:transform .3s var(--ease);flex:none}.nav-sec-btn[aria-expanded=false] .chev{transform:rotate(-90deg)}.nav a[data-shut]{display:none!important}.app.collapsed .sidebar:not(.as-drawer) .nav a[data-shut]{display:flex!important}.nav-tools{gap:6px;padding:2px 2px 6px;display:flex}.nav-tools button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:4px;flex:1;padding:4px 6px;font-size:11px;font-weight:700}.nav-tools button:hover{color:var(--ink);background:var(--accent-soft)}.app.collapsed .sidebar:not(.as-drawer) .nav-tools{display:none}.app .sidebar.as-drawer .nav-sec-btn{display:flex!important}@media (width<=1280px){.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){.app,.app.collapsed{grid-template-columns:minmax(0,1fr)}.sidebar:not(.as-drawer){display:none}.menu-btn{display:grid}.bottomnav{display:flex}.topbar,.content,.demo-banner{padding-left:18px;padding-right:18px}.content{padding-bottom:110px}.search{min-width:0}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.login{grid-template-columns:1fr}.login-hero{display:none}}@media (width>=721px) and (width<=1100px){.bottomnav{width:min(620px,100% - 24px);left:50%;right:auto;transform:translate(-50%)}.toasts{bottom:90px}}@media (width<=720px){.hide-sm{display:none!important}.show-sm{display:initial}.content{gap:14px;padding:14px 12px 110px}.topbar{padding:8px 12px}.demo-banner{padding:5px 12px;font-size:11px}.g2,.g3,.g4,.g5{grid-template-columns:1fr 1fr;gap:10px}.g2.stack,.g3.stack,.g4.stack{grid-template-columns:1fr}.page-head h1{font-size:20px}.search{flex:1}.kpi .val{font-size:21px}.kanban{scroll-snap-type:x mandatory;grid-template-columns:repeat(4,78vw)}.kcol{scroll-snap-align:start}.login-form{padding:18px 14px 40px}.toasts{bottom:92px;left:12px;right:12px}.roles{gap:4px}.sheet{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.g2,.g3,.g4,.g5{grid-template-columns:minmax(0,1fr)}.card{overflow-x:clip}.seg{max-width:100%}.hbar{grid-template-columns:90px 1fr auto}.modal{padding:14px}.kv{grid-template-columns:1fr}.kv dd{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}