/* Autom8IQ: white cards on a pale page, one indigo accent, soft tints for status. */
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{color-scheme:light;--bg:#F6F7FB;--surface:#FFFFFF;--soft:#F3F4FA;--text:#191C2E;--text2:#62677C;--faint:#747A90;--line:#EDEFF5;--line2:#DFE2EC;--accent:#5B54E8;--accent-soft:rgba(91,84,232,.09);--prim:#5B54E8;--on-prim:#FFFFFF;--ink:#191C2E;--on-ink:#FFFFFF;--good:#14804F;--good-soft:rgba(47,154,92,.12);--amber:#A1610A;--amber-soft:rgba(217,118,15,.12);--bad:#C93B2B;--bad-soft:rgba(201,59,43,.1);--c1:#5B54E8;--c2:#2F9A5C;--c3:#D9760F;--c4:#1487A6;--c5:#C43E6C;--up:0 1px 2px rgba(25,28,46,.03),0 6px 22px rgba(25,28,46,.045);--up-sm:0 0 0 1px var(--line2);--in:0 0 0 1px var(--line2);--float:0 2px 6px rgba(25,28,46,.06),0 18px 44px rgba(25,28,46,.14);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px}
:root[data-theme=dark]{color-scheme:dark;--bg:#0F111C;--surface:#181B2A;--soft:#222639;--text:#ECEDF5;--text2:#A8ACC0;--faint:#8F94AB;--line:#262A3D;--line2:#343951;--accent:#A7A3F8;--accent-soft:rgba(135,129,245,.16);--prim:#6560E8;--on-prim:#FFFFFF;--ink:#ECEDF5;--on-ink:#0F111C;--good:#63C98D;--good-soft:rgba(99,201,141,.14);--amber:#E9B767;--amber-soft:rgba(233,183,103,.13);--bad:#F0918A;--bad-soft:rgba(240,145,138,.13);--c1:#7A75F0;--c2:#339E60;--c3:#CF7A1C;--c4:#2F9CBC;--c5:#D9577F;--up:0 0 0 1px var(--line);--up-sm:0 0 0 1px var(--line2);--in:0 0 0 1px var(--line2);--float:0 0 0 1px var(--line2),0 18px 44px rgba(0,0,0,.55);--s1:4px}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14.5px/22px Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:'tnum','cv11';transition:background .2s,color .2s}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}*{scrollbar-color:var(--faint) transparent;scrollbar-width:thin}
.t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.m{color:var(--text2)}.sm{font-size:13.5px;line-height:20px}

/* shell */
.shell{display:flex;min-height:100vh}.page{flex:1;min-width:0}main{max-width:1240px;margin:0 auto;padding:30px 32px 56px}
.side{width:232px;flex:none;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:12}#sidebody{display:flex;flex-direction:column;flex:1;min-height:0}
.logo{font-weight:600;font-size:16.5px;letter-spacing:-.015em;text-align:left;padding:2px 12px;margin-bottom:10px}
.sn{display:flex;flex-direction:column;gap:2px}.sn button{height:38px;padding:0 12px;text-align:left;color:var(--text2);font-weight:500;display:flex;align-items:center;justify-content:space-between;flex:none;border-radius:8px;transition:color .15s}.sn button:hover{color:var(--text)}.sn button.on{color:var(--text);background:var(--soft);font-weight:600}
.sg{font-size:12px;font-weight:500;color:var(--faint);padding:20px 12px 6px}.sgrow{display:flex;justify-content:space-between;align-items:center}.sstate{font-size:12px;color:var(--faint)}.sstate.on{color:var(--good)}
.cnt{font-size:12px;font-weight:600;color:var(--accent)}.sfoot{margin-top:auto;padding-top:16px;display:flex;gap:6px;align-items:center}.me{flex:1;min-width:0;height:36px;text-align:left;padding:0 12px;border-radius:8px;color:var(--text2);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me:hover{color:var(--text)}.themeb{height:34px;padding:0 11px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--text2);box-shadow:var(--up-sm)}.themeb:hover{color:var(--text)}
.newc{display:block;width:100%;height:40px;margin:8px 0 2px;border-radius:9px;background:var(--prim);color:var(--on-prim);font-weight:500;text-align:center;box-shadow:none;transition:opacity .15s}.newc:hover{opacity:.88}
.mtop,.scrim{display:none}body.out .side,body.out .fab,body.out .mtop{display:none}
.ctx{padding:18px 36px 0}.crumb{display:flex;align-items:center;gap:var(--s2);max-width:1176px;margin:0 auto}.crumb button{color:var(--text2)}.crumb button:hover{color:var(--text)}.crumb span:not(.pill){color:var(--faint)}.crumb b{font-weight:600}
.ctabs{display:flex;gap:4px;max-width:1176px;margin:12px auto 0;overflow-x:auto;padding:4px}.ctabs button,.subtabs button{padding:7px 14px;font-weight:500;color:var(--text2);border-radius:8px;white-space:nowrap;transition:color .15s}.ctabs button:hover,.subtabs button:hover{color:var(--text)}.ctabs button.on,.subtabs button.on{color:var(--text);background:var(--soft);font-weight:600}
.subtabs{display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding:4px}
.banner{background:var(--amber-soft);color:var(--amber);padding:var(--s2) var(--s5);display:flex;gap:var(--s3);align-items:center;justify-content:center;font-size:13.5px}

/* type */
.ph{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin-bottom:22px}.ph>div:first-child{flex:1 1 200px;min-width:0}h1{font-weight:600;font-size:24px;line-height:32px;letter-spacing:-.02em;margin:0;flex:1 1 200px;min-width:0}h2{font-weight:600;font-size:15px;line-height:22px;letter-spacing:-.005em;margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 15px;border-radius:8px;font-weight:500;font-size:13.5px;white-space:nowrap;flex-shrink:0;box-shadow:var(--up-sm);transition:box-shadow .12s,opacity .15s}.btn:hover{background:var(--soft)}.btn:active{background:var(--line)}
.btn.p{background:var(--prim);color:var(--on-prim);box-shadow:none}.btn.p:hover{opacity:.9;background:var(--prim)}.btn.s{height:32px;padding:0 11px;font-size:13px;border-radius:9px}.btn.d{color:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}

/* surfaces */
.card{background:var(--surface);border-radius:9px;margin-bottom:20px;min-width:0;box-shadow:var(--up)}.pad{padding:20px 22px}.ch{padding:18px 22px 12px;margin:0;font-weight:600;font-size:15px}
input,select,textarea{width:100%;height:40px;background:var(--surface);border:0;border-radius:8px;padding:0 var(--s3);box-shadow:var(--in)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}textarea{height:auto;padding:10px var(--s3);resize:vertical;line-height:21px}input::placeholder,textarea::placeholder{color:var(--faint)}select option{background:var(--surface);color:var(--text)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);box-shadow:none}

/* headline number */
.hero{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;justify-content:space-between;background:var(--surface);padding:26px 28px;border-radius:9px;margin-bottom:20px;box-shadow:var(--up)}.hero .hk{font-size:13.5px;color:var(--text2)}.hero .hn{font-weight:600;font-size:clamp(38px,4.5vw,50px);line-height:1.08;letter-spacing:-.035em;margin:2px 0 0}.hero .hg{font-size:16px;font-weight:500;margin-top:2px}.hero.zero .hn{font-size:clamp(24px,3.4vw,32px);line-height:1.2;letter-spacing:-.02em}
.hctl{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:340px;text-align:right}.hstat{display:flex;align-items:center;gap:10px;color:var(--text2);font-size:13.5px}
.dotc{width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none}.dotc.on{background:var(--good);box-shadow:0 0 0 4px var(--good-soft)}.livedot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--good);margin-right:10px}

/* numbers */
.res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.res button,.res>div{background:var(--surface);border-radius:8px;text-align:left;padding:16px 18px;min-width:0;box-shadow:var(--up-sm);transition:box-shadow .12s}.res button:hover{background:var(--soft)}.res b{display:block;font-weight:600;font-size:24px;line-height:30px;letter-spacing:-.02em}.res .t{white-space:normal}.res span{display:block;color:var(--text2);font-size:13px;line-height:18px;margin-top:2px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.row{display:flex;gap:var(--s3);align-items:center;padding:13px 22px;border-top:1px solid var(--line);width:100%;text-align:left}.row>div{flex:1;min-width:0}button.row:hover{color:var(--accent)}
.pill{display:inline-block;height:22px;line-height:22px;padding:0 8px;border-radius:6px;font-size:12.5px;font-weight:500;color:var(--text2);background:var(--soft);white-space:nowrap}.pill.g{color:var(--good);background:var(--good-soft);box-shadow:none}.pill.y{color:var(--amber);background:var(--amber-soft);box-shadow:none}.pill.d{color:var(--bad);background:var(--bad-soft);box-shadow:none}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:680px}th{font-size:12.5px;font-weight:500;color:var(--faint);text-align:left;padding:12px 16px}td{padding:var(--s2) 16px;height:50px;border-top:1px solid var(--line);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr[data-c],tr[data-l],tr[data-call]{cursor:pointer}tbody tr:hover td{background:var(--soft)}.r{text-align:right}th.r{text-align:right}table.wide{table-layout:auto}table.wide td.nowrap{overflow:visible;text-overflow:clip;width:1%}.wide{min-width:620px}.nowrap{white-space:nowrap}
.bar{display:flex;gap:var(--s2);flex-wrap:wrap;padding:16px 18px}.bar input{flex:1 1 220px;width:auto;min-width:0}.bar select{flex:0 1 170px;width:auto}
.fn{display:grid;grid-template-columns:150px minmax(0,1fr) 96px;gap:var(--s3);align-items:center;width:100%;padding:7px 0;text-align:left}.track{height:8px;border-radius:4px;overflow:hidden;background:var(--soft)}.track i{display:block;height:100%;background:var(--accent);border-radius:5px;opacity:.85}
.ebar{display:flex;gap:3px;height:10px;margin-top:var(--s3)}.ebar i{display:block;min-width:3px;border-radius:5px}.elist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 18px;margin-top:var(--s3)}.elist button,.eitem{display:flex;align-items:center;gap:var(--s2);padding:5px 4px;min-width:0;text-align:left}.elist button:hover{color:var(--accent)}.elist i{width:9px;height:9px;border-radius:50%;flex:none}.elist .t{flex:1;text-align:left}
.trend{display:flex;align-items:flex-end;gap:6px;height:120px;margin-top:12px}.trend div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.trend i{display:block;width:100%;max-width:22px;background:var(--accent);opacity:.8;border-radius:4px 4px 0 0}.trend span{font-size:11.5px;color:var(--faint)}
.moredash{margin-bottom:20px}.moredash>summary{cursor:pointer;list-style:none;color:var(--text2);font-weight:500;padding:6px 2px;margin-bottom:14px}.moredash>summary::-webkit-details-marker{display:none}.moredash>summary:hover{color:var(--text)}

/* forms and panels */
.f{display:block;margin-bottom:var(--s4)}.f>span{display:block;font-weight:500;font-size:13.5px;margin-bottom:7px}.f small{display:block;color:var(--text2);font-size:13px;margin-top:5px}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3)}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.sec{padding:20px 22px;border-top:1px solid var(--line)}.sec:first-child{border-top:0}.sec h2{margin-bottom:2px}.sec p{margin:0 0 var(--s2);color:var(--text2);font-size:13.5px}
.coach{display:flex;gap:10px;flex-wrap:wrap}.coach input{flex:1 1 280px;width:auto;min-width:0}.diff{margin-top:var(--s3);padding:var(--s3);border-radius:9px;font-size:13.5px;overflow-wrap:anywhere;box-shadow:var(--in)}
.stick{position:sticky;bottom:14px;margin-top:var(--s4);background:var(--surface);border-radius:8px;padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;box-shadow:var(--up)}.stick span{flex:1 1 180px;min-width:0}
.mask{position:fixed;inset:0;background:rgba(20,22,26,.42);backdrop-filter:blur(4px);display:none;place-items:center;padding:var(--s4);z-index:20}.mask.on{display:grid}.modal{background:var(--surface);border-radius:9px;width:min(540px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--float)}.modal h3{margin:0;padding:20px 22px 6px;font-weight:600;font-size:17px;letter-spacing:-.01em}.mb{padding:14px 22px;overflow:auto}.mf{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px 20px}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(580px,100%);background:var(--surface);transform:translateX(103%);transition:transform .2s cubic-bezier(.2,.8,.2,1);z-index:15;overflow:auto;padding:24px;box-shadow:var(--float)}.drawer.on{transform:none}.line{padding:4px 0;overflow-wrap:anywhere}.line b{font-weight:500;color:var(--text2)}
.ib{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:5px;border-radius:50%;color:var(--faint);box-shadow:var(--up-sm);font-size:11px;vertical-align:1px}#tip{position:fixed;z-index:40;display:none;max-width:280px;background:var(--ink);color:var(--on-ink);padding:8px 11px;border-radius:9px;font-size:13px;line-height:18px}
.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--on-ink);padding:10px 16px;border-radius:9px;display:none;z-index:50;font-size:13.5px;font-weight:500;box-shadow:var(--float)}.toast.on{display:block}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:230px;gap:var(--s3);overflow-x:auto;padding:0 var(--s4) var(--s4)}.board h3{font-size:13px;font-weight:500;margin:0 0 var(--s2);color:var(--text2)}.lc{display:block;width:100%;text-align:left;border-radius:9px;padding:11px;margin-bottom:10px;box-shadow:var(--up-sm)}.lc:hover{color:var(--accent)}

/* chatbot */
.fab{position:fixed;right:24px;bottom:24px;height:44px;padding:0 18px;border-radius:8px;background:var(--surface);font-weight:500;box-shadow:var(--up);z-index:15;transition:box-shadow .12s}.fab:hover{background:var(--soft)}.fab.hide{visibility:hidden}body.hasbar .fab{bottom:88px}
.help{position:fixed;top:0;right:0;bottom:0;width:390px;max-width:100%;background:var(--surface);display:none;flex-direction:column;z-index:18;box-shadow:var(--float)}.help.on{display:flex}.help header{position:static;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:600}.hl{flex:1;overflow:auto;padding:6px 18px 16px;font-size:14px;line-height:22px}.hl p{margin:0 0 10px;overflow-wrap:anywhere}.hl .u{padding:9px 12px;border-radius:9px;background:var(--soft)}.hl .btn{margin:-2px 0 12px}.hf{display:flex;gap:8px;padding:12px 18px 18px}.hf input{min-width:0}body.chatting .page{margin-right:390px}
.lnk{display:inline;color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}.qchip{display:block;width:100%;text-align:left;padding:11px 13px;margin-top:10px;border-radius:9px;box-shadow:var(--up-sm)}.qchip:hover{color:var(--accent)}

/* setup */
.setup{margin-bottom:20px}.setupline{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.pbar{height:6px;border-radius:3px;overflow:hidden;background:var(--soft)}.pbar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s}
.dot{width:18px;height:18px;flex:none;border-radius:50%;font-size:11.5px;line-height:18px;text-align:center;background:var(--soft)}
.opt{display:flex;flex-direction:column;gap:2px;width:100%;padding:13px 15px;border-radius:8px;margin-bottom:12px;text-align:left;box-shadow:var(--up-sm)}.opt:hover b{color:var(--accent)}.opt.on{box-shadow:0 0 0 2px var(--accent)}.opt b{font-weight:600}

/* instructions */
.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.smain{flex:999 1 460px;min-width:0;display:flex;flex-direction:column;gap:20px}.sside{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}.smain .card,.sside .card{margin:0}
.fold{border-top:1px solid var(--line)}.fold:first-of-type{border-top:0}.fold summary{display:flex;align-items:center;gap:var(--s2);padding:14px 22px;cursor:pointer;list-style:none}.fold summary::-webkit-details-marker{display:none}.fold summary:hover b{color:var(--accent)}.fs{flex:1;min-width:0;display:flex;flex-direction:column}.fs b{font-weight:600}.fb{padding:0 22px 20px}.fb p{margin:0 0 var(--s2);color:var(--text2);font-size:13.5px}
.trystick{position:sticky;top:18px}.trycard{display:flex;flex-direction:column}.tryl{height:300px;overflow:auto;padding:2px 22px;display:flex;flex-direction:column;gap:10px}.tryl p{margin:0;padding:9px 13px;border-radius:8px;max-width:88%;align-self:flex-start;font-size:13.5px;line-height:20px;box-shadow:var(--in)}.tryl p.u{background:var(--prim);color:var(--on-prim);box-shadow:none;align-self:flex-end}.tryf{display:flex;gap:var(--s2);padding:14px 22px 20px}.tryf input{flex:1;min-width:0}
.dline{margin-top:var(--s2);padding:9px 12px;border-radius:8px;font-size:13.5px;line-height:20px}.dline.del{background:var(--bad-soft)}.dline.add{background:var(--good-soft)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.bar+.chips{padding:0 18px}.chip{height:32px;padding:0 13px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text2);white-space:nowrap;box-shadow:var(--up-sm)}.chip:hover{color:var(--text)}.chip span{color:var(--faint)}.chip.on{color:var(--text);background:var(--soft);font-weight:600}

/* show me */
.spot{animation:ring 1.3s ease-out 3;position:relative;z-index:2;outline:2px solid var(--accent);outline-offset:3px}@keyframes ring{0%{box-shadow:0 0 0 0 var(--accent-soft)}100%{box-shadow:0 0 0 14px transparent}}

/* a quiet moment for good news */
.boom{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:60;background:var(--surface);border-radius:9px;padding:16px 24px;box-shadow:var(--float);text-align:center;cursor:pointer;animation:drop .3s cubic-bezier(.2,.8,.2,1);min-width:280px}.boom h2{font-size:17px;font-weight:600;margin:0;color:var(--accent)}.boom p{margin:2px 0 0;color:var(--text2);font-size:13.5px}@keyframes drop{from{opacity:0;transform:translate(-50%,-14px)}}

/* launch */
.launch{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;align-items:start;max-width:940px;margin:0 auto}.lsteps{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px}.lsteps button{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:8px;color:var(--text2);font-weight:500;text-align:left}.lsteps button:hover{color:var(--text)}.lsteps button.on{color:var(--text);background:var(--soft);font-weight:600}.lsteps .dot{width:24px;height:24px;line-height:24px;font-size:11.5px}.lsteps button.ok .dot{color:var(--good);box-shadow:none;background:var(--good-soft)}
.lk{font-size:13px;color:var(--faint)}.lq{font-weight:600;font-size:clamp(26px,3.4vw,34px);line-height:1.18;letter-spacing:-.025em;margin:6px 0 0}.lmain{min-width:0;padding-bottom:40px}.lbody{min-height:200px}.lfoot{display:flex;justify-content:space-between;gap:10px;margin-top:30px}.lfoot .btn{height:42px;padding:0 24px}
.lacts{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.lnote{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 14px;background:var(--amber-soft);border-radius:9px}.lnote.col{flex-direction:column;align-items:flex-start;gap:4px}.lok{margin-bottom:16px;padding:10px 14px;border-radius:9px;background:var(--good-soft);color:var(--good);font-weight:500}
.lbig{font-weight:600;font-size:52px;line-height:1.1;letter-spacing:-.03em}.lrow{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;border-bottom:1px solid var(--line);text-align:left}.lrow b{flex:1;font-weight:500}.lrow.good{color:var(--text2)}.lrow.good .dot{color:var(--good);background:var(--good-soft);box-shadow:none}.lrow.bad{color:var(--amber)}.golive{margin-top:22px;width:100%;height:50px;font-size:15px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.vcard{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:8px;box-shadow:var(--up-sm)}.vcard.on{box-shadow:0 0 0 2px var(--accent)}.vpick{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left}.vpick b{font-weight:600}

/* sign in */
body.out .page{display:grid;place-items:center;min-height:100vh}body.out main{width:100%;max-width:420px}.signin{display:block}.signin>div:first-child{display:none}.signin .card{margin:0;padding:30px}.signin .brand{font-weight:600;font-size:20px;letter-spacing:-.02em;margin-bottom:22px}

.card,.hero{border-radius:16px;box-shadow:var(--up)}
.logo{display:flex;align-items:center;gap:10px;font-size:17px;padding:2px 10px;margin-bottom:14px}.lm{width:32px;height:32px;flex:none}.wm{font-weight:600;letter-spacing:-.02em}.iq{color:#4354DC}[data-theme=dark] .iq{color:#8E9BF5}.signin .brand{display:flex;align-items:center;gap:10px}
.side{border-right:1px solid var(--line);padding:22px 14px}
.ic{width:19px;height:19px;flex:none}.sn button{height:42px;justify-content:flex-start;gap:12px;border-radius:10px}.sn button>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sn button:hover{background:var(--soft)}.sn button.on{color:var(--accent);background:var(--accent-soft);font-weight:600}
.newc{border-radius:10px;height:42px}.btn{border-radius:10px}input,select,textarea{border-radius:10px}.themeb,.me{border-radius:10px}
.res button,.res>div{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;box-shadow:var(--up)}.res.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.res button:hover{background:var(--surface);box-shadow:var(--up),0 0 0 1px var(--line2)}.res b{font-size:22px;line-height:28px}.res span.kv{display:block;flex:1;min-width:0;color:var(--text)}.res .kv .t{color:var(--text2)}
.ki{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center}.ki .ic{width:20px;height:20px}.k1{color:var(--c1);background:color-mix(in srgb,var(--c1) 12%,transparent)}.k2{color:var(--c3);background:color-mix(in srgb,var(--c3) 13%,transparent)}.k3{color:var(--c5);background:color-mix(in srgb,var(--c5) 12%,transparent)}.k4{color:var(--c4);background:color-mix(in srgb,var(--c4) 13%,transparent)}.k5{color:var(--c2);background:color-mix(in srgb,var(--c2) 13%,transparent)}
.pill{height:24px;line-height:24px;padding:0 10px;border-radius:999px}
.chip{border-radius:10px;box-shadow:none;background:var(--surface);box-shadow:var(--up-sm)}.chip.on{color:var(--accent);background:var(--accent-soft);box-shadow:none;font-weight:600}
.ctabs button,.subtabs button{border-radius:0;padding:9px 14px;box-shadow:inset 0 -2px 0 transparent}.ctabs button.on,.subtabs button.on{color:var(--accent);background:none;box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.ctabs,.subtabs{gap:6px;padding:0;border-bottom:1px solid var(--line)}
.lsteps button.on{color:var(--accent);background:var(--accent-soft)}.track{background:var(--soft)}.track i,.pbar i{background:var(--accent)}
th{font-size:12.5px;color:var(--faint)}td{border-top:1px solid var(--line)}
.strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;margin-bottom:18px;background:var(--surface);border-radius:16px;box-shadow:var(--up)}.strip .sl{flex:1 1 240px;min-width:0}
.cols.c21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.lchart{position:relative;margin-top:12px;width:100%}.lchart svg{display:block}.gl{stroke:var(--line);stroke-width:1}.ax{fill:var(--faint);font-size:11.5px}.ln{fill:none;stroke:var(--c1);stroke-width:2.2;stroke-linecap:round}.xh{stroke:var(--faint);stroke-width:1;stroke-dasharray:3 3}.pt{fill:var(--surface);stroke:var(--c1);stroke-width:2.5}
.ctip{position:absolute;display:none;pointer-events:none;background:#191C2E;color:#fff;border-radius:9px;padding:6px 11px;text-align:center;white-space:nowrap;z-index:3}.ctip small{display:block;font-size:11.5px;line-height:15px;opacity:.72}.ctip b{display:block;font-weight:600;font-size:14px;line-height:19px}
.dn{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:12px}.dnc{position:relative;width:176px;height:176px}.dnc svg{width:100%;height:100%;transform:rotate(-90deg)}.dnc circle{fill:none;stroke-width:17}.dnt{stroke:var(--soft)}.dnc>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dnc b{font-size:27px;line-height:32px;font-weight:600;letter-spacing:-.02em}.dnc span{font-size:12.5px;color:var(--text2)}
.dnl{display:flex;flex-direction:column;width:100%}.dnl button{display:flex;align-items:center;gap:9px;width:100%;padding:5px 6px;border-radius:8px;text-align:left}.dnl button[data-bucket]:hover{background:var(--soft)}.dnl i{width:10px;height:10px;border-radius:50%;flex:none}.dnl .t{flex:1;font-size:13.5px}
.dp{display:flex;align-items:center;gap:8px;flex:none;font-size:13px;color:var(--text2)}.dp input{width:148px;height:38px}
@media(max-width:1180px){.res,.res.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols,.cols.c21{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){body.chatting .page{margin-right:0}}
@media(max-width:900px){.side{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .16s;box-shadow:var(--float)}body.menu .side{transform:none}body.menu .scrim{display:block;position:fixed;inset:0;background:rgba(20,22,26,.4);z-index:11}.mtop{display:flex;align-items:center;gap:var(--s3);position:sticky;top:0;background:var(--surface);padding:10px var(--s4);z-index:5;font-weight:600}.trystick{position:static}.ctx{padding:12px 16px 0}.launch{grid-template-columns:minmax(0,1fr);gap:18px}.lsteps{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding:4px}.lsteps button{flex:none;height:36px}}
@media(max-width:640px){.res,.res.r3{grid-template-columns:repeat(2,minmax(0,1fr))}.res button,.res>div{padding:14px;gap:10px}.ki{width:38px;height:38px}main{padding:18px 16px 32px}.two,.three{grid-template-columns:minmax(0,1fr)}.fn{grid-template-columns:118px minmax(0,1fr) 78px}.fab{right:14px;bottom:14px;height:42px}body.hasbar .fab{bottom:130px}.hero{padding:20px}.hctl{align-items:flex-start;text-align:left;max-width:none}h1{font-size:22px;line-height:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.pend{padding:12px;border-radius:8px;box-shadow:var(--in);margin:0 0 12px}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:18px}.filters label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text2);flex:0 1 160px;min-width:130px}.filters input,.filters select{height:36px}