/* Layout: navy sidebar + cool-white work surface on desktop; top bar + bottom tab bar on phones. Drawers slide in from the right (bottom sheet on phones). */
:root{
  --bg:#F3F6FB; --surface:#FFFFFF; --surface2:#F7F9FD; --ink:#1B2552; --muted:#5B6584; --line:#E1E6F0;
  --navy:#1F2A5E; --navy2:#17204A; --sky:#00A9EF; --sky-ink:#006CA3; --sky-soft:#E3F4FC; --red:#E8312F;
  --ok:#1C7550; --ok-soft:#E2F3EA; --warn:#935808; --warn-soft:#FBF0DC; --bad:#C2302C; --bad-soft:#FBE6E5; --idle:#5B6584; --idle-soft:#ECEFF6;
  --shadow:0 18px 40px -28px rgba(20,28,68,.35);
  --display:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --body:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --r:12px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]):not([data-theme="blue"]){
  --bg:#0D1330; --surface:#151D42; --surface2:#1A2350; --ink:#E7EBF7; --muted:#9BA4C3; --line:#28325E;
  --navy:#0A1029; --navy2:#070C22; --sky-ink:#5CC8F5; --sky-soft:#13314F;
  --ok:#5BC48F; --ok-soft:#173A33; --warn:#E3A84B; --warn-soft:#3A2E1A; --bad:#F07B77; --bad-soft:#40202A; --idle:#9BA4C3; --idle-soft:#222B55;
  --shadow:0 18px 40px -26px rgba(0,0,0,.7); color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#0D1330; --surface:#151D42; --surface2:#1A2350; --ink:#E7EBF7; --muted:#9BA4C3; --line:#28325E;
  --navy:#0A1029; --navy2:#070C22; --sky-ink:#5CC8F5; --sky-soft:#13314F;
  --ok:#5BC48F; --ok-soft:#173A33; --warn:#E3A84B; --warn-soft:#3A2E1A; --bad:#F07B77; --bad-soft:#40202A; --idle:#9BA4C3; --idle-soft:#222B55;
  --shadow:0 18px 40px -26px rgba(0,0,0,.7); color-scheme:dark }

/* Blue theme: a soft blue work surface with a deep-blue sidebar (chosen per person in the top bar). */
:root[data-theme="blue"]{
  --bg:#E6EFF9; --surface:#FFFFFF; --surface2:#F1F6FC; --ink:#13204A; --muted:#4A5B82; --line:#CCDAEC;
  --navy:#0B3A75; --navy2:#082C5A; --sky:#00A9EF; --sky-ink:#00649A; --sky-soft:#D3EAF9;
  --ok:#196D47; --ok-soft:#DDF0E6; --warn:#985B07; --warn-soft:#F8ECD6; --bad:#B42B27; --bad-soft:#F8E1E0; --idle:#4A5B82; --idle-soft:#E2E9F4;
  --shadow:0 18px 40px -28px rgba(11,40,90,.38) }

*{box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.num{font-variant-numeric:tabular-nums lining-nums}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
a{color:var(--sky-ink)}

/* Sign-in */
.signin{min-height:100%;display:grid;place-items:center;padding-block:40px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  background:radial-gradient(1200px 500px at 80% -10%, var(--sky-soft), transparent 60%), var(--bg)}
.si-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px 28px;box-shadow:var(--shadow);display:grid;gap:18px}
.si-logo{height:30px;width:auto}
.logo-w{display:none!important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-d{display:none!important}:root:not([data-theme="light"]) .logo-w{display:block!important}}
:root[data-theme="dark"] .logo-d{display:none!important}:root[data-theme="dark"] .logo-w{display:block!important}
.si-card h1{font:600 34px/1.05 var(--display)}
.si-card .sub{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;border:1px solid transparent;padding:10px 18px;font-weight:700;font-size:14px;line-height:1.2;text-decoration:none;white-space:nowrap}
.btn-p{background:var(--navy);color:#fff}
:root[data-theme="dark"] .btn-p{background:var(--sky);color:#06122E}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn-p{background:var(--sky);color:#06122E}}
.btn-s{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn-g{background:transparent;color:var(--sky-ink);padding-inline:8px}
.btn-d{background:var(--bad);color:#fff}
.btn-lg{padding:14px 20px;font-size:15px;width:100%}
.btn svg{width:18px;height:18px}
.si-note{font-size:12.5px;color:var(--muted);background:var(--surface2);border-radius:10px;padding:10px 12px}
.scan{display:grid;place-items:center;gap:10px;padding:8px 0}
.scan .ring{width:74px;height:74px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--sky);animation:spin 0.9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* App shell */
.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100%}
.side{background:var(--navy);color:#D6DDF2;padding:22px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;max-height:100%;overflow:auto}
.side .brand{padding:4px 10px 10px;display:grid;gap:4px}
.side .brand img{height:24px;width:auto}
.side .brand small{color:#8E9AC6;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.nav{display:grid;gap:2px}
.nav .lab{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#AEB8DC;padding:12px 12px 4px;text-align:left;cursor:pointer;border-radius:8px}
.nav .lab:hover{color:#fff}
.nav .lab::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 4px 3px auto;transition:transform .2s;opacity:.8}
.nav .lab[aria-expanded="false"]::after{transform:rotate(-45deg);margin-bottom:0}
.nav .lab-n{margin-left:8px;font-weight:600;letter-spacing:0;opacity:.8}
.nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;border:0;color:#D6DDF2;border-radius:10px;padding:9px 12px;font-weight:600;font-size:14px}
.nav button svg{width:18px;height:18px;opacity:.85;flex:none}
.nav button:hover{background:rgba(255,255,255,.06)}
.nav button[aria-current="page"]{background:rgba(0,169,239,.16);color:#fff}
.nav button[aria-current="page"] svg{color:var(--sky);opacity:1}
.nav .badge{margin-left:auto;background:var(--red);color:#fff;font-size:11px;border-radius:99px;padding:1px 7px;font-weight:700}
.side .me{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px;border-top:1px solid rgba(255,255,255,.08)}
.side .me div{min-width:0}
.side .me b{display:block;color:#fff;font-size:13.5px}
.side .me span{font-size:12px;color:#8E9AC6}

.main{min-width:0;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:12px;padding-block:16px;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.top .t-logo{display:none}.top .t-logo img{height:22px;width:auto}
.top h1{font:600 26px/1.1 var(--display)}
.top .crumb{font-size:12.5px;color:var(--muted)}
.top .grow{flex:1;min-width:0}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;position:relative;flex:none}
.icon-btn svg{width:19px;height:19px}
.icon-btn .pip{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid var(--surface)}
.view{padding-block:24px 40px;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px));display:grid;gap:22px;align-content:start}

.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;flex:none;letter-spacing:.02em}
.av.sm{width:26px;height:26px;font-size:10px}
.av.lg{width:56px;height:56px;font-size:18px}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:14px;min-width:0}
.panel h2{font-size:15px;font-weight:800;letter-spacing:.01em}
.ph{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.ph .hint{font-size:12.5px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.greet h2{font:600 34px/1.1 var(--display)}
.greet p{color:var(--muted)}

.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-idle{background:var(--idle-soft);color:var(--idle)}
.s-warn{background:var(--warn-soft);color:var(--warn)}
.s-ok{background:var(--ok-soft);color:var(--ok)}
.s-bad{background:var(--bad-soft);color:var(--bad)}
.s-sky{background:var(--sky-soft);color:var(--sky-ink)}
.chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:1px 8px;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}

.rows{display:grid}
.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);min-width:0}
.row:first-child{border-top:0}
.row .grow{flex:1;min-width:0}
.row .ttl{font-weight:700;font-size:14px;overflow-wrap:anywhere}
.row .meta{font-size:12.5px;color:var(--muted)}
button.row{background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;width:100%;color:inherit}
button.row:first-child{border-top:0}
button.row:hover .ttl{color:var(--sky-ink)}

/* KPI tiles */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:6px;position:relative;overflow:hidden}
.kpi .k-l{font-size:12.5px;color:var(--muted);font-weight:600}
.kpi .k-v{font:700 28px/1 var(--body);letter-spacing:-.01em}
.kpi .k-s{font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted)}
.kpi .rag{position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%}
.rag.g{background:var(--ok)} .rag.a{background:var(--warn)} .rag.r{background:var(--bad)}
.up{color:var(--ok);font-weight:700} .down{color:var(--bad);font-weight:700}

/* bars */
.bars{display:grid;gap:10px}
.bar{display:grid;grid-template-columns:132px minmax(0,1fr) 46px;gap:10px;align-items:center;font-size:13px}
.bar .bl{color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar .bt{height:10px;background:var(--idle-soft);border-radius:99px;overflow:hidden}
.bar .bf{display:block;height:100%;background:var(--sky);border-radius:99px;transition:width .6s ease}
.bar .bv{text-align:right;font-weight:700}
.funnel .bf{background:var(--navy)}
:root[data-theme="dark"] .funnel .bf{background:#7C8CD6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .funnel .bf{background:#7C8CD6}}

table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl td.r,.tbl th.r{text-align:right}
.tscroll{overflow-x:auto;min-width:0}
.who{display:flex;align-items:center;gap:10px;min-width:0}
.who b{font-weight:700;display:block;white-space:nowrap}
.who span{font-size:12px;color:var(--muted)}

/* toolbar */
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:3px}
.seg button{border:0;background:transparent;border-radius:99px;padding:6px 14px;font-weight:700;font-size:13px;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:7px 14px;min-width:0;flex:1 1 200px;max-width:340px}
.search input{border:0;background:transparent;outline:0;min-width:0;width:100%}
.search svg{width:16px;height:16px;color:var(--muted);flex:none}
.sel{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:7px 12px;font-size:13px;font-weight:600}
.toolbar .end{margin-left:auto;display:flex;gap:8px}

/* boards */
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:16px;overflow-x:auto;padding-bottom:6px;min-width:0}
.col{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.col-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 4px}
.col-h b{font-size:13px}
.col-h .cnt{font-size:12px;color:var(--muted);font-weight:700}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:8px;text-align:left;width:100%;color:inherit}
.card:hover{border-color:var(--sky)}
.card .ttl{font-weight:700;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.card .foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.card .foot .sp{flex:1}
.due-late{color:var(--bad);font-weight:700}
.prio{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.prio.h{color:var(--bad)} .prio.m{color:var(--warn)} .prio.l{color:var(--muted)}
.col-empty{font-size:12.5px;color:var(--muted);padding:10px 4px}
.tabs-m{display:none}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(10,14,36,.42);z-index:60;opacity:0;animation:fade .2s forwards}
@keyframes fade{to{opacity:1}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--surface);z-index:61;display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);animation:slide .25s ease;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px)}
@keyframes slide{from{transform:translateX(40px);opacity:.4}}
.dr-h{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 14px;border-bottom:1px solid var(--line)}
.dr-h .grow{flex:1;min-width:0}
.dr-h h2{font:600 26px/1.15 var(--display);overflow-wrap:anywhere}
.dr-b{padding:18px 22px 28px;overflow:auto;display:grid;gap:18px;align-content:start;flex:1}
.dr-f{padding:14px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.kv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 14px;font-size:14px}
.kv dt{color:var(--muted);font-size:13px}
.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.field{display:grid;gap:6px}
.field label{font-size:13px;font-weight:700}
.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;width:100%;min-width:0}
.field textarea{min-height:80px;resize:vertical}
.field .help{font-size:12px;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.toggle{display:flex;gap:12px;align-items:flex-start;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:12px}
.toggle input{width:18px;height:18px;margin-top:2px;accent-color:var(--sky-ink);flex:none}
.toggle b{display:block;font-size:14px}
.toggle span{font-size:12.5px;color:var(--muted)}
.mailbox{font-weight:800;color:var(--sky-ink);overflow-wrap:anywhere}
.statusbar{display:flex;gap:6px;flex-wrap:wrap}
.statusbar button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--muted)}
.statusbar button[aria-pressed="true"]{border-color:transparent}
.statusbar button[aria-pressed="true"].s-idle{background:var(--idle-soft);color:var(--idle)}
.statusbar button[aria-pressed="true"].s-warn{background:var(--warn-soft);color:var(--warn)}
.statusbar button[aria-pressed="true"].s-ok{background:var(--ok-soft);color:var(--ok)}
.statusbar button[aria-pressed="true"].s-bad{background:var(--bad-soft);color:var(--bad)}
.timeline{display:grid;gap:0}
.tl{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding-bottom:14px;position:relative}
.tl::before{content:"";position:absolute;left:10px;top:20px;bottom:0;width:1px;background:var(--line)}
.tl:last-child::before{display:none}
.tl i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;border:1px solid var(--line);background:var(--surface)}
.tl i.done{background:var(--ok);border-color:var(--ok);color:#fff}
.tl i.next{border-color:var(--sky);color:var(--sky-ink)}
.tl i.off{border-style:dashed;color:var(--muted)}
.tl b{font-size:13.5px;display:block}
.tl span{font-size:12.5px;color:var(--muted)}
.comment{display:flex;gap:10px}
.comment .bubble{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13.5px;min-width:0;overflow-wrap:anywhere}
.comment .bubble small{display:block;color:var(--muted);font-size:11.5px}
.addc{display:flex;gap:8px}
.addc input{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:9px 14px}
.confirm-box{border:1px solid var(--bad);background:var(--bad-soft);border-radius:10px;padding:14px;display:grid;gap:12px}
.confirm-box p{font-size:13.5px}

/* attendance */
.ci-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"map steps" "status steps";gap:22px;align-items:start}
.ci-map{grid-area:map;min-width:0}.ci-steps{grid-area:steps;min-width:0}.ci-status{grid-area:status;min-width:0}
.map{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--surface2);aspect-ratio:4/3;max-width:100%}
.map svg{width:100%;height:100%;display:block}
.map .tag{position:absolute;left:12px;bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:700}
.steps{display:grid;gap:12px}
.step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.step .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--idle-soft);color:var(--idle)}
.step.done .n{background:var(--ok);color:#fff}
.step.cur{border-color:var(--sky)}
.step.cur .n{background:var(--sky);color:#06122E}
.step b{display:block;font-size:14px}
.step span{font-size:13px;color:var(--muted)}
.selfie{margin-top:10px;width:150px;max-width:100%;aspect-ratio:3/4;border-radius:14px;background:linear-gradient(160deg,var(--navy),#3B4C93);display:grid;place-items:center;position:relative;overflow:hidden}
.selfie svg{width:70%;opacity:.55}
.selfie .flash{position:absolute;inset:0;background:#fff;animation:flash .5s forwards}
@keyframes flash{to{opacity:0}}
.selfie .ok{position:absolute;bottom:8px;left:8px;right:8px;text-align:center;font-size:11px;font-weight:800;background:rgba(35,129,90,.92);color:#fff;border-radius:99px;padding:3px}
.big-status{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.big-status .clock{font:700 40px/1 var(--body);letter-spacing:-.02em}
.privacy{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:flex-start}
.privacy svg{width:16px;height:16px;flex:none;margin-top:2px}
.cnts{display:flex;gap:8px;flex-wrap:wrap}
.thumb{width:30px;height:38px;border-radius:6px;background:linear-gradient(160deg,#2B3A7A,#5468B8);flex:none}

/* staff directory */
.dept-chips{display:flex;gap:6px;flex-wrap:wrap}
.dept-chips button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--muted)}
.dept-chips button[aria-pressed="true"]{background:var(--sky-soft);color:var(--sky-ink);border-color:transparent}

/* sequences */
.seq-steps{display:grid;gap:8px}
.sq{display:grid;grid-template-columns:64px 26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.sq .d{font-weight:800;font-size:12.5px;color:var(--muted)}
.sq .ch{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky-ink)}
.sq .ch svg{width:15px;height:15px}
.sq.wa{border-style:dashed;opacity:.75}
.sq.wa .ch{background:var(--ok-soft);color:var(--ok)}
.sq b{font-size:13.5px;display:block;overflow-wrap:anywhere}
.sq span{font-size:12px;color:var(--muted)}

/* toast */
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--navy);color:#fff;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;z-index:80;max-width:min(520px,calc(100% - 32px));box-shadow:var(--shadow);animation:up .25s ease;display:flex;gap:10px;align-items:center}
.toast svg{width:18px;height:18px;color:#5BC48F;flex:none}
@keyframes up{from{transform:translate(-50%,10px);opacity:0}}

/* phone bottom bar */
.tabbar{display:none}
.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.more-grid button{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px;font-weight:700;text-align:left}
.more-grid svg{width:20px;height:20px;color:var(--sky-ink)}

.device{display:flex;gap:12px;align-items:center}
.device svg{width:22px;height:22px;color:var(--muted);flex:none}
.notice{background:var(--sky-soft);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;display:flex;gap:10px;align-items:flex-start}
.notice svg{width:18px;height:18px;color:var(--sky-ink);flex:none;margin-top:1px}
.phase{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--line);border-radius:6px;padding:2px 7px;white-space:nowrap}

@media (max-width:1100px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .app{grid-template-columns:minmax(0,1fr)}
  .side{display:none}
  .top{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:12px}
  .top .t-logo{display:block}
  .top h1,.top .crumb{display:none}
  .view{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:18px calc(96px + env(safe-area-inset-bottom,0px));gap:16px}
  .view-title{display:block!important}
  .grid2,.grid3,.ci-wrap{grid-template-columns:minmax(0,1fr)}
  .ci-wrap{grid-template-areas:"map" "steps" "status";gap:16px}
  .map{aspect-ratio:16/10}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);
    padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));padding-left:max(6px,env(safe-area-inset-left,0px));padding-right:max(6px,env(safe-area-inset-right,0px))}
  .tabbar button{border:0;background:transparent;display:grid;justify-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--muted);padding:6px 2px;position:relative}
  .tabbar button svg{width:22px;height:22px}
  .tabbar button[aria-current="page"]{color:var(--sky-ink)}
  .tabbar .ci-tab svg{width:26px;height:26px}
  .board.tasks-board{display:block}
  .board.tasks-board .col{display:none}
  .board.tasks-board .col.on{display:flex}
  .board.tasks-board .col-h{display:none}
  .tabs-m{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
  .tabs-m button{flex:none}
  .drawer{top:auto;width:100%;max-height:92%;border-radius:18px 18px 0 0;animation:sheet .25s ease;padding-left:env(safe-area-inset-left,0px)}
  @keyframes sheet{from{transform:translateY(40px);opacity:.4}}
  .dr-h,.dr-b,.dr-f{padding-left:18px;padding-right:18px}
  .kv{grid-template-columns:110px minmax(0,1fr)}
  .bar{grid-template-columns:96px minmax(0,1fr) 40px}
  .greet h2{font-size:28px}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .sq{grid-template-columns:52px 26px minmax(0,1fr)}
  .sq .st{grid-column:3}
}
.view-title{display:none}
.view-title h1{font:600 28px/1.1 var(--display)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- live app additions ---------- */
html,body{margin:0}
[hidden]{display:none!important}
img{max-width:100%}
:root{padding-top:env(safe-area-inset-top,0px)}
.boot{min-height:100vh;display:grid;place-items:center;background:var(--bg)}
.boot img{opacity:.85;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.4}}
.skel{display:grid;gap:14px}
.skel div{height:64px;border-radius:12px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface2) 50%,var(--surface) 100%);background-size:200% 100%;animation:sh 1.2s linear infinite;border:1px solid var(--line)}
@keyframes sh{to{background-position:-200% 0}}
.empty{padding:26px 10px;text-align:center;color:var(--muted);font-size:14px;display:grid;gap:10px;justify-items:center}
.empty b{color:var(--ink);font-size:15px}
.err-box{border:1px solid var(--bad);background:var(--bad-soft);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px}
.cam{position:relative;width:220px;max-width:100%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#0A1029;margin-top:10px}
.cam video,.cam img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}
.cam .hint{position:absolute;left:8px;right:8px;bottom:8px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:rgba(10,16,41,.6);border-radius:99px;padding:4px}
.cam-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.thumb-img{width:34px;height:44px;border-radius:6px;object-fit:cover;display:block;background:var(--idle-soft)}
.mini-btns{display:flex;gap:6px;flex-wrap:wrap}
.mini-btns .btn{padding:5px 10px;font-size:12.5px}
.step-edit{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:10px;background:var(--surface2)}
.step-edit .row3{display:grid;grid-template-columns:90px 130px minmax(0,1fr) auto;gap:8px;align-items:end}
.step-edit textarea{min-height:130px}
.vars{font-size:12px;color:var(--muted)}
.vars code{background:var(--idle-soft);padding:1px 5px;border-radius:4px}
.badge-n{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;padding:0 5px;position:absolute;top:2px;right:calc(50% - 22px)}
.icon-btn .badge-n{top:-4px;right:-4px}
.lead-msg{white-space:pre-wrap;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px}
.ev{display:flex;gap:10px;font-size:13.5px;padding:8px 0;border-top:1px solid var(--line)}
.ev:first-child{border-top:0}
.ev .k{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-width:74px}
.ev .b{min-width:0;overflow-wrap:anywhere}
.ev small{display:block;color:var(--muted);font-size:11.5px}
.dept-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}
.dept-row input,.dept-row select{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px;min-width:0;width:100%}
.big-cta{display:grid;gap:12px;justify-items:start}
.pager{display:flex;gap:8px;justify-content:flex-end}
a.btn{text-decoration:none}
.link{background:none;border:0;color:var(--sky-ink);font-weight:700;padding:0;cursor:pointer}
@media (max-width:860px){
  .step-edit .row3{grid-template-columns:1fr 1fr}
  .dept-row{grid-template-columns:1fr}
  .badge-n{right:calc(50% - 20px)}
}

/* ---------- phase 2 modules ---------- */
:root{--navy-chart:#1F2A5E;--gold:#B8913A;--silver:#8A93A8;--bronze:#A0673C}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]):not([data-theme="blue"]){--navy-chart:#7C8CD6}}
:root[data-theme="dark"]{--navy-chart:#7C8CD6}
.nav .lab{padding-top:10px}
.u-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.u-tabs button{border:0;background:none;padding:10px 14px;font-weight:700;font-size:14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.u-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--sky)}
.u-tabs .u-n{background:var(--idle-soft);border-radius:99px;padding:0 7px;font-size:11.5px;margin-left:4px}
.u-period{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.u-period .seg{flex-wrap:wrap}
.u-date{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);font-weight:600}
.u-date input{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 10px}
.u-filters .sel{max-width:220px}
.u-export{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.u-export .hint{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.u-export .btn{padding:6px 12px;font-size:12.5px}
.u-chart-wrap{display:grid;gap:8px}
.u-chart{width:100%;height:auto;max-width:100%}
.u-chart .u-grid{stroke:var(--line);stroke-width:1}
.u-chart .u-zero{stroke:var(--muted);stroke-width:1.2;stroke-dasharray:3 3}
.u-chart .u-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.u-chart .u-line.dash{stroke-dasharray:6 5}
.u-chart .u-dot{pointer-events:none;stroke:var(--surface);stroke-width:1.5}
.u-legend i.ln{height:3px;width:16px;border-radius:2px;align-self:center}
.u-legend i.ln.dash{background-image:linear-gradient(90deg,transparent 50%,var(--surface) 50%)!important;background-size:6px 3px}
@media (prefers-reduced-motion:no-preference){.u-chart .u-line{stroke-dasharray:2000;stroke-dashoffset:2000;animation:u-draw 1.4s cubic-bezier(.16,1,.3,1) forwards}.u-chart .u-line.dash{animation:none;stroke-dasharray:6 5;stroke-dashoffset:0}}
@keyframes u-draw{to{stroke-dashoffset:0}}
.u-chart .u-ax{fill:var(--muted);font-size:11px;font-family:var(--body)}
.u-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:600}
.u-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.u-legend .doc-dot{margin-right:6px}
.bars.money .bar{grid-template-columns:132px minmax(0,1fr) 78px}
.u-prog{display:grid;gap:6px}
.u-prog-h{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-weight:600}
.u-prog .bt{height:12px;background:var(--idle-soft);border-radius:99px;overflow:hidden}
.u-prog .bf{display:block;height:100%;border-radius:99px}
.tbl tfoot td{border-top:2px solid var(--line);border-bottom:0}
.tbl-click tbody tr:hover td{background:var(--surface2)}
/* access */
.acc-tbl td,.acc-tbl th{white-space:nowrap}
.acc-sel{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:12.5px;font-weight:700;background:var(--surface)}
.acc-sel.lv-none{color:var(--muted)}
.acc-sel.lv-view{color:var(--sky-ink);background:var(--sky-soft);border-color:transparent}
.acc-sel.lv-edit{color:var(--warn);background:var(--warn-soft);border-color:transparent}
.acc-sel.lv-manage{color:var(--ok);background:var(--ok-soft);border-color:transparent}
/* leaderboard */
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.pod{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 14px;display:grid;justify-items:center;gap:6px;text-align:center;position:relative}
.pod-1{padding-top:30px;border-color:var(--gold);box-shadow:var(--shadow)}
.pod-rank{position:absolute;top:-14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--silver)}
.pod-1 .pod-rank{background:var(--gold)} .pod-3 .pod-rank{background:var(--bronze)}
.pod b{font-size:15px}
.pod-v{font:700 22px/1.1 var(--body)}
.pod-s{font-size:12px;color:var(--muted)}
/* documents */
.docs-tbl th.doc-col,.docs-tbl td.doc-col{text-align:center;width:72px}
.doc-dot{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:800}
.doc-sec{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:10px}
.doc-sec .eyebrow{margin:0}
/* chat */
.chat-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);height:calc(100vh - 170px);min-height:440px;overflow:hidden}
.chat-side{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.chat-side-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.chat-rooms{overflow:auto;padding:6px;display:grid;gap:2px;align-content:start}
.chat-rooms .lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:10px 8px 4px;font-weight:700}
.room{display:flex;gap:10px;align-items:center;border:0;background:none;border-radius:10px;padding:8px;text-align:left;width:100%}
.room:hover{background:var(--surface2)}
.room.on{background:var(--sky-soft)}
.room-hash{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--idle-soft);font-weight:800;color:var(--muted);flex:none}
.room-n{display:grid;min-width:0;flex:1}
.room-n b{font-size:13.5px}
.room-n span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room .badge{background:var(--red);color:#fff;font-size:11px;border-radius:99px;padding:1px 7px;font-weight:700}
.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-h{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.chat-h .grow{display:grid}
.chat-h .grow span{font-size:12px;color:var(--muted)}
.chat-back{display:none}
.chat-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:2px}
.day-sep{text-align:center;margin:12px 0 6px;font-size:11.5px;color:var(--muted);font-weight:700}
.day-sep span{background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:2px 10px}
.msg{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:4px 0}
.msg.cont{padding-top:0}
.msg-h{display:flex;gap:8px;align-items:baseline}
.msg-h b{font-size:13.5px}
.msg-h span{font-size:11.5px;color:var(--muted)}
.msg-t{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.msg-t .mention{color:var(--sky-ink)}
.msg-file{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;margin-top:4px;text-decoration:none;color:var(--ink)}
.msg-file svg{width:15px;height:15px}
.chat-compose{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line)}
.chat-compose textarea{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:9px 14px;resize:none;max-height:140px;font:inherit}
.chat-compose .btn{padding:10px 14px}
.chat-att{font-size:12.5px;color:var(--muted);padding:0 14px 8px;display:flex;gap:6px;align-items:center}
.chat-att svg{width:14px;height:14px}
.chat-empty{display:grid;place-items:center;height:100%}
/* meetings */
.meet-row{align-items:flex-start}
.meet-time{display:grid;min-width:64px}
.meet-time b{font-size:16px}
.meet-time span{font-size:12px;color:var(--muted)}
.meet-people{display:flex;gap:4px;margin-top:6px;align-items:center}
.meet-ov{position:fixed;inset:0;z-index:90;background:#0A1029;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.meet-bar{display:flex;gap:12px;align-items:center;padding:10px max(16px,env(safe-area-inset-left,0px));color:#fff}
.meet-bar .hint{color:#9BA4C3;font-size:12.5px;flex:1}
.meet-ov iframe{flex:1;border:0;width:100%}
.meet-ph{flex:1;display:grid;place-items:center;color:#C9D3EE}
/* Recording on this computer (93-meetrec.js) */
.rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#E8312F;box-shadow:0 0 0 0 rgba(232,49,47,.55);animation:recPulse 1.6s ease-out infinite;flex:none}
@keyframes recPulse{0%{box-shadow:0 0 0 0 rgba(232,49,47,.55)}70%{box-shadow:0 0 0 9px rgba(232,49,47,0)}100%{box-shadow:0 0 0 0 rgba(232,49,47,0)}}
@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}
.rec-dock{position:fixed;z-index:95;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:calc(100vw - 32px);background:var(--surface,#fff);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 18px 40px -18px rgba(20,28,68,.45);font-size:13.5px}
.rec-dock b{letter-spacing:.08em;color:#C2302C}
.rec-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px}
.rec-sz{color:var(--muted);font-variant-numeric:tabular-nums}
.rec-ttl{color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-done{display:grid;gap:2px;min-width:0}
.rec-done b{letter-spacing:0;color:var(--ok);display:flex;gap:6px;align-items:center}
.rec-done b svg{width:16px;height:16px}
.rec-done span{color:var(--muted);overflow-wrap:anywhere}
.rec-done .rec-err{color:var(--bad)}
.rec-up{display:flex;align-items:center;gap:10px;color:var(--muted)}
.rec-bar{width:140px;height:6px;border-radius:99px;background:var(--idle-soft);overflow:hidden}
.rec-bar i{display:block;height:100%;background:var(--sky,#00A9EF);transition:width .4s}
.rec-sheet{position:fixed;inset:0;z-index:96;background:rgba(10,16,41,.55);display:grid;place-items:center;padding:16px}
.rec-card{background:var(--surface,#fff);color:var(--ink);border-radius:18px;padding:22px;max-width:460px;width:100%;box-shadow:0 30px 60px -30px rgba(10,16,41,.6)}
.rec-card h2{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.rec-steps{margin:0 0 12px;padding-left:20px;display:grid;gap:6px;font-size:14px}
.rec-card .mini-btns{justify-content:flex-end;margin-top:14px}
.rec-card .hint{margin:0 0 8px}
.meet-bar .rec-flag,.meet-bar .rec-no{flex:none}
.meet-bar .rec-no{color:#9BA4C3}
.notice.warn{background:var(--warn-soft)}
.notice.warn svg{color:var(--warn)}
.rec-lost{align-items:center;flex-wrap:wrap;margin-bottom:12px}
.rec-lost>span:first-of-type{flex:1;min-width:200px}
.obs-card summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.obs-card summary::-webkit-details-marker{display:none}
.obs-card summary h2{margin:0}
.obs-card[open] summary{margin-bottom:12px}
@media (max-width:620px){.rec-dock{left:16px;right:16px;transform:none;bottom:calc(84px + env(safe-area-inset-bottom,0px))}.rec-ttl{display:none}}
.meet-ph .empty b{color:#fff}
@media (max-width:860px){
  .podium{grid-template-columns:1fr;gap:20px}
  .pod-1{order:-1}
  .chat-wrap{grid-template-columns:minmax(0,1fr);height:calc(100vh - 220px)}
  .chat-wrap.has-room .chat-side{display:none}
  .chat-wrap:not(.has-room) .chat-main{display:none}
  .chat-back{display:grid}
  .chat-h .btn span{display:none}
  .bars.money .bar{grid-template-columns:96px minmax(0,1fr) 64px}
}
.tbl td svg,.link svg,.doc-sec a svg{width:16px;height:16px;vertical-align:-3px;flex:none}
.link{display:inline-flex;gap:6px;align-items:center}
@media (max-width:860px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:12px}
  .kpi .k-v{font-size:22px}
  .kpi .k-l{font-size:12px}
}
@media (min-width:861px){.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
/* finance import + AI + security */
.imp-drop{display:grid;justify-items:center;text-align:center;gap:10px;padding:34px 20px;border:2px dashed var(--line);cursor:pointer}
.imp-drop:hover{border-color:var(--sky)}
.imp-drop p{max-width:560px;color:var(--muted);font-size:14px}
.imp-ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky-ink)}
.imp-ico svg{width:26px;height:26px}
.imp-steps{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13.5px}
.imp-issues{display:flex;gap:6px;flex-wrap:wrap}
.imp-sheet .ph{flex-wrap:wrap}
.imp-map td{vertical-align:middle}
.ai-panel{border-color:color-mix(in srgb,var(--sky) 45%,var(--line))}
.ai-panel h2{display:flex;gap:8px;align-items:center}
.ai-panel h2 svg{width:18px;height:18px;color:var(--sky-ink)}
.ai-sum{font-size:15px;line-height:1.6;max-width:80ch}
.ai-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ai-card{border:1px solid var(--line);border-left:3px solid var(--sky);border-radius:10px;padding:12px;display:grid;gap:4px;background:var(--surface2)}
.ai-card .eyebrow{margin:0;font-size:10.5px}
.ai-card b{font-size:15px}
.ai-card span:last-child{font-size:12.5px;color:var(--muted)}
.ai-ok{border-left-color:var(--ok)} .ai-warn{border-left-color:var(--warn)} .ai-bad{border-left-color:var(--bad)}
.ai-chips{display:flex;gap:6px;flex-wrap:wrap}
.ai-chips .chip{cursor:pointer;background:var(--surface)}
.ai-answer{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:10px;background:var(--surface2);font-size:14px;line-height:1.6}
.ai-rec{align-items:flex-start}
.heat td.heat-c{background:color-mix(in srgb,var(--sky) calc(var(--a)*70%),transparent);font-size:12px}
.heat th{white-space:nowrap}
.sec-score{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.sec-ring{--p:0;width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--ok) calc(var(--p)*1%),var(--idle-soft) 0);display:grid;place-items:center;position:relative;flex:none}
.sec-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface)}
.sec-ring b,.sec-ring span{position:relative}
.sec-ring b{font-size:24px;line-height:1}
.sec-ring span{font-size:11px;color:var(--muted);margin-top:-30px}
.sec-score > div:last-child{flex:1;min-width:240px}
.sec-ring{display:flex;flex-direction:column;justify-content:center;align-items:center}
.sec-ring span{margin-top:2px}
.panel h2 svg{width:18px;height:18px;vertical-align:-3px;color:var(--sky-ink);margin-right:4px}
.sec-vault .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.room-hash svg{width:15px;height:15px}
/* 0.2.0: import, payroll, media, chat picker */
.drop{display:grid;justify-items:center;text-align:center;gap:6px;padding:28px 18px;border:2px dashed var(--line);border-radius:12px;cursor:pointer;color:var(--muted)}
.drop:hover,.drop:focus-visible{border-color:var(--sky)}
.drop svg{width:28px;height:28px;color:var(--sky-ink)}
.drop b{color:var(--ink);font-size:15px}
.steps-ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px}
.notice.ok{background:var(--ok-soft,#E6F6EC)}
.notice.ok svg{color:var(--ok,#1E8E4E)}
.confirm-box{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:10px;background:var(--surface)}
.confirm-box p{margin:0}
.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.asset{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}
.asset-th{display:grid;place-items:center;aspect-ratio:4/3;background:var(--sky-soft);overflow:hidden}
.asset-th img{width:100%;height:100%;object-fit:cover}
.asset-ico svg{width:34px;height:34px;color:var(--sky-ink)}
.asset-b{padding:10px 12px;display:grid;gap:2px;min-width:0}
.asset-b b{font-size:14px;overflow-wrap:anywhere}
.asset-b span{font-size:12px;color:var(--muted)}
.asset .mini-btns{padding:0 8px 8px}
.pick-list{display:grid;gap:4px;max-height:52vh;overflow:auto}
.pick-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:none;text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit}
.pick-row:hover{background:var(--sky-soft)}
.pick-row > span:not(.av){display:grid;flex:1;min-width:0}
.pick-row small{color:var(--muted);font-size:12px}
.pick-row > svg{width:18px;height:18px;color:var(--sky-ink)}
.pick-row input{width:18px;height:18px;accent-color:var(--navy)}
details summary{cursor:pointer}
/* step-up (passkey confirmation) */
.step-ov{position:fixed;inset:0;z-index:200;background:rgba(10,16,40,.55);display:grid;place-items:center;padding:16px}
.step-card{background:var(--surface);color:var(--ink);border-radius:18px;padding:24px;max-width:400px;width:100%;display:grid;gap:12px;justify-items:start;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.step-card > svg{width:34px;height:34px;color:var(--sky-ink)}
.step-card h2{margin:0;font-size:22px}
.step-card p{margin:0;color:var(--muted);font-size:14px}
.step-err{color:var(--bad);font-size:13px}
/* sales register + investments */
.sheet-wrap{padding:0;overflow:hidden}
.sheet{font-size:12.5px;white-space:nowrap}
.sheet th,.sheet td{padding:7px 9px}
.sheet thead tr.grp th{background:var(--navy);color:#fff;text-align:center;font-weight:600;border-left:1px solid rgba(255,255,255,.15)}
.sheet .stick{position:sticky;left:0;background:var(--surface);z-index:1;box-shadow:1px 0 0 var(--line)}
.sheet tbody tr{cursor:pointer}
.sheet tbody tr:hover td{background:var(--sky-soft)}
.inv-prev{background:var(--sky-soft);border-radius:12px;padding:12px 14px;font-size:14px}
.inv-prev p{margin:0 0 8px}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.calc-grid div{display:grid;gap:2px}
.calc-grid span{font-size:12px;color:var(--muted)}
.calc-grid b{font-size:16px}
fieldset.ask{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:8px;margin:0}
fieldset.ask legend{font-weight:700;font-size:14px;padding:0 6px}
label.radio{display:flex;gap:10px;align-items:flex-start;cursor:pointer;padding:6px;border-radius:8px}
label.radio:hover{background:var(--sky-soft)}
label.radio input{margin-top:3px;accent-color:var(--sky);width:17px;height:17px}
label.radio span{display:grid}
label.radio small{color:var(--muted);font-size:12.5px}
/* long naira figures shrink instead of being cut off */
.kpi .k-v{font-size:clamp(20px,2.1vw,30px);overflow-wrap:anywhere;line-height:1.1}
.kpi{min-width:0}
/* finance categories */
.cat-list{display:grid;gap:6px;margin-bottom:14px}
.cat-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 80px 84px 64px;gap:8px;align-items:center}
.cat-row input[data-cat],.cat-row .cat-code{min-width:0}
.cat-row.is-hidden input[data-cat]{opacity:.55;text-decoration:line-through}
.cat-hide{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted);white-space:nowrap}
.cat-add{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:10px;align-items:end;border-top:1px solid var(--line);padding-top:14px}
@media (max-width:640px){.cat-row{grid-template-columns:1fr 70px;}.cat-row .hint{grid-column:1}.cat-add{grid-template-columns:1fr}}
/* finance setup */
.pct-in{width:80px;text-align:right}
.price-list input,.price-list select{width:100%;min-width:84px;text-align:right}
.price-list select{text-align:left}
.sticky-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;z-index:5}
.sticky-save .btn{box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.lb-depts{display:flex;flex-wrap:wrap;gap:10px 18px}
/* help + policies */
.help-btn{font-weight:800;font-size:16px}
.help-search{flex:1;max-width:560px}
.md h3{font-size:16px;margin:14px 0 6px}
.md p{margin:0 0 8px;line-height:1.55}
.md ul,.md ol{margin:0 0 10px;padding-left:20px;line-height:1.55}
/* lead temperature */
.temp{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:99px;vertical-align:1px}
.t-hot{background:var(--bad-soft);color:var(--bad)}
.t-warm{background:var(--warn-soft);color:var(--warn)}
.t-cold{background:var(--sky-soft);color:var(--sky-ink)}
.kv.answers dt{white-space:normal;max-width:260px}

/* Finance Setup: add a product */
.inline-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.inline-add input{flex:1 1 220px;min-width:0}
.btn-xs{padding:2px 8px;font-size:11.5px;min-height:0;margin-left:6px}

/* Sales targets panel */
.tg .tg-row{padding:10px 0;border-top:1px solid var(--line)}
.tg .tg-row:first-of-type{border-top:0}
.tg-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tg-top b{font-weight:600}
.tg-pct{margin-left:auto;font-weight:700;font-size:18px}
.tg-bar{position:relative;height:10px;border-radius:99px;background:var(--surface2);margin-top:8px;overflow:visible}
.tg-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1F2A5E,#00A9EF)}
.tg-bar em{position:absolute;top:-4px;bottom:-4px;width:2px;background:#1F2A5E;opacity:.55}
.tg-amt{font-size:12.5px;color:var(--muted);margin-top:6px}
.prob-box{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:12px 0;background:var(--surface2);color:var(--ink)}

/* Media weekly plan */
.mw-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mw-people .chip{display:inline-flex;align-items:center;gap:6px}
.mw-day h2{font-size:15px;margin:0 0 6px}
.mw-item{display:flex;gap:10px;align-items:flex-start;padding:9px 2px;border-top:1px solid var(--line);cursor:pointer}
.mw-item:first-of-type{border-top:0}
.mw-item input{margin-top:3px;width:18px;height:18px;flex:none}
.mw-item .meta{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.mw-item.is-done b{text-decoration:line-through;color:var(--muted)}
.mw-edit{display:grid;gap:10px}
.mw-edit-row{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px}
.mw-edit-row .mw-detail{grid-column:1/-1}
.mw-edit-row .pill{grid-column:1/-1;justify-self:start}
@media (max-width:640px){.mw-edit-row{grid-template-columns:1fr 1fr}.mw-edit-row>input[data-f=title]{grid-column:1/-1}}

/* GestPoint AI */
.ai-btn{font-weight:800;font-size:12px;letter-spacing:.04em;background:linear-gradient(135deg,#1F2A5E,#00A9EF);color:#fff;border:0}
.ai-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.ai-chips .chip{cursor:pointer;border:1px solid var(--line);background:transparent;padding:5px 10px;border-radius:99px;font-size:12.5px;color:inherit}
.req{color:var(--bad,#d63638);font-weight:700}
.report-body h3{font-size:15px;margin:16px 0 6px}
.report-body table{width:100%;border-collapse:collapse}
.report-body td,.report-body th{border-bottom:1px solid var(--line);padding:6px}

/* "?" explainers */
.tip{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer;vertical-align:middle;padding:0;line-height:1}
.tip:hover,.tip[aria-expanded=true]{background:var(--sky,#00A9EF);color:#fff;border-color:transparent}
.tip-box{display:block;margin-top:6px;padding:8px 10px;border-radius:8px;background:rgba(0,169,239,.12);border:1px solid rgba(0,169,239,.35);color:inherit;font-size:12.5px;font-weight:500;line-height:1.45;white-space:normal;text-transform:none;letter-spacing:normal}
.fee-group{border:1px solid var(--line);border-radius:10px;padding:8px 12px 12px;margin:0}
.fee-group legend{font-size:12.5px;font-weight:700;padding:0 6px;color:var(--muted)}

/* Tab bars: wrap on wide screens (every tab visible); slide with arrows on narrow screens */
.u-tabs-wrap{position:relative;min-width:0;max-width:100%}
.u-tabs-wrap .u-tabs{min-width:0;max-width:100%}
.u-tabs-arr{display:none;position:absolute;top:0;bottom:1px;z-index:2;width:34px;border:0;font-size:22px;font-weight:700;color:var(--ink);cursor:pointer}
.u-tabs-arr.l{left:0;background:linear-gradient(90deg,var(--bg,#0B1230) 55%,transparent)}
.u-tabs-arr.r{right:0;background:linear-gradient(270deg,var(--bg,#0B1230) 55%,transparent)}
.u-tabs-wrap.can-l .u-tabs-arr.l,.u-tabs-wrap.can-r .u-tabs-arr.r{display:block}
.u-tabs{scroll-behavior:smooth}
@media (min-width:900px){.u-tabs{flex-wrap:wrap;overflow:visible}.u-tabs-arr{display:none!important}}
/* Weekly report */
.row-end{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.wk-goals{margin:0 0 12px;padding-left:22px;display:grid;gap:6px}
.wk-glist,.wk-rl{display:grid;gap:8px;margin:6px 0 8px}
.wk-gi{display:flex;gap:8px;align-items:center}.wk-gi .num{width:20px;color:var(--muted);text-align:right}.wk-gi input{flex:1;min-width:0}
.wk-gr{display:grid;grid-template-columns:1fr 160px;gap:6px 10px;padding:10px 0;border-top:1px solid var(--line)}.wk-gr:first-of-type{border-top:0}
.wk-gr b{grid-column:1/-1;font-weight:600}.wk-gr .wk-gn{grid-column:1/-1}
@media (min-width:700px){.wk-gr{grid-template-columns:1fr 170px 1.2fr}.wk-gr b{grid-column:1}.wk-gr .wk-gn{grid-column:auto}}
.wk-ri{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.wk-fs{border:1px solid var(--line);border-radius:12px;padding:12px 14px 4px;display:grid;gap:14px;margin:0}.wk-fs legend{padding:0 6px;font-weight:700}
.wk-bars{display:grid;gap:10px;margin:4px 0 10px}
.wk-a{padding:8px 0;border-top:1px solid var(--line)}.wk-a:first-child{border-top:0}.wk-a b{display:block;font-size:13px;color:var(--muted);font-weight:600}.wk-a p{margin:3px 0 0;white-space:pre-line}
.wk-ins{list-style:none;margin:0;padding:0;display:grid;gap:6px}.wk-ins li{padding:8px 12px;border-radius:10px;border-left:4px solid var(--sky);background:var(--card2,rgba(0,169,239,.06))}
.wk-ins li.warn{border-color:var(--warn)}.wk-ins li.bad{border-color:var(--bad)}.wk-ins li.ok{border-color:var(--ok)}
/* Chat v2: reactions, replies, pins, menus, images, mentions, celebrations */
.msg{position:relative}
.msg-more{position:absolute;top:2px;right:2px;opacity:0;border:0;background:var(--card,#16204a);color:var(--muted);border-radius:8px;padding:2px 8px;font-size:16px;cursor:pointer}
.msg:hover .msg-more,.msg.sel .msg-more{opacity:1}
@media (hover:none){.msg-more{opacity:.55}}
.msg.flash{animation:msgflash 1.8s ease}@keyframes msgflash{0%,40%{background:rgba(0,169,239,.18)}100%{background:transparent}}
.msg.is-pinned{background:rgba(232,49,47,.04)}
.pin-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--warn);margin-left:6px}.pin-tag svg{width:12px;height:12px}
.msg-ed{font-size:11px;color:var(--muted)}
.msg-t.gone{font-style:italic;color:var(--muted)}
.msg-reply{display:block;text-align:left;width:100%;max-width:520px;border:0;border-left:3px solid var(--sky);background:rgba(0,169,239,.07);color:inherit;padding:5px 9px;border-radius:6px;margin:2px 0 4px;font-size:12.5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-img{display:block;margin-top:6px}.msg-img img{max-width:min(320px,100%);max-height:320px;border-radius:12px;display:block;border:1px solid var(--line)}
.msg-reacts{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.msg-reacts button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:99px;padding:1px 8px;font-size:13px;cursor:pointer}
.msg-reacts button.on{border-color:var(--sky);background:rgba(0,169,239,.14)}
.msg-menu{margin:2px 0 8px 44px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card,#16204a);display:grid;gap:6px;max-width:520px}
.mm-reacts{display:flex;flex-wrap:wrap;gap:2px}.mm-reacts button{border:0;background:none;font-size:20px;padding:4px 5px;cursor:pointer;border-radius:8px}.mm-reacts button:hover{background:rgba(255,255,255,.08)}
.mm-acts{display:flex;flex-wrap:wrap;gap:4px}.mm-acts button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:transparent;color:inherit;border-radius:8px;padding:5px 10px;font-size:13px;cursor:pointer}.mm-acts button svg{width:14px;height:14px}.mm-acts .bad{color:var(--bad)}
.msg-task{display:flex;align-items:center;gap:8px;margin-top:6px;max-width:420px;width:100%;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;border-radius:10px;padding:7px 10px;cursor:pointer}
.msg-task span{flex:1;min-width:0}.msg-task b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-task small{color:var(--muted);font-size:11.5px}.msg-task .pill{flex:none}
.msg-sys{display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:center;font-size:12.5px;color:var(--muted);margin:6px 0}.msg-sys svg{width:13px;height:13px}
.msg-kudos{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:linear-gradient(120deg,rgba(255,196,0,.16),rgba(0,169,239,.12));margin:4px 0}
.kd-badge{font-size:34px;line-height:1}.msg-kudos b{display:block}.msg-kudos span{font-size:13px;color:var(--muted)}
.msg-announce .msg-b{border-left:3px solid var(--warn);padding-left:10px}.msg-ann-h{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--warn);font-size:13px}.msg-ann-h svg{width:14px;height:14px}
.mention.me{background:rgba(255,196,0,.18);border-radius:4px;padding:0 2px}
.chat-pins{border-bottom:1px solid var(--line);font-size:13px}.chat-pins>button{display:flex;align-items:center;gap:6px;width:100%;border:0;background:rgba(232,49,47,.06);color:inherit;padding:7px 14px;cursor:pointer;text-align:left}.chat-pins>button span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pins svg{width:14px;height:14px}
.pin-list{display:grid;max-height:220px;overflow:auto}.pin-list button{border:0;border-top:1px solid var(--line);background:none;color:inherit;text-align:left;padding:7px 14px;cursor:pointer;font-size:13px}
.chat-mention{position:relative;margin:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--card,#16204a);max-height:240px;overflow:auto}.chat-mention .pick-row.on{background:rgba(0,169,239,.14)}
.chat-emoji{display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px;border-top:1px solid var(--line)}.chat-emoji button{border:0;background:none;font-size:20px;padding:3px 5px;cursor:pointer;border-radius:8px}
.att-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px}
.chat-side .chat-search{flex:0 0 auto;max-width:none;margin:0 10px 8px}
@media (max-width:600px){.hide-sm{display:none}.msg-menu{margin-left:0}}
/* Rewards */
.rw-top{display:flex;gap:14px;align-items:center;background:linear-gradient(120deg,rgba(255,196,0,.14),rgba(0,169,239,.10))}
.rw-top h2{margin:2px 0}.rw-top p{margin:2px 0 0}.rw-top.sm{padding:12px 16px}.rw-top .meta{display:block;font-size:12.5px;color:var(--muted)}
.rw-trophy{font-size:40px;line-height:1}.rw-top.sm .rw-trophy{font-size:30px}
.rw-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--card,transparent)}
.rw-card p{margin:4px 0}.rw-card .meta{font-size:12px;color:var(--muted)}
.rw-ic{font-size:28px;line-height:1;flex:none}
.rw-board{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rw-board li{display:flex;align-items:center;gap:10px;padding:6px 4px;border-top:1px solid var(--line)}.rw-board li:first-child{border-top:0}.rw-board .num{width:22px;text-align:right}
.rw-defs{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.rw-def{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}.rw-def p{margin:2px 0;font-size:13px}.rw-def .meta{font-size:12px;color:var(--muted)}
.rw-pick{display:grid;gap:6px}.rw-opt{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.rw-opt:has(input:checked){border-color:var(--sky);background:rgba(0,169,239,.08)}.rw-opt small{display:block;color:var(--muted);font-size:12px}
/* Announcements */
.ann{border:1px solid var(--line);border-left:4px solid var(--sky);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--card,transparent)}
.ann-important{border-left-color:var(--warn)}.ann-urgent{border-left-color:var(--bad)}.ann-celebrate{border-left-color:var(--ok)}.ann.is-read{opacity:.8}
.ann-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.ann-h .meta{font-size:12px;color:var(--muted)}
.ann-b{margin:8px 0;white-space:normal}.ann-img{max-width:100%;max-height:340px;border-radius:10px;margin-top:8px;display:block}
.ann-home{margin-bottom:12px}
/* Calendar */
.cal-wrap{display:grid;gap:14px}@media (min-width:1100px){.cal-wrap{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);align-items:start}}
.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-w{font-size:11.5px;color:var(--muted);text-align:center;padding:4px 0;font-weight:600}
.cal-c{min-height:84px;border:1px solid var(--line);border-radius:10px;padding:5px;display:flex;flex-direction:column;gap:2px;align-items:stretch;text-align:left;background:transparent;color:inherit;cursor:pointer;overflow:hidden}
.cal-c.out{border:0;cursor:default}.cal-c.today{border-color:var(--sky);box-shadow:inset 0 0 0 1px var(--sky)}.cal-c.hol{background:rgba(232,49,47,.07)}.cal-c.sel{background:rgba(0,169,239,.12)}
.cal-n{font-size:12.5px;font-weight:700}
.cal-e{font-size:11px;line-height:1.25;padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--c) 22%,transparent);border-left:3px solid var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-more{font-size:10.5px;color:var(--muted)}
.cal-dot{width:10px;height:10px;border-radius:50%;flex:none;margin-top:6px}
@media (max-width:640px){.cal-c{min-height:52px;padding:3px}.cal-e{font-size:0;height:6px;padding:0;border-left:0;background:var(--c)}.cal-more{display:none}}
/* Tickets */
.tk-thread{display:grid;gap:8px;margin:12px 0}
.tk-msg{border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--card,transparent)}.tk-msg.staff{border-left:3px solid var(--sky)}.tk-msg.internal{border-left:3px solid var(--warn);background:rgba(255,196,0,.06)}
.tk-msg .meta{font-size:12px;color:var(--muted);margin-left:8px}.tk-msg p{margin:4px 0 0}
.tk-stars button{border:0;background:none;font-size:22px;color:var(--warn);cursor:pointer;padding:0 2px}.tk-stars button:hover~button{opacity:.35}
.toggle-inline{display:inline-flex;gap:6px;align-items:center;font-size:13px}
/* Home hero: greeting + a line house that builds once on arrival (about 5 s), then rests finished.
   Shown finished straight away on later visits in the same session and with reduced motion. */
.home-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 26px;padding:14px 4px 6px}
.home-hero .greet{min-width:0}
.hero-line{margin:6px 0 0;color:var(--muted);font-size:14px}
.build-anim{width:min(380px,42%);height:auto;color:color-mix(in srgb,var(--ink) 38%,transparent);flex:none;overflow:visible}
.build-anim .ba-sun,.build-anim .ba-win,.build-anim .ba-beam{color:var(--sky)}
.build-anim .ba-sun{stroke:var(--sky);opacity:.55}
.build-anim .ba-ground{opacity:.5}
.build-anim .ba-d{stroke-dasharray:1;stroke-dashoffset:1;animation:baDraw 1.6s cubic-bezier(.16,1,.3,1) forwards}
.build-anim .ba-walls{animation-delay:.5s}.build-anim .ba-roof{animation-delay:1.3s}.build-anim .ba-chim{animation-delay:1.9s}
.build-anim .ba-win,.build-anim .ba-door,.build-anim .ba-tree{opacity:0;animation:baPop .9s cubic-bezier(.16,1,.3,1) forwards}
.build-anim .ba-win{stroke:var(--sky);animation-delay:2.3s}.build-anim .ba-door{animation-delay:2.6s}.build-anim .ba-tree{animation-delay:2.9s}
.build-anim .ba-win rect{fill:color-mix(in srgb,var(--sky) 14%,transparent)}
.build-anim .ba-scaf{opacity:.45;animation:baScaf 1.4s ease 3.6s forwards}
.build-anim .ba-bricks rect{opacity:0;animation:baBrick .7s cubic-bezier(.16,1,.3,1) forwards}
.build-anim .ba-bricks .b1{animation-delay:.9s}.build-anim .ba-bricks .b2{animation-delay:1.2s}.build-anim .ba-bricks .b3{animation-delay:1.5s}
.build-anim .ba-jib{transform-origin:370px 22px;animation:baSwing 2.4s ease-in-out 3 alternate}
.build-anim .ba-hook{transform-origin:320px 22px;animation:baSway 1.6s ease-in-out 4 alternate}
.build-anim .ba-beam{stroke:var(--sky)}
@keyframes baDraw{to{stroke-dashoffset:0}}
@keyframes baPop{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes baScaf{to{opacity:0}}
@keyframes baBrick{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes baSwing{from{transform:rotate(-2deg)}to{transform:rotate(2.5deg)}}
@keyframes baSway{from{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}
.build-anim.still *{animation:none!important}.build-anim.still .ba-d{stroke-dashoffset:0}.build-anim.still .ba-win,.build-anim.still .ba-door,.build-anim.still .ba-tree,.build-anim.still .ba-bricks rect{opacity:1}.build-anim.still .ba-scaf{opacity:0}
@media (prefers-reduced-motion: reduce){.build-anim *{animation:none!important}.build-anim .ba-d{stroke-dashoffset:0}.build-anim .ba-win,.build-anim .ba-door,.build-anim .ba-tree,.build-anim .ba-bricks rect{opacity:1}.build-anim .ba-scaf{opacity:0}}
@media (max-width:640px){.home-hero{flex-direction:column;align-items:stretch;margin-bottom:18px}.build-anim{width:100%;max-width:320px;align-self:center}}
/* Portal health */
.hl-head{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.hl-head h2{margin:2px 0}
.hl-score{position:relative;width:96px;height:96px;flex:none}
.hl-score b{position:absolute;inset:0;display:grid;place-items:center;font:600 32px/1 var(--display);font-variant-numeric:lining-nums}
.hl-ring{width:96px;height:96px;transform:rotate(-90deg)}
.hl-ring circle{fill:none;stroke-width:9;stroke-linecap:round}
.hl-ring .t{stroke:var(--line)}
.hl-ring .v{transition:stroke-dasharray 1.2s cubic-bezier(.16,1,.3,1)}
.hl-item{align-items:flex-start}.hl-item .pill{flex:none;margin-top:2px;min-width:64px;text-align:center}
.hl-fix{display:flex;gap:6px;align-items:flex-start;margin-top:6px;font-size:13px;color:var(--ink)}.hl-fix svg{width:14px;height:14px;flex:none;margin-top:3px;color:var(--sky-ink)}
.hl-areas{display:grid;gap:4px}@media (min-width:900px){.hl-areas{grid-template-columns:1fr 1fr}}
.hl-list{margin:10px 0 14px;padding-left:20px;display:grid;gap:4px}
@media (prefers-reduced-motion: reduce){.hl-ring .v{transition:none}}
.doc-case-text{font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:120px;resize:vertical}
/* Celebrations */
.cb-row{align-items:flex-start}.cb-cake{font-size:24px;line-height:1;margin-top:2px}
.cb-row.today{background:color-mix(in srgb,var(--sky) 7%,transparent);border-radius:12px}
.cb-done{display:flex;gap:5px;align-items:center;color:var(--ok)}.cb-done svg{width:13px;height:13px}
.cb-miss input{max-width:150px}
@media (max-width:640px){.cb-row{flex-wrap:wrap}.cb-row .mini-btns{width:100%}}
/* ARCH-BG: architectural line art behind every page (generated by tools/arch_svg.py; do not edit by hand) */
:root{--arch:#1F2A5E;--arch-o:.07}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]):not([data-theme="blue"]){--arch:#BFD3FF;--arch-o:.1}}
:root[data-theme="dark"]{--arch:#BFD3FF;--arch-o:.1}
.arch-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.arch-bg i{position:absolute;display:block;background:var(--arch);opacity:var(--arch-o)}
.arch-bg .sky{left:-60px;right:-60px;bottom:0;height:min(38vh,340px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1800 620' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke-opacity='0.12'%3E%3Cpath d='M36 250L446 250L446 560L36 560Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.14'%3E%3Cpath d='M540 560L-990 620'/%3E%3Cpath d='M580 560L-780 620'/%3E%3Cpath d='M620 560L-570 620'/%3E%3Cpath d='M660 560L-360 620'/%3E%3Cpath d='M700 560L-150 620'/%3E%3Cpath d='M740 560L60 620'/%3E%3Cpath d='M780 560L270 620'/%3E%3Cpath d='M820 560L480 620'/%3E%3Cpath d='M860 560L690 620'/%3E%3Cpath d='M900 560L900 620'/%3E%3Cpath d='M940 560L1110 620'/%3E%3Cpath d='M980 560L1320 620'/%3E%3Cpath d='M1020 560L1530 620'/%3E%3Cpath d='M1060 560L1740 620'/%3E%3Cpath d='M1100 560L1950 620'/%3E%3Cpath d='M1140 560L2160 620'/%3E%3Cpath d='M1180 560L2370 620'/%3E%3Cpath d='M1220 560L2580 620'/%3E%3Cpath d='M1260 560L2790 620'/%3E%3C/g%3E%3Cg stroke-opacity='0.2'%3E%3Cpath d='M60 268L60 384' stroke-dasharray='3 5'/%3E%3Cpath d='M290 268L290 384' stroke-dasharray='3 5'/%3E%3Cpath d='M940 150L1070 150'/%3E%3Cpath d='M940 172L1070 172'/%3E%3Cpath d='M940 194L1070 194'/%3E%3Cpath d='M940 216L1070 216'/%3E%3Cpath d='M940 238L1070 238'/%3E%3Cpath d='M940 260L1070 260'/%3E%3Cpath d='M940 282L1070 282'/%3E%3Cpath d='M940 304L1070 304'/%3E%3Cpath d='M940 326L1070 326'/%3E%3Cpath d='M940 348L1070 348'/%3E%3Cpath d='M940 370L1070 370'/%3E%3Cpath d='M940 392L1070 392'/%3E%3Cpath d='M940 414L1070 414'/%3E%3Cpath d='M940 436L1070 436'/%3E%3Cpath d='M940 458L1070 458'/%3E%3Cpath d='M940 480L1070 480'/%3E%3Cpath d='M940 502L1070 502'/%3E%3Cpath d='M940 524L1070 524'/%3E%3Cpath d='M955 140L955 540'/%3E%3Cpath d='M978 140L978 540'/%3E%3Cpath d='M1001 140L1001 540'/%3E%3Cpath d='M1024 140L1024 540'/%3E%3Cpath d='M1047 140L1047 540'/%3E%3C/g%3E%3Cg stroke-opacity='0.25'%3E%3Cpath d='M545 490L545 540'/%3E%3Cpath d='M615 490L615 540'/%3E%3Cpath d='M685 490L685 540'/%3E%3Cpath d='M755 490L755 540'/%3E%3C/g%3E%3Cg stroke-opacity='0.275'%3E%3Cpath d='M101 410L101 456'/%3E%3Cpath d='M101 476L101 522'/%3E%3Cpath d='M167 410L167 456'/%3E%3Cpath d='M167 476L167 522'/%3E%3Cpath d='M233 410L233 456'/%3E%3Cpath d='M233 476L233 522'/%3E%3Cpath d='M1184 440L1184 470'/%3E%3Cpath d='M1222 440L1222 470'/%3E%3Cpath d='M1270 440L1270 470'/%3E%3Cpath d='M1308 440L1308 470'/%3E%3Cpath d='M1356 440L1356 470'/%3E%3Cpath d='M1394 440L1394 470'/%3E%3Cpath d='M1442 440L1442 470'/%3E%3Cpath d='M1480 440L1480 470'/%3E%3Cpath d='M1580 490L1580 526'/%3E%3Cpath d='M1650 490L1650 526'/%3E%3Cpath d='M1720 490L1720 526'/%3E%3C/g%3E%3Cg stroke-opacity='0.3'%3E%3Cpath d='M296 440L296 462'/%3E%3Cpath d='M306 440L306 462'/%3E%3Cpath d='M316 440L316 462'/%3E%3Cpath d='M326 440L326 462'/%3E%3Cpath d='M336 440L336 462'/%3E%3Cpath d='M346 440L346 462'/%3E%3Cpath d='M356 440L356 462'/%3E%3Cpath d='M366 440L366 462'/%3E%3Cpath d='M376 440L376 462'/%3E%3Cpath d='M386 440L386 462'/%3E%3Cpath d='M396 440L396 462'/%3E%3Cpath d='M406 440L406 462'/%3E%3Cpath d='M60 262L290 262'/%3E%3Cpath d='M60 256L60 268'/%3E%3Cpath d='M56 266L64 258'/%3E%3Cpath d='M290 256L290 268'/%3E%3Cpath d='M286 266L294 258'/%3E%3Cpath d='M432.4 520.8A13.2 13.2 0 0 1 445.6 498.0'/%3E%3Cpath d='M455.8 482.6A12.1 12.1 0 0 1 465.9 504.5'/%3E%3Cpath d='M470 550L840 550'/%3E%3Cpath d='M560 360L880 360'/%3E%3Cpath d='M560 354L560 366'/%3E%3Cpath d='M556 364L564 356'/%3E%3Cpath d='M880 354L880 366'/%3E%3Cpath d='M876 364L884 356'/%3E%3Cpath d='M1105.6 528.0A10.8 10.8 0 0 1 1116.4 509.2'/%3E%3Cpath d='M1124.7 496.7A9.9 9.9 0 0 1 1133.0 514.6'/%3E%3Cpath d='M1580 420L1620 472'/%3E%3Cpath d='M1720 420L1680 472'/%3E%3Cpath d='M1500 560L1500 538'/%3E%3Cpath d='M1514 560L1514 538'/%3E%3Cpath d='M1528 560L1528 538'/%3E%3Cpath d='M1542 560L1542 538'/%3E%3Cpath d='M1556 560L1556 538'/%3E%3Cpath d='M1570 560L1570 538'/%3E%3Cpath d='M1584 560L1584 538'/%3E%3Cpath d='M1598 560L1598 538'/%3E%3Cpath d='M1612 560L1612 538'/%3E%3Cpath d='M1626 560L1626 538'/%3E%3Cpath d='M1640 560L1640 538'/%3E%3Cpath d='M1654 560L1654 538'/%3E%3Cpath d='M1668 560L1668 538'/%3E%3Cpath d='M1682 560L1682 538'/%3E%3Cpath d='M1696 560L1696 538'/%3E%3Cpath d='M1710 560L1710 538'/%3E%3Cpath d='M1724 560L1724 538'/%3E%3Cpath d='M1738 560L1738 538'/%3E%3Cpath d='M1752 560L1752 538'/%3E%3Cpath d='M1766 560L1766 538'/%3E%3Cpath d='M1780 560L1780 538'/%3E%3Cpath d='M1794 560L1794 538'/%3E%3Cpath d='M1500 544L1800 544'/%3E%3Cpath d='M1480.8 517.3A14.4 14.4 0 0 1 1495.2 492.3'/%3E%3Cpath d='M1506.3 475.6A13.2 13.2 0 0 1 1517.4 499.4'/%3E%3Ccircle cx='36' cy='250' r='5'/%3E%3Ccircle cx='446' cy='250' r='5'/%3E%3Ccircle cx='36' cy='560' r='5'/%3E%3Ccircle cx='446' cy='560' r='5'/%3E%3C/g%3E%3Cg stroke-opacity='0.4'%3E%3Cpath d='M998 82L1012 82'/%3E%3C/g%3E%3Cg stroke-opacity='0.45'%3E%3Cpath d='M290 462L410 462'/%3E%3Cpath d='M580 392L580 470'/%3E%3Cpath d='M610 392L610 470'/%3E%3Cpath d='M640 392L640 470'/%3E%3Cpath d='M670 392L670 470'/%3E%3Cpath d='M700 392L700 470'/%3E%3Cpath d='M730 392L730 470'/%3E%3Cpath d='M760 392L760 470'/%3E%3Cpath d='M790 392L790 470'/%3E%3Cpath d='M820 392L820 470'/%3E%3Cpath d='M850 392L850 470'/%3E%3C/g%3E%3Cg stroke-opacity='0.5'%3E%3Cpath d='M520 490L570 490L570 540L520 540Z'/%3E%3Cpath d='M590 490L640 490L640 540L590 540Z'/%3E%3Cpath d='M660 490L710 490L710 540L660 540Z'/%3E%3Cpath d='M730 490L780 490L780 540L730 540Z'/%3E%3Cpath d='M1218 372L1230 372L1230 400L1218 400Z'/%3E%3Cpath d='M1390 372L1402 372L1402 400L1390 400Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.55'%3E%3Cpath d='M175 300L175 286'/%3E%3Cpath d='M80 410L122 410L122 456L80 456Z'/%3E%3Cpath d='M80 476L122 476L122 522L80 522Z'/%3E%3Cpath d='M146 410L188 410L188 456L146 456Z'/%3E%3Cpath d='M146 476L188 476L188 522L146 522Z'/%3E%3Cpath d='M212 410L254 410L254 456L212 456Z'/%3E%3Cpath d='M212 476L254 476L254 522L212 522Z'/%3E%3Cpath d='M450 560L450 522.6'/%3E%3Ccircle cx='450' cy='502.8' r='22'/%3E%3Cpath d='M1005 108L1005 70'/%3E%3Cpath d='M1120 560L1120 529.4'/%3E%3Ccircle cx='1120' cy='513.2' r='18'/%3E%3Cpath d='M1172 440L1196 440L1196 470L1172 470Z'/%3E%3Cpath d='M1210 440L1234 440L1234 470L1210 470Z'/%3E%3Cpath d='M1258 440L1282 440L1282 470L1258 470Z'/%3E%3Cpath d='M1296 440L1320 440L1320 470L1296 470Z'/%3E%3Cpath d='M1344 440L1368 440L1368 470L1344 470Z'/%3E%3Cpath d='M1382 440L1406 440L1406 470L1382 470Z'/%3E%3Cpath d='M1430 440L1454 440L1454 470L1430 470Z'/%3E%3Cpath d='M1468 440L1492 440L1492 470L1468 470Z'/%3E%3Cpath d='M1560 490L1600 490L1600 526L1560 526Z'/%3E%3Cpath d='M1630 490L1670 490L1670 526L1630 526Z'/%3E%3Cpath d='M1700 490L1740 490L1740 526L1700 526Z'/%3E%3Cpath d='M1500 560L1500 519.2'/%3E%3Ccircle cx='1500' cy='497.6' r='24'/%3E%3C/g%3E%3Cg stroke-opacity='0.7'%3E%3Cpath d='M0 560L1800 560'/%3E%3Cpath d='M950 108L1060 108L1060 130L950 130Z'/%3E%3Cpath d='M1190 500L1216 500L1216 560L1190 560Z'/%3E%3Cpath d='M1276 500L1302 500L1302 560L1276 560Z'/%3E%3Cpath d='M1362 500L1388 500L1388 560L1362 560Z'/%3E%3Cpath d='M1448 500L1474 500L1474 560L1448 560Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.8'%3E%3Cpath d='M150 500L200 500L200 560L150 560Z'/%3E%3Cpath d='M548 392L892 392'/%3E%3Cpath d='M760 500L790 500L790 560L760 560Z'/%3E%3Cpath d='M980 520L1030 520L1030 560L980 560Z'/%3E%3Cpath d='M1690 500L1724 500L1724 560L1690 560Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.9'%3E%3Cpath d='M1246 420L1246 400L1332 400L1332 420'/%3E%3Cpath d='M1418 420L1418 400L1504 400L1504 420'/%3E%3C/g%3E%3Cg stroke-opacity='1'%3E%3Cpath d='M60 390L290 390L290 560L60 560Z'/%3E%3Cpath d='M48 392L175 300L302 392'/%3E%3Cpath d='M290 440L410 440L410 560L290 560Z'/%3E%3Cpath d='M282 440L418 440'/%3E%3Cpath d='M500 470L800 470L800 560L500 560Z'/%3E%3Cpath d='M560 392L880 392L880 470L560 470Z'/%3E%3Cpath d='M548 384L892 384'/%3E%3Cpath d='M930 130L1080 130L1080 560L930 560Z'/%3E%3Cpath d='M920 130L1090 130'/%3E%3Cpath d='M1160 420L1246 420L1246 560L1160 560Z'/%3E%3Cpath d='M1156 422L1203 370L1250 422'/%3E%3Cpath d='M1246 420L1332 420L1332 560L1246 560Z'/%3E%3Cpath d='M1332 420L1418 420L1418 560L1332 560Z'/%3E%3Cpath d='M1328 422L1375 370L1422 422'/%3E%3Cpath d='M1418 420L1504 420L1504 560L1418 560Z'/%3E%3Cpath d='M1540 470L1760 470L1760 560L1540 560Z'/%3E%3Cpath d='M1528 472L1580 420L1720 420L1772 472'/%3E%3C/g%3E%3C/svg%3E") bottom center/auto 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1800 620' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke-opacity='0.12'%3E%3Cpath d='M36 250L446 250L446 560L36 560Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.14'%3E%3Cpath d='M540 560L-990 620'/%3E%3Cpath d='M580 560L-780 620'/%3E%3Cpath d='M620 560L-570 620'/%3E%3Cpath d='M660 560L-360 620'/%3E%3Cpath d='M700 560L-150 620'/%3E%3Cpath d='M740 560L60 620'/%3E%3Cpath d='M780 560L270 620'/%3E%3Cpath d='M820 560L480 620'/%3E%3Cpath d='M860 560L690 620'/%3E%3Cpath d='M900 560L900 620'/%3E%3Cpath d='M940 560L1110 620'/%3E%3Cpath d='M980 560L1320 620'/%3E%3Cpath d='M1020 560L1530 620'/%3E%3Cpath d='M1060 560L1740 620'/%3E%3Cpath d='M1100 560L1950 620'/%3E%3Cpath d='M1140 560L2160 620'/%3E%3Cpath d='M1180 560L2370 620'/%3E%3Cpath d='M1220 560L2580 620'/%3E%3Cpath d='M1260 560L2790 620'/%3E%3C/g%3E%3Cg stroke-opacity='0.2'%3E%3Cpath d='M60 268L60 384' stroke-dasharray='3 5'/%3E%3Cpath d='M290 268L290 384' stroke-dasharray='3 5'/%3E%3Cpath d='M940 150L1070 150'/%3E%3Cpath d='M940 172L1070 172'/%3E%3Cpath d='M940 194L1070 194'/%3E%3Cpath d='M940 216L1070 216'/%3E%3Cpath d='M940 238L1070 238'/%3E%3Cpath d='M940 260L1070 260'/%3E%3Cpath d='M940 282L1070 282'/%3E%3Cpath d='M940 304L1070 304'/%3E%3Cpath d='M940 326L1070 326'/%3E%3Cpath d='M940 348L1070 348'/%3E%3Cpath d='M940 370L1070 370'/%3E%3Cpath d='M940 392L1070 392'/%3E%3Cpath d='M940 414L1070 414'/%3E%3Cpath d='M940 436L1070 436'/%3E%3Cpath d='M940 458L1070 458'/%3E%3Cpath d='M940 480L1070 480'/%3E%3Cpath d='M940 502L1070 502'/%3E%3Cpath d='M940 524L1070 524'/%3E%3Cpath d='M955 140L955 540'/%3E%3Cpath d='M978 140L978 540'/%3E%3Cpath d='M1001 140L1001 540'/%3E%3Cpath d='M1024 140L1024 540'/%3E%3Cpath d='M1047 140L1047 540'/%3E%3C/g%3E%3Cg stroke-opacity='0.25'%3E%3Cpath d='M545 490L545 540'/%3E%3Cpath d='M615 490L615 540'/%3E%3Cpath d='M685 490L685 540'/%3E%3Cpath d='M755 490L755 540'/%3E%3C/g%3E%3Cg stroke-opacity='0.275'%3E%3Cpath d='M101 410L101 456'/%3E%3Cpath d='M101 476L101 522'/%3E%3Cpath d='M167 410L167 456'/%3E%3Cpath d='M167 476L167 522'/%3E%3Cpath d='M233 410L233 456'/%3E%3Cpath d='M233 476L233 522'/%3E%3Cpath d='M1184 440L1184 470'/%3E%3Cpath d='M1222 440L1222 470'/%3E%3Cpath d='M1270 440L1270 470'/%3E%3Cpath d='M1308 440L1308 470'/%3E%3Cpath d='M1356 440L1356 470'/%3E%3Cpath d='M1394 440L1394 470'/%3E%3Cpath d='M1442 440L1442 470'/%3E%3Cpath d='M1480 440L1480 470'/%3E%3Cpath d='M1580 490L1580 526'/%3E%3Cpath d='M1650 490L1650 526'/%3E%3Cpath d='M1720 490L1720 526'/%3E%3C/g%3E%3Cg stroke-opacity='0.3'%3E%3Cpath d='M296 440L296 462'/%3E%3Cpath d='M306 440L306 462'/%3E%3Cpath d='M316 440L316 462'/%3E%3Cpath d='M326 440L326 462'/%3E%3Cpath d='M336 440L336 462'/%3E%3Cpath d='M346 440L346 462'/%3E%3Cpath d='M356 440L356 462'/%3E%3Cpath d='M366 440L366 462'/%3E%3Cpath d='M376 440L376 462'/%3E%3Cpath d='M386 440L386 462'/%3E%3Cpath d='M396 440L396 462'/%3E%3Cpath d='M406 440L406 462'/%3E%3Cpath d='M60 262L290 262'/%3E%3Cpath d='M60 256L60 268'/%3E%3Cpath d='M56 266L64 258'/%3E%3Cpath d='M290 256L290 268'/%3E%3Cpath d='M286 266L294 258'/%3E%3Cpath d='M432.4 520.8A13.2 13.2 0 0 1 445.6 498.0'/%3E%3Cpath d='M455.8 482.6A12.1 12.1 0 0 1 465.9 504.5'/%3E%3Cpath d='M470 550L840 550'/%3E%3Cpath d='M560 360L880 360'/%3E%3Cpath d='M560 354L560 366'/%3E%3Cpath d='M556 364L564 356'/%3E%3Cpath d='M880 354L880 366'/%3E%3Cpath d='M876 364L884 356'/%3E%3Cpath d='M1105.6 528.0A10.8 10.8 0 0 1 1116.4 509.2'/%3E%3Cpath d='M1124.7 496.7A9.9 9.9 0 0 1 1133.0 514.6'/%3E%3Cpath d='M1580 420L1620 472'/%3E%3Cpath d='M1720 420L1680 472'/%3E%3Cpath d='M1500 560L1500 538'/%3E%3Cpath d='M1514 560L1514 538'/%3E%3Cpath d='M1528 560L1528 538'/%3E%3Cpath d='M1542 560L1542 538'/%3E%3Cpath d='M1556 560L1556 538'/%3E%3Cpath d='M1570 560L1570 538'/%3E%3Cpath d='M1584 560L1584 538'/%3E%3Cpath d='M1598 560L1598 538'/%3E%3Cpath d='M1612 560L1612 538'/%3E%3Cpath d='M1626 560L1626 538'/%3E%3Cpath d='M1640 560L1640 538'/%3E%3Cpath d='M1654 560L1654 538'/%3E%3Cpath d='M1668 560L1668 538'/%3E%3Cpath d='M1682 560L1682 538'/%3E%3Cpath d='M1696 560L1696 538'/%3E%3Cpath d='M1710 560L1710 538'/%3E%3Cpath d='M1724 560L1724 538'/%3E%3Cpath d='M1738 560L1738 538'/%3E%3Cpath d='M1752 560L1752 538'/%3E%3Cpath d='M1766 560L1766 538'/%3E%3Cpath d='M1780 560L1780 538'/%3E%3Cpath d='M1794 560L1794 538'/%3E%3Cpath d='M1500 544L1800 544'/%3E%3Cpath d='M1480.8 517.3A14.4 14.4 0 0 1 1495.2 492.3'/%3E%3Cpath d='M1506.3 475.6A13.2 13.2 0 0 1 1517.4 499.4'/%3E%3Ccircle cx='36' cy='250' r='5'/%3E%3Ccircle cx='446' cy='250' r='5'/%3E%3Ccircle cx='36' cy='560' r='5'/%3E%3Ccircle cx='446' cy='560' r='5'/%3E%3C/g%3E%3Cg stroke-opacity='0.4'%3E%3Cpath d='M998 82L1012 82'/%3E%3C/g%3E%3Cg stroke-opacity='0.45'%3E%3Cpath d='M290 462L410 462'/%3E%3Cpath d='M580 392L580 470'/%3E%3Cpath d='M610 392L610 470'/%3E%3Cpath d='M640 392L640 470'/%3E%3Cpath d='M670 392L670 470'/%3E%3Cpath d='M700 392L700 470'/%3E%3Cpath d='M730 392L730 470'/%3E%3Cpath d='M760 392L760 470'/%3E%3Cpath d='M790 392L790 470'/%3E%3Cpath d='M820 392L820 470'/%3E%3Cpath d='M850 392L850 470'/%3E%3C/g%3E%3Cg stroke-opacity='0.5'%3E%3Cpath d='M520 490L570 490L570 540L520 540Z'/%3E%3Cpath d='M590 490L640 490L640 540L590 540Z'/%3E%3Cpath d='M660 490L710 490L710 540L660 540Z'/%3E%3Cpath d='M730 490L780 490L780 540L730 540Z'/%3E%3Cpath d='M1218 372L1230 372L1230 400L1218 400Z'/%3E%3Cpath d='M1390 372L1402 372L1402 400L1390 400Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.55'%3E%3Cpath d='M175 300L175 286'/%3E%3Cpath d='M80 410L122 410L122 456L80 456Z'/%3E%3Cpath d='M80 476L122 476L122 522L80 522Z'/%3E%3Cpath d='M146 410L188 410L188 456L146 456Z'/%3E%3Cpath d='M146 476L188 476L188 522L146 522Z'/%3E%3Cpath d='M212 410L254 410L254 456L212 456Z'/%3E%3Cpath d='M212 476L254 476L254 522L212 522Z'/%3E%3Cpath d='M450 560L450 522.6'/%3E%3Ccircle cx='450' cy='502.8' r='22'/%3E%3Cpath d='M1005 108L1005 70'/%3E%3Cpath d='M1120 560L1120 529.4'/%3E%3Ccircle cx='1120' cy='513.2' r='18'/%3E%3Cpath d='M1172 440L1196 440L1196 470L1172 470Z'/%3E%3Cpath d='M1210 440L1234 440L1234 470L1210 470Z'/%3E%3Cpath d='M1258 440L1282 440L1282 470L1258 470Z'/%3E%3Cpath d='M1296 440L1320 440L1320 470L1296 470Z'/%3E%3Cpath d='M1344 440L1368 440L1368 470L1344 470Z'/%3E%3Cpath d='M1382 440L1406 440L1406 470L1382 470Z'/%3E%3Cpath d='M1430 440L1454 440L1454 470L1430 470Z'/%3E%3Cpath d='M1468 440L1492 440L1492 470L1468 470Z'/%3E%3Cpath d='M1560 490L1600 490L1600 526L1560 526Z'/%3E%3Cpath d='M1630 490L1670 490L1670 526L1630 526Z'/%3E%3Cpath d='M1700 490L1740 490L1740 526L1700 526Z'/%3E%3Cpath d='M1500 560L1500 519.2'/%3E%3Ccircle cx='1500' cy='497.6' r='24'/%3E%3C/g%3E%3Cg stroke-opacity='0.7'%3E%3Cpath d='M0 560L1800 560'/%3E%3Cpath d='M950 108L1060 108L1060 130L950 130Z'/%3E%3Cpath d='M1190 500L1216 500L1216 560L1190 560Z'/%3E%3Cpath d='M1276 500L1302 500L1302 560L1276 560Z'/%3E%3Cpath d='M1362 500L1388 500L1388 560L1362 560Z'/%3E%3Cpath d='M1448 500L1474 500L1474 560L1448 560Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.8'%3E%3Cpath d='M150 500L200 500L200 560L150 560Z'/%3E%3Cpath d='M548 392L892 392'/%3E%3Cpath d='M760 500L790 500L790 560L760 560Z'/%3E%3Cpath d='M980 520L1030 520L1030 560L980 560Z'/%3E%3Cpath d='M1690 500L1724 500L1724 560L1690 560Z'/%3E%3C/g%3E%3Cg stroke-opacity='0.9'%3E%3Cpath d='M1246 420L1246 400L1332 400L1332 420'/%3E%3Cpath d='M1418 420L1418 400L1504 400L1504 420'/%3E%3C/g%3E%3Cg stroke-opacity='1'%3E%3Cpath d='M60 390L290 390L290 560L60 560Z'/%3E%3Cpath d='M48 392L175 300L302 392'/%3E%3Cpath d='M290 440L410 440L410 560L290 560Z'/%3E%3Cpath d='M282 440L418 440'/%3E%3Cpath d='M500 470L800 470L800 560L500 560Z'/%3E%3Cpath d='M560 392L880 392L880 470L560 470Z'/%3E%3Cpath d='M548 384L892 384'/%3E%3Cpath d='M930 130L1080 130L1080 560L930 560Z'/%3E%3Cpath d='M920 130L1090 130'/%3E%3Cpath d='M1160 420L1246 420L1246 560L1160 560Z'/%3E%3Cpath d='M1156 422L1203 370L1250 422'/%3E%3Cpath d='M1246 420L1332 420L1332 560L1246 560Z'/%3E%3Cpath d='M1332 420L1418 420L1418 560L1332 560Z'/%3E%3Cpath d='M1328 422L1375 370L1422 422'/%3E%3Cpath d='M1418 420L1504 420L1504 560L1418 560Z'/%3E%3Cpath d='M1540 470L1760 470L1760 560L1540 560Z'/%3E%3Cpath d='M1528 472L1580 420L1720 420L1772 472'/%3E%3C/g%3E%3C/svg%3E") bottom center/auto 100% repeat-x}
.arch-bg .fade{position:absolute;left:0;right:0;bottom:0;height:min(38vh,340px);background:linear-gradient(to top,transparent 0%,transparent 30%,var(--bg) 100%);opacity:.85}
.arch-bg .corner{top:-40px;right:-60px;width:min(46vw,520px);aspect-ratio:1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke-opacity='0.07'%3E%3Cpath d='M0 0L0 560'/%3E%3Cpath d='M0 0L560 0'/%3E%3Cpath d='M28 0L28 560'/%3E%3Cpath d='M0 28L560 28'/%3E%3Cpath d='M56 0L56 560'/%3E%3Cpath d='M0 56L560 56'/%3E%3Cpath d='M84 0L84 560'/%3E%3Cpath d='M0 84L560 84'/%3E%3Cpath d='M112 0L112 560'/%3E%3Cpath d='M0 112L560 112'/%3E%3Cpath d='M140 0L140 560'/%3E%3Cpath d='M0 140L560 140'/%3E%3Cpath d='M168 0L168 560'/%3E%3Cpath d='M0 168L560 168'/%3E%3Cpath d='M196 0L196 560'/%3E%3Cpath d='M0 196L560 196'/%3E%3Cpath d='M224 0L224 560'/%3E%3Cpath d='M0 224L560 224'/%3E%3Cpath d='M252 0L252 560'/%3E%3Cpath d='M0 252L560 252'/%3E%3Cpath d='M280 0L280 560'/%3E%3Cpath d='M0 280L560 280'/%3E%3Cpath d='M308 0L308 560'/%3E%3Cpath d='M0 308L560 308'/%3E%3Cpath d='M336 0L336 560'/%3E%3Cpath d='M0 336L560 336'/%3E%3Cpath d='M364 0L364 560'/%3E%3Cpath d='M0 364L560 364'/%3E%3Cpath d='M392 0L392 560'/%3E%3Cpath d='M0 392L560 392'/%3E%3Cpath d='M420 0L420 560'/%3E%3Cpath d='M0 420L560 420'/%3E%3Cpath d='M448 0L448 560'/%3E%3Cpath d='M0 448L560 448'/%3E%3Cpath d='M476 0L476 560'/%3E%3Cpath d='M0 476L560 476'/%3E%3Cpath d='M504 0L504 560'/%3E%3Cpath d='M0 504L560 504'/%3E%3Cpath d='M532 0L532 560'/%3E%3Cpath d='M0 532L560 532'/%3E%3C/g%3E%3Cg stroke-opacity='0.25'%3E%3Ccircle cx='205' cy='305' r='18'/%3E%3C/g%3E%3Cg stroke-opacity='0.3'%3E%3Cpath d='M266 250L300 250'/%3E%3Cpath d='M330 160L420 160L420 210L330 210Z'/%3E%3Cpath d='M170 270L240 270L240 340L170 340Z'/%3E%3Cpath d='M150 112L450 112'/%3E%3Cpath d='M150 106L150 118'/%3E%3Cpath d='M146 116L154 108'/%3E%3Cpath d='M450 106L450 118'/%3E%3Cpath d='M446 116L454 108'/%3E%3Cpath d='M150 392L300 392'/%3E%3Cpath d='M150 386L150 398'/%3E%3Cpath d='M146 396L154 388'/%3E%3Cpath d='M300 386L300 398'/%3E%3Cpath d='M296 396L304 388'/%3E%3Cpath d='M478 140L478 360'/%3E%3Cpath d='M472 140L484 140'/%3E%3Cpath d='M472 360L484 360'/%3E%3Ccircle cx='470' cy='470' r='30'/%3E%3Cpath d='M510 470L520 470'/%3E%3Cpath d='M514.433 481.906L518.296 482.941'/%3E%3Cpath d='M509.837 493L513.301 495'/%3E%3Cpath d='M498.284 498.284L505.355 505.355'/%3E%3Cpath d='M493 509.837L495 513.301'/%3E%3Cpath d='M481.906 514.433L482.941 518.296'/%3E%3Cpath d='M470 510L470 520'/%3E%3Cpath d='M458.094 514.433L457.059 518.296'/%3E%3Cpath d='M447 509.837L445 513.301'/%3E%3Cpath d='M441.716 498.284L434.645 505.355'/%3E%3Cpath d='M430.163 493L426.699 495'/%3E%3Cpath d='M425.567 481.906L421.704 482.941'/%3E%3Cpath d='M430 470L420 470'/%3E%3Cpath d='M425.567 458.094L421.704 457.059'/%3E%3Cpath d='M430.163 447L426.699 445'/%3E%3Cpath d='M441.716 441.716L434.645 434.645'/%3E%3Cpath d='M447 430.163L445 426.699'/%3E%3Cpath d='M458.094 425.567L457.059 421.704'/%3E%3Cpath d='M470 430L470 420'/%3E%3Cpath d='M481.906 425.567L482.941 421.704'/%3E%3Cpath d='M493 430.163L495 426.699'/%3E%3Cpath d='M498.284 441.716L505.355 434.645'/%3E%3Cpath d='M509.837 447L513.301 445'/%3E%3Cpath d='M514.433 458.094L518.296 457.059'/%3E%3C/g%3E%3Cg stroke-opacity='0.35'%3E%3Cpath d='M408 470L532 470'/%3E%3C/g%3E%3Cg stroke-opacity='0.45'%3E%3Cpath d='M266.0 250.0A34 34 0 0 1 300.0 216.0'/%3E%3Cpath d='M330.0 290.0A30 30 0 0 1 300.0 320.0'/%3E%3C/g%3E%3Cg stroke-opacity='0.5'%3E%3Ccircle cx='470' cy='470' r='46'/%3E%3C/g%3E%3Cg stroke-opacity='0.55'%3E%3Cpath d='M470 408L479 470L470 532L461 470Z'/%3E%3Cpath d='M465 392L465 380L475 392L475 380'/%3E%3C/g%3E%3Cg stroke-opacity='0.6'%3E%3Cpath d='M150 250L300 250'/%3E%3Cpath d='M300 140L300 360'/%3E%3Cpath d='M300 290L450 290'/%3E%3C/g%3E%3Cg stroke-opacity='0.8'%3E%3Cpath d='M150 140L450 140L450 360L150 360Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke-opacity='0.07'%3E%3Cpath d='M0 0L0 560'/%3E%3Cpath d='M0 0L560 0'/%3E%3Cpath d='M28 0L28 560'/%3E%3Cpath d='M0 28L560 28'/%3E%3Cpath d='M56 0L56 560'/%3E%3Cpath d='M0 56L560 56'/%3E%3Cpath d='M84 0L84 560'/%3E%3Cpath d='M0 84L560 84'/%3E%3Cpath d='M112 0L112 560'/%3E%3Cpath d='M0 112L560 112'/%3E%3Cpath d='M140 0L140 560'/%3E%3Cpath d='M0 140L560 140'/%3E%3Cpath d='M168 0L168 560'/%3E%3Cpath d='M0 168L560 168'/%3E%3Cpath d='M196 0L196 560'/%3E%3Cpath d='M0 196L560 196'/%3E%3Cpath d='M224 0L224 560'/%3E%3Cpath d='M0 224L560 224'/%3E%3Cpath d='M252 0L252 560'/%3E%3Cpath d='M0 252L560 252'/%3E%3Cpath d='M280 0L280 560'/%3E%3Cpath d='M0 280L560 280'/%3E%3Cpath d='M308 0L308 560'/%3E%3Cpath d='M0 308L560 308'/%3E%3Cpath d='M336 0L336 560'/%3E%3Cpath d='M0 336L560 336'/%3E%3Cpath d='M364 0L364 560'/%3E%3Cpath d='M0 364L560 364'/%3E%3Cpath d='M392 0L392 560'/%3E%3Cpath d='M0 392L560 392'/%3E%3Cpath d='M420 0L420 560'/%3E%3Cpath d='M0 420L560 420'/%3E%3Cpath d='M448 0L448 560'/%3E%3Cpath d='M0 448L560 448'/%3E%3Cpath d='M476 0L476 560'/%3E%3Cpath d='M0 476L560 476'/%3E%3Cpath d='M504 0L504 560'/%3E%3Cpath d='M0 504L560 504'/%3E%3Cpath d='M532 0L532 560'/%3E%3Cpath d='M0 532L560 532'/%3E%3C/g%3E%3Cg stroke-opacity='0.25'%3E%3Ccircle cx='205' cy='305' r='18'/%3E%3C/g%3E%3Cg stroke-opacity='0.3'%3E%3Cpath d='M266 250L300 250'/%3E%3Cpath d='M330 160L420 160L420 210L330 210Z'/%3E%3Cpath d='M170 270L240 270L240 340L170 340Z'/%3E%3Cpath d='M150 112L450 112'/%3E%3Cpath d='M150 106L150 118'/%3E%3Cpath d='M146 116L154 108'/%3E%3Cpath d='M450 106L450 118'/%3E%3Cpath d='M446 116L454 108'/%3E%3Cpath d='M150 392L300 392'/%3E%3Cpath d='M150 386L150 398'/%3E%3Cpath d='M146 396L154 388'/%3E%3Cpath d='M300 386L300 398'/%3E%3Cpath d='M296 396L304 388'/%3E%3Cpath d='M478 140L478 360'/%3E%3Cpath d='M472 140L484 140'/%3E%3Cpath d='M472 360L484 360'/%3E%3Ccircle cx='470' cy='470' r='30'/%3E%3Cpath d='M510 470L520 470'/%3E%3Cpath d='M514.433 481.906L518.296 482.941'/%3E%3Cpath d='M509.837 493L513.301 495'/%3E%3Cpath d='M498.284 498.284L505.355 505.355'/%3E%3Cpath d='M493 509.837L495 513.301'/%3E%3Cpath d='M481.906 514.433L482.941 518.296'/%3E%3Cpath d='M470 510L470 520'/%3E%3Cpath d='M458.094 514.433L457.059 518.296'/%3E%3Cpath d='M447 509.837L445 513.301'/%3E%3Cpath d='M441.716 498.284L434.645 505.355'/%3E%3Cpath d='M430.163 493L426.699 495'/%3E%3Cpath d='M425.567 481.906L421.704 482.941'/%3E%3Cpath d='M430 470L420 470'/%3E%3Cpath d='M425.567 458.094L421.704 457.059'/%3E%3Cpath d='M430.163 447L426.699 445'/%3E%3Cpath d='M441.716 441.716L434.645 434.645'/%3E%3Cpath d='M447 430.163L445 426.699'/%3E%3Cpath d='M458.094 425.567L457.059 421.704'/%3E%3Cpath d='M470 430L470 420'/%3E%3Cpath d='M481.906 425.567L482.941 421.704'/%3E%3Cpath d='M493 430.163L495 426.699'/%3E%3Cpath d='M498.284 441.716L505.355 434.645'/%3E%3Cpath d='M509.837 447L513.301 445'/%3E%3Cpath d='M514.433 458.094L518.296 457.059'/%3E%3C/g%3E%3Cg stroke-opacity='0.35'%3E%3Cpath d='M408 470L532 470'/%3E%3C/g%3E%3Cg stroke-opacity='0.45'%3E%3Cpath d='M266.0 250.0A34 34 0 0 1 300.0 216.0'/%3E%3Cpath d='M330.0 290.0A30 30 0 0 1 300.0 320.0'/%3E%3C/g%3E%3Cg stroke-opacity='0.5'%3E%3Ccircle cx='470' cy='470' r='46'/%3E%3C/g%3E%3Cg stroke-opacity='0.55'%3E%3Cpath d='M470 408L479 470L470 532L461 470Z'/%3E%3Cpath d='M465 392L465 380L475 392L475 380'/%3E%3C/g%3E%3Cg stroke-opacity='0.6'%3E%3Cpath d='M150 250L300 250'/%3E%3Cpath d='M300 140L300 360'/%3E%3Cpath d='M300 290L450 290'/%3E%3C/g%3E%3Cg stroke-opacity='0.8'%3E%3Cpath d='M150 140L450 140L450 360L150 360Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask-composite:source-in;opacity:calc(var(--arch-o)*.6)}
.arch-bg .corner-fade{position:absolute;top:-40px;right:-60px;width:min(46vw,520px);aspect-ratio:1;background:radial-gradient(circle at 78% 18%,transparent 0%,transparent 30%,var(--bg) 72%)}
@keyframes archDrift{from{transform:translateX(0)}to{transform:translateX(-60px)}}
@media (prefers-reduced-motion: reduce){.arch-bg .sky{animation:none}}
.app,.signin{position:relative;z-index:1}
.side{z-index:2}
@media print{.arch-bg{display:none}}
.panel,.kpi{background:color-mix(in srgb,var(--surface) 93%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* /ARCH-BG */
/* APP LOOK (phones and installed app, for the Auto and Dark looks; Light and Blue stay as chosen): night navy ground, frosted glass with a light edge and depth, glowing
   active states. Calm: the glow drifts very slowly and stops with reduced motion. Desktop is unchanged. */
@media (max-width:640px), (display-mode: standalone) {
  html:not([data-theme="light"]):not([data-theme="blue"]){
    --bg:#070C24; --surface:#101838; --surface2:#141E46; --ink:#EAF0FF; --muted:#A3AED3; --line:rgba(255,255,255,.10);
    --navy:#060A1E; --navy2:#050818; --sky-ink:#6CD3FA; --sky-soft:rgba(0,169,239,.14);
    --ok:#5FD39A; --ok-soft:rgba(95,211,154,.14); --warn:#F0B45A; --warn-soft:rgba(240,180,90,.14); --bad:#FF8A84; --bad-soft:rgba(255,138,132,.14); --idle:#A3AED3; --idle-soft:rgba(255,255,255,.07);
    --shadow:0 22px 40px -24px rgba(0,0,0,.85); --arch:#BFD3FF; --arch-o:.08; color-scheme:dark;
  }
  html:not([data-theme="light"]):not([data-theme="blue"]) body{background:#070C24}
  html:not([data-theme="light"]):not([data-theme="blue"]) body::before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;
    background:radial-gradient(40% 32% at 82% 8%,rgba(0,169,239,.20),transparent 70%),radial-gradient(46% 36% at 8% 92%,rgba(92,80,255,.16),transparent 72%),radial-gradient(30% 24% at 50% 55%,rgba(0,169,239,.06),transparent 70%);
    animation:appGlow 38s ease-in-out infinite alternate}
  @keyframes appGlow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-3%,2%,0)}}
  html:not([data-theme="light"]):not([data-theme="blue"]) .panel, html:not([data-theme="light"]):not([data-theme="blue"]) .kpi, html:not([data-theme="light"]):not([data-theme="blue"]) .ann, html:not([data-theme="light"]):not([data-theme="blue"]) .rw-card, html:not([data-theme="light"]):not([data-theme="blue"]) .rw-top, html:not([data-theme="light"]):not([data-theme="blue"]) .tk-msg, html:not([data-theme="light"]):not([data-theme="blue"]) .hl-head{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);
    -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.25),0 24px 40px -26px rgba(0,0,0,.9),0 0 0 1px rgba(0,169,239,.03);border-radius:20px}
  html:not([data-theme="light"]):not([data-theme="blue"]) .kpi{transform:perspective(900px) translateZ(0);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
  html:not([data-theme="light"]):not([data-theme="blue"]) .kpi:active, html:not([data-theme="light"]):not([data-theme="blue"]) .row:active, html:not([data-theme="light"]):not([data-theme="blue"]) .rw-card:active{transform:perspective(900px) translateZ(-14px) scale(.985)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .kpi .k-v{background:linear-gradient(180deg,#FFFFFF,#9FDDFB);-webkit-background-clip:text;background-clip:text;color:transparent}
  html:not([data-theme="light"]):not([data-theme="blue"]) .kpi::after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,211,250,.55),transparent)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .top{background:rgba(7,12,36,.62);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar{background:rgba(9,14,40,.72);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-top:1px solid rgba(255,255,255,.10);box-shadow:0 -18px 30px -24px rgba(0,0,0,.9)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar button[aria-current="page"]{color:#9FE3FF;text-shadow:0 0 14px rgba(0,169,239,.55)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar button[aria-current="page"] svg{filter:drop-shadow(0 0 8px rgba(0,169,239,.6))}
  html:not([data-theme="light"]):not([data-theme="blue"]) .btn-p{background:linear-gradient(135deg,#19B8F5,#3D7BFF);color:#fff;box-shadow:0 10px 24px -12px rgba(0,169,239,.8),inset 0 1px 0 rgba(255,255,255,.25)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .btn-s, html:not([data-theme="light"]):not([data-theme="blue"]) .btn-g{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--ink)}
  html:not([data-theme="light"]):not([data-theme="blue"]) input, html:not([data-theme="light"]):not([data-theme="blue"]) select, html:not([data-theme="light"]):not([data-theme="blue"]) textarea{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:var(--ink)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .drawer{background:#0C1434;border-left:1px solid rgba(255,255,255,.1)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .pill{backdrop-filter:blur(6px)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .greet h2{background:linear-gradient(180deg,#FFFFFF,#BFE8FC);-webkit-background-clip:text;background-clip:text;color:transparent}
  html:not([data-theme="light"]):not([data-theme="blue"]) .build-anim{color:rgba(220,232,255,.45)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .logo-d{display:none!important}
  html:not([data-theme="light"]):not([data-theme="blue"]) .logo-w{display:block!important}
}
@media (prefers-reduced-motion: reduce){body::before{animation:none}.kpi,.row,.rw-card{transition:none}}
/* Rows and toolbars on small screens: icons keep their size, titles get the width, buttons are never stretched tall. */
.row>svg{width:22px;height:22px;flex:none;color:var(--sky-ink)}
.toolbar .btn,.toolbar .end{align-self:center}
@media (max-width:640px){
  .row{flex-wrap:wrap}
  .row .grow{flex:1 1 180px}
  .row>.pill,.row>.end{margin-left:auto}
}
/* Home story hero: enquiry → inspection → deposit → owner. */
.home-hero{position:relative;isolation:isolate}
.home-hero>.build-anim{display:none}
.journey{flex:1 1 52%;max-width:640px;min-width:0;position:relative}
.jr-head{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.jr-svg{width:100%;height:auto;display:block;overflow:visible;color:color-mix(in srgb,var(--ink) 42%,transparent)}
.jr-road{stroke:var(--sky);opacity:.55;stroke-dasharray:1;stroke-dashoffset:1;animation:baDraw 3.4s cubic-bezier(.45,0,.25,1) .35s forwards}
.jr-road2{opacity:.35}
.jr-acc{stroke:var(--sky)}
.jr-win{fill:color-mix(in srgb,var(--sky) 16%,transparent)}
.jr-dot{fill:var(--card,var(--bg));stroke:var(--sky);stroke-width:2}
.jr-sun{stroke:var(--warn,#E7A93C);opacity:0;animation:jrSun 1.6s cubic-bezier(.16,1,.3,1) 3.7s forwards}
.jr-house{stroke-dasharray:1;stroke-dashoffset:1;animation:baDraw 1.2s cubic-bezier(.16,1,.3,1) 2.9s forwards}
.jr-light{fill:var(--sky);filter:drop-shadow(0 0 6px var(--sky)) drop-shadow(0 0 14px color-mix(in srgb,var(--sky) 60%,transparent))}
.jr-st{opacity:0;transform:translateY(8px);transform-box:fill-box;animation:jrPop 1s cubic-bezier(.16,1,.3,1) forwards}
.jr-s1{animation-delay:.55s}.jr-s2{animation-delay:1.35s}.jr-s3{animation-delay:2.15s}.jr-s4{animation-delay:2.85s}
.jr-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;text-align:center}
.jr-col{opacity:0;animation:jrPop .9s cubic-bezier(.16,1,.3,1) forwards;display:grid;gap:1px;justify-items:center}
.jr-c1{animation-delay:.7s}.jr-c2{animation-delay:1.5s}.jr-c3{animation-delay:2.3s}.jr-c4{animation-delay:3.05s}
.jr-n{font-family:var(--serif,"Cormorant Garamond",Georgia,serif);font-size:34px;font-weight:600;line-height:1;font-variant-numeric:lining-nums tabular-nums;background:linear-gradient(135deg,var(--ink),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.jr-col span{font-weight:700;font-size:13px;color:var(--ink)}
.jr-col small{font-size:11.5px;color:var(--muted);line-height:1.3}
@keyframes jrPop{to{opacity:1;transform:none}}
@keyframes jrSun{from{opacity:0;transform:translateY(10px)}to{opacity:.85;transform:none}}
.jr-sun{transform-box:fill-box}
.journey.still *,.journey.still{animation:none!important}
.journey.still .jr-road,.journey.still .jr-house{stroke-dashoffset:0}
.journey.still .jr-st,.journey.still .jr-col{opacity:1;transform:none}
.journey.still .jr-sun{opacity:.85}
.journey.still .jr-light{display:none}
@media (prefers-reduced-motion: reduce){.journey *{animation:none!important}.journey .jr-road,.journey .jr-house{stroke-dashoffset:0}.journey .jr-st,.journey .jr-col{opacity:1;transform:none}.journey .jr-sun{opacity:.85}.journey .jr-light{display:none}}
@media (max-width:640px){
  .home-hero>.build-anim{display:block;position:absolute;z-index:-1;right:-14px;top:-6px;width:230px;max-width:62%;opacity:.16;pointer-events:none}
  .home-hero .greet{min-height:96px}
  .journey{flex-basis:100%;max-width:none;margin-top:0;padding:12px 12px 14px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .jr-dot{fill:#0E1838}
  .jr-n{font-size:26px}
  .jr-col small{font-size:10.5px}
}
/* Sign-in arrival: house draws, logo appears inside it, house settles into the background, card rises to the centre. */
.signin{position:relative;overflow-x:hidden;overflow-y:auto;min-height:100dvh;isolation:isolate}
/* Phone keyboard open: the card moves to the top of what is still visible, so the field being typed in stays in view. */
.signin.si-kb{place-items:start center;padding-block:12px calc(var(--kb,0px) + 24px)}
.signin.si-kb .si-card{gap:12px;padding-block:20px}
.signin.si-kb .si-logo{max-height:34px}
.si-intro{position:absolute;inset:0;display:grid;place-items:center;z-index:0;pointer-events:none}
.si-stage{position:relative;width:min(560px,88vw);color:color-mix(in srgb,var(--ink) 55%,transparent);animation:siSettle 1.1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(2.15s + var(--si-off,0s))}
.si-house{width:100%;height:auto;display:block;overflow:visible}
.si-house .sh-d{stroke-dasharray:1;stroke-dashoffset:1;animation:baDraw 1.2s cubic-bezier(.45,0,.25,1) forwards;animation-delay:var(--si-off,0s)}
.si-house .sh-ground{animation-delay:calc(.1s + var(--si-off,0s))}.si-house .sh-walls{animation-delay:calc(.35s + var(--si-off,0s))}.si-house .sh-roof{animation-delay:calc(.7s + var(--si-off,0s));stroke:var(--sky)}
.si-house .sh-chim{animation-delay:calc(1.05s + var(--si-off,0s))}.si-house .sh-door{animation-delay:calc(1.15s + var(--si-off,0s))}.si-house .sh-dim{animation-delay:calc(.5s + var(--si-off,0s));opacity:.45}.si-house .sh-grid{animation-delay:calc(.9s + var(--si-off,0s));opacity:.35}
.si-intro-logo{position:absolute;left:50%;top:61%;height:clamp(26px,6.4vw,40px);width:auto;transform:translate(-50%,-50%) scale(.92);opacity:0;animation:siLogo 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.25s + var(--si-off,0s))}
.signin .si-card{position:relative;z-index:1;opacity:0;transform:translateY(26px) scale(.98);animation:siCard .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(2.35s + var(--si-off,0s));
  background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@keyframes siLogo{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes siSettle{to{opacity:.13;transform:scale(1.55) translateY(-4%)}}
@keyframes siCard{to{opacity:1;transform:none}}
.signin.si-done .si-stage{animation:none;opacity:.13;transform:scale(1.55) translateY(-4%)}
.signin.si-done .sh-d{animation:none;stroke-dashoffset:0}
.signin.si-done .si-intro-logo{display:none}
.signin.si-done .si-card{animation:none;opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.si-stage,.si-house .sh-d,.si-intro-logo,.signin .si-card{animation:none!important}.si-stage{opacity:.13;transform:scale(1.55) translateY(-4%)}.si-house .sh-d{stroke-dashoffset:0}.si-intro-logo{display:none}.signin .si-card{opacity:1;transform:none}}
@media (max-width:640px){.si-stage{width:94vw}@keyframes siSettle{to{opacity:.13;transform:scale(1.25) translateY(-22%)}}.signin.si-done .si-stage{transform:scale(1.25) translateY(-22%)}.signin .si-card{padding:28px 20px}}
/* Staff bio data form */
.bf-form{display:grid;gap:18px}
.bf-group{border:0;padding:0;margin:0;display:grid;gap:10px}
.bf-group legend{font:600 19px/1.2 var(--display);margin-bottom:6px;padding:0}
.bf-private legend{color:var(--muted)}
.bf-wide{grid-column:1/-1}
.bf-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5}
.bf-consent input{margin-top:3px;flex:none;width:18px;height:18px}
.bf-pct{height:6px;border-radius:99px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden;margin:8px 0 4px;max-width:360px}
.bf-pct span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sky),var(--ink))}
.bf-nudge{display:flex;gap:14px;align-items:center}.bf-nudge .grow{display:grid;gap:2px}
.bf-link{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.bf-link input{flex:1 1 260px;min-width:0}
.bf-h{font:600 17px/1.2 var(--display);margin:18px 0 6px}
.bf-dl{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:6px 14px;margin:0;font-size:14px}.bf-dl dt{color:var(--muted)}.bf-dl dd{margin:0;overflow-wrap:anywhere}
.bf-join{align-items:start}.bf-card{max-width:760px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
@media (max-width:640px){.bf-nudge{flex-direction:column;align-items:stretch}.bf-dl{grid-template-columns:1fr}.bf-dl dt{margin-top:6px}}

/* Sign-in: password first, then Face ID and the email link. */
.si-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.si-or::before,.si-or::after{content:"";flex:1;height:1px;background:var(--line)}
.si-new{margin:0;text-align:center;font-size:14px;line-height:1.6}
.btn-link{background:none;border:0;padding:0;color:var(--sky-ink,#0076AE);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.signin .chk{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--muted)}
.signin .chk input{margin-top:3px;width:18px;height:18px;flex:none}
.signin .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:420px){.signin .fgrid{grid-template-columns:1fr}}

/* Import: rows to check */
.rv-row{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;display:grid;gap:8px;background:var(--surface)}
.rv-row.rv-done{opacity:.72}
.rv-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rv-why{font-weight:600;font-size:13.5px}
.rv-cells{display:flex;flex-wrap:wrap;gap:6px}
.rv-cells span{font-size:12.5px;background:var(--bg,#F3F6FB);border-radius:6px;padding:2px 8px;max-width:100%;overflow-wrap:anywhere}
.rv-cells em{font-style:normal;color:var(--muted);margin-right:4px}
.rv-fix{margin:0;font-size:13px;color:var(--muted)}
.rv-edit{display:flex;flex-wrap:wrap;gap:10px}
.rv-edit label{display:grid;gap:4px;font-size:12px;color:var(--muted);flex:1 1 160px}
.rv-blank{margin-top:10px}
.rv-blank summary{cursor:pointer;color:var(--muted);font-size:13px;padding:6px 0}
.rv-mini{padding:8px 10px}
/* Test / Live */
.mode-bar{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;background:#FFF4D6;color:#5A4300;border-bottom:1px solid #F0D58A;padding:8px clamp(14px,3vw,28px);font-size:13px}
.mode-bar b{letter-spacing:.14em;font-size:11.5px}
.mode-card.is-test{border-color:#F0D58A;background:linear-gradient(180deg,#FFF9E8,var(--surface))}
.mode-seg button[aria-pressed="true"]{font-weight:700}
@media (prefers-color-scheme:dark){.mode-bar{background:#3A2F0B;color:#F6E2A6;border-color:#5E4C14}.mode-card.is-test{background:linear-gradient(180deg,#2E260D,var(--surface))}}
.imp-money{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:center;background:var(--bg,#F3F6FB);border-radius:12px;padding:10px 14px;font-size:14px;margin:6px 0 10px}
.imp-found .rows{margin-top:10px}
.prod-ch{display:grid;gap:6px;margin-top:6px}.prod-ch .chk{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px}.prod-ch input.prod-name{min-width:200px;flex:1}
.rv-match{display:flex;flex-wrap:wrap;gap:6px;width:100%}
/* Import, step by step */
.imp-stepper{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0}
.imp-stepper li button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:7px 14px 7px 7px;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer}
.imp-stepper li button b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg,#F3F6FB);font-size:12px}
.imp-stepper li.on button{border-color:var(--navy,#1F2A5E);color:var(--ink,#1B2552);font-weight:700}
.imp-stepper li.on button b{background:var(--navy,#1F2A5E);color:#fff}
.imp-stepper li.done button b{background:#1a7f37;color:#fff}
.imp-stepper li button:disabled{opacity:.55;cursor:default}
.imp-plain{margin:6px 0 14px;padding-left:18px;line-height:1.7}
.imp-plain .bad{color:var(--bad,#C2302C)}
.imp-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}
.imp-nav .meta{flex:1;text-align:center}
.imp-adv{margin-top:14px}.imp-adv summary{cursor:pointer;color:var(--muted);font-size:13.5px;padding:6px 0}
.notice.ok{background:#E9F7EE;border-color:#BFE3CB}
.rv-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 12px;display:grid;gap:10px}
.rv-card.is-done{opacity:.75}
.rv-card header{display:flex;gap:10px;align-items:flex-start}
.rv-card h3{margin:0;font-size:17px}
.rv-card header p{margin:2px 0 0;color:var(--muted);font-size:13px}
.rv-card .rv-why{display:flex;gap:8px;margin:0;font-size:14px;background:var(--bg,#F3F6FB);border-radius:10px;padding:8px 10px}
.rv-pays{width:100%;border-collapse:collapse;font-size:13.5px}
.rv-pays th{font-size:11.5px;color:var(--muted);text-align:left;font-weight:700;padding:4px 6px;border-bottom:1px solid var(--line)}
.rv-pays td{padding:6px;border-bottom:1px solid var(--line)}
.rv-pays .r{text-align:right}
.rv-pays tr.rv-bad td{background:#FFF4D6}
.rv-in{width:100%;max-width:170px;padding:6px 8px;border:2px solid #E0A400;border-radius:8px;font:inherit}
.rv-was{display:block;color:var(--muted);font-size:11.5px}
.rv-facts{display:flex;flex-wrap:wrap;gap:6px}.rv-facts span{font-size:12.5px;background:var(--bg,#F3F6FB);border-radius:6px;padding:2px 8px}.rv-facts em{font-style:normal;color:var(--muted);margin-right:4px}
.rv-q{display:grid;gap:6px}
@media (prefers-color-scheme:dark){.rv-pays tr.rv-bad td{background:#3A2F0B}.notice.ok{background:#12301D;border-color:#1F4D2E}}
@media (max-width:640px){.rv-pays{font-size:12.5px}.rv-pays th:nth-child(4),.rv-pays td:nth-child(4),.rv-pays th:nth-child(5),.rv-pays td:nth-child(5){display:none}}
.rv-card .rv-why svg{width:18px;height:18px;flex:none;margin-top:2px}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.imp-sum{font-size:15px;line-height:1.8;margin:6px 0}
.msg-pre{white-space:pre-wrap;font:inherit;background:var(--bg,#F3F6FB);border-radius:12px;padding:12px;margin:0}
/* Finance → Income & expenses: quick views and spending by category / product (tap a line to filter). */
.u-quick{display:flex;flex-wrap:wrap;margin:0 0 12px}
.u-bars{list-style:none;margin:0;padding:0}
.u-bars li button{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;text-align:left;background:none;border:0;padding:8px 4px;border-radius:10px;cursor:pointer;color:inherit;font:inherit}
.u-bars li button:hover,.u-bars li button:focus-visible{background:var(--sky-soft,#E7F6FE)}
.u-bars .u-bl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-bars b{font-variant-numeric:tabular-nums}
.u-bars .u-bar{grid-column:1/-1;height:5px;border-radius:99px;background:var(--line,#E1E6F0);overflow:hidden}
.u-bars .u-bar i{display:block;height:100%;background:var(--sky,#00A9EF);border-radius:99px}
/* Finance sections: four large buttons (Money · Sales · Investors · Tools), then that section's own tabs. */
.u-fgroups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.u-fgroups button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line,#E1E6F0);background:var(--surface,#fff);color:inherit;font:inherit;cursor:pointer;min-height:44px}
.u-fgroups button b{font-size:15px}
.u-fgroups button span{font-size:12px;color:var(--muted,#5B6584)}
.u-fgroups button[aria-selected="true"]{border-color:var(--sky,#00A9EF);background:var(--sky-soft,#E7F6FE);box-shadow:inset 0 0 0 1px var(--sky,#00A9EF)}
.u-fgroups button:focus-visible{outline:2px solid var(--sky,#00A9EF);outline-offset:2px}
@media (max-width:640px){.u-fgroups{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.u-fgroups button{padding:10px 12px}.u-fgroups button span{display:none}}

/* Theme picker (top bar) */
.theme-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:2px}
.theme-menu p{margin:4px 8px 6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:10px;padding:9px 10px;text-align:left;color:var(--ink);font-weight:600;min-height:40px}
.theme-menu button:hover{background:var(--surface2)}
.theme-menu button[aria-checked="true"]{background:var(--sky-soft)}
.theme-menu .sw{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);flex:none;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.theme-menu .sw i:first-child{background:var(--a)}.theme-menu .sw i:last-child{background:var(--b)}
.theme-menu small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.theme-wrap{position:relative}
/* Go to… (quick search) */
.goto{position:fixed;inset:0;z-index:90;background:rgba(10,16,41,.45);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.goto-box{width:min(560px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -30px rgba(10,16,41,.6);overflow:hidden}
.goto-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.goto-in svg{width:18px;height:18px;color:var(--muted);flex:none}
.goto-in input{flex:1;border:0;background:none;font-size:16px;outline:none;color:var(--ink);min-height:28px}
.goto-list{list-style:none;margin:0;padding:6px;max-height:min(52vh,420px);overflow:auto}
.goto-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer}
.goto-list li svg{width:18px;height:18px;color:var(--sky-ink);flex:none}
.goto-list li b{display:block;font-weight:600;color:var(--ink)}
.goto-list li small{display:block;color:var(--muted);font-size:12px}
.goto-list li[aria-selected="true"],.goto-list li:hover{background:var(--sky-soft)}
.goto-none{color:var(--muted);cursor:default!important}
.goto-tip{margin:0;padding:8px 16px 10px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
@media (max-width:640px){.goto{padding-top:8vh}.goto-tip{display:none}}
.theme-menu button > svg{width:16px;height:16px;margin-left:auto;flex:none;color:var(--sky-ink)}
.theme-menu .sw i{display:block;height:100%}
.theme-menu button > span:not(.sw){flex:1;min-width:0}
/* What's new + suggest an improvement */
.whatsnew ul{margin:4px 0 8px;padding-left:20px;display:grid;gap:6px}
.whatsnew li{line-height:1.5}
.whatsnew h2 svg{width:18px;height:18px;color:var(--sky-ink);vertical-align:-3px}
.linkbtn{background:none;border:0;padding:0;color:var(--sky-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.improve-note{margin-bottom:12px}
/* Phones: the logo keeps its size; six top-bar buttons share the rest. */
@media (max-width:860px){.top .t-logo{flex:none}.top .t-logo img{height:24px;width:auto;max-width:none}}
@media (max-width:480px){.top{gap:6px}.top .icon-btn{width:38px;height:38px;min-width:38px}.top .help-btn{display:none}.top .t-logo img{height:22px}}

/* Phone menu ("More"): parents that fold open onto their related screens. */
.mg-me{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);text-align:left;color:var(--ink)}
.mg-me .av{width:44px;height:44px;flex:none}
.mg-me>span:not(.mg-go):not(.av){display:grid;min-width:0;flex:1}
.mg-me b{font-size:15px}
.mg-me small,.mg-t small,.mg-kid small{color:var(--muted);font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-find{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 16px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);font-weight:600;text-align:left}
.mg-find svg{width:18px;height:18px;color:var(--sky-ink)}
.mg-list{display:grid;gap:8px}
.mg{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.mg.open{border-color:color-mix(in srgb,var(--sky) 45%,var(--line));box-shadow:0 14px 30px -24px rgba(20,28,68,.45)}
.mg-head{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 14px;border:0;background:none;text-align:left;color:var(--ink);cursor:pointer}
.mg-solo{border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.mg-solo[aria-current="page"],.mg-kid[aria-current="page"]{background:var(--sky-soft)}
.mg-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--sky-soft);color:var(--sky-ink)}
.mg-ic svg{width:19px;height:19px}
.mg.open .mg-ic{background:var(--navy);color:#fff}
.mg-t{display:grid;min-width:0;flex:1}
.mg-t b{font-size:15px;font-weight:700}
.mg-c{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);background:var(--idle-soft);border-radius:99px;padding:2px 9px}
.mg-n{font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--red);border-radius:99px;padding:2px 8px;margin-left:auto}
.mg-chev,.mg-go{width:9px;height:9px;flex:none;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px 2px;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.mg-go{transform:rotate(-45deg);margin:0 4px 0 2px}
.mg.open .mg-chev{transform:rotate(225deg);margin-bottom:-4px}
.mg-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1)}
.mg.open .mg-body{grid-template-rows:1fr}
.mg-in{overflow:hidden;display:grid;gap:2px;padding:0 8px;visibility:hidden;transition:padding .3s,visibility 0s .3s}
.mg.open .mg-in{padding:0 8px 10px;visibility:visible;transition:padding .3s,visibility 0s}
.mg-kid{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px 8px 14px;border:0;border-radius:12px;background:none;text-align:left;color:var(--ink);font-weight:600;font-size:14.5px}
.mg-kid:hover,.mg-head:hover{background:var(--surface2)}
.mg-kid svg{width:18px;height:18px;flex:none;color:var(--sky-ink)}
.mg-kid span{display:grid;min-width:0;flex:1}
.mg-kid b{font-weight:600}
.mg-kid[aria-current="page"] b{color:var(--sky-ink)}
.mg-head:focus-visible,.mg-kid:focus-visible,.mg-me:focus-visible,.mg-find:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
@media (min-width:560px){.mg-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.mg-body,.mg-in,.mg-chev{transition:none}}

/* Finance → Tools → Accuracy check */
.chk-top{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.chk-ring{--p:0;width:96px;height:96px;flex:none;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--surface) 78%,transparent 80% 100%),conic-gradient(var(--ok) calc(var(--p)*1%),var(--idle-soft) 0)}
.chk-ring b{font-family:var(--display,"Cormorant Garamond",serif);font-size:34px;line-height:1;font-variant-numeric:lining-nums}
.chk-ring span{font-size:12px;color:var(--muted)}
.chk-list{display:grid;gap:10px}
.chk{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;background:var(--surface);padding:14px 16px;display:grid;gap:8px}
.chk-bad{border-left-color:var(--bad)}.chk-warn{border-left-color:var(--warn)}.chk-ok{border-left-color:var(--ok)}
.chk-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chk-h h3{font-size:15.5px;margin:0;flex:1;min-width:180px}
.chk-n{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.chk p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.chk .chk-fix{display:flex;gap:8px;color:var(--ink)}
.chk-fix svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--sky-ink)}
.chk details summary{cursor:pointer;font-weight:600;color:var(--sky-ink);font-size:13.5px}
.chk ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;color:var(--muted);display:grid;gap:3px}
details.chk-ok>summary{cursor:pointer;padding:4px 0}
details.chk-ok .chk-list{margin-top:12px}
/* Report a problem → bug receipt */
.bug-ok{display:flex;gap:14px;align-items:flex-start}
.bug-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok)}
.bug-ic svg{width:20px;height:20px}
.bug-ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;margin:2px 0 6px;letter-spacing:.02em}
.bug-ok p{margin:0;color:var(--muted);font-size:14px}
.bug-pre{max-height:44vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0;color:var(--ink)}
.improve-note .linkbtn+span{display:inline}
/* Names to confirm (payout / commission payees) */
.pl-names{display:grid;gap:8px;margin-top:10px}
.pl-row{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface)}
.pl-who{display:grid}.pl-who small{color:var(--muted);font-size:12.5px}
.pl-pick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-other{display:flex;gap:6px;flex:1;min-width:220px}
.pl-other input{flex:1;min-width:0}
@media (min-width:900px){.pl-row{grid-template-columns:minmax(200px,1fr) 2fr;align-items:center}}
/* Sign-out after inactivity: the one-minute warning */
.idle-warn{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(10,14,36,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}
.iw-card{width:min(420px,100%);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:10px;justify-items:start;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.iw-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--warn-soft);color:var(--warn)}
.iw-ic svg{width:22px;height:22px}
.iw-card h2{margin:0;font-family:var(--display,"Cormorant Garamond",serif);font-size:28px;font-weight:600}
.iw-card p{margin:0;color:var(--muted);line-height:1.6}
.iw-card b{color:var(--ink);font-variant-numeric:tabular-nums}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.idle-warn{animation:none}}
/* Home → Your desk (by position) */
.desk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.desk-card{position:relative;display:grid;gap:4px;align-content:start;text-align:left;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);min-height:96px}
button.desk-card{cursor:pointer;transition:transform .15s cubic-bezier(.2,.7,.2,1),box-shadow .15s}
button.desk-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px -22px rgba(20,28,68,.45)}
button.desk-card:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.desk-card.rag-r{border-left-color:var(--bad)}.desk-card.rag-a{border-left-color:var(--warn)}.desk-card.rag-g{border-left-color:var(--ok)}.desk-card.rag-idle{border-left-color:var(--sky)}
.dk-t{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.01em}
.dk-v{font-family:var(--display,"Cormorant Garamond",serif);font-size:30px;line-height:1.05;font-weight:600;font-variant-numeric:lining-nums tabular-nums;overflow-wrap:anywhere}
.dk-n{font-size:12.5px;color:var(--muted)}
.dk-go{position:absolute;right:14px;top:16px;width:8px;height:8px;border-right:2px solid var(--muted);border-top:2px solid var(--muted);transform:rotate(45deg)}
@media (max-width:420px){.desk-grid{grid-template-columns:1fr 1fr}.dk-v{font-size:26px}}
/* Side menu accordion: the open group's screens sit indented under their heading. */
.nav .nav-kids{display:grid;gap:2px;margin:0 0 6px;padding-left:6px;border-left:1px solid rgba(255,255,255,.08);margin-left:12px;animation:navIn .2s ease}
.nav .lab-n .badge{margin-left:0}
@keyframes navIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nav .nav-kids{animation:none}}
/* Check in: Google hybrid map (when a key is set) */
.map.gmap{position:relative;padding:0;overflow:hidden}
.gmap-slot,.gmap-el{width:100%;height:100%;min-height:300px}
.gmap-el{border-radius:inherit}
.map.gmap .tag{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(10,14,36,.78);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sl-branchbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.sl-branchbar select{width:auto;min-width:160px}
.s-info{background:var(--sky-soft);color:var(--sky-ink,var(--navy))}
/* Import analyst (0.4.5): reading of the file, Ask about this file / row, client-by-client check */
.ia-read h2 svg,.ia-ask h2 svg,.ia-check h2 svg{width:18px;height:18px;vertical-align:-3px;margin-right:4px;color:var(--sky-ink,#006CA3)}
.ia-sheet{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0;background:var(--bg)}
.ia-sheet summary{cursor:pointer;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;list-style:none}
.ia-sheet summary::-webkit-details-marker{display:none}
.ia-sheet summary::before{content:"›";display:inline-block;transition:transform .2s;color:var(--muted)}
.ia-sheet[open] summary::before{transform:rotate(90deg)}
.ia-h{font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}
.ia-probs{margin:0 0 6px;padding-left:18px;line-height:1.7}
.ia-probs b{display:inline-block;min-width:26px;color:var(--warn,#935808)}
.ia-sugg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.ia-sugg .chip{border:1px solid var(--line,#E3E8F2);background:transparent;color:inherit;border-radius:99px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
.ia-sugg .chip:hover{border-color:var(--sky-ink,#006CA3)}
.ia-form{display:flex;gap:8px}
.ia-form .ia-q{flex:1;min-width:0}
.ia-ans{margin-top:12px;border-left:3px solid var(--sky-ink,#006CA3);padding:8px 12px;background:var(--bg,#F3F6FB);border-radius:0 10px 10px 0;line-height:1.6}
.ia-ans p{margin:4px 0}.ia-ans ul{margin:4px 0;padding-left:18px}
.ia-ans .ia-qq{font-weight:700}
.ia-row{margin-top:10px}
.rv-card .ia-rbtn{margin-top:8px;font-size:13px}
.rv-card .ia-rbtn svg{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
@media (max-width:600px){.ia-form{flex-direction:column}.ia-form .btn{width:100%}}
.ia-rec{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 2px}
.ia-rec .btn svg{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
.ia-list{display:grid;gap:8px}
.ia-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg);display:grid;gap:3px}
.ia-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.ia-nums{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13.5px}
.ia-nums b{font-variant-numeric:tabular-nums}
.ia-diff{font-weight:700;color:var(--bad)}
/* Tax pack (0.4.6) */
.tp h2 svg{width:18px;height:18px;vertical-align:-3px;margin-right:4px;color:var(--sky-ink)}
.tp .ph{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.tp-build{display:flex;gap:8px;flex-wrap:wrap}.tp-build select{min-width:200px}
.tp-row{flex-wrap:wrap;gap:8px}
.tp-lines{display:grid;gap:6px}
.tp-line{display:flex;align-items:center;gap:8px;justify-content:space-between;border-bottom:1px solid var(--line);padding:4px 0}
.tp-line span{flex:1;min-width:0}.tp-line input{width:72px;text-align:right}.tp-line select{max-width:190px}.tp-line em{font-style:normal;color:var(--muted)}
.tp-chk{display:flex;gap:10px;align-items:flex-start;line-height:1.45;cursor:pointer}
.tp-chk input{width:18px;height:18px;margin-top:2px;flex:none}
.acc-extra{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}
.acc-extra .pill .link{padding:0 2px;font-weight:700}
.sel-s{font-size:12px;padding:4px 8px;min-height:30px}
.pos-extra summary{cursor:pointer;font-weight:600;font-size:13.5px}
.pos-extra-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px;max-height:240px;overflow:auto;margin-top:6px}
.sec-h{font-family:var(--display);font-weight:600;font-size:clamp(20px,2.4vw,26px);margin:22px 0 10px;display:flex;align-items:center;gap:8px;color:var(--ink)}
.br-row{display:grid;grid-template-columns:minmax(120px,200px) 1fr auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.br-row:first-of-type{border-top:0}
.br-n{display:flex;flex-direction:column}.br-n small{color:var(--muted);font-size:12px}
.br-bar{height:10px;border-radius:99px;background:var(--surface2);overflow:hidden}
.br-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sky),var(--navy))}
.me-row td{background:var(--sky-soft)}
.ch-congrats{align-items:center;flex-wrap:wrap;gap:10px}
.ch-cert{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);display:block}
ul.plain{margin:6px 0 10px;padding-left:18px}ul.plain li{margin:3px 0}
@media (max-width:560px){.br-row{grid-template-columns:1fr auto}.br-bar{grid-column:1/-1;order:3}}
.sec-h svg{width:22px;height:22px;flex:none;color:var(--sky-ink)}
.sig-panel summary{cursor:pointer;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sig-panel summary svg{width:16px;height:16px}
.sig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}
.sig-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface2)}
.mk-wrap{position:relative}
.mk-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:color-mix(in srgb,var(--surface) 82%,transparent);border-radius:10px;text-align:center;padding:12px}
.mk-empty svg{width:28px;height:28px;color:var(--sky-ink)}.mk-empty span{color:var(--muted);font-size:13px}
.mk-fit input[type=range]{width:100%;accent-color:var(--sky)}
.pin-in{letter-spacing:.5em;font-size:22px;text-align:center;font-variant-numeric:tabular-nums}
.step-btns{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.step-alt{font-size:13px;margin-top:10px;color:var(--muted)}
.step-card .field{text-align:left;margin-top:10px}
.call-ov{position:fixed;inset:0;z-index:9999;background:rgba(7,12,36,.72);display:grid;place-items:center;padding:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.call-card{background:var(--surface);color:var(--ink);border-radius:22px;padding:28px 24px;width:min(360px,100%);display:grid;justify-items:center;gap:8px;text-align:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.call-card b{font-size:20px}.call-card > span:not(.call-pulse){color:var(--muted);font-size:14px}
.call-pulse{border-radius:50%;box-shadow:0 0 0 0 rgba(0,169,239,.6);animation:callpulse 1.6s infinite}
@keyframes callpulse{0%{box-shadow:0 0 0 0 rgba(0,169,239,.55)}70%{box-shadow:0 0 0 22px rgba(0,169,239,0)}100%{box-shadow:0 0 0 0 rgba(0,169,239,0)}}
@media (prefers-reduced-motion:reduce){.call-pulse{animation:none}}
.call-btns{display:flex;gap:14px;margin-top:14px}
.call-btns .btn{min-width:120px;min-height:48px;border-radius:99px;font-weight:700}
.call-yes{background:#1E9E5A;color:#fff}.call-no{background:var(--bad);color:#fff}
.ga-steps{margin:8px 0 6px;padding-left:20px;display:grid;gap:8px;line-height:1.55}
.ga-copy{display:flex;gap:8px;flex-wrap:wrap}.ga-copy input{flex:1;min-width:200px}
.ga-card .ttl svg{width:18px;height:18px;vertical-align:-3px;color:var(--sky-ink)}
.k-why{display:block;margin-top:6px;padding-top:8px;border-top:1px dashed var(--line);font-size:12.5px;line-height:1.45;color:var(--muted)}
.md-say,.md-legend{display:flex;gap:8px;align-items:flex-start;margin:-2px 0 10px;font-size:13px;line-height:1.5;color:var(--muted)}
.md-say svg,.md-legend svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--sky-ink)}
.md-legend{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 14px}
.k-v-long{font-size:clamp(17px,1.55vw,26px)!important;white-space:nowrap;letter-spacing:-.01em}
.ps-panel .ph{flex-wrap:wrap;gap:10px}
.ps-pick{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.ps-pick select{width:auto;min-width:160px}
.ps-read{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.ps-read ul{margin:4px 0 8px;padding-left:18px;display:grid;gap:4px;line-height:1.55}
.ps-read .eyebrow svg{width:14px;height:14px;vertical-align:-2px}
/* Import → Investor check (42-reconcile.js) */
.imp-three{display:flex;gap:8px;align-items:flex-start;text-align:left;max-width:640px;margin:6px auto 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--sky-soft);font-size:13.5px;color:var(--ink)}
.imp-three svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--sky-ink)}
.rc-ev{margin:4px 0 2px;padding-left:18px;font-size:12.5px;color:var(--muted);display:grid;gap:3px}
.rc-ev li{overflow-wrap:anywhere}
.rc-tag{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sky-ink);margin-left:4px}
.btn.rc-sug{border-color:var(--sky-ink)}
.rc-amt{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}
.rc-amt .rv-in{max-width:180px}
.rc-fixes{margin:6px 0 0;padding-left:22px;font-size:13px;display:grid;gap:3px}
.rc-card .rv-match{flex-wrap:wrap}
.rc-adds{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.6}
.rc-adds b{color:var(--ink)}
.rc-adds svg{width:15px;height:15px;vertical-align:-2px;color:var(--ok)}
.rc-tbl td,.rc-tbl th{white-space:nowrap}
.rc-card .rv-match .btn{white-space:normal;text-align:left;height:auto;min-height:40px;line-height:1.35;padding-top:8px;padding-bottom:8px;max-width:100%}
.rc-card .rv-match{display:flex;gap:8px}
@media (max-width:640px){.rc-card .rv-match .btn{width:100%}}

/* ---------- 0.4.22 (2026-10-21, Elijah's phone screenshots) ---------- */
/* Header: sticks to the very top and fills the iPhone clock/battery strip, so nothing scrolls behind it. */
.top{top:0;margin-top:calc(-1 * env(safe-area-inset-top,0px));padding-top:calc(16px + env(safe-area-inset-top,0px))}
@media (max-width:860px){.top{padding-top:calc(12px + env(safe-area-inset-top,0px))}}
/* Phones: typing never zooms the page (iPhone zooms into any box under 16px and leaves the page shifted sideways). */
@media (max-width:860px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}
/* Nothing spills sideways, but the page itself still scrolls: "clip" makes no inner scroll box (with "hidden" on html AND body,
   the body became the scroller, so new screens opened half-way down and iPhone scrolling stuck). Older browsers use body only. */
body{overflow-x:hidden}
html,body{overflow-x:clip}

/* Chat like WhatsApp: bubbles, yours on the right. */
.chat-msgs{gap:3px;background:var(--bg)}
.msg{grid-template-columns:34px minmax(0,1fr);align-items:end}
.msg-b{justify-self:start;max-width:min(78%,560px);background:var(--surface);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:6px 11px 7px}
.msg.cont .msg-b{border-radius:16px}
.msg.mine{grid-template-columns:minmax(0,1fr)}
.msg.mine .msg-av{display:none}
.msg.mine .msg-b{justify-self:end;background:rgba(0,169,239,.16);border-color:rgba(0,169,239,.32);border-radius:16px 4px 16px 16px}
.msg.mine.cont .msg-b{border-radius:16px}
.msg.mine .msg-h b{display:none}
.msg.mine .msg-h{justify-content:flex-end}
.msg-sys,.msg-kudos{max-width:100%}
.msg.mine .msg-more{left:0;right:auto}

/* Phones: an open conversation fills the screen like WhatsApp. Own header (back · name · call), messages in the
   middle, the message box always sits on top of the keyboard (height follows the visible screen). */
@media (max-width:860px){
  .chat-wrap.has-room{position:fixed;left:0;right:0;top:var(--vv-top,0px);height:var(--vvh,100dvh);width:auto;min-height:0;z-index:70;border:0;border-radius:0;display:flex;flex-direction:column;background:var(--bg)}
  .chat-wrap.has-room .chat-main{flex:1;min-height:0;display:flex;flex-direction:column}
  .chat-wrap.has-room .chat-h{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:max(10px,env(safe-area-inset-left,0px));background:var(--surface);flex:0 0 auto}
  .chat-wrap.has-room .chat-back{width:40px;height:40px;font-size:20px}
  .chat-wrap.has-room .chat-msgs{flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 10px 6px}
  .chat-wrap.has-room .chat-compose{flex:0 0 auto;background:var(--surface);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}
  html.kb-open .chat-wrap.has-room .chat-compose{padding-bottom:8px}
  .chat-wrap.has-room .chat-compose textarea{min-height:42px;border-radius:21px}
  .chat-wrap.has-room .chat-compose .btn-p{width:44px;height:44px;border-radius:50%;padding:0;display:grid;place-items:center}
  body:has(.chat-wrap.has-room) .tabbar,body:has(.chat-wrap.has-room) .top{visibility:hidden}
  body:has(.chat-wrap.has-room){overflow:hidden}
  .msg-b{max-width:84%}
}
.msg.msg-kudos .msg-b,.msg.msg-announce .msg-b{background:none;border:0;padding:0;max-width:min(92%,560px)}
.chat-pins>button>:first-child{white-space:nowrap;flex:none}
/* Pill button rows (status, kind, period…) wrap inside their box instead of spilling out of it (Operations "Vehicle"). */
.seg{flex-wrap:wrap;max-width:100%;row-gap:2px}
.seg button{flex:0 0 auto}
@media (max-width:860px){.seg{border-radius:18px}}
.toolbar{flex-wrap:wrap;min-width:0;max-width:100%}
/* Analysis (43-analysis.js): one question bar, the answer straight under it. */
.an-ask{display:grid;gap:12px}
.an-q{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
.an-q label{display:grid;gap:4px;min-width:150px;flex:1 1 170px}
.an-q label span,.an-when>span{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.an-q .sel{width:100%}
.an-when{display:grid;gap:6px}
.an-help{display:flex;gap:6px;align-items:flex-start;margin:0}
.an-help svg{flex:none;width:15px;height:15px;margin-top:2px}
.an-total{font:600 clamp(30px,6vw,44px)/1.05 var(--display);font-variant-numeric:lining-nums tabular-nums;margin:2px 0 6px}
.an-sub{margin:0}
.an-say{font-size:14.5px;line-height:1.6;margin:4px 0 12px}
.an-ans.is-busy{opacity:.55;transition:opacity .2s}
.an-table{margin-top:14px}
@media (max-width:640px){.an-q label{flex:1 1 100%}}
/* Button groups at the end of a toolbar wrap instead of running off the screen (Reports, Meetings, My commission, Bio data). */
.toolbar .end{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:100%;min-width:0}
@media (max-width:640px){.toolbar .end{width:100%;justify-content:flex-start;margin-left:0}.toolbar .end .btn{flex:1 1 auto}}
.mini-btns{flex-wrap:wrap;max-width:100%}
/* Finance overview order (0.4.22) */
.fin-period .kpis{margin-top:12px}
.fin-range{margin:12px 0 0}
.fin-sep{margin:6px 0 -8px}
.fin-an-link{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:1px dashed var(--line);border-radius:var(--r);background:transparent;color:var(--ink);padding:12px 14px;font:inherit;font-size:13.5px;cursor:pointer}
.fin-an-link svg{flex:none;width:18px;height:18px;color:var(--sky-ink)}
.fin-an-link span:nth-child(2){flex:1}
.fin-an-link:hover{border-color:var(--sky)}
/* Nothing inside a panel may push it wider than the screen (a wide table scrolls inside its own box). */
.panel,.panel>*{min-width:0}
.sel{max-width:100%;min-width:0}
.ph{flex-wrap:wrap;min-width:0}
.ph>div{min-width:0}
form.addc,.ai-chips{max-width:100%;min-width:0;flex-wrap:wrap}
.an-ans .ph>div{flex:1 1 240px}
.an-table,.an-say{min-width:0;overflow-wrap:anywhere}
.ai-chips .chip,.chip{white-space:normal;max-width:100%;text-align:left;height:auto}
.eyebrow svg{width:14px;height:14px;vertical-align:-2px;flex:none}
.an-when-m{display:none}
.an-ans{scroll-margin-top:calc(76px + env(safe-area-inset-top,0px))}
@media (max-width:640px){
  .an-q{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .an-q label{min-width:0}
  .an-q label span,.an-when>span{font-size:10.5px}
  .an-when .u-period{display:none}
  .an-when-m{display:block;width:100%}
  .an-ask{gap:8px;padding-block:12px}
  .an-help{font-size:12.5px}
}
.an-table td.r,.an-table th.r{white-space:nowrap}
/* Team targets (01-targets.js) */
.tp-rows{display:grid;gap:8px;margin:10px 0}
.tp-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.tp-n{display:flex;gap:8px;align-items:center;min-width:0}
.tp-n span{display:grid;min-width:0}
.tp-n small{color:var(--muted);font-size:12px}
.tp-row .rv-in{max-width:150px;text-align:right}
.ps-inv{display:flex;gap:8px;align-items:flex-start;margin:-4px 0 14px;font-size:13px;color:var(--muted);line-height:1.5}
.ps-inv svg{flex:none;width:15px;height:15px;margin-top:2px;color:var(--sky-ink)}
.ps-inv b{color:var(--ink)}

/* Accuracy check → Dates to check */
.dq{margin-top:12px;display:grid;gap:10px;min-width:0}
.dq-rows{display:grid;gap:8px}
.dq-row{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);min-width:0}
.dq-what{font-size:14px;overflow-wrap:anywhere}
.dq-when{margin-top:4px;font-size:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dq-sug{color:var(--sky-ink,#0076AE)}
.dq-row .hint{margin:6px 0 0}
.dq-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.dq-own input{min-height:40px;max-width:170px}
.dq-undo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:8px 12px;border-radius:12px;background:var(--sky-soft,#E7F6FE)}
.dq-undo .btn{margin-left:auto}
.dq-undo svg{width:18px;height:18px;flex:none;color:var(--sky-ink)}

/* Check in: why the Google map is off (MD/GM only) */
.gmap-why{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--sky-soft);font-size:13.5px;overflow-wrap:anywhere}
.gmap-why svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--sky-ink)}
.gmap-why i{color:var(--muted)}

/* Chat privacy note (bottom of the conversation list) */
.chat-priv{margin:auto 0 0;display:flex;gap:8px;align-items:flex-start;padding:10px 14px 12px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}
.chat-priv svg{width:14px;height:14px;flex:none;margin-top:2px;color:var(--sky-ink)}

/* Chat gradient style (Elijah, 2026-10-21: "rebrand the chat" like the gold-to-blue kudos cards). Others' messages:
   a quiet blue-to-gold wash; mine: a stronger blue. Kudos and announcements keep their own cards. Light and dark. */
.chat-msgs{background:radial-gradient(120% 80% at 0% 0%,rgba(0,169,239,.06),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgba(255,196,0,.05),transparent 60%),var(--bg)}
.msg:not(.msg-kudos):not(.msg-announce) .msg-b{background:linear-gradient(120deg,rgba(0,169,239,.16),rgba(255,196,0,.13) 85%),var(--surface);border-color:color-mix(in srgb,var(--sky) 20%,var(--line))}
.msg.mine:not(.msg-kudos):not(.msg-announce) .msg-b{background:linear-gradient(120deg,rgba(0,169,239,.38),rgba(0,169,239,.20) 55%,rgba(255,196,0,.20)),var(--surface);border-color:rgba(0,169,239,.40)}
.msg-kudos{background:linear-gradient(120deg,rgba(255,196,0,.20),rgba(0,169,239,.16));border:1px solid rgba(255,196,0,.22)}
.chat-compose{background:linear-gradient(90deg,rgba(0,169,239,.06),rgba(255,196,0,.05)),var(--surface)}
.msg-more{background:var(--surface2);border:1px solid var(--line)}

/* ===================================================================== 0.4.24: places menu, Overview, Monthly ROI
   From the preview the GM approved (2026-10-29). Prefixes: pl- (menu), ov- (Overview), roi- (Monthly ROI). */
:root{--ov-bar:#C9D6EA;--ov-r:18px}
:root[data-theme="dark"]{--ov-bar:#33407A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]):not([data-theme="blue"]){--ov-bar:#33407A}}
/* menu */
.pl-sec{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#8FA2D4;padding:14px 12px 4px}
.nav .pl-sec:first-child{padding-top:2px}
.nav button[data-act="place"]{position:relative}
.nav button[data-act="place"][aria-current="page"]{background:#fff;color:var(--navy);box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
.nav button[data-act="place"][aria-current="page"] svg{color:var(--sky-ink)}
.nav button[data-act="place"][aria-current="page"]::before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--sky)}
:root[data-theme="dark"] .nav button[data-act="place"][aria-current="page"]{background:#E7EBF7;color:#141C44}
.nav button .badge{margin-left:auto}
button.me{background:none;border:0;color:inherit;text-align:left;width:100%;cursor:pointer;font:inherit;border-radius:12px}
button.me:hover{background:rgba(255,255,255,.06)}
.pl-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:2px}
.pl-tabs button{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:700 13px var(--body);padding:8px 14px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.pl-tabs button:hover{color:var(--ink)}
.pl-tabs button[aria-current="page"]{background:var(--navy);color:#fff;border-color:transparent}
:root[data-theme="dark"] .pl-tabs button[aria-current="page"]{background:#2F5FAE}
/* building blocks */
.ov-cardx{background:var(--surface);border:1px solid var(--line);border-radius:var(--ov-r);padding:16px 18px;min-width:0;position:relative}
.ov-h{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.ov-h h3{margin:0;font:800 15.5px var(--body);color:var(--ink)}
.ov-h p{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.ov-h>.ov-link,.ov-h>.ov-aibtn,.ov-h>.ov-hr{margin-left:auto}
.ov-hr{display:flex;gap:8px;align-items:center}
.ov-link{color:var(--sky-ink);font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.ov-muted{color:var(--muted)}
.ov-grow{flex:1}
.ov-aibtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface2);color:var(--sky-ink);font:800 11.5px var(--body);padding:5px 10px;border-radius:99px;cursor:pointer;white-space:nowrap}
.ov-aibtn svg{width:13px;height:13px}
.ov-aibtn:hover{background:var(--sky-soft)}
.ov-src .ov-aibtn,.ov-atm .ov-aibtn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.ov-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap}
.ov-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ov-pill.ok{background:var(--ok-soft);color:var(--ok)}.ov-pill.warn{background:var(--warn-soft);color:var(--warn)}.ov-pill.sky{background:var(--sky-soft);color:var(--sky-ink)}.ov-pill.idle{background:var(--surface2);color:var(--muted)}
.ov-trend{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:12px;padding:2px 8px;border-radius:99px}
.ov-trend.up{background:var(--ok-soft);color:var(--ok)}.ov-trend.down{background:var(--bad-soft);color:var(--bad)}
.ov-kico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky-ink);flex:none}
.ov-kico svg{width:18px;height:18px}
.ov-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13.5px;flex:none}
.ov-av.sm{width:28px;height:28px;font-size:11px}.ov-av.big{width:52px;height:52px;font-size:17px}
.ov-num,.ov-kv{font-family:var(--display);font-variant-numeric:lining-nums;font-weight:600}
.ov-tab{font-variant-numeric:tabular-nums}
.ov-live{width:8px;height:8px;border-radius:50%;background:#2BB673;display:inline-block;animation:ovPulse 2.4s infinite}
.ov-live.away{background:#E0A23B;animation:none}
@keyframes ovPulse{0%{box-shadow:0 0 0 0 rgba(43,182,115,.55)}70%{box-shadow:0 0 0 9px rgba(43,182,115,0)}100%{box-shadow:0 0 0 0 rgba(43,182,115,0)}}
.ov-livetag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#9BE6BE;background:rgba(91,196,143,.18);padding:2px 9px;border-radius:99px;margin-left:6px;vertical-align:2px}
.ov-livetag.light{color:var(--ok);background:var(--ok-soft)}
/* hero */
.ov-hero{position:relative;overflow:hidden;border-radius:var(--ov-r);padding:16px 20px 18px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;margin-bottom:14px}
.ov-hero>*{min-width:0}
.ov-art{position:absolute;right:0;bottom:0;width:46%;height:56px;opacity:.09;pointer-events:none;color:var(--navy)}
:root[data-theme="dark"] .ov-art{color:#BFD3FF;opacity:.14}
.ov-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sky-ink)}
.ov-eyebrow::before{content:"";width:20px;height:1px;background:currentColor;opacity:.6}
.ov-hero h2{margin:6px 0 4px;padding-bottom:.06em;font:500 clamp(28px,2.8vw,36px)/1.18 var(--display);color:var(--ink)}
.ov-hero h2 em{font-style:italic;color:var(--sky-ink)}
.ov-split .w{display:inline-block;padding-bottom:.08em;opacity:0;transform:translateY(.4em);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.in .ov-split .w{opacity:1;transform:none}
.ov-lead{margin:0;color:var(--muted);font-size:14.5px}
.ov-ask{margin-top:12px;display:flex;align-items:center;gap:10px;width:100%;max-width:520px;background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:6px 6px 6px 16px;cursor:pointer;color:var(--muted);font:500 13.5px var(--body);text-align:left}
.ov-ask span{display:flex;align-items:center;gap:10px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-ask svg{width:16px;height:16px;flex:none}
.ov-ask b{background:var(--navy);color:#fff;border-radius:99px;padding:8px 16px;font-size:13px}
:root[data-theme="dark"] .ov-ask b{background:#2F5FAE}
/* online now */
.ov-online{position:relative;z-index:1;min-width:0}
.ov-online.ov-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--ov-r);padding:14px 16px;margin-bottom:14px}
.ov-online-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:10px}
.ov-online-h a{margin-left:auto;color:var(--sky-ink);text-decoration:none;font-weight:700}
.ov-rail{display:flex;gap:12px;overflow:hidden;padding:4px 2px 6px}
.ov-person{display:flex;flex-direction:column;align-items:center;gap:5px;width:58px;flex:none;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);text-decoration:none;font:inherit;opacity:0;transform:translateY(8px) scale(.92);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.ov-rail.ov-in .ov-person{opacity:1;transform:none}
.ov-person.ov-gone{display:none}
.ov-ring{position:relative;padding:3px;border-radius:50%;isolation:isolate}
.ov-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--sky),#2F5FAE,var(--navy),var(--sky));z-index:-1;animation:ovSpin 9s linear infinite}
.ov-ring.away::before{background:var(--line);animation:none}
@keyframes ovSpin{to{transform:rotate(360deg)}}
.ov-ring .ov-av{width:46px;height:46px;font-size:15px;box-shadow:0 0 0 3px var(--surface)}
.ov-ring i{position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#2BB673;box-shadow:0 0 0 3px var(--surface)}
.ov-ring.away i{background:#E0A23B}
.ov-person b{font-size:12px;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-person small{font-size:10.5px;color:var(--muted);margin-top:-5px;white-space:nowrap;max-width:58px;overflow:hidden;text-overflow:ellipsis}
.ov-more .ov-ring::before{display:none}
.ov-more .ov-av{background:var(--sky-soft);color:var(--sky-ink);box-shadow:0 0 0 1px var(--line)}
.ov-pop{position:fixed;z-index:90;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -30px rgba(10,16,41,.55);padding:14px;display:grid;gap:10px}
.ov-pop-h{display:flex;gap:12px;align-items:center}
.ov-pop-h b{display:block;color:var(--ink)}.ov-pop-h small{color:var(--muted);font-size:12.5px}
.ov-pop-s{margin:0;font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center}
/* toolbar */
.ov-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ov-chips{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:4px}
.ov-chips button{border:0;background:none;color:var(--muted);font:700 13px var(--body);padding:7px 14px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ov-chips button.on{background:var(--navy);color:#fff}
:root[data-theme="dark"] .ov-chips button.on{background:#2F5FAE}
.ov-sel{appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235B6584' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--line);border-radius:99px;padding:9px 38px 9px 16px;font:700 13px var(--body);color:var(--ink);min-height:40px}
/* top row */
.ov-grid3{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1.2fr);gap:14px;margin-bottom:14px}
.ov-g21{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
.ov-g21.one{grid-template-columns:1fr}
.ov-money-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ov-money-top h3{margin:0;font:800 15px var(--body);color:var(--ink)}
.ov-seg{margin-left:auto;display:inline-flex;background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:4px;gap:2px}
.ov-seg button{border:0;background:none;color:var(--muted);font:700 13px var(--body);padding:7px 13px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
.ov-seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 6px 16px -10px rgba(20,28,68,.5)}
:root[data-theme="dark"] .ov-seg button.on{background:#2F5FAE;color:#fff}
.ov-mbody{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:end;margin-top:12px;min-height:112px}
.ov-mbody.swap{animation:ovSegIn .45s cubic-bezier(.16,1,.3,1)}
@keyframes ovSegIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.ov-bignum{display:flex;align-items:center;gap:10px}
.ov-bignum b{font:600 clamp(32px,3.2vw,46px)/1.05 var(--display);font-variant-numeric:lining-nums;color:var(--ink)}
.ov-eye{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line);background:none;cursor:pointer}
.ov-eye svg{width:15px;height:15px}
.ov-secret{transition:filter .35s}
body.ov-hide .ov-secret{filter:blur(9px);user-select:none}
.ov-msub{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);flex-wrap:wrap;margin-top:6px}
.ov-minibars{display:flex;align-items:flex-end;gap:5px;height:70px}
.ov-minibars i{width:12px;border-radius:5px 5px 3px 3px;background:var(--ov-bar);transform-origin:bottom;animation:ovGrowB .8s cubic-bezier(.16,1,.3,1) both}
.ov-minibars i.hi{background:linear-gradient(180deg,var(--sky),#2F5FAE)}
@keyframes ovGrowB{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.ov-segline{grid-column:1/-1;display:grid;gap:6px}
.ov-segline .bars{display:flex;gap:4px;height:10px}
.ov-segline .bars i{border-radius:99px;transform-origin:left;animation:ovGrowX .9s cubic-bezier(.16,1,.3,1) both}
@keyframes ovGrowX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ov-segline .lbl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);font-weight:600}
.ov-segline .lbl span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:6px}
.ov-macts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.ov-macts .btn{justify-content:center;min-height:42px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);font-size:12.5px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-macts .btn svg{flex:none}
.ov-macts .btn.ov-prim{background:var(--navy);color:#fff;border-color:transparent}
:root[data-theme="dark"] .ov-macts .btn.ov-prim{background:#2F5FAE}
/* where the money came from */
.ov-src{background:linear-gradient(150deg,#00A9EF 0%,#2F5FAE 55%,#1F2A5E 100%);color:#fff;border:0;overflow:hidden;display:flex;flex-direction:column}
.ov-src .ov-h h3{color:#fff}.ov-src .ov-h p{color:#E3F4FC}
.ov-src .ov-h{position:relative;z-index:1}
.ov-sheets{position:absolute;right:-18px;top:64px;width:140px;height:100px;pointer-events:none;opacity:.9}
.ov-sheets i{position:absolute;right:0;width:110px;height:72px;border-radius:12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25)}
.ov-sheets i:nth-child(1){top:0;transform:rotate(-8deg) translateX(-26px)}
.ov-sheets i:nth-child(2){top:14px;transform:rotate(-2deg) translateX(-12px)}
.ov-sheets i:nth-child(3){top:28px;transform:rotate(5deg)}
.ov-sheets i::after{content:"";position:absolute;left:12px;top:14px;width:50%;height:6px;border-radius:9px;background:rgba(255,255,255,.5);box-shadow:0 12px 0 rgba(255,255,255,.3),0 24px 0 -1px rgba(255,255,255,.25)}
.in .ov-sheets i{animation:ovFloat 6s ease-in-out infinite}
.in .ov-sheets i:nth-child(2){animation-delay:.6s}.in .ov-sheets i:nth-child(3){animation-delay:1.2s}
@keyframes ovFloat{0%,100%{margin-top:0}50%{margin-top:-5px}}
.ov-tot{font:600 38px/1 var(--display);font-variant-numeric:lining-nums;margin-top:auto}
.ov-tot small{display:block;font:700 11.5px var(--body);letter-spacing:.06em;color:#E3F4FC;margin-bottom:4px}
.ov-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border-top:1px solid rgba(255,255,255,.25);padding-top:12px}
.ov-parts div{padding:0 8px;border-left:1px solid rgba(255,255,255,.22)}
.ov-parts div:first-child{border-left:0;padding-left:0}
.ov-parts small{display:block;font-size:11.5px;color:#E3F4FC;font-weight:600}
.ov-parts b{font:600 18px var(--display);font-variant-numeric:lining-nums}
@media (max-width:460px){.ov-parts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.ov-parts div:nth-child(3){border-left:0;padding-left:0}}
/* Money just in: client cards */
.ov-atm{background:linear-gradient(165deg,#141C44,#0D1330);color:#fff;border:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.ov-atm .ov-h h3{color:#fff}.ov-atm .ov-h p{color:#9FB2E0}
.ov-empty-dark{color:#9FB2E0;margin:0}
.ov-stack{position:relative;height:226px;perspective:900px;cursor:pointer;margin-top:4px;outline-offset:4px}
.ov-bcard{position:absolute;left:0;right:0;top:0;height:186px;border-radius:18px;padding:14px 16px;color:#fff;display:flex;flex-direction:column;box-shadow:0 22px 34px -22px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.14);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s;overflow:hidden}
.ov-bcard::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at 85% 0%,rgba(255,255,255,.22),transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px);pointer-events:none}
.ov-bcard[data-pos="0"]{transform:translateY(40px);z-index:4;opacity:1}
.ov-bcard[data-pos="1"]{transform:translateY(20px) scale(.94);z-index:3;opacity:.9}
.ov-bcard[data-pos="2"]{transform:translateY(0) scale(.88);z-index:2;opacity:.7}
.ov-bcard[data-pos="3"]{transform:translateY(-12px) scale(.82);z-index:1;opacity:0}
.ov-bcard[data-pos="new"]{transform:translateY(-80px) scale(1.04);opacity:0;z-index:5}
.ov-stack:hover .ov-bcard[data-pos="0"]{transform:translateY(36px) rotateX(4deg)}
.ov-bc-top{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.88)}
.ov-bc-top small{display:block;font-size:10.5px;font-weight:600;letter-spacing:0;color:rgba(255,255,255,.72);margin-top:2px}
.ov-lplate{margin-left:auto;background:rgba(255,255,255,.92);border-radius:10px;padding:4px 7px;display:grid;place-items:center;height:30px}
.ov-lplate img{height:22px;width:auto}
.ov-gp{height:13px;margin-left:auto;opacity:.9}
.ov-pc-name{font:600 19px/1.15 var(--display);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-pc-what{font-size:11px;color:rgba(255,255,255,.78);font-weight:600}
.ov-pc-mid{display:flex;align-items:center;gap:12px;margin-top:8px}
.ov-chip{width:34px;height:25px;border-radius:6px;background:linear-gradient(135deg,#F3D58B,#C99A3E);position:relative;flex:none}
.ov-chip::after{content:"";position:absolute;inset:5px 9px;border:1px solid rgba(80,55,10,.35);border-radius:3px}
.ov-pc-mid small{display:block;font-size:9.5px;letter-spacing:.1em;color:rgba(255,255,255,.72);font-weight:800}
.ov-pc-mid b{font:600 22px/1.05 var(--display);font-variant-numeric:lining-nums}
.ov-pc-tag{margin-left:auto;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.18);white-space:nowrap}
.ov-pc-tag.full{background:#F3D58B;color:#3A2A06}
.ov-pc-prog{margin-top:auto}
.ov-pc-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}
.ov-pc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.75))}
.ov-pc-foot{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:rgba(255,255,255,.82);margin-top:5px;font-weight:600}
.ov-bcard.ov-fresh::after{content:"";position:absolute;inset:-2px;border-radius:20px;border:2px solid #7FD3F7;box-shadow:0 0 28px rgba(127,211,247,.7);animation:ovFresh 2.6s forwards;pointer-events:none}
@keyframes ovFresh{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
.ov-newbadge{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;letter-spacing:.14em;background:#7FD3F7;color:#0D1330;padding:2px 9px;border-radius:99px;animation:ovFresh 3s forwards}
.ov-atm-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ov-dots{display:flex;gap:5px;width:100%;justify-content:center;margin-bottom:2px}
.ov-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.25);transition:width .3s,background .3s}
.ov-dots i.on{width:20px;background:var(--sky)}
.ov-atm-foot .btn{flex:1;justify-content:center;min-height:38px;font-size:12.5px}
.btn.ov-sky{background:var(--sky);color:#0D1330;border:0}
.btn.ov-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}
/* quick actions */
.ov-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.ov-qa{position:relative;overflow:hidden;border-radius:18px;padding:14px 16px;color:#fff;border:0;display:flex;align-items:center;gap:12px;min-height:70px;text-align:left;cursor:pointer;font:inherit;transition:transform .25s,box-shadow .25s}
.ov-qa:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(20,28,68,.6)}
.ov-qa::after{content:"";position:absolute;top:0;bottom:0;width:60%;left:-70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-18deg);transition:left .7s}
.ov-qa:hover::after{left:120%}
.ov-qi{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none}
.ov-qi svg{width:20px;height:20px}
.ov-qa b{display:block;font-size:14px}.ov-qa small{font-size:12px;opacity:.88}
/* charts */
.ov-chart{position:relative;width:100%}
.ov-chart svg{display:block;width:100%;height:auto;overflow:visible}
.ov-b{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .2s}
.in .ov-b{transform:scaleY(1)}
.ov-chart svg:hover .ov-b{opacity:.45}
.ov-chart svg .ov-col:hover .ov-b{opacity:1}
.ov-tip{position:absolute;pointer-events:none;background:#141C44;color:#fff;border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.5;box-shadow:0 18px 30px -18px rgba(0,0,0,.6);opacity:0;transform:translate(-50%,-110%);transition:opacity .15s;white-space:nowrap;z-index:4}
.ov-tip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.ov-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:6px}
.ov-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ov-gwrap{display:grid;place-items:center;position:relative}
.ov-gauge{width:100%;max-width:280px}
.ov-gs{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.6);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}
.in .ov-gs{opacity:1;transform:none}
.ov-gv{position:absolute;bottom:6px;text-align:center}
.ov-gv b{font-size:36px;display:block;line-height:1;color:var(--ink)}
.ov-gv small{color:var(--muted);font-size:12.5px;font-weight:600}
.ov-mrows{display:grid;gap:12px;margin-top:12px}
.ov-mrow{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;font-size:13px;color:var(--ink)}
.ov-track{grid-column:1/-1;height:8px;border-radius:99px;background:var(--surface2);overflow:hidden;border:1px solid var(--line)}
.ov-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sky),#2F5FAE);width:0;transition:width 1s cubic-bezier(.16,1,.3,1)}
/* journey */
.ov-journey{display:grid;grid-template-columns:repeat(4,1fr);position:relative;padding-top:6px}
.ov-journey::before{content:"";position:absolute;left:12%;right:12%;top:72px;border-top:2px dashed var(--line)}
.ov-traveller{position:absolute;top:67px;left:12%;width:12px;height:12px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 5px rgba(0,169,239,.18);z-index:2;animation:ovTravel 7s ease-in-out infinite}
@keyframes ovTravel{0%{left:12%;opacity:0}8%{opacity:1}88%{opacity:1}100%{left:88%;opacity:0}}
.ov-step{text-align:center;position:relative;padding:0 6px;color:var(--ink)}
.ov-step-ic{width:58px;height:52px;color:var(--navy)}
:root[data-theme="dark"] .ov-step-ic{color:#BFD3FF}
.ov-dot{width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--sky);margin:6px auto 10px;position:relative;z-index:1}
.ov-step b{font-size:30px;display:block;line-height:1}
.ov-step strong{display:block;font-size:13.5px;margin-top:4px}
.ov-step small{color:var(--muted);font-size:12px}
/* lists, table, estates */
.ov-list{display:grid}
.ov-li{display:flex;align-items:center;gap:12px;padding:10px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;width:100%;cursor:pointer;font:inherit;color:var(--ink)}
.ov-li:first-child{border-top:0}
.ov-t{min-width:0;flex:1}.ov-t b{display:block;font-size:14px}.ov-t small{color:var(--muted);font-size:12.5px}
.ov-ic2{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--warn-soft);color:var(--warn)}
.ov-ic2 svg{width:18px;height:18px}
.ov-go{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);flex:none;color:var(--muted)}
.ov-go svg{width:14px;height:14px}
.ov-needs .ov-li:first-child .ov-ic2{position:relative}
.ov-needs .ov-li:first-child .ov-ic2::after{content:"";position:absolute;inset:-3px;border-radius:14px;border:2px solid var(--warn);opacity:0;animation:ovNeed 2.8s 1.2s infinite}
@keyframes ovNeed{0%{opacity:.6;transform:scale(.9)}100%{opacity:0;transform:scale(1.25)}}
.ov-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.ov-tabs button{border:0;background:none;color:var(--muted);font:700 13px var(--body);padding:7px 14px;border-radius:99px;cursor:pointer}
.ov-tabs button.on{background:var(--sky-soft);color:var(--sky-ink)}
.ov-tblw{overflow-x:auto;margin:0 -18px;padding:0 18px}
.ov-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:600px;color:var(--ink)}
.ov-tbl th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800;text-align:left;padding:9px 12px;background:var(--surface2);white-space:nowrap}
.ov-tbl th:first-child{border-radius:10px 0 0 10px}.ov-tbl th:last-child{border-radius:0 10px 10px 0}
.ov-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.ov-tbl tr:last-child td{border-bottom:0}
.ov-tbl .r{text-align:right}
.ov-tbl tbody tr{transition:background .15s}.ov-tbl tbody tr:hover{background:var(--surface2)}
.in .ov-tbl tbody tr,.in .ov-li,.in .ov-estate{animation:ovRow .6s cubic-bezier(.16,1,.3,1) both}
@keyframes ovRow{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ov-who{display:flex;align-items:center;gap:10px}
.ov-amt{font-weight:800}.ov-amt.in{color:var(--ok)}
.ov-estate{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:var(--ink)}
.ov-estate:first-of-type{border-top:0}
.ov-edot{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11.5px;grid-row:span 2}
.ov-estate b{font-size:14px}.ov-estate small{color:var(--muted);font-size:12px}
.ov-estate .ov-track{grid-column:2/4;height:6px;border:0}
/* KPI tiles (Monthly ROI) */
.ov-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.ov-kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--ov-r);padding:14px 16px;display:grid;gap:4px;color:var(--ink)}
.ov-kpi .ov-ktop{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--muted)}
.ov-kpi .ov-kv{font-size:clamp(24px,2.1vw,30px);line-height:1.1}
.ov-kpi small{color:var(--muted);font-size:12.5px}
.ov-kpi.hero{background:linear-gradient(140deg,var(--navy),#2B3D86);border-color:transparent;color:#fff}
:root[data-theme="dark"] .ov-kpi.hero{background:linear-gradient(140deg,#1D2B66,#2F5FAE)}
.ov-kpi.hero .ov-ktop,.ov-kpi.hero small{color:#C9D4F2}
.ov-kpi.hero .ov-kico{background:rgba(255,255,255,.12);color:#fff}
/* reveal */
.ov-rv{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.ov-rv.in{opacity:1;transform:none}
/* Monthly ROI */
.roi-lock{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:6px 12px;border-radius:99px}
.roi-lock svg{width:14px;height:14px}
.roi-split{display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);background:linear-gradient(160deg,#141C44,#1F2A5E);border-radius:22px;overflow:hidden;color:#fff;min-height:500px;margin-bottom:12px}
.roi-list{padding:16px 12px 16px 16px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;min-width:0}
.roi-list h3{margin:2px 4px;font:800 15px var(--body);display:flex;align-items:center;gap:8px;color:#fff}
.roi-list h3 small{margin-left:auto;font-weight:600;color:#9FB2E0;font-size:12px}
.roi-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:8px 14px}
.roi-search input{border:0;background:transparent;outline:0;color:#fff;font:500 13px var(--body);width:100%}
.roi-search input::placeholder{color:#9FB2E0}
.roi-search svg{width:15px;height:15px;color:#9FB2E0}
.roi-items{display:grid;gap:6px;overflow:auto;max-height:560px;padding-right:2px}
.roi-none{color:#AFC0EA;padding:12px;margin:0}
.roi-it{display:grid;grid-template-columns:auto 1fr auto;gap:2px 12px;align-items:center;padding:10px 12px;border-radius:16px;text-align:left;color:#fff;background:none;border:0;cursor:pointer;font:inherit;transition:background .2s}
.roi-it:hover{background:rgba(255,255,255,.06)}
.roi-it.on{background:linear-gradient(135deg,#2F5FAE,#00A9EF);box-shadow:0 14px 28px -16px rgba(0,169,239,.8)}
.roi-it .ov-av{grid-row:span 2;width:38px;height:38px;font-size:13px}
.roi-it b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roi-it small{color:#AFC0EA;font-size:11.5px}
.roi-it.on small{color:#E3F4FC}
.roi-amt{font:600 17px var(--display);font-variant-numeric:lining-nums;text-align:right}
.roi-st{justify-self:end;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.12)}
.roi-st.paid{background:rgba(91,196,143,.2);color:#9BE6BE}.roi-st.due{background:rgba(127,211,247,.18);color:#BDEBFF}.roi-st.late{background:rgba(240,123,119,.22);color:#FFC3BF}
.roi-it.on .roi-st{background:rgba(255,255,255,.22);color:#fff}
.roi-st.big{font-size:12px;padding:5px 12px;margin-left:auto}
.roi-detail{padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0;background:radial-gradient(600px circle at 90% -10%,rgba(0,169,239,.18),transparent 50%)}
.roi-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.roi-head h3{margin:0;font:600 26px/1.1 var(--display);color:#fff}
.roi-head small{color:#AFC0EA;font-size:12.5px}
.roi-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.roi-tiles>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px}
.roi-tiles small{display:block;color:#AFC0EA;font-size:11px;font-weight:700;letter-spacing:.04em}
.roi-tiles b{display:block;font:600 22px/1.2 var(--display);font-variant-numeric:lining-nums;margin-top:4px}
.roi-tiles span{font-size:12px;color:#CFDAF6}
.roi-bank{border-radius:18px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);display:grid;gap:8px}
.roi-row{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;font-size:13px}
.roi-row span{color:#AFC0EA;font-weight:700;font-size:12px}
.roi-row b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.roi-acct{font:600 19px/1.2 ui-monospace,Menlo,monospace!important;letter-spacing:.08em}
.roi-copy{display:inline-flex;align-items:center;gap:6px;font:800 12px var(--body);padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;border:0;cursor:pointer}
.roi-copy:hover{background:rgba(255,255,255,.22)}
.roi-copy svg{width:14px;height:14px}
.roi-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.btn.roi-white{background:#fff;color:#141C44;border:0}
.btn.roi-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);text-decoration:none}
.roi-note{margin:0;font-size:12.5px;color:#FFD9A0}
.roi-inst{display:grid;gap:8px}
.roi-inst-top{font-size:13px;color:#CFDAF6}
.roi-inst-top b{font:600 21px var(--display);color:#fff;font-variant-numeric:lining-nums}
.roi-dots{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:5px}
.roi-dots i{height:10px;border-radius:99px;background:rgba(255,255,255,.14);transform:scaleX(.3);opacity:.4;transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s}
.roi-dots i.paid{background:linear-gradient(90deg,#7FD3F7,#00A9EF)}
.roi-dots i.now{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.roi-dots.go i{transform:none;opacity:1}
.roi-dl{display:flex;justify-content:space-between;font-size:11px;color:#9FB2E0}
.roi-histw{margin:0;padding:0}
.roi-hist{width:100%;border-collapse:collapse;font-size:12.5px}
.roi-hist th{background:rgba(255,255,255,.06);color:#AFC0EA;font-size:10.5px;text-align:left;padding:8px 12px;text-transform:uppercase;letter-spacing:.05em}
.roi-hist td{border-bottom:1px solid rgba(255,255,255,.08);color:#E7EBF7;padding:8px 12px}
.roi-hist .r{text-align:right}
.roi-foot{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:0}
.roi-foot svg{width:14px;height:14px;flex:none;margin-top:2px}
@media (max-width:1180px){.ov-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-grid3>.ov-money{grid-column:1/-1}.ov-quick,.ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-g21{grid-template-columns:1fr}.ov-hero{grid-template-columns:1fr}}
@media (max-width:860px){
  .ov-grid3{grid-template-columns:1fr}.ov-grid3>.ov-money{grid-column:auto}
  .ov-money-top .ov-seg{margin-left:0;width:100%;display:flex}.ov-money-top .ov-seg button{flex:1;padding:8px 6px;font-size:12.5px}
  .ov-macts{grid-template-columns:1fr 1fr}.ov-macts .btn.ov-prim{grid-column:1/-1}
  .ov-bar .ov-chips{width:100%;display:flex}.ov-bar .ov-chips button{flex:1;padding:8px 6px;font-size:12.5px}.ov-bar .ov-sel{flex:1}
  .ov-quick{gap:10px}.ov-qa{padding:12px;min-height:62px}.ov-qa small{display:none}
  .ov-journey{grid-template-columns:repeat(2,1fr);row-gap:18px}.ov-journey::before,.ov-traveller{display:none}
  .ov-tblw{margin:0 -16px;padding:0 16px}
  .roi-split{grid-template-columns:1fr;border-radius:18px}
  .roi-list{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .roi-items{max-height:300px}
  .roi-tiles{grid-template-columns:1fr 1fr}
  .roi-row{grid-template-columns:1fr auto}.roi-row span{grid-column:1/-1;margin-bottom:-6px}
  .pl-tabs{margin:0 -16px 12px;padding:2px 16px}
}
@media (prefers-reduced-motion:reduce){
  .ov-rv,.ov-person,.ov-split .w,.ov-gs{opacity:1!important;transform:none!important;transition:none!important}
  .ov-b{transform:none!important;transition:none!important}
  .ov-minibars i,.ov-segline .bars i,.ov-tbl tbody tr,.ov-li,.ov-estate,.ov-sheets i,.ov-ring::before,.ov-live,.ov-needs .ov-ic2::after{animation:none!important}
  .ov-traveller{display:none}.roi-dots i{transform:none;opacity:1}
}

/* ===================================================================== 0.4.25: shared dashboard cards (gk-)
   From the GM's 15 sample dashboards (preview v7, approved 2026-10-29). */
:root{--gk-plum:#7A3F9A;--gk-plum-soft:#F1E8F7;--gk-navy-soft:#E6E9F5;--gk-track:#E4EAF4;--gk-ease:cubic-bezier(.16,1,.3,1)}
:root[data-theme="dark"]{--gk-plum:#C79BE0;--gk-plum-soft:#3A2A4A;--gk-navy-soft:#26305E;--gk-track:#2A345E}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]):not([data-theme="blue"]){--gk-plum:#C79BE0;--gk-plum-soft:#3A2A4A;--gk-navy-soft:#26305E;--gk-track:#2A345E}}
.t-sky{--c:var(--sky-ink);--s:var(--sky-soft)}.t-ok{--c:var(--ok);--s:var(--ok-soft)}.t-warn{--c:var(--warn);--s:var(--warn-soft)}.t-bad{--c:var(--bad);--s:var(--bad-soft)}.t-navy{--c:var(--navy);--s:var(--gk-navy-soft)}.t-plum{--c:var(--gk-plum);--s:var(--gk-plum-soft)}
:root[data-theme="dark"] .t-navy{--c:#BFD3FF}
.gk-num{font-family:var(--display);font-variant-numeric:lining-nums;font-weight:600}
/* KPI cards */
.gk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:14px}
.gk-kpi{position:relative;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 16px 0;min-width:0;overflow:hidden}
.gk-kt{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.gk-ki{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--s);color:var(--c);flex:none}.gk-ki svg{width:20px;height:20px}
.gk-chip{margin-left:auto;display:inline-flex;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:99px;background:var(--ok-soft);color:var(--ok);white-space:nowrap}
.gk-chip.down{background:var(--bad-soft);color:var(--bad)}
.gk-i{margin-left:auto;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--surface2);color:var(--muted);font:800 12px var(--body);cursor:pointer;flex:none}
.gk-chip+.gk-i{margin-left:6px}
.gk-kpi .gk-num{font-size:clamp(24px,2.1vw,30px);line-height:1.1;color:var(--ink);overflow-wrap:anywhere}
.gk-kl{font-weight:800;font-size:13.5px;color:var(--ink)}
.gk-ks{color:var(--muted);font-size:12.5px}
.gk-why{margin:8px 0 0;padding:9px 11px;border-radius:12px;background:var(--surface2);color:var(--ink);font-size:12.5px;line-height:1.5}
.gk-pg{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px}.gk-pg b{color:var(--ink)}
.gk-bar{height:7px;border-radius:99px;background:var(--gk-track);overflow:hidden;margin-top:5px}
.gk-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--c);transition:width 1.1s var(--gk-ease)}
.gk-bar.go i{width:var(--w)}
.gk-foot{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 32px);margin:12px -16px 0;padding:11px 16px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:700 13px var(--body);cursor:pointer;text-align:left}
.gk-foot svg{width:15px;height:15px;transition:transform .2s}.gk-foot:hover svg{transform:translateX(3px)}
.gk-kpi:not(:has(.gk-foot)){padding-bottom:16px}
.gk-kpi.gk-hero{background:linear-gradient(140deg,var(--navy),#2F5FAE 70%,#00A9EF);border-color:transparent}
.gk-hero .gk-ki{background:rgba(255,255,255,.16);color:#fff}
.gk-hero .gk-num,.gk-hero .gk-kl,.gk-hero .gk-pg b,.gk-hero .gk-foot{color:#fff}
.gk-hero .gk-ks,.gk-hero .gk-pg{color:#D3DEF7}
.gk-hero .gk-chip{background:rgba(255,255,255,.18);color:#fff}
.gk-hero .gk-i{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.gk-hero .gk-why{background:rgba(255,255,255,.12);color:#fff}
.gk-hero .gk-bar{background:rgba(255,255,255,.2)}.gk-hero .gk-bar i{background:#7FD3F7}
.gk-hero .gk-foot{border-color:rgba(255,255,255,.2)}
/* welcome band */
.gk-band{position:relative;overflow:hidden;border-radius:22px;padding:20px 22px 16px;margin-bottom:14px;color:#fff;background:linear-gradient(125deg,#141C44 0%,#1F2A5E 38%,#2F5FAE 72%,#0076AE 100%);box-shadow:0 26px 50px -34px rgba(20,28,68,.8)}
.gk-band::before{content:"";position:absolute;width:280px;height:280px;right:-70px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(127,211,247,.35),transparent 70%);pointer-events:none}
.gk-art{position:absolute;right:0;bottom:0;width:52%;height:120px;color:#fff;opacity:.08;pointer-events:none}
.gk-bh{position:relative;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.gk-bh h2{margin:2px 0 0;font:500 clamp(28px,2.8vw,36px)/1.15 var(--display);color:#fff}
.gk-bh h2 em{font-style:italic;color:#7FD3F7}
.gk-bh p{margin:4px 0 0;color:#D3DEF7;font-size:14px}
.gk-date{margin:0!important;font-size:11px!important;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#9FD8F5!important}
.gk-tiles{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.gk-tile{display:grid;gap:2px;align-content:start;text-align:left;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 14px;color:#fff;font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .25s var(--gk-ease);min-width:0}
button.gk-tile{cursor:pointer}button.gk-tile:hover{background:rgba(255,255,255,.17);transform:translateY(-2px)}
.gk-ti{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.16);display:grid;place-items:center;margin-bottom:4px}.gk-ti svg{width:16px;height:16px}
.gk-tile small{font-size:12px;color:#D3DEF7;font-weight:700}
.gk-tile .gk-num{font-size:26px;line-height:1.1;overflow-wrap:anywhere}
.gk-tile em{font-style:normal;font-size:11.5px;color:#BDEBFF}
.gk-bfoot{position:relative;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.gk-bfoot .ov-online{margin:0}
.gk-bfoot .ov-online-h{color:#D3DEF7}.gk-bfoot .ov-online-h a{color:#7FD3F7}
.gk-bfoot .ov-person b{color:#fff}.gk-bfoot .ov-person small{color:#AFC0EA}
.gk-bfoot .ov-ring .ov-av{box-shadow:0 0 0 3px #22306B}.gk-bfoot .ov-ring i{box-shadow:0 0 0 3px #22306B}
/* waiting for you */
.gk-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 11px;border-radius:99px;white-space:nowrap}
.gk-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.gk-pill.bad{background:var(--bad-soft);color:var(--bad)}.gk-pill.ok{background:var(--ok-soft);color:var(--ok)}.gk-pill.sky{background:var(--sky-soft);color:var(--sky-ink)}.gk-pill.warn{background:var(--warn-soft);color:var(--warn)}
.gk-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.gk-pc{display:flex;flex-direction:column;gap:4px;border-radius:18px;padding:14px;background:linear-gradient(160deg,var(--s),var(--surface) 78%);border:1px solid var(--line);min-width:0}
.gk-pch{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.gk-pci{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:#fff}.gk-pci svg{width:19px;height:19px}
:root[data-theme="dark"] .gk-pci,:root[data-theme="dark"] .gk-bub,:root[data-theme="dark"] .gk-pbtn{color:#0D1330}
.gk-bub{min-width:30px;height:30px;padding:0 8px;border-radius:99px;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:800;font-size:14px;animation:gkBub 2.6s 1s infinite}
@keyframes gkBub{0%,100%{box-shadow:0 0 0 0 rgba(0,0,0,.12)}50%{box-shadow:0 0 0 7px rgba(0,0,0,0)}}
.gk-pc b{font-size:15px;color:var(--ink)}.gk-pc small{color:var(--muted);font-size:12.5px;flex:1}
.gk-pbtn{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--c);color:#fff;border:0;font:800 13px var(--body);padding:10px;border-radius:12px;cursor:pointer;min-height:42px}
.gk-pbtn:hover{filter:brightness(1.08)}.gk-pbtn svg{width:14px;height:14px}
/* flow */
.gk-flow{display:flex;align-items:center;justify-content:space-between;gap:6px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}
.gk-fs{display:grid;justify-items:center;text-align:center;gap:2px;min-width:92px;flex:1;opacity:0;transform:translateY(8px);transition:opacity .6s var(--gk-ease),transform .6s var(--gk-ease)}
.gk-flow.go .gk-fs{opacity:1;transform:none}
.gk-fi{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky-ink);margin-bottom:6px}.gk-fi svg{width:23px;height:23px}
.gk-fs small{font-weight:800;font-size:12.5px;color:var(--ink)}
.gk-fs .gk-num{font-size:28px;line-height:1}
.gk-fs em{font-style:normal;font-size:11.5px;color:var(--muted)}
.gk-arrow{color:var(--muted);flex:none}.gk-arrow svg{width:16px;height:16px}
/* marked lists */
.gk-wl{display:grid}
.gk-wr{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.gk-wr:first-child{border-top:0}
.gk-wt{flex:1;min-width:0}.gk-wt b{display:block;font-size:13.5px;color:var(--ink)}.gk-wt small{color:var(--muted);font-size:12.5px}
.gk-wi{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--s);color:var(--c)}.gk-wi svg{width:15px;height:15px}
.gk-wr .btn{min-height:34px;padding:5px 12px;font-size:12.5px}
/* rank medals */
.gk-rank{display:grid;gap:8px}
.gk-rk{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface2);border:1px solid var(--line)}
.gk-medal{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex:none}
.gk-medal.m0{background:linear-gradient(135deg,#F3C14B,#B98321)}.gk-medal.m1{background:linear-gradient(135deg,#B9C3D3,#7C8AA0)}.gk-medal.m2{background:linear-gradient(135deg,#E99A63,#B0582A)}.gk-medal.m3{background:linear-gradient(135deg,#7FA4E0,#2F5FAE)}
.gk-medal i{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--ink);font-style:normal;font-size:11px;display:grid;place-items:center;box-shadow:0 2px 6px rgba(20,28,68,.25)}
.gk-rt{flex:1;min-width:0}.gk-rt b{display:block;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gk-rt small{color:var(--muted);font-size:12px}
.gk-rv{font-family:var(--display);font-size:19px;font-weight:600;color:var(--ink);white-space:nowrap}
/* gauge */
.gk-gauge{position:relative;max-width:300px;margin:0 auto}
.gk-gauge svg{width:100%;height:auto;display:block}
.gk-gs{fill:var(--gk-track);transition:fill .35s}
.gk-gauge.go .gk-gs.on{fill:#2F5FAE}.gk-gauge.go .gk-gs.on2{fill:var(--sky,#00A9EF)}
.gk-gv{position:absolute;left:0;right:0;bottom:4px;text-align:center}
.gk-gv .gk-num{display:block;font-size:34px;line-height:1;color:var(--ink)}.gk-gv small{color:var(--muted);font-size:12px}
.gk-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.gk-two>div{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:2px;min-width:0}
.gk-two small{color:var(--muted);font-size:12px;font-weight:700}.gk-two .gk-num{font-size:20px;color:var(--ink);overflow-wrap:anywhere}.gk-two span{font-size:12px;color:var(--muted)}
/* ring pills */
.gk-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:14px}
.gk-rp{display:flex;align-items:center;gap:14px;border-radius:99px;padding:8px 22px 8px 8px;background:var(--surface);border:1px solid var(--line)}
.gk-rp.dark{background:linear-gradient(110deg,#0D1330,#1F2A5E);border-color:transparent}
.gk-rp b{display:block;font-size:14.5px;color:var(--ink)}.gk-rp small{color:var(--muted);font-size:12px}
.gk-rp.dark b{color:#fff}.gk-rp.dark small{color:#AFC0EA}
.gk-rtrack{fill:none;stroke:var(--gk-track);stroke-width:6}
.gk-rp.dark .gk-rtrack{stroke:rgba(255,255,255,.15)}
.gk-rfill{fill:none;stroke:var(--sky,#00A9EF);stroke-width:6;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.3s var(--gk-ease)}
.gk-rp.dark .gk-rfill{stroke:#7FD3F7}
.gk-rp.go .gk-rfill{stroke-dasharray:var(--d) 100}
.gk-rp text{font:800 15px var(--body);fill:var(--ink)}.gk-rp.dark text{fill:#fff}
/* AI card */
.gk-ai{position:relative;overflow:hidden;border-radius:20px;padding:20px;margin-bottom:14px;color:#fff;background:radial-gradient(420px circle at 50% 125%,rgba(0,169,239,.35),transparent 60%),linear-gradient(165deg,#141C44,#0D1330);display:flex;flex-direction:column;gap:8px}
.gk-aig{position:absolute;left:50%;bottom:-130px;width:320px;height:180px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(127,211,247,.35);box-shadow:0 0 60px rgba(0,169,239,.35);pointer-events:none}
.gk-aii{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center}.gk-aii svg{width:21px;height:21px}
.gk-ai h2{margin:0;font:600 22px/1.2 var(--display);color:#fff}
.gk-ai>p{margin:0;color:#C3D0F0;font-size:13px;line-height:1.55;position:relative}
.gk-ai .ai-answer{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#E7EBF7;border-radius:14px}
.gk-ai .ai-answer .eyebrow{color:#9FD8F5}
.gk-ai .hint{color:#AFC0EA}
.gk-ai .addc{position:relative;display:flex;gap:8px;flex-wrap:wrap}
.gk-ai .addc input{flex:1;min-width:180px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:99px;padding:10px 16px}
.gk-ai .addc input::placeholder{color:#9FB2E0}
.gk-ai .btn-p,.gk-ai .btn-s{background:linear-gradient(135deg,#7FD3F7,#00A9EF);color:#0D1330;border:0;box-shadow:0 10px 30px -10px rgba(0,169,239,.8)}
.gk-ai .btn-s,.gk-ai>button{position:relative;align-self:flex-start}
.gk-ai .tbl{color:#E7EBF7}
/* banner */
.gk-cta{display:flex;align-items:center;gap:14px;border-radius:20px;padding:16px 20px;margin-bottom:14px;color:#fff;background:linear-gradient(110deg,#1F2A5E,#2F5FAE 60%,#00A9EF);position:relative;overflow:hidden}
.gk-ctai{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none}.gk-ctai svg{width:22px;height:22px}
.gk-cta b{display:block;font:600 21px/1.2 var(--display)}.gk-cta small{color:#DCE6FB;font-size:13px}
.gk-ctab{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1F2A5E;border:0;font:800 13.5px var(--body);padding:11px 18px;border-radius:99px;cursor:pointer;white-space:nowrap}
.gk-ctab svg{width:15px;height:15px}
/* Today: check-in + day timeline */
.gk-ck{display:flex;align-items:center;gap:14px;margin:4px 0 10px}
.gk-ck .gk-num{font-size:42px;line-height:1;color:var(--ink)}
.gk-ck b{display:block;font-size:14px;color:var(--ink)}.gk-ck span{color:var(--muted);font-size:12.5px}
.gk-day{list-style:none;margin:0;padding:0;display:grid}
.gk-day li{position:relative;display:grid;grid-template-columns:70px 16px 1fr;gap:10px;align-items:start;padding:8px 0}
.gk-day li::after{content:"";position:absolute;left:87px;top:24px;bottom:-8px;width:2px;background:var(--line)}
.gk-day li:last-child::after{display:none}
.gk-day .gk-dt{font-size:12px;font-weight:800;color:var(--muted);padding-top:2px}
.gk-day .gk-dt.late{color:var(--bad)}
.gk-dd{width:12px;height:12px;border-radius:50%;border:2px solid var(--sky,#00A9EF);background:var(--surface);margin-top:3px;position:relative;z-index:1}
.gk-day li.late .gk-dd{border-color:var(--bad);background:var(--bad-soft)}
.gk-day li.now .gk-dd{background:var(--sky,#00A9EF);box-shadow:0 0 0 4px var(--sky-soft)}
.gk-day button{all:unset;cursor:pointer;display:block}
.gk-day b{display:block;font-size:13.5px;color:var(--ink)}.gk-day small{color:var(--muted);font-size:12px}
.gk-feed{display:grid}
.gk-fd{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line);text-align:left;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit;color:inherit;cursor:pointer}
.gk-fd:first-child{border-top:0}
.gk-fdi{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--s);color:var(--c)}.gk-fdi svg{width:17px;height:17px}
.gk-fd b{display:block;font-size:13.5px;color:var(--ink)}.gk-fd small{display:block;color:var(--muted);font-size:12px}
.gk-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--ok)}
.gk-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#2BB673;animation:ovPulse 2.4s infinite}
.gk-g2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
.gk-g2>.panel,.gk-g3>.panel{margin:0}
.gk-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.gk-g11{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.gk-g11>.panel,.gk-g11>.gk-ai{margin:0}
@media (max-width:1180px){.gk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.gk-g3{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .gk-band{padding:16px;border-radius:18px}.gk-tiles{gap:8px}.gk-tile{padding:10px}.gk-tile .gk-num{font-size:21px}.gk-tile em{font-size:11px}
  .gk-pgrid{grid-template-columns:1fr 1fr}.gk-pc{padding:12px}.gk-pc small{font-size:12px}
  .gk-g2,.gk-g3,.gk-g11{grid-template-columns:1fr}
  .gk-row{grid-template-columns:1fr 1fr;gap:10px}.gk-kpi{padding:12px 12px 0}.gk-foot{width:calc(100% + 24px);margin:10px -12px 0;padding:10px 12px}
  .gk-cta{flex-wrap:wrap}.gk-ctab{margin-left:0;width:100%;justify-content:center}
  .gk-flow{justify-content:flex-start}
  .gk-day li{grid-template-columns:58px 16px 1fr}.gk-day li::after{left:75px}
}
@media (max-width:420px){.gk-row{grid-template-columns:1fr}.gk-pgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gk-bub,.gk-live::before{animation:none!important}.gk-fs{opacity:1;transform:none;transition:none}.gk-bar i,.gk-rfill,.gk-gs{transition:none}.gk-bar i{width:var(--w)}.gk-rfill{stroke-dasharray:var(--d) 100}.gk-gs.on{fill:#2F5FAE}.gk-gs.on2{fill:var(--sky,#00A9EF)}}
.gk-g2>.panel,.gk-g11>.panel{align-content:start;align-self:stretch}
.gk-g2>.panel>.btn,.gk-g11>.panel>.btn{align-self:flex-start;justify-self:start;flex:none;height:auto}
/* 0.4.25 How we are performing: one card, period buttons + figure tiles switch the same card (Steadi) */
.gk-perf .ph{flex-wrap:wrap;gap:10px}
.gk-ph{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gk-seg{display:inline-flex;background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:4px;gap:2px}
.gk-seg button{border:0;background:none;color:var(--muted);font:700 13px var(--body);padding:7px 14px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
.gk-seg button[aria-pressed="true"]{background:var(--navy);color:#fff;box-shadow:0 6px 16px -10px rgba(20,28,68,.6)}
:root[data-theme="dark"] .gk-seg button[aria-pressed="true"]{background:#2F5FAE}
.gk-pgrid2{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:14px;margin-top:12px}
.gk-mets{display:grid;gap:8px;align-content:start}
.gk-met{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"i l c" "i v c";gap:0 12px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink);transition:background .25s,border-color .25s,transform .2s}
.gk-met:hover{transform:translateX(2px)}
.gk-mi{grid-area:i;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky-ink)}.gk-mi svg{width:17px;height:17px}
.gk-met small{grid-area:l;font-size:12px;font-weight:700;color:var(--muted)}
.gk-met .gk-num{grid-area:v;font-size:20px;line-height:1.15}
.gk-met .gk-chip{grid-area:c;margin:0}
.gk-met.on{background:linear-gradient(140deg,var(--navy),#2F5FAE);border-color:transparent;color:#fff}
.gk-met.on small{color:#D3DEF7}.gk-met.on .gk-mi{background:rgba(255,255,255,.16);color:#fff}
.gk-met.on .gk-chip{background:rgba(255,255,255,.18);color:#fff}
.gk-num.neg{color:var(--bad)}.gk-met.on .gk-num.neg{color:#FFC3BF}
.gk-pbig{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--surface2);min-width:0;animation:gkSwap .45s var(--gk-ease)}
@keyframes gkSwap{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.gk-pbn small{display:block;font-size:12px;font-weight:700;color:var(--muted)}
.gk-pbn>.gk-num{display:block;font-size:clamp(30px,3vw,42px);line-height:1.1;color:var(--ink);margin:2px 0}
.gk-pbc{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.gk-pbc .gk-chip{margin:0}
.gk-pbw{margin:6px 0 0;font-size:12.5px;color:var(--muted);max-width:62ch}
.gk-trend{display:flex;align-items:flex-end;gap:6px;height:150px;margin-top:14px;padding-top:22px}
.gk-tb{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;min-width:0}
.gk-tb i{display:block;width:100%;max-width:34px;height:0;border-radius:8px 8px 4px 4px;background:var(--gk-track);transition:height .9s var(--gk-ease)}
.gk-perf .gk-trend i{height:var(--h)}
.gk-tb.on i{background:repeating-linear-gradient(135deg,#2F5FAE 0 6px,#4C79C8 6px 12px)}
.gk-tb.neg i{background:var(--bad-soft)}.gk-tb.on.neg i{background:var(--bad)}
.gk-tb span{font-size:10.5px;color:var(--muted);margin-top:5px}
.gk-tb.on span{color:var(--ink);font-weight:800}
.gk-tb em{position:absolute;top:-22px;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--navy);padding:2px 7px;border-radius:99px;white-space:nowrap}
.gk-split{margin-top:14px}
.gk-sb{display:flex;gap:4px;height:12px}
.gk-sb i{border-radius:99px;transform-origin:left;animation:gkGrowX .9s var(--gk-ease) both}
.gk-sb i.ex{background:#2F5FAE}.gk-sb i.kp{background:var(--ok);animation-delay:.12s}
@keyframes gkGrowX{from{transform:scaleX(0)}to{transform:none}}
.gk-sl{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;font-weight:700;margin-top:6px}
.gk-sl .ex{color:#2F5FAE}.gk-sl .kp{color:var(--ok)}
:root[data-theme="dark"] .gk-sl .ex{color:#9EC3F0}
.gk-split small{color:var(--muted);font-size:11.5px}
@media (max-width:860px){.gk-pgrid2{grid-template-columns:1fr}.gk-mets{grid-template-columns:1fr 1fr}.gk-met{grid-template-columns:1fr;grid-template-areas:"i" "l" "v" "c";gap:4px}.gk-ph{margin-left:0;width:100%}.gk-seg{width:100%;display:flex}.gk-seg button{flex:1;padding:8px 6px;font-size:12.5px}.gk-trend{height:120px;gap:3px}}
@media (prefers-reduced-motion:reduce){.gk-pbig,.gk-sb i{animation:none}.gk-tb i{transition:none}}
.ov-hero{grid-template-columns:1fr}
.gk-tb em{top:auto;bottom:calc(var(--h) + 24px);z-index:1}
/* 0.4.25 one card, switch tabs */
.gk-swt{display:flex;overflow-x:auto;scrollbar-width:none;margin:6px 0 12px;max-width:100%;width:max-content}
.gk-cnt{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:99px;background:var(--surface);font-size:11px;margin-left:2px}
.gk-seg button[aria-pressed="true"] .gk-cnt{background:rgba(255,255,255,.2);color:#fff}
.gk-swb.swap{animation:gkSwap .45s var(--gk-ease)}
.gk-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.gk-fig{position:relative;display:grid;gap:2px;align-content:start;background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}
.gk-fig::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--c)}
.gk-fig.t-sky::before{background:var(--line)}
.gk-fgh{display:flex;align-items:center;gap:6px}.gk-fgh small{font-size:12px;font-weight:700;color:var(--muted);flex:1}
.gk-fgh .gk-i{margin:0;width:22px;height:22px;font-size:11px}
.gk-fig .gk-num{font-size:22px;line-height:1.15;color:var(--ink);overflow-wrap:anywhere}
.gk-fig>span{font-size:12px;color:var(--muted)}
.gk-flink{justify-self:start;display:inline-flex;align-items:center;gap:4px;margin-top:6px;border:0;background:none;color:var(--sky-ink);font:800 12px var(--body);cursor:pointer;padding:0}
.gk-flink svg{width:13px;height:13px}
.gk-swb .gk-figs+*{margin-top:12px}
@media (max-width:860px){.gk-swt{width:100%}.gk-figs{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.gk-swb.swap{animation:none}}
.gk-swt{flex-wrap:wrap;width:auto;border-radius:18px;overflow:visible}
/* Phones: tabs slide sideways in one row (edges fade), never wrap; the card swipes between tabs */
@media (max-width:860px){
  .gk-swt{flex-wrap:nowrap;width:100%;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-radius:99px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent)}
  .gk-swt button,.gk-seg button{min-height:40px;flex:none}
  .gk-perf .gk-seg button{flex:1}
  .gk-swb{touch-action:pan-y}
  .gk-sw .ph h2{font-size:17px}
}
/* 0.4.25 user-test fixes: card tabs look different from page tabs (light track, white chosen tab) */
.gk-sw .gk-swt,.gk-perf .gk-seg{background:var(--surface2);border:1px solid var(--line)}
.gk-sw .gk-swt button[aria-pressed="true"],.gk-perf .gk-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 0 var(--line),0 6px 14px -10px rgba(20,28,68,.55);outline:1px solid var(--line)}
:root[data-theme="dark"] .gk-sw .gk-swt button[aria-pressed="true"],:root[data-theme="dark"] .gk-perf .gk-seg button[aria-pressed="true"]{background:#2A3566;color:#fff;outline-color:transparent}
.gk-sw .gk-swt button[aria-pressed="true"] .gk-cnt{background:var(--sky-soft);color:var(--sky-ink)}
.gk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bad);margin-left:4px;vertical-align:1px;box-shadow:0 0 0 3px var(--bad-soft)}
.gk-tip{border-color:var(--sky);background:linear-gradient(160deg,var(--sky-soft),var(--surface) 70%)}
.gk-tipl{margin:0;padding-left:20px;display:grid;gap:6px;font-size:13.5px;color:var(--ink)}
@media (hover:none){.gk-i{width:32px;height:32px;font-size:13px}.gk-fgh .gk-i{width:30px;height:30px}}
@media (max-width:860px){.gk-g2>.gk-ci{order:-1}}
/* 0.4.25 payroll: one path, one main button per step */
.py-now{display:grid;gap:12px}
.py-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:s}
.py-steps li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted);padding:8px 10px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);min-width:0}
.py-steps li span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface);border:1px solid var(--line);font-size:12px}
.py-steps li span svg{width:13px;height:13px}
.py-steps li.done{color:var(--ok)}.py-steps li.done span{background:var(--ok);border-color:var(--ok);color:#fff}
.py-steps li.now{color:var(--ink);border-color:var(--sky);background:var(--sky-soft)}.py-steps li.now span{background:var(--navy);border-color:var(--navy);color:#fff}
.py-nowr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.py-nowr p{margin:0;flex:1;min-width:240px;font-size:14px;color:var(--ink)}
.py-nowr .mini-btns{margin:0}
.py-items{display:grid;gap:8px;margin-bottom:8px}
.py-it{display:grid;grid-template-columns:1fr 130px auto;gap:8px}
.py-it input{min-width:0}
.py-prog{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:13px;color:var(--ink)}
.py-prog .gk-bar{flex:1;margin:0}
.ho-list{display:grid;gap:6px}
@media (max-width:860px){.py-steps{grid-template-columns:1fr 1fr}.py-it{grid-template-columns:1fr 100px auto}}
.py-it{grid-template-columns:1fr 120px auto auto}
.py-every{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.py-std summary{cursor:pointer;list-style:none}.py-std summary::-webkit-details-marker{display:none}
.py-std summary::before{content:"▸ ";color:var(--muted)}.py-std[open] summary::before{content:"▾ "}
@media (max-width:860px){.py-it{grid-template-columns:1fr 96px;grid-auto-flow:row}.py-every{grid-column:1}}
/* 0.4.25 one look across the portal: older blocks follow the new cards */
.panel,.kpi{border-radius:18px}
.kpi{gap:4px;padding:14px 16px}
.kpi .k-v{font-family:var(--display);font-weight:600;font-variant-numeric:lining-nums;letter-spacing:0}
.kpi .k-s{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kpi .k-i{position:absolute;top:10px;right:28px;margin:0}
.kpi .gk-why{margin:6px 0 0}
.k-why{display:none}
.privacy{font-size:12px;cursor:pointer;opacity:.85}
.privacy span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.privacy.open span{-webkit-line-clamp:unset}
.privacy:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:6px}
.gk-more-notes{margin:0}
.gk-more-notes>summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--sky-ink);padding:4px 2px;list-style:none}
.gk-more-notes>summary::-webkit-details-marker{display:none}
.gk-more-notes>summary::before{content:"▸ "}.gk-more-notes[open]>summary::before{content:"▾ "}
.gk-more-notes>.notice{margin-top:8px}
/* 0.4.25 charts: donut, histogram, trend line (animate once; reduced motion shows them finished) */
.gk-donut{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:18px;align-items:center}
.gk-dc{position:relative;aspect-ratio:1}
.gk-dc svg{width:100%;height:100%;transform:rotate(-90deg)}
.gk-dc circle{fill:none;stroke-width:5.2}
.gk-dc .gk-dtr{stroke:var(--line,#E1E6F0)}
.gk-dc circle[style]{stroke-dasharray:0 100;stroke-dashoffset:var(--o);transition:stroke-dasharray 1.1s cubic-bezier(.16,1,.3,1) calc(var(--i)*90ms)}
.gk-donut.go .gk-dc circle[style]{stroke-dasharray:var(--d) calc(100 - var(--d))}
.gk-dm{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}
.gk-dm .gk-num{font-family:"Cormorant Garamond",serif;font-variant-numeric:lining-nums;font-size:clamp(18px,2.4vw,24px);font-weight:600;color:var(--ink)}
.gk-dm small{font-size:11px;color:var(--muted)}
.gk-dl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gk-dl li{display:grid;grid-template-columns:10px 1fr auto 38px;gap:8px;align-items:center;font-size:13px}
.gk-dl i{width:10px;height:10px;border-radius:3px}
.gk-dl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.gk-dl b{font-variant-numeric:tabular-nums;font-weight:700}
.gk-dl em{font-style:normal;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:560px){.gk-donut{grid-template-columns:1fr}.gk-dc{width:min(180px,60%);margin:0 auto}}
.gk-hist{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;align-items:end;height:170px;padding-top:6px}
.gk-hc{display:grid;grid-template-rows:auto 1fr auto;height:100%;text-align:center;gap:6px;min-width:0}
.gk-hc b{font-size:14px;color:var(--ink)}
.gk-hb{display:flex;align-items:flex-end;background:var(--idle-soft);border-radius:8px;overflow:hidden}
.gk-hb i{display:block;width:100%;height:var(--h);background:var(--c,var(--sky));border-radius:8px 8px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform .9s cubic-bezier(.16,1,.3,1) calc(var(--i)*80ms)}
.gk-hist.go .gk-hb i{transform:scaleY(1)}
.gk-hc small{font-size:11.5px;color:var(--muted);line-height:1.25}
.gk-hc.t-ok{--c:var(--ok)}.gk-hc.t-warn{--c:var(--warn)}.gk-hc.t-bad{--c:var(--bad)}.gk-hc.t-sky{--c:var(--sky)}.gk-hc.t-navy{--c:var(--navy-chart)}.gk-hc.t-idle{--c:var(--idle)}
.gk-hf{margin:10px 0 0}
.gk-spark{display:block;width:100%;height:28px;margin:6px 0 2px;overflow:visible}
.gk-spark .gk-sl{fill:none;stroke:var(--sky);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s cubic-bezier(.16,1,.3,1)}
.gk-spark .gk-sa{fill:var(--sky);opacity:0;transition:opacity 1s .4s}
.gk-spark.down .gk-sl{stroke:var(--warn)}.gk-spark.down .gk-sa{fill:var(--warn)}
.gk-spark.go .gk-sl{stroke-dashoffset:0}.gk-spark.go .gk-sa{opacity:.1}
@media (prefers-reduced-motion:reduce){.gk-dc circle[style]{transition:none;stroke-dasharray:var(--d) calc(100 - var(--d))}.gk-hb i{transition:none;transform:none}.gk-spark .gk-sl{transition:none;stroke-dashoffset:0}.gk-spark .gk-sa{transition:none;opacity:.1}}
.gk-sub{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.gk-sub h3{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--ink)}
.panel>.gk-sub:first-child{margin-top:0;padding-top:0;border-top:0}
/* Small icons inside hint and meta lines never grow to the default SVG size (bell on Client payments, phones). */
.hint>svg:not([class]),.meta>svg:not([class]){width:15px;height:15px;vertical-align:-3px;flex:none}
/* Phones: "Waiting for you" as compact rows: icon · title with its count · note and button on the second line. */
.gk-bubm{display:none}
@media (max-width:560px){
  .gk-pgrid{grid-template-columns:1fr;gap:8px}
  .gk-pc{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"ic t t" "ic s go";column-gap:12px;row-gap:6px;align-items:center;padding:12px}
  .gk-pch{display:contents}
  .gk-pci{grid-area:ic;align-self:start}
  .gk-pch .gk-bub{display:none}
  .gk-bubm{display:inline-block;vertical-align:1px;margin-left:4px;padding:1px 8px;border-radius:99px;background:var(--c);color:#fff;font-size:11.5px;font-weight:800;white-space:nowrap}
  :root[data-theme="dark"] .gk-bubm{color:#0D1330}
  .gk-pc b{grid-area:t;font-size:14px;line-height:1.3}
  .gk-pc small{grid-area:s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .gk-pbtn{grid-area:go;margin:0;padding:7px 12px;min-height:38px;font-size:12.5px;border-radius:99px;white-space:nowrap}
}
/* Small phones: figure cards two to a row (the first, navy one across), so five figures take two and a half rows, not five. */
@media (max-width:420px){
  .gk-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gk-row>.gk-hero,.gk-row>.gk-kpi:only-child{grid-column:1/-1}
  .gk-row>.gk-kpi:not(.gk-hero) .gk-num{font-size:clamp(19px,5.6vw,24px);overflow-wrap:anywhere}
  .gk-row>.gk-kpi:not(.gk-hero) .gk-ks{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
.ps-more{margin:4px 0 8px}
.ps-more summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--sky-ink);list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.ps-more summary::-webkit-details-marker{display:none}
.ps-more summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ps-more[open] summary::after{transform:rotate(-135deg)}
.ps-more[open] summary{font-size:0}.ps-more[open] summary::before{content:"Less";font-size:12.5px}
/* Phones: period and branch choices slide sideways on one line instead of wrapping onto three. */
@media (max-width:560px){
  .u-period,.u-filters{min-width:0;max-width:100%}
  .u-period .seg,.u-filters .seg{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .u-period .seg::-webkit-scrollbar,.u-filters .seg::-webkit-scrollbar{display:none}
  .u-period .seg>button,.u-filters .seg>button{flex:none;white-space:nowrap;scroll-snap-align:start}
}
/* Live month bars (GM 2026-10-29): tap, click or slide along them; the big figure counts to that month. */
.gk-trend{touch-action:pan-y;user-select:none;-webkit-user-select:none}
button.gk-tb{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px}
button.gk-tb:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
button.gk-tb:hover i{filter:brightness(1.15)}
button.gk-tb:not(.on):hover::before{content:attr(data-val);position:absolute;bottom:calc(var(--h) + 26px);font-size:10.5px;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:1px 6px;border-radius:99px;white-space:nowrap;z-index:2;pointer-events:none}
@media (hover:none){button.gk-tb:not(.on):hover::before{display:none}}
.gk-tb em{animation:gkTag .35s var(--gk-ease,cubic-bezier(.16,1,.3,1))}
@keyframes gkTag{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.gk-pbn.flip small,.gk-pbn.flip .gk-pbc{animation:gkTag .4s var(--gk-ease,cubic-bezier(.16,1,.3,1))}
.gk-pback{margin-left:6px;border:0;background:none;padding:2px 0;font:700 12px var(--body);color:var(--sky-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.gk-tb em,.gk-pbn.flip small,.gk-pbn.flip .gk-pbc{animation:none}}
/* Live charts: point, tap or slide; the picked bar/slice stays bright, the rest dim, its figure shows. */
.u-read{min-height:26px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:13px;color:var(--muted);margin:0 0 6px}
.u-read b{color:var(--ink);font-variant-numeric:tabular-nums}
.u-read .u-rl{font-size:14px;font-weight:800;min-width:34px}
.u-read i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:0}
.u-read .u-rh{font-size:12px}
.u-read b.neg{color:var(--bad)}
.u-net{padding-left:12px;border-left:1px solid var(--line)}
.u-chart{touch-action:pan-y}
.u-hit{fill:transparent;cursor:pointer}
.u-g rect:not(.u-hit){transition:opacity .25s}
.u-chart.has-pick .u-g:not(.pick) rect:not(.u-hit){opacity:.25}
.u-g.pick .u-hit{fill:var(--sky);fill-opacity:.07}
.gk-dc circle[data-di]{cursor:pointer;transition:stroke-dasharray 1.1s cubic-bezier(.16,1,.3,1) calc(var(--i)*90ms),stroke-width .25s,opacity .25s}
.gk-donut.has-pick .gk-dc circle[data-di]:not(.pick){opacity:.28}
.gk-dc circle[data-di].pick{stroke-width:7}
.gk-dc svg{overflow:visible}
.gk-dl li{cursor:pointer;border-radius:8px;padding:3px 6px;margin:0 -6px;transition:background .2s,opacity .2s}
.gk-dl li:hover{background:var(--idle-soft)}
.gk-donut.has-pick .gk-dl li:not(.pick){opacity:.45}
.gk-donut.has-pick .gk-dl li.pick{background:var(--idle-soft)}
.gk-dm small{max-width:72%;margin:0 auto;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gk-hist{touch-action:pan-y}
.gk-hc{cursor:pointer;transition:opacity .25s}
.gk-hist.has-pick .gk-hc:not(.pick){opacity:.38}
.gk-hc.pick b{color:var(--sky-ink)}
@media (prefers-reduced-motion:reduce){.gk-dc circle[data-di]{transition:none}}
.u-chart.nar .u-ax{font-size:13px}
/* Take me to the problem: the strip on the screen you were sent to, the highlighted problem, the task's record button. */
.gk-guide{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border-radius:16px;background:var(--sky-soft);border:1px solid color-mix(in srgb,var(--sky) 40%,transparent);animation:gkTag .45s cubic-bezier(.16,1,.3,1)}
.gk-guide .gk-gi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--sky);color:#fff;flex:none}
.gk-guide .gk-gi svg{width:17px;height:17px}
.gk-guide small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-ink)}
.gk-guide b{display:block;font-size:15px;color:var(--ink);margin-top:2px}
.gk-guide p{margin:4px 0 0;font-size:13px;color:var(--ink);line-height:1.5}
.gk-guide .grow{flex:1;min-width:200px}
.gk-gb{display:flex;gap:12px;align-items:center}
.gk-gb .btn svg{transform:rotate(180deg)}
.gk-flash{animation:gkFlash 2.4s ease-out}
@keyframes gkFlash{0%,30%{box-shadow:0 0 0 3px var(--sky),0 0 0 9px color-mix(in srgb,var(--sky) 22%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
.gk-ref{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.gk-ref span{display:flex;gap:6px;align-items:center}
.gk-ref span svg{width:15px;height:15px;flex:none}
@media (prefers-reduced-motion:reduce){.gk-guide,.gk-flash{animation:none}.gk-flash{box-shadow:0 0 0 3px var(--sky)}}
/* Rows to fix: where the row is in the uploaded file (sheet, row, column). */
.rv-where{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;padding:6px 10px;border-radius:10px;background:var(--sky-soft);color:var(--ink);font-size:12.5px;line-height:1.45;width:fit-content;max-width:100%}
.rv-where svg{width:14px;height:14px;flex:none;margin-top:2px;color:var(--sky-ink)}
.rv-where b{font-weight:800}
.rv-hint{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 0;padding:8px 10px;border-radius:10px;background:var(--ok-soft);color:var(--ink);font-size:12.5px;line-height:1.45}
.rv-hint svg{width:14px;height:14px;flex:none;color:var(--ok)}
.rv-hint span{flex:1;min-width:180px}
/* Side menu dropdowns (GM 2026-10-30): a place with several screens unfolds under its name; the place you are in is
   open. On a computer the side menu carries the tabs, so the row of tabs at the top of the page shows on phones only. */
.nav button>span:first-of-type{flex:1;min-width:0}
.nav-car{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.55;margin:-3px 2px 0 6px;transition:transform .2s;flex:none}
.nav button[aria-expanded="true"] .nav-car{transform:rotate(225deg);margin-top:3px}
.nav-kids{display:grid;gap:1px;margin:2px 0 8px 22px;padding-left:10px;border-left:1px solid rgba(255,255,255,.12);animation:gkTag .3s cubic-bezier(.16,1,.3,1)}
.nav .nav-kids button{padding:7px 10px;font-size:13px;font-weight:600;color:#AFBBDD;border-radius:8px}
.nav .nav-kids button:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav .nav-kids button[aria-current="page"]{color:#fff;background:rgba(0,169,239,.16)}
.lb-scope{margin:0 0 14px}
@media (min-width:861px){.pl-tabs{display:none}}
@media (prefers-reduced-motion:reduce){.nav-kids{animation:none}.nav-car{transition:none}}
/* Fix here (Accuracy check): the items behind a finding, each with where it came from and its fix. */
.cf-list{display:grid;gap:10px;margin-top:12px}
.cf-help{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:var(--sky-soft);font-size:13px;color:var(--ink);line-height:1.5}
.cf-help svg,.cf-from svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--sky-ink)}
.cf-item{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.cf-item b{font-size:14px;color:var(--ink)}
.cf-item small{color:var(--muted);font-size:12.5px}
.cf-from{display:flex;gap:6px;align-items:flex-start;margin:4px 0 0;font-size:12.5px;color:var(--ink);line-height:1.45}
.cf-acts{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:8px}
.cf-in{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.cf-in select,.cf-in input{min-width:180px;max-width:100%;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}
@media (max-width:560px){.cf-in{flex-wrap:wrap;width:100%}.cf-in select,.cf-in input{width:100%;min-width:0}}
/* Company mantra (GM 2026-10-30: "We dominate. We rule. We reign."): one quiet, confident line in the serif. */
.mantra{display:block;font-family:var(--display);font-style:italic;font-weight:600;letter-spacing:.02em;font-size:15px;line-height:1.3;color:var(--sky-ink);margin:6px 0 0}
.side .brand .mantra{color:#7FD3F7;font-size:14px;margin-top:8px;opacity:.95}
.gk-band .gk-mantra{color:#9FE0FB;font-size:clamp(15px,1.6vw,18px);margin:2px 0 6px}
.si-mantra{text-align:center;font-size:16px;margin:4px 0 2px}
.drawer .dr-h .eyebrow{font-family:var(--display);font-style:italic;letter-spacing:.02em;text-transform:none;font-size:14px;color:var(--sky-ink)}
/* Account menu behind the initials: My account, Edit profile, my sales and commission, notifications, Sign out. */
.me-menu{position:fixed;z-index:60;width:min(320px,calc(100vw - 16px));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -24px rgba(10,16,41,.45);padding:8px;animation:gkTag .22s cubic-bezier(.16,1,.3,1)}
.me-head{display:flex;gap:10px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.me-head b{display:block;font-size:14.5px}
.me-head small{color:var(--muted);font-size:12px}
.me-menu [role=menuitem]{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:9px 10px;color:var(--ink);cursor:pointer;font:inherit}
.me-menu [role=menuitem]:hover,.me-menu [role=menuitem]:focus-visible{background:var(--sky-soft);outline:none}
.me-menu [role=menuitem] svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--sky-ink)}
.me-menu [role=menuitem] b{display:block;font-size:13.5px}
.me-menu [role=menuitem] small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.me-menu .me-out{border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px;padding-top:11px}
.me-menu .me-out svg,.me-menu .me-out b{color:var(--bad)}
.me-menu .mantra{text-align:center;font-size:13px;margin:8px 0 4px;color:var(--muted)}
@media (min-width:861px){.pl-tabs.pl-you{display:flex}}
@media (prefers-reduced-motion:reduce){.me-menu{animation:none}}
/* Leads by category (exhibition, storming, corporate marketing…) and, inside one, by event or campaign. */
.ld-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px;margin:0 0 4px}
.ld-cats button{flex:none;display:flex;align-items:baseline;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:7px 14px;font:600 13px var(--body);cursor:pointer;white-space:nowrap}
.ld-cats button b{font-weight:800}
.ld-cats button small{font-size:11px;color:var(--ok);font-weight:700}
.ld-cats button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.ld-cats button[aria-pressed="true"] small{color:#9FE0FB}
.ld-sub button{padding:5px 12px;font-size:12.5px;background:var(--surface2)}
/* Front desk: check-in form and expected list on the left, who is in the building on the right. */
.fd-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
.fd-grid>div{display:grid;gap:16px;min-width:0}
.fd-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.fd-form .fd-wide{grid-column:1/-1}
.fd-form .field{margin:0}
.fd-cards{display:grid;gap:10px}
.fd-card{border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:14px;padding:12px 14px;background:var(--surface2);display:grid;gap:4px}
.fd-card.over{border-left-color:var(--warn);background:color-mix(in srgb,var(--warn-soft) 70%,var(--surface2))}
.fd-ch{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fd-ch b{font-size:15px}
.fd-card small{color:var(--muted);font-size:12.5px}
.fd-card p{margin:2px 0 0;font-size:13px}
.fd-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12px;color:var(--muted);margin-top:4px}
.fd-meta span{display:inline-flex;gap:4px;align-items:center}
.fd-meta svg{width:13px;height:13px}
.fd-card .mini-btns{margin-top:6px}
.fd-off{display:inline-flex;gap:6px;align-items:center}
.fd-off svg{width:15px;height:15px;color:var(--sky-ink)}
.fd-dates{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.fd-sum{margin:8px 0 14px}
@media (max-width:1000px){.fd-grid{grid-template-columns:1fr}}
@media (max-width:560px){.fd-form{grid-template-columns:1fr}}
.meet-grecs{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px 86px}
.meet-grecs .btn svg{width:15px;height:15px}
@media (max-width:560px){.meet-grecs{padding-left:12px}}

/* CFO desk (0.4.32) */
.cfo-head h1{font-family:var(--serif,inherit);font-size:clamp(26px,3.4vw,38px);line-height:1.08;margin:4px 0 6px;text-wrap:balance}
.cfo-notes{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6}
.cfo-swot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cfo-q{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--surface)}
.cfo-q h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px}
.cfo-q ul{margin:0;padding-left:18px;line-height:1.6;font-size:14px}
.cfo-s{border-top:3px solid var(--ok)}.cfo-w{border-top:3px solid var(--warn)}.cfo-o{border-top:3px solid var(--sky)}.cfo-t{border-top:3px solid var(--bad)}
.cfo-leak{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cfo-leak li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.cfo-leak li .grow{display:grid;gap:2px;min-width:0}
.cfo-leak li .num{white-space:nowrap}
.cfo-prices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px}
.cfo-price{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--surface);display:grid;gap:8px;min-width:0}
.cfo-price header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cfo-price h3{margin:0;font-size:16px}
.cfo-why{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;line-height:1.55}
.cfo-why svg,.cfo-q h3 svg,.cfo-leak svg{width:18px;height:18px;flex:none;margin-top:2px}
.neg{color:var(--bad)}
@media (max-width:700px){.cfo-swot{grid-template-columns:1fr}.cfo-leak li{flex-wrap:wrap}.cfo-leak li .grow{flex-basis:100%}}
.cfo-pack-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.cfo-pack-row:first-of-type{border-top:0}
.cfo-pack-row .btn{white-space:nowrap}
@media (max-width:700px){.cfo-pack-row{flex-direction:column;align-items:flex-start;gap:6px}}
/* Phase E: one section at a time (K.pages) */
.gk-pages{display:grid;gap:12px;min-width:0}
.gk-pgt{position:sticky;top:calc(var(--top-h,64px) + 4px);z-index:5;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px;border-radius:99px;max-width:100%}
.gk-pgt::-webkit-scrollbar{display:none}
.gk-pgt button{white-space:nowrap}
.gk-pgb{display:grid;gap:12px;min-width:0}
.gk-pgb>.panel{margin:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="blue"]) .gk-seg button[aria-pressed="true"]{background:#2F5FAE}}
/* Audit page (0.4.33) */
.au-top{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.au-top h1{font-family:var(--serif,inherit);font-size:clamp(24px,3vw,34px);line-height:1.1;margin:2px 0 6px;text-wrap:balance}
.au-grade{flex:0 0 auto;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid currentColor;background:var(--card)}
.au-grade b{font-family:var(--serif,inherit);font-size:44px;line-height:1;font-variant-numeric:lining-nums}
.au-grade span{font-size:13px;color:var(--muted)}
.au-grade.t-g{color:var(--ok)}.au-grade.t-a{color:var(--warn)}.au-grade.t-r{color:var(--bad)}
.au-top>div:last-child{flex:1 1 320px;min-width:0}
.au-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.au-fixed{margin:0;padding-left:18px}.au-fixed li{margin:4px 0}
@media (max-width:620px){.au-grade{width:84px;height:84px}.au-grade b{font-size:34px}}
/* Where the money goes: money out vs running cost, one-offs (0.4.33) */
.sp-sum{display:flex;gap:28px;flex-wrap:wrap;margin:2px 0 14px}
.sp-sum>div{display:flex;flex-direction:column;gap:2px}
.sp-sum b{font-family:var(--serif,inherit);font-size:26px;font-variant-numeric:lining-nums}
.sp-sum small{color:var(--muted);font-size:12.5px;max-width:520px}
.sp-one{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.sp-one h3{font-size:14px;margin:0 0 6px}
/* Emails to approve (0.4.33) */
.ob-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ob-row{align-items:flex-start}
.ob-row .ob-pick{margin-top:4px;width:18px;height:18px;flex:none}
.ob-all{display:flex;gap:6px;align-items:center;font-size:13px;white-space:nowrap}
.ob-prev{margin-top:6px}
.ob-prev summary{cursor:pointer;color:var(--sky-ink,#0076AE);font-size:13px}
.ob-mail{margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);font-size:14px;line-height:1.55;max-width:620px;overflow-wrap:anywhere}

/* ===== Email center (generated by tools/mc_css.py from src/mailcenter/email-center.css; do not edit here) ===== */
:root{--canvas:#E9EDF5; --dot:#D3DAE8; --teal:#0E8F96; --mini-off:#E4E8EF; --c-sent:#9CCBEA; --c-open:#1F8FD0; --c-click:#1F2A5E; --onnavy:#FFFFFF; --onnavy-muted:#B9C3E6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--canvas:#10173A; --dot:#222C5A; --teal:#33B7BE; --mini-off:#28325E; --c-sent:#2C4479; --c-open:#2E9BD6; --c-click:#A7E0FA}}
:root[data-theme="dark"]{--canvas:#10173A; --dot:#222C5A; --teal:#33B7BE; --mini-off:#28325E; --c-sent:#2C4479; --c-open:#2E9BD6; --c-click:#A7E0FA}
.mc .num{font-variant-numeric:tabular-nums lining-nums}
@media (max-width:900px){.mc .camp-name{font-size:26px}}
.mc .eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--sky-ink);display:flex;align-items:center;gap:10px}
.mc .eyebrow::before{content:"";width:22px;height:1px;background:currentColor}
.mc .h1{font:600 clamp(30px,4vw,42px)/1.04 var(--display);font-variant-numeric:lining-nums}
.mc .h1 em{font-style:italic;color:var(--sky-ink)}
.mc .h2{font:600 24px/1.1 var(--display)}
.mc .lead{color:var(--muted);max-width:62ch}
.mc .hint{color:var(--muted);font-size:13px}
.mc .panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:14px;min-width:0}
.mc .ph{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mc .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mc .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mc .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1000px){.mc .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.mc .grid2, .mc .grid3{grid-template-columns:minmax(0,1fr)}
.mc .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mc-thumb{min-width:0}
.mc-thumb .scale{flex:none}
.mc-drawer{overflow-x:hidden}
.mc .kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:4px}
.mc .kpi b{font:600 32px/1 var(--display);font-variant-numeric:lining-nums tabular-nums}
.mc .kpi span{color:var(--muted);font-size:13px}
.mc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;border:1px solid transparent;padding:10px 18px;font-weight:700;font-size:14px;line-height:1.2;text-decoration:none;white-space:nowrap}
.mc .btn-p{background:var(--navy);color:#fff}
.mc .btn-s{background:var(--surface);border-color:var(--line);color:var(--ink)}
.mc .btn-g{background:transparent;color:var(--sky-ink);padding-inline:8px}
.mc .btn-sm{padding:7px 13px;font-size:13px}
.mc .btn:disabled{opacity:.45;cursor:not-allowed}
.mc .btn svg{width:16px;height:16px}
.mc .pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;background:var(--surface2);border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.mc .pill.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.mc .pill.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.mc .pill.bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}
.mc .pill.sky{background:var(--sky-soft);color:var(--sky-ink);border-color:transparent}
.mc .pill.ex{font-size:11px;padding:2px 8px;letter-spacing:.04em}
.mc .rows{display:grid}
.mc .row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);min-width:0}
.mc .row:first-child{border-top:0}
.mc .grow{flex:1;min-width:0}
.mc .ttl{font-weight:700}
.mc .meta{color:var(--muted);font-size:13px}
.mc .tbl-wrap{overflow-x:auto}
.mc table{width:100%;border-collapse:collapse;font-size:14px}
.mc th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.mc td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.mc tr.click{cursor:pointer}
.mc tr.click:hover td{background:var(--surface2)}
.mc .chips{display:flex;gap:6px;flex-wrap:wrap}
.mc .chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--ink)}
.mc .chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.mc label.f{display:grid;gap:6px;font-size:13px;font-weight:700;min-width:0}
.mc label.f .hint{font-weight:500}
.mc .in{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:14px;min-width:0}
.mc .in:focus{outline:2px solid var(--sky);outline-offset:0;border-color:transparent}
.mc .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:640px){.mc .fgrid{grid-template-columns:1fr}}
.mc .meter{height:8px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);overflow:hidden}
.mc .meter i{display:block;height:100%;background:var(--sky)}
.mc .ex-note{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}
.mc .tag-chip{display:inline-block;background:#FFF4D6;color:#6B4A00;border:1px solid #F0D58A;border-radius:6px;padding:0 5px;font-size:.92em;font-weight:700}
.mc .camp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mc .camp-head .grow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mc .camp-name{font:600 30px/1.1 var(--display);font-variant-numeric:lining-nums}
.mc-step{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:16px;padding:20px 22px;border-top:1px solid var(--line);align-items:start}
.mc-step:first-child{border-top:0}
.mc .tick{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:2px solid var(--line);color:var(--muted)}
.mc .tick.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.mc .tick.warn{background:var(--warn);border-color:var(--warn);color:#fff}
.mc .tick svg{width:15px;height:15px}
.mc-step h3{font:600 22px/1.15 var(--display);margin-bottom:4px}
.mc-step .body{display:grid;gap:10px;min-width:0}
.mc-steps{padding:0}
@media (max-width:640px){.mc-step{grid-template-columns:28px minmax(0,1fr);padding:16px}
.mc-step>.btn, .mc-step>.acts{grid-column:2;justify-self:start}}
.mc .inbox{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:10px 14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}
.mc .inbox .av{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.mc .inbox .l1{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc .inbox .l2{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc .inbox .l2 span{color:var(--muted)}
.mc-thumb{background:var(--canvas);border-radius:14px;padding:18px;display:flex;justify-content:center;align-items:flex-start;max-height:360px;overflow:hidden;position:relative;contain:inline-size}
.mc-thumb .scale{width:600px;transform:scale(.5);transform-origin:top center;margin-bottom:-50%;pointer-events:none}
.mc-thumb::after{content:"";position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,var(--canvas))}
.mc .checks{display:grid;gap:8px}
.mc .ck{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.mc .ck i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;margin-top:1px}
.mc .ck i.ok{background:var(--ok-soft);color:var(--ok)}
.mc .ck i.warn{background:var(--warn-soft);color:var(--warn)}
.mc .ck i.bad{background:var(--bad-soft);color:var(--bad)}
.mc .ck .fix{color:var(--muted);font-size:13px}
.mc .editor{position:fixed;inset:0;z-index:1200;background:var(--bg);display:grid;grid-template-rows:auto minmax(0,1fr);
  padding-top:env(safe-area-inset-top,0px)}
.mc .ed-top{display:flex;align-items:center;gap:10px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}
.mc .ed-top .nm{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.mc .icob{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink)}
.mc .icob.on{background:var(--sky-soft);color:var(--sky-ink);border-color:transparent}
.mc .icob svg{width:18px;height:18px}
.mc-seg{display:flex;border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px;background:var(--surface2)}
.mc-seg button{border:0;background:transparent;border-radius:9px;width:36px;height:32px;display:grid;place-items:center;color:var(--muted)}
.mc-seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mc-seg svg{width:18px;height:18px}
.mc .ed-body{display:grid;grid-template-columns:76px 320px minmax(0,1fr) 300px;min-height:0}
.mc .rail{border-right:1px solid var(--line);background:var(--surface);display:grid;align-content:start;gap:6px;padding:12px 8px}
.mc .rail button{border:0;background:transparent;display:grid;justify-items:center;gap:4px;padding:10px 4px;border-radius:12px;font-size:12px;font-weight:700;color:var(--muted)}
.mc .rail button.on{background:var(--sky-soft);color:var(--sky-ink)}
.mc .rail svg{width:22px;height:22px}
.mc .pal{border-right:1px solid var(--line);background:var(--surface);overflow:auto;padding:16px;display:grid;align-content:start;gap:14px}
.mc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.mc-tabs button{border:0;background:transparent;padding:9px 10px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.mc-tabs button.on{color:var(--sky-ink);border-color:var(--sky-ink)}
.mc .blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mc .blk{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 6px 10px;display:grid;justify-items:center;gap:6px;font-size:12.5px;font-weight:700;cursor:grab;user-select:none;color:var(--ink)}
.mc .blk:hover{border-color:var(--sky)}
.mc .blk svg{width:30px;height:30px;color:var(--sky-ink)}
.mc .blk .grip{width:14px;height:6px;background:radial-gradient(circle,var(--muted) 1px,transparent 1.4px) 0 0/4px 3px;opacity:.6}
.mc .sec-card{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:4px;background:var(--surface);text-align:left;cursor:pointer}
.mc .sec-card:hover{border-color:var(--sky)}
.mc .stage{overflow:auto;background:var(--canvas) radial-gradient(circle,var(--dot) 1px,transparent 1.5px) 0 0/16px 16px;padding:28px 16px 80px;min-width:0}
.mc .mail-frame{margin:0 auto;transition:width .25s cubic-bezier(.2,.7,.2,1);box-shadow:0 20px 50px -30px rgba(20,28,68,.45);border-radius:4px;overflow:hidden}
.mc .insp{border-left:1px solid var(--line);background:var(--surface);overflow:auto;padding:16px;display:grid;align-content:start;gap:14px}
.mc .insp h3{font:600 20px/1.1 var(--display)}
.mc .mini-acts{display:flex;gap:6px;flex-wrap:wrap}
.mc .swatches{display:flex;gap:8px;flex-wrap:wrap}
.mc .sw{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}
.mc .sw.on{box-shadow:0 0 0 2px var(--sky)}
.mc .color-row{display:flex;align-items:center;gap:10px}
.mc .color-row input[type=color]{width:42px;height:34px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--surface)}
.mc .imgpick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mc .imgpick button{border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;aspect-ratio:4/3;background:var(--surface2)}
.mc .imgpick button.on{border-color:var(--sky)}
.mc .imgpick img{width:100%;height:100%;object-fit:cover;display:block}
.mc .tagbtns{display:flex;flex-wrap:wrap;gap:6px}
.mc .tagbtns button{border:1px dashed var(--line);background:var(--surface2);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}
@media (max-width:1200px){.mc .ed-body{grid-template-columns:70px 280px minmax(0,1fr)}
.mc .insp{grid-column:2/4;border-left:0;border-top:1px solid var(--line);max-height:40vh}}
@media (max-width:760px){.mc .ed-body{display:block;overflow:auto;-webkit-overflow-scrolling:touch}
.mc .rail{display:flex;border-right:0;border-bottom:1px solid var(--line);padding:6px 12px}
.mc .rail button{grid-auto-flow:column;padding:6px 12px}
.mc .pal{border-right:0;border-bottom:1px solid var(--line);max-height:none;overflow:visible}
.mc .blocks{grid-template-columns:repeat(4,minmax(0,1fr))}
.mc .stage{overflow:visible;padding:18px 12px}
.mc .insp{grid-column:auto;max-height:none;overflow:visible}
.mc .ed-top .nm{max-width:150px}}
.mc .em{background:var(--em-bg);font-family:var(--em-body);color:#1B2552;padding:24px 0}
.mc .em-in{background:#fff;margin:0 auto;max-width:600px}
.mc .eb{position:relative;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s}
.mc .editing .eb:hover{outline-color:rgba(0,169,239,.45);cursor:pointer}
.mc .editing .eb.sel{outline-color:#00A9EF}
.mc .eb .lbl{position:absolute;left:0;top:0;transform:translateY(-100%);background:#00A9EF;color:#06122E;font:700 11px/1 var(--body);padding:4px 7px;border-radius:4px 4px 0 0;display:none}
.mc .editing .eb.sel .lbl{display:block}
.mc .drop-line{height:4px;background:#00A9EF;border-radius:4px;margin:0 20px}
.mc .em [contenteditable]:focus{outline:1px dashed #00A9EF;outline-offset:3px}
.mc .em h1, .mc .em h2{font-family:var(--em-head);color:var(--em-primary);margin:0;font-weight:600;line-height:1.1}
.mc .em p{margin:0 0 12px;line-height:1.65;font-size:15px}
.mc .em .mt{background:#FFF4D6;color:#6B4A00;border:1px solid #F0D58A;border-radius:5px;padding:0 4px;font-weight:700;font-size:.92em;white-space:nowrap}
.mc .em-btn{display:inline-block;background:var(--em-primary);color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:13px 24px}
.mc .em-foot{background:#F4F6FA;color:#5B6584;font-size:12px;line-height:1.6;padding:22px 32px;text-align:center}
.mc .em-foot a{color:#0076AE}
.mc-scrim{position:fixed;inset:0;background:rgba(10,16,41,.45);z-index:1150;display:flex;justify-content:flex-end}
.mc-drawer{width:min(520px,100%);height:100%;background:var(--surface);overflow:auto;padding:24px max(20px,env(safe-area-inset-right,0px)) 40px 20px;display:grid;align-content:start;gap:16px;box-shadow:var(--shadow);
  padding-top:max(24px,env(safe-area-inset-top,0px))}
.mc .modal-scrim{align-items:center;justify-content:center;padding:16px}
.mc .modal{width:min(920px,100%);max-height:calc(100% - 32px);overflow:auto;background:var(--surface);border-radius:20px;padding:22px;display:grid;gap:16px}
.mc-tl{display:grid;gap:0}
.mc-tl div{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;padding:8px 0}
.mc-tl i{width:10px;height:10px;border-radius:50%;background:var(--sky);margin-top:6px}
.mc-tl i.pay{background:var(--ok)}
.mc-tl i.call{background:var(--warn)}
.mc-tl i.red{background:var(--red)}
.mc .switch{position:relative;width:44px;height:26px;border-radius:99px;background:var(--line);border:0;flex:none}
.mc .switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.mc .switch.on{background:var(--ok)}
.mc .switch.on::after{transform:translateX(18px)}
.mc .hello{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 28px 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:12px;align-items:center}
.mc .hello .h1{font:700 30px/1.15 var(--body);letter-spacing:-.01em}
.mc .hello .lead{margin-top:6px;font-size:16px}
.mc .swoosh{width:200px;height:12px;display:block;margin:2px 0 14px 40%}
.mc .swoosh path{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linecap:round}
.mc .skyline{width:100%;max-width:420px;justify-self:end;color:var(--navy);opacity:.16}
@media (max-width:760px){.mc .hello{grid-template-columns:minmax(0,1fr)}
.mc .skyline{position:absolute;right:-40px;bottom:-20px;width:280px;opacity:.09}}
.mc .btn-teal{background:var(--teal);color:#fff;box-shadow:0 8px 18px -12px var(--teal)}
.mc .dash{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px}
.mc .kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mc .kc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:10px;min-width:0}
.mc .kc-h{display:flex;align-items:center;gap:8px;font-weight:700}
.mc .info{width:17px;height:17px;border-radius:50%;border:1.5px solid var(--muted);color:var(--muted);font-size:10px;font-weight:800;display:grid;place-items:center;font-style:normal;cursor:help}
.mc .kc-b{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.mc .kc-b b{font:700 30px/1 var(--body);letter-spacing:-.02em}
.mc .chg{font-size:12.5px;font-weight:800}
.mc .chg.up{color:var(--ok)}
.mc .chg.down{color:var(--bad)}
.mc .mini{width:112px;height:72px;flex:none}
.mc .m-off{fill:var(--mini-off)}
.mc .m-on{fill:var(--teal)}
.mc .m-tag{fill:var(--ink)}
.mc .m-tx{fill:var(--bg);font:800 9px var(--body)}
.mc .pc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:12px;min-width:0}
.mc .pc-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mc .pc-h h2{font:700 17px/1.2 var(--body)}
.mc .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-left:auto}
.mc .legend span{display:flex;align-items:center;gap:6px}
.mc .legend i, .mc .ch-tip i{width:9px;height:9px;border-radius:3px;display:inline-block}
.mc .k-sent{background:var(--c-sent)}
.mc .k-open{background:var(--c-open)}
.mc .k-click{background:var(--c-click)}
.mc .sel-sm{width:auto;padding:7px 10px;font-size:13px}
.mc .ch-wrap{position:relative}
.mc .chart{width:100%;height:auto;display:block;overflow:visible}
.mc .g-line{stroke:var(--line);stroke-width:1}
.mc .g-tx{fill:var(--muted);font:600 11px var(--body)}
.mc .g-part{font-style:italic}
.mc .s-sent{fill:var(--c-sent)}
.mc .s-open{fill:var(--c-open);stroke:var(--surface);stroke-width:2;paint-order:stroke}
.mc .s-click{fill:var(--c-click);stroke:var(--surface);stroke-width:2;paint-order:stroke}
.mc .col{transition:opacity .15s}
.mc .chart:hover .col:not(.on){opacity:.55}
.mc .hit{fill:transparent;cursor:pointer}
.mc .ch-tip{position:absolute;top:6px;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:10px 12px;font-size:13px;display:grid;gap:5px;pointer-events:none}
.mc .ch-tip div{display:flex;align-items:center;gap:7px}
.mc .ch-tip span{margin-left:auto;font-weight:800}
.mc .dash2{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:20px}
.mc table.perf th{font-size:11.5px;text-transform:none;letter-spacing:0}
.mc .where{display:grid;gap:9px}
.mc .wr{display:grid;grid-template-columns:110px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:13.5px}
.mc .wb{height:10px;border-radius:99px;background:var(--surface2);overflow:hidden}
.mc .wb i{display:block;height:100%;background:var(--teal);border-radius:99px}
.mc .wr b{text-align:right}
.mc .rings{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.mc .ring{display:grid;justify-items:center;text-align:center;position:relative;gap:2px}
.mc .ring svg{width:92px;height:92px}
.mc .ring b{position:absolute;top:32px;font:800 18px var(--body)}
.mc .ring span{font-weight:700;font-size:13px}
.mc .ring small{color:var(--muted);font-size:11.5px}
.mc .r-bg{fill:none;stroke:var(--surface2);stroke-width:10}
.mc .r-fg{fill:none;stroke:var(--teal);stroke-width:10;stroke-linecap:round}
@media (max-width:1180px){.mc .dash, .mc .dash2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.mc .kgrid{grid-template-columns:minmax(0,1fr)}}
.mc .lbar{height:6px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.mc .lbar i{display:block;height:100%;background:var(--sky)}
@media (max-width:640px){.mc .tbl-wrap{overflow:visible}
.mc .tbl-wrap table, .mc .tbl-wrap tbody, .mc .tbl-wrap tr, .mc .tbl-wrap td{display:block;width:100%}
.mc .tbl-wrap thead{display:none}
.mc .tbl-wrap tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;background:var(--surface)}
.mc .tbl-wrap td{border:0;padding:0;min-width:0;overflow-wrap:anywhere}
.mc .tbl-wrap td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.mc .tbl-wrap td:first-child{grid-column:1/-1;font-size:15.5px}
.mc .tbl-wrap td:first-child::before{display:none}
.mc .tbl-wrap td:not([data-label]), .mc .tbl-wrap td[data-label=""]{grid-column:1/-1}
.mc .tbl-wrap td[data-label=""]::before{display:none}
.mc .tbl-wrap td[style*="text-align:right"]{text-align:left!important}
.mc .tbl-wrap td .btn{width:100%}
.mc .tbl-wrap td select.in{max-width:none!important}
.mc tr.click:hover td{background:transparent}
.mc .pc-h .in.sel-sm{max-width:none!important;flex:1 1 100%}
.mc .pc-h .btn{flex:1 1 auto}
.mc .legend{margin-left:0}
.mc .wr{grid-template-columns:96px minmax(0,1fr) 38px}
.mc .camp-head .btn{flex:1 1 auto}
.mc .kc-b{flex-wrap:wrap}
.mc-thumb{justify-content:flex-start;padding:12px}
.mc-thumb .scale{transform:scale(.37)!important;transform-origin:top left!important;margin-right:-378px;margin-bottom:-62%!important}}
.mc .btabs{display:none}
@media (max-width:900px){.mc .btabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);
    padding:6px max(8px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));box-shadow:0 -10px 30px -24px rgba(20,28,68,.5)}
.mc .btabs a, .mc .btabs button{display:grid;justify-items:center;gap:3px;padding:6px 2px;border:0;background:transparent;color:var(--muted);text-decoration:none;font-size:11.5px;font-weight:700;border-radius:12px;min-height:48px}
.mc .btabs svg{width:22px;height:22px}
.mc .btabs .on{color:var(--sky-ink);background:var(--sky-soft)}}
.mc .sheet-scrim{align-items:flex-end;justify-content:center}
.mc-sheet{width:100%;max-width:560px;background:var(--surface);border-radius:20px 20px 0 0;padding:10px 18px max(22px,env(safe-area-inset-bottom,0px));display:grid;gap:4px;max-height:80vh;overflow:auto}
.mc .grab{width:40px;height:4px;border-radius:99px;background:var(--line);justify-self:center;margin-bottom:6px}
.mc-sheet .ph{margin-bottom:6px}
.mc .sheet-link{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700}
.mc .sheet-link svg{width:20px;height:20px;color:var(--sky-ink)}
.mc .sheet-link.on{background:var(--sky-soft);color:var(--sky-ink)}
.mc .sheet-limit{margin-top:10px;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:6px;font-size:13px;color:var(--muted)}
.mc .sheet-limit b{color:var(--ink)}
.mc .sheet-limit .lbar{background:var(--surface2)}
.mc .pv{position:fixed;inset:0;z-index:1250;background:var(--canvas);display:grid;grid-template-rows:auto auto minmax(0,1fr);
  padding-top:env(safe-area-inset-top,0px)}
.mc .pv-top{display:flex;align-items:center;gap:10px;background:var(--surface);border-bottom:1px solid var(--line);
  padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
.mc .pv-t{font-size:16px}
.mc .pv-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;background:var(--surface);border-bottom:1px solid var(--line);
  padding:12px max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px))}
.mc .pv-test{display:flex;gap:8px}
.mc .pv-test .in{min-width:0}
.mc .pv-body{overflow:auto;padding:20px max(16px,env(safe-area-inset-right,0px)) max(28px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.mc .pv-mail{max-width:100%;margin:0 auto;display:grid;gap:12px;transition:width .25s cubic-bezier(.2,.7,.2,1)}
.mc .pv-mail .em{border-radius:6px;overflow:hidden;box-shadow:0 20px 50px -30px rgba(20,28,68,.45)}
@media (max-width:640px){.mc .pv-bar{grid-template-columns:minmax(0,1fr);gap:10px}
.mc .pv-body{padding:12px 0 max(24px,env(safe-area-inset-bottom,0px))}
.mc .pv-mail{gap:8px}
.mc .pv-mail .inbox{margin:0 12px}
.mc .pv-mail .em{border-radius:0;box-shadow:none;padding:0}
.mc .pv-top .mc-seg{display:none}}
.mc .tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mc .tpl{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);display:grid;grid-template-rows:auto 1fr;min-width:0}
.mc .tpl-thumb{border:0;padding:0;background:var(--canvas);height:300px;overflow:hidden;position:relative;display:block;width:100%;cursor:pointer}
.mc .tpl-thumb::after{content:"";position:absolute;inset:auto 0 0;height:50px;background:linear-gradient(transparent,var(--canvas))}
.mc .tpl-scale{width:600px;transform:scale(.42);transform-origin:top left;position:absolute;left:50%;margin-left:-126px;top:0;pointer-events:none}
.mc .tpl-thumb:hover .tpl-scale{transform:scale(.42) translateY(-8px);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.mc .tpl-b{padding:14px 16px 16px;display:grid;gap:6px;align-content:start}
.mc .tpl-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.mc .tpl-blank .tpl-thumb{display:grid;place-items:center;font:300 64px/1 var(--body);color:var(--muted)}
.mc .tpl-blank .tpl-thumb::after{display:none}
.mc .em-dark .em-foot{background:transparent}
@media (max-width:640px){.mc .tpl-grid{grid-template-columns:minmax(0,1fr)}
.mc .tpl-thumb{height:260px}
.mc .tpl-scale{transform:scale(.5);margin-left:-150px}
.mc .tpl-thumb:hover .tpl-scale{transform:scale(.5)}
.mc .pv-top .pill{display:none}}
.mc{display:block}
.mc .camp-name.in-plain{border:0;background:transparent;font:600 30px/1.1 var(--display);font-variant-numeric:lining-nums;color:var(--ink);flex:1 1 220px;min-width:0;padding:2px 6px;border-radius:8px}
.mc .camp-name.in-plain:focus{outline:2px solid var(--sky);outline-offset:0}
.mc .camp-name.in-plain[readonly]{outline:0}
.mc-allow{margin-top:16px;display:grid;gap:6px;max-width:340px;font-size:12.5px;color:var(--muted)}
.mc-allow b{color:var(--ink);font-size:13.5px}
.mc-allow a{font-weight:800;text-decoration:none;color:var(--sky-ink)}
.mc-allow .lbar{height:6px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);overflow:hidden}
.mc-allow .lbar i{display:block;height:100%;background:var(--sky)}
.mc-code{display:block;word-break:break-all;font-size:12px;background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:6px 8px;margin-top:6px;user-select:all}
.mc .ed-lock .blocks, .mc .ed-lock .mc-tabs, .mc .ed-lock .sec-card{opacity:.5;pointer-events:none}
.mc .ed-lock [contenteditable]{pointer-events:none}
.mc .sheet-limit .lbar{height:6px;border-radius:99px;overflow:hidden}
.mc .sheet-limit .lbar i{display:block;height:100%;background:var(--sky)}
@media (max-width:900px){
  .app:has(#mcRoot) .tabbar{display:none}
  .app:has(#mcRoot) .pl-tabs{display:none}
}
/* ===== end Email center ===== */

/* Chart motion everywhere (GM 2026-11-05, from the reference video): bars rise one after another, horizontal bars grow,
   dots pop in after the line has drawn. Uses the desk kit keyframes; nothing moves for reduced-motion users. */
@media (prefers-reduced-motion:no-preference){
.u-chart .u-g rect:not(.u-hit){transform-box:fill-box;transform-origin:50% 100%;animation:dkRise .9s cubic-bezier(.16,1,.3,1) both}
.u-chart .u-g:nth-of-type(1) rect{animation-delay:60ms}
.u-chart .u-g:nth-of-type(2) rect{animation-delay:120ms}
.u-chart .u-g:nth-of-type(3) rect{animation-delay:180ms}
.u-chart .u-g:nth-of-type(4) rect{animation-delay:240ms}
.u-chart .u-g:nth-of-type(5) rect{animation-delay:300ms}
.u-chart .u-g:nth-of-type(6) rect{animation-delay:360ms}
.u-chart .u-g:nth-of-type(7) rect{animation-delay:420ms}
.u-chart .u-g:nth-of-type(8) rect{animation-delay:480ms}
.u-chart .u-g:nth-of-type(9) rect{animation-delay:540ms}
.u-chart .u-g:nth-of-type(10) rect{animation-delay:600ms}
.u-chart .u-g:nth-of-type(11) rect{animation-delay:660ms}
.u-chart .u-g:nth-of-type(12) rect{animation-delay:720ms}
.u-chart .u-dot{transform-box:fill-box;transform-origin:center;animation:dkPop .4s ease-out 1.1s both}
.bars .bf{transform-origin:0 50%;animation:dkGrow 1s cubic-bezier(.16,1,.3,1) both}
.bars .bar:nth-child(2) .bf{animation-delay:.06s}.bars .bar:nth-child(3) .bf{animation-delay:.12s}.bars .bar:nth-child(4) .bf{animation-delay:.18s}.bars .bar:nth-child(n+5) .bf{animation-delay:.24s}
}
/* ===== Finance desk (generated by tools/fx_css.py from src/findesk/findesk.css; do not edit here) ===== */
.fx{
  --fx-card:#FFFFFF; --fx-soft:#F6F7FB; --fx-ink:#16192B; --fx-muted:#5F647C; --fx-line:#E6E8F0;
  --fx-dark:#1B1E2E; --fx-dark2:#25293C; --fx-dark3:#2E3349; --fx-onDark:#FFFFFF; --fx-onDarkMuted:#A9AEC6;
  --fx-acc:#2563EB; --fx-acc2:#3B82F6; --fx-acc3:#93C5FD; --fx-g1:#1F2A5E; --fx-g2:#2F6FDB; --fx-g3:#5EA3F5;
  --fx-up:#D93F3B; --fx-down:#1E9E6A; --fx-r:22px;
  color:var(--fx-ink); font-size:14px; line-height:1.5
}
:root[data-theme="dark"] .fx{ --fx-card:#141726; --fx-soft:#1A1E30; --fx-ink:#ECEEF6; --fx-muted:#9A9FB8; --fx-line:#262B40 }
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .fx{ --fx-card:#141726; --fx-soft:#1A1E30; --fx-ink:#ECEEF6; --fx-muted:#9A9FB8; --fx-line:#262B40 } }
.fx *{box-sizing:border-box}
:where(.fx) :where(button,input,select){font:inherit;color:inherit}
:where(.fx) button{cursor:pointer}
.fx :focus-visible{outline:2px solid var(--fx-acc);outline-offset:2px}
.fx .fx-num{font-variant-numeric:tabular-nums lining-nums}
.fx-shell{background:var(--fx-card);border-radius:34px;padding:26px 30px 30px;box-shadow:0 30px 80px -60px rgba(20,25,60,.45);display:grid;gap:22px;min-width:0}
.fx-hdr{display:flex;align-items:center;gap:16px;min-width:0}
.fx-chip{width:44px;height:44px;border-radius:50%;border:1px solid var(--fx-line);display:grid;place-items:center;font-weight:700;font-size:15px;flex:none;background:var(--fx-card)}
.fx-pills{display:flex;align-items:center;gap:2px;background:var(--fx-dark);border-radius:99px;padding:5px;min-width:0;flex:0 1 auto;overflow:hidden}
.fx-pills button{border:0;background:transparent;color:#E4E6F2;font-size:13px;font-weight:600;padding:9px 15px;border-radius:99px;white-space:nowrap;flex:none}
.fx-pills button.on{background:var(--fx-acc);color:#fff}
.fx-pills button .fx-pl{opacity:.8;margin-right:4px}
.fx-grow{flex:1;min-width:0}
.fx-navsel{display:none;align-items:center;gap:8px;background:var(--fx-dark);color:#fff;border-radius:99px;padding:10px 16px;border:0;font-weight:700;flex:1;justify-content:space-between;min-width:0}
.fx-navsel svg{width:16px;height:16px}
.fx-ib{width:44px;height:44px;border-radius:14px;border:1px solid var(--fx-line);background:var(--fx-card);display:grid;place-items:center;color:var(--fx-ink);position:relative;flex:none}
.fx-ib svg{width:20px;height:20px}
.fx-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;font-size:14px;flex:none}
.fx-ttl{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fx-back{width:48px;height:48px;border-radius:50%;border:1px solid var(--fx-line);background:var(--fx-card);display:grid;place-items:center;flex:none;color:var(--fx-ink)}
.fx-back svg{width:20px;height:20px}
.fx-ttl h1{margin:0;font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-.02em;font-family:inherit;color:var(--fx-ink)}
.fx-ttl p{margin:4px 0 0;color:var(--fx-muted);font-size:13.5px}
.fx-cta{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--fx-acc);color:#fff;font-weight:700;padding:13px 22px;border-radius:14px;box-shadow:0 12px 26px -16px var(--fx-acc)}
.fx-cta svg{width:18px;height:18px}
.fx-cta2{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);font-weight:700;padding:12px 18px;border-radius:14px}
.fx-cta2 svg{width:18px;height:18px}
.fx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fx-card{border:1px solid var(--fx-line);border-radius:var(--fx-r);padding:20px 22px;display:grid;gap:4px;align-content:start;position:relative;overflow:hidden;min-height:226px;background:var(--fx-card);min-width:0}
.fx-card h3{margin:0 0 6px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:inherit;color:var(--fx-ink)}
.fx-ci{width:34px;height:34px;border-radius:10px;background:var(--fx-soft);display:grid;place-items:center;flex:none}
.fx-ci svg{width:18px;height:18px}
.fx-big{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.fx-big .fx-cur{font-weight:600;color:var(--fx-muted);margin-right:2px}
.fx-big small{font-size:18px;font-weight:600;color:var(--fx-muted)}
.fx-chg{font-size:12.5px;color:var(--fx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fx-chg b{font-weight:700}
.fx-chg .u{color:var(--fx-up)} .fx-chg .d{color:var(--fx-down)} .fx-chg .a{color:var(--fx-acc)}
.fx-illu{position:absolute;left:0;right:0;bottom:0;height:110px;width:100%}
.fx-bars{display:flex;align-items:flex-end;gap:12px;height:112px;margin-top:28px}
.fx-bars .b{flex:1;display:grid;justify-items:center;gap:6px;position:relative;min-width:0}
.fx-bars .b i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:var(--fx-acc3);opacity:.55}
.fx-bars .b.on i{background:var(--fx-acc);opacity:1}
.fx-bars .b span{font-size:10.5px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fx-bars .b .tip{position:absolute;top:-24px;background:var(--fx-dark);color:#fff;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;white-space:nowrap;overflow:visible;max-width:none}
.fx-line svg{width:100%;height:118px;display:block;margin-top:6px}
.fx-paycards{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:12px;position:relative;min-height:110px}
.fx-pc{flex:1;border:1px solid var(--fx-line);background:var(--fx-soft);border-radius:14px 14px 0 0;padding:12px 10px 14px;height:96px;text-align:left;display:grid;align-content:space-between;font-size:12px;color:var(--fx-muted);min-width:0}
.fx-pc b{color:var(--fx-ink);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-pc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-pc.on{background:linear-gradient(180deg,var(--fx-acc2),var(--fx-acc));border-color:transparent;color:#E8EEFF;height:110px}
.fx-pc.on b{color:#fff}
.fx-pnow{position:static;flex:1 0 100%;margin-top:2px;border:0;background:var(--fx-dark);color:#fff;font-weight:700;font-size:12.5px;padding:10px 14px;border-radius:12px}
.fx-exp{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:700}
.fx-go{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:12px;border:1px solid var(--fx-line);background:var(--fx-card);display:grid;place-items:center;color:var(--fx-ink)}
.fx-go svg{width:18px;height:18px}
.fx-prog{height:10px;border-radius:99px;background:var(--fx-soft);margin-top:18px;overflow:hidden}
.fx-prog i{display:block;height:100%;border-radius:99px;background:var(--fx-acc)}
.fx-empty{font-size:12.5px;color:var(--fx-muted);margin:10px 0 0}
.fx-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fx-af{font-weight:700;display:flex;align-items:center;gap:8px;margin-right:6px}
.fx-af i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--fx-dark);color:#fff;display:grid;place-items:center;font-size:11px}
.fx-sel{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:99px;padding:10px 16px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex:1 1 150px;position:relative;margin:0}
.fx-sel select,.fx-sel input{border:0;background:transparent;outline:0;width:100%;font-size:13px;appearance:none;-webkit-appearance:none;padding:0;min-width:0;box-shadow:none;height:auto;min-height:0}
.fx-sel svg{width:16px;height:16px;flex:none;color:var(--fx-muted)}
.fx-fbtn{display:none}
.fx-panel{background:var(--fx-dark);border-radius:28px;padding:22px;position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;color:var(--fx-onDark)}
.fx-panel > *{min-width:0}
.fx-panel h2{margin:0;font-size:16px;font-weight:700;font-family:inherit;color:var(--fx-onDark)}
.fx-ptabs{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--fx-card);border-radius:0 0 22px 22px;padding:8px 10px 10px;display:flex;gap:6px;box-shadow:0 1px 0 var(--fx-card);z-index:1}
.fx-ptabs::before,.fx-ptabs::after{content:"";position:absolute;top:0;width:22px;height:22px;background:radial-gradient(circle at 0 100%,transparent 21px,var(--fx-card) 22px)}
.fx-ptabs::before{left:-22px;transform:scaleX(-1)}
.fx-ptabs::after{right:-22px}
.fx-ptabs button{border:1px solid var(--fx-line);background:var(--fx-soft);color:var(--fx-ink);border-radius:99px;padding:8px 14px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.fx-ptabs button i{font-style:normal;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:var(--fx-card);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--fx-ink)}
.fx-ptabs button.on{background:var(--fx-acc);border-color:var(--fx-acc);color:#fff}
.fx-ptools{position:absolute;right:22px;top:20px;display:flex;gap:8px}
.fx-ptools button{width:40px;height:40px;border-radius:12px;border:1px solid var(--fx-dark3);background:var(--fx-dark2);color:#fff;display:grid;place-items:center}
.fx-ptools svg{width:18px;height:18px}
.fx-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start;margin-top:14px;max-height:640px;overflow:auto;padding-right:2px}
.fx-it{display:flex;align-items:center;gap:12px;background:var(--fx-dark2);border:0;border-radius:16px;padding:10px 12px;text-align:left;color:var(--fx-onDark);width:100%;min-width:0}
.fx-it .fx-av{width:38px;height:38px;font-size:12.5px}
.fx-who{flex:1;min-width:0}
.fx-who b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-who span{font-size:12px;color:var(--fx-onDarkMuted)}
.fx-it .fx-st{font-size:11.5px;font-weight:700;border-radius:99px;padding:5px 11px;background:var(--fx-dark3);color:#D9DCEA;white-space:nowrap}
.fx-it .fx-amt{font-weight:800;font-size:14px;white-space:nowrap;text-align:right;flex:none}
.fx-it .late{color:#FF9B98}
.fx-it.on{background:linear-gradient(90deg,var(--fx-g2),var(--fx-g3))}
.fx-it.on .fx-st{background:#fff;color:#16192B}
.fx-it.on .fx-who span{color:#E6EEFF}
.fx-it.on .late{color:#fff}
.fx-more{border:1px dashed var(--fx-dark3);background:transparent;color:var(--fx-onDarkMuted);border-radius:14px;padding:10px;font-weight:700;font-size:12.5px}
.fx-none{color:var(--fx-onDarkMuted);margin:8px 0}
.fx-det{background:linear-gradient(150deg,var(--fx-g1) 0%,var(--fx-g2) 55%,var(--fx-g3) 130%);border-radius:24px;padding:22px 24px;display:grid;gap:16px;align-content:start;margin-top:40px;position:relative;overflow:hidden;color:#fff;min-width:0}
.fx-det::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);pointer-events:none}
.fx-dtop{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:16px}
.fx-dtop > *{min-width:0}
.fx-dtop small{display:block;font-size:12px;color:#DCE6FF;margin-bottom:6px}
.fx-dref{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;flex-wrap:wrap;overflow-wrap:anywhere}
.fx-dref .fx-st{font-size:11.5px;font-weight:700;border-radius:99px;padding:5px 11px;background:rgba(255,255,255,.16);white-space:nowrap}
.fx-dest{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
.fx-dest svg{width:26px;height:26px;flex:none}
.fx-dsub{font-size:12px;color:#DCE6FF}
.fx-dcl{display:flex;gap:10px;align-items:center;min-width:0}
.fx-dcl .fx-av{width:40px;height:40px;font-size:13px;border:2px solid rgba(255,255,255,.4)}
.fx-dcl b{display:block;font-size:13.5px;overflow-wrap:anywhere}
.fx-dcl span{font-size:12px;color:#DCE6FF}
.fx-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fx-tile{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px;display:grid;gap:22px;min-height:104px;position:relative;min-width:0;color:#fff;text-align:left}
.fx-tile b{font-size:17px;font-weight:800;overflow-wrap:anywhere}
.fx-tile span{font-size:12px;color:#E6EEFF}
.fx-tile svg{position:absolute;top:14px;right:12px;width:16px;height:16px;opacity:.8}
.fx-tile.paid{background:rgba(255,255,255,.22)}
.fx-tile.add{border:1.5px dashed rgba(255,255,255,.45);background:transparent;display:grid;place-items:center;text-align:center;gap:6px;font-weight:600;font-size:13px;cursor:pointer}
.fx-tile.add svg{position:static;width:20px;height:20px}
.fx-dfoot{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.2);padding-top:14px;flex-wrap:wrap}
.fx-dfoot > div small{display:block;font-size:12px;color:#DCE6FF}
.fx-dfoot > div b{font-size:18px;font-weight:800}
.fx-acts{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fx-rb{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;display:grid;place-items:center;text-decoration:none;flex:none}
.fx-rb svg{width:18px;height:18px}
.fx-wpill{border:0;background:#fff;color:#16192B;font-weight:700;border-radius:99px;padding:12px 22px;white-space:nowrap}
.fx-note{font-size:12.5px;color:#E6EEFF;margin:0}
.fx-proof{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:10px 12px;font-size:12.5px;flex-wrap:wrap}
.fx-proof svg{width:18px;height:18px;flex:none}
.fx-proof span{flex:1;min-width:180px}
.fx-wpill.sm{padding:8px 14px;font-size:12.5px}
.fx-foot{font-size:12px;color:var(--fx-muted);text-align:center;margin:0}
.fx-scrim{position:fixed;inset:0;background:rgba(8,10,25,.55);z-index:60;display:flex;align-items:flex-end;justify-content:center}
.fx-sheet{background:var(--fx-card);color:var(--fx-ink);width:100%;max-width:560px;border-radius:24px 24px 0 0;padding:16px 18px max(22px,env(safe-area-inset-bottom,0px));max-height:92vh;overflow:auto;display:grid;gap:12px}
.fx-sheet h3{margin:0;font-size:18px;font-family:inherit}
.fx-sheet .fx-it{background:var(--fx-soft);color:var(--fx-ink)}
.fx-sheet .fx-it.on{background:var(--fx-acc);color:#fff}
.fx-detsheet{background:var(--fx-dark);padding:14px}
.fx-detsheet .fx-det{margin-top:0;display:grid!important}
.fx-close{justify-self:end;border:0;background:var(--fx-dark2);color:#fff;border-radius:12px;width:40px;height:40px;display:grid;place-items:center}
.fx-close svg{width:18px;height:18px}
.fx-sheet label{display:grid;gap:6px;font-weight:700;font-size:13px}
.fx-sheet select{border:1px solid var(--fx-line);border-radius:12px;padding:11px 12px;background:var(--fx-soft);width:100%}
.fx-bdlink{display:inline-flex;align-items:center;gap:6px;margin-top:10px;border:0;background:none;padding:6px 0;color:var(--fx-acc);font-weight:700;font-size:13px;min-height:44px}
.fx-bdlink svg{width:15px;height:15px}
.fx-rembar{display:flex;justify-content:flex-end;margin:4px 0 8px}
.fx-remlist{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--fx-dark3,#2A3150);background:var(--fx-dark2,#1B2140);color:#fff;font-weight:700;font-size:13px;padding:9px 14px;border-radius:12px;min-height:40px}
.fx-remlist svg{width:16px;height:16px}
.fx-bdsheet{max-width:760px}
.fx-bd{display:grid;gap:12px}
.fx-bdsum{margin:0;color:var(--fx-muted);font-size:13.5px}
.fx-bdsum b{color:var(--fx-ink)}
.fx-bdlist{display:grid;gap:6px;max-height:52vh;overflow:auto}
.fx-bdrow{display:flex;align-items:center;gap:10px;background:var(--fx-soft);border-radius:14px;padding:10px 12px}
.fx-bdrow .fx-who{flex:1;min-width:0;display:grid;gap:2px}
.fx-bdrow .fx-who b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-bdrow .fx-who span{font-size:12px;color:var(--fx-muted)}
.fx-bdrow .fx-amt{font-weight:700;white-space:nowrap}
.fx-bdck{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--fx-line);background:var(--fx-card);display:grid;place-items:center;padding:0;color:#fff}
.fx-bdck.on{background:var(--fx-acc);border-color:var(--fx-acc)}
.fx-bdck.off{border-style:dashed;opacity:.5}
.fx-bdck svg{width:15px;height:15px}
.fx-bdsend{flex:none;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);border-radius:10px;padding:8px 12px;font-weight:700;font-size:12.5px;min-height:36px;text-decoration:none;display:inline-flex;align-items:center}
.fx-bdsend.wa{color:#0B7A43}
.fx-bdsend.none{color:var(--fx-muted);border-style:dashed}
.fx-bdfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fx-bdfoot button[disabled]{opacity:.45;cursor:not-allowed}
.fx-linkbtn{border:0;background:none;color:var(--fx-acc);font-weight:700;padding:8px 0;min-height:44px}
.fx-bd .fx-note{color:var(--fx-muted)}
.fx-bdprev{background:var(--fx-soft);border:1px solid var(--fx-line);border-radius:14px;padding:12px 14px;display:grid;gap:6px}
.fx-bdprev small{color:var(--fx-muted)}
.fx-bdprev pre{margin:0;white-space:pre-wrap;font:inherit;font-size:13px;line-height:1.6;max-height:30vh;overflow:auto}
@media (max-width:620px){.fx-bdfoot .fx-cta,.fx-bdfoot .fx-cta2{width:100%;justify-content:center}.fx-rembar{justify-content:stretch}.fx-remlist{width:100%;justify-content:center}}
@media (max-width:1240px){ .fx-it .fx-st{display:none} }
@media (max-width:1180px){
  .fx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fx-pills button{padding:9px 11px}
}
@media (max-width:1080px){ .fx-pills{display:none} .fx-navsel{display:flex} }
@media (min-width:981px) and (max-width:1700px){
  .fx-ptabs{position:static;transform:none;grid-column:1/-1;background:transparent;box-shadow:none;padding:0 110px 0 0;justify-content:flex-start;flex-wrap:wrap}
  .fx-ptabs::before,.fx-ptabs::after{display:none}
  .fx-ptabs button{background:var(--fx-dark2);border-color:var(--fx-dark3);color:#fff}
  .fx-ptabs button i{background:var(--fx-dark3);color:#fff}
  .fx-ptabs button.on{background:var(--fx-acc);border-color:var(--fx-acc)}
  .fx-panel > .fx-det{margin-top:0}
  .fx-ptools{top:18px}
}
@media (max-width:980px){
  .fx-panel{grid-template-columns:minmax(0,1fr)}
  .fx-panel > .fx-det{display:none}
  .fx-ptabs{position:static;transform:none;background:transparent;box-shadow:none;padding:0;justify-content:flex-start;overflow-x:auto;max-width:100%;scrollbar-width:none}
  .fx-ptabs::-webkit-scrollbar{display:none}
  .fx-ptabs::before,.fx-ptabs::after{display:none}
  .fx-ptabs button{background:var(--fx-dark2);border-color:var(--fx-dark3);color:#fff;flex:none}
  .fx-ptabs button i{background:var(--fx-dark3);color:#fff}
  .fx-ptools{top:22px}
  .fx-list{max-height:none}
  .fx-who span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:640px){
  .fx-shell{border-radius:22px;padding:16px;gap:18px}
  .fx-chip{display:none}
  .fx-ttl h1{font-size:28px}
  .fx-ttl .fx-ib{display:none}
  .fx-ttl .fx-cta,.fx-ttl .fx-cta2{width:100%;justify-content:center}
  .fx-cards{grid-template-columns:minmax(0,1fr)}
  .fx-card{min-height:0}
  .fx-card.c1{padding-bottom:120px}
  .fx-filters .fx-sel{display:none}
  .fx-filters .fx-sel.q{display:flex;flex-basis:100%}
  .fx-fbtn{display:inline-flex;border:1px solid var(--fx-line);background:var(--fx-card);border-radius:99px;padding:9px 14px;font-weight:700;gap:8px;align-items:center}
  .fx-fbtn svg{width:16px;height:16px}
  .fx-panel{padding:16px;border-radius:22px}
  .fx-ptools{display:none}
  .fx-it .fx-amt{min-width:0}
  .fx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fx-dtop{grid-template-columns:minmax(0,1fr)}
  .fx-acts{margin-left:0;width:100%}
  .fx-acts .fx-wpill{flex:1}
}
@media (prefers-reduced-motion:no-preference){ .fx-it,.fx-pills button,.fx-ptabs button{transition:background .2s, color .2s} }
#view:has(#fxRoot) > .view-title,#view:has(#mdgmRoot) > .view-title,#view:has(#dkRoot) > .view-title{display:none!important}
.fx-desk{display:grid;gap:18px;min-width:0}
.fx-desk .fx-shell{gap:20px}
.dk-nav{flex:0 1 auto}
.dk-navsel{display:none;position:relative;padding:0}
.dk-navsel select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:#fff;font-weight:700;padding:10px 40px 10px 16px;width:100%;font-size:14px}
.dk-navsel svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}
@media (max-width:1080px){ .dk-navsel{display:flex} }
.fx-desk h2{margin:0;font-size:16px;font-weight:700;font-family:inherit;color:var(--fx-ink)}
.fx-desk .dk-sub{margin:2px 0 0;color:var(--fx-muted);font-size:12.5px}
.dk-box{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-r);padding:20px 22px;display:grid;gap:10px;align-content:start;min-width:0;position:relative;overflow:hidden}
.dk-box.dark{background:var(--fx-dark);border-color:var(--fx-dark);color:#fff}
.dk-box.dark h2,.dk-box.dark h3{color:#fff}
.dk-box.blue{background:linear-gradient(150deg,var(--fx-g1),var(--fx-g2) 60%,var(--fx-g3));border-color:transparent;color:#fff}
.dk-box.blue h2,.dk-box.blue h3{color:#fff}
.dk-box h3{margin:0;font-size:14px;font-weight:700;font-family:inherit;display:flex;align-items:center;gap:10px;color:var(--fx-ink)}
.dk-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dk-hi{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--fx-soft);border:1px solid var(--fx-line);flex:none;color:var(--fx-ink)}
.dk-hi svg{width:18px;height:18px}
.dk-box.dark .dk-hi{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}
.dk-box.blue .dk-hi{background:rgba(255,255,255,.95);border-color:transparent;color:var(--fx-g2)}
.dk-big{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}
.dk-big.xl{font-size:46px}
.dk-big .fx-cur{font-weight:600;color:inherit;opacity:.6;margin-right:2px}
.dk-big small,.dk-count small{font-size:.55em;font-weight:600;opacity:.65;margin-left:2px}
.dk-note{font-size:12.5px;color:var(--fx-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dk-box.dark .dk-note,.dk-box.blue .dk-note{color:rgba(255,255,255,.75)}
.dk-chip{display:inline-flex;align-items:center;gap:3px;border-radius:99px;padding:3px 9px 3px 6px;font-size:11.5px;font-weight:800}
.dk-chip svg{width:13px;height:13px}
.dk-chip.g{background:#E3F6EC;color:#11744A}
.dk-chip.b{background:#FDE6E5;color:#B32A26}
:root[data-theme="dark"] .dk-chip.g{background:#123B2A;color:#7FE0B0} :root[data-theme="dark"] .dk-chip.b{background:#43191B;color:#FFAAA6}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .dk-chip.g{background:#123B2A;color:#7FE0B0} :root:not([data-theme]) .dk-chip.b{background:#43191B;color:#FFAAA6} }
.dk-chipl{font-size:12px;color:var(--fx-muted)}
.dk-btns{display:flex;gap:10px;flex-wrap:wrap}
.dk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--fx-line);background:var(--fx-soft);color:var(--fx-ink);font-weight:700;border-radius:99px;padding:11px 18px;font-size:13px;flex:1 1 auto;white-space:nowrap}
.dk-btn svg{width:17px;height:17px}
.dk-btn.dark{background:var(--fx-dark);border-color:var(--fx-dark);color:#fff}
.dk-btn.acc{background:var(--fx-acc);border-color:var(--fx-acc);color:#fff}
.dk-btn.white{background:#fff;border-color:#fff;color:#16192B}
.dk-btn.sm{padding:7px 12px;font-size:12px;flex:0 0 auto}
.dk-seg{display:inline-flex;gap:4px;background:var(--fx-soft);border:1px solid var(--fx-line);border-radius:99px;padding:4px}
.dk-seg button{border:0;background:transparent;border-radius:99px;padding:7px 14px;font-weight:700;font-size:12.5px;color:var(--fx-muted)}
.dk-seg button[aria-pressed="true"]{background:var(--fx-card);color:var(--fx-ink);box-shadow:0 2px 8px -4px rgba(20,25,60,.35)}
.dk-psel{flex:0 0 auto;min-width:170px;gap:8px}
.dk-empty{margin:8px 0 0;font-size:12.5px;color:var(--fx-muted)}
.dk-row{display:grid;gap:16px;min-width:0}
.dk-row > *{min-width:0}
.dk-legend,.dk-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--fx-muted)}
.dk-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--fx-acc)}
.dk-leg i.b2{background:var(--fx-acc3)} .dk-leg i.out{background:#9AA3BD} .dk-leg i.kept{background:var(--fx-down)} .dk-leg i.dark{background:var(--fx-dark)}
.dk-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.dk-li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--fx-soft);border:1px solid var(--fx-line);min-width:0}
.dk-li b{font-size:13.5px} .dk-li span{font-size:12px;color:var(--fx-muted)}
.dk-li .grow{flex:1;min-width:0} .dk-li .grow b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dk-li .grow span{display:block;line-height:1.4} .dk-li > .fx-num,.dk-li > .dk-btn{flex:none}
.dk-cols{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0}
.dk-yax{display:flex;flex-direction:column;justify-content:space-between;height:var(--ch);font-size:11px;color:var(--fx-muted);text-align:right;padding-bottom:0}
.dk-yax span{line-height:1;transform:translateY(-50%)} .dk-yax span:first-child{transform:none} .dk-yax span:last-child{transform:translateY(-100%)}
.dk-plot{position:relative;height:var(--ch);min-width:0}
.dk-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.dk-grid i{display:block;border-top:1px dashed var(--fx-line)}
.dk-cw{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(4px,1.4vw,14px);align-items:end}
.dk-c{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;outline:none;min-width:0}
.dk-cb{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.dk-tr{position:absolute;inset:0;border-radius:12px;background:var(--fx-soft);border:1px solid var(--fx-line)}
.dk-b{display:block;position:relative;flex:1;max-width:46px;height:var(--h);border-radius:10px 10px 4px 4px;background:color-mix(in srgb,var(--fx-acc3) 70%,var(--fx-soft));transform-origin:50% 100%}
.dk-cols.multi .dk-b{max-width:22px;border-radius:8px 8px 3px 3px}
.dk-b.b2{background:var(--fx-acc3);opacity:.55}
.dk-b.out{background:#B9C0D4}
.dk-b.neg{background:#F2B8B5}
.dk-c.on .dk-b,.dk-c:hover .dk-b,.dk-c:focus .dk-b{background:linear-gradient(180deg,var(--fx-acc2),var(--fx-acc));opacity:1}
.dk-c.on .dk-b.stripe,.dk-c:hover .dk-b.stripe{background:repeating-linear-gradient(135deg,var(--fx-acc) 0 6px,var(--fx-acc2) 6px 12px)}
.dk-c.on .dk-b.b2,.dk-c:hover .dk-b.b2{background:var(--fx-ink);opacity:.85}
.dk-c.on .dk-b.out,.dk-c:hover .dk-b.out{background:#7B84A0}
.dk-tip{position:absolute;left:50%;bottom:calc(100% - 4px);transform:translate(-50%,6px);background:var(--fx-card);color:var(--fx-ink);border:1px solid var(--fx-line);box-shadow:0 14px 30px -18px rgba(20,25,60,.5);border-radius:12px;padding:8px 11px;font-size:11.5px;white-space:nowrap;display:grid;gap:2px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:3}
.dk-tip b{font-size:13px}
.dk-tip .r{display:flex;justify-content:space-between;gap:14px} .dk-tip .r i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--fx-acc)} .dk-tip .r i.b2{background:var(--fx-acc3)} .dk-tip .r i.out{background:#9AA3BD}
.dk-c:hover .dk-tip,.dk-c:focus .dk-tip{opacity:1;transform:translate(-50%,0)}
.dk-cw:not(:hover):not(:focus-within) .dk-c.on .dk-tip{opacity:1;transform:translate(-50%,0)}
.dk-xl{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:11px;color:var(--fx-muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-cols + .dk-leg,.dk-cols{margin-bottom:18px}
.dk-c:first-child .dk-tip{left:0;transform:translate(0,6px)} .dk-c:first-child:hover .dk-tip,.dk-cw:not(:hover) .dk-c.on:first-child .dk-tip{transform:translate(0,0)}
.dk-c:last-child .dk-tip{left:auto;right:0;transform:translate(0,6px)} .dk-c:last-child:hover .dk-tip,.dk-cw:not(:hover) .dk-c.on:last-child .dk-tip{transform:translate(0,0)}
.dk-area svg{width:100%;height:auto;display:block;overflow:visible}
.dk-af{fill:url(#dkag)}
.dk-al{fill:none;stroke:var(--fx-acc);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.dk-al.b2{stroke:var(--fx-acc3)} .dk-al.out{stroke:#9AA3BD;stroke-dasharray:4 4}
.dk-ad{fill:var(--fx-card);stroke:var(--fx-acc);stroke-width:2;vector-effect:non-scaling-stroke}
.dk-axl{display:flex;justify-content:space-between;font-size:11px;color:var(--fx-muted);margin-top:4px}
.dk-gauge,.dk-semi{position:relative;max-width:280px;margin:0 auto;width:100%}
.dk-gauge svg,.dk-semi svg{width:100%;display:block}
.dk-gs{fill:var(--fx-soft);stroke:var(--fx-line);stroke-width:1}
.dk-gs.on{fill:var(--fx-acc);stroke:none;opacity:var(--o)}
.dk-gv{position:absolute;left:0;right:0;bottom:2px;text-align:center;display:grid}
.dk-gv b{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--fx-ink)} .dk-gv span{font-size:12px;color:var(--fx-muted)}
.dk-semi-bg{fill:none;stroke:url(#dkst);stroke-width:30}
.dk-semi-fg{fill:none;stroke:var(--fx-acc);stroke-width:30;stroke-linecap:round;stroke-dasharray:var(--p) 100}
.dk-rings{position:relative;max-width:220px;margin:0 auto;width:100%}
.dk-rings svg{width:100%;display:block;transform:rotate(135deg)}
.dk-rbg{fill:none;stroke:var(--fx-soft);stroke-width:9;stroke-linecap:round;stroke-dasharray:75 100}
.dk-rf{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:var(--p) 100;stroke:var(--fx-acc)}
.dk-rf.r2{stroke:var(--fx-g1)} .dk-rf.r3{stroke:var(--fx-up)}
.dk-rv{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.dk-rv b{font-size:26px;font-weight:800} .dk-rv span{font-size:11.5px;color:var(--fx-muted)}
.dk-rl{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.dk-rl li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.dk-rl li i{width:12px;height:12px;border-radius:4px;background:var(--fx-acc)} .dk-rl li i.r2{background:var(--fx-g1)} .dk-rl li i.r3{background:var(--fx-up)}
.dk-rl li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dk-rl li em{grid-column:2/4;font-style:normal;font-size:11.5px;color:var(--fx-muted);margin-top:-6px}
.dk-bub{position:relative;height:190px}
.dk-bb{position:absolute;width:var(--s);aspect-ratio:1;max-width:150px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;box-shadow:0 10px 26px -16px rgba(20,25,60,.6);border:3px solid var(--fx-card)}
.dk-bb.b0,.dk-bd.b0{background:var(--fx-acc)} .dk-bb.b1,.dk-bd.b1{background:var(--fx-acc2)} .dk-bb.b2,.dk-bd.b2{background:var(--fx-g1)} .dk-bb.b3,.dk-bd.b3{background:var(--fx-acc3);color:var(--fx-ink)}
.dk-bl{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.dk-bl li{display:grid;grid-template-columns:12px minmax(0,1fr) 80px;gap:10px;align-items:center;font-size:13px}
.dk-bd{width:12px;height:12px;border-radius:50%}
.dk-bl li i{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--fx-acc) var(--w),var(--fx-soft) var(--w))}
.dk-split{display:flex;gap:6px;align-items:flex-end;margin-top:10px}
.dk-sp{flex:0 0 var(--w);min-width:28px;display:grid;gap:6px;text-align:center}
.dk-sp span{font-size:11.5px;font-weight:700;color:var(--fx-muted)}
.dk-sp i{height:10px;border-radius:99px;background:var(--fx-dark)}
.dk-sp.out i{background:#9AA3BD} .dk-sp.acc i{background:var(--fx-acc)} .dk-sp.kept i{background:var(--fx-down)}
.dk-sp.acc span{background:var(--fx-acc);color:#fff;border-radius:99px;padding:2px 6px;justify-self:center}
.dk-goals{display:grid;gap:10px}
.dk-goal{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(80px,1.1fr) auto;gap:12px;align-items:center;background:var(--fx-dark2);border:1px solid var(--fx-dark3);border-radius:14px;padding:10px 12px}
.dk-goal b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-gi{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.dk-gi svg{width:15px;height:15px}
.dk-gp{font-size:12.5px;font-weight:700;color:#D9DCEA}
.dk-gbar{height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.dk-gbar i{display:block;height:100%;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--fx-acc2),var(--fx-acc3))}
.dk-ga{font-size:12.5px;font-weight:700;white-space:nowrap} .dk-ga small{color:#A9AEC6;font-weight:600}
.dk-strip{display:flex;align-items:flex-end;gap:8px;height:120px}
.dk-st{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.dk-st i{display:block;width:100%;max-width:16px;height:var(--h);border-radius:99px;background:var(--fx-line);transform-origin:50% 100%}
.dk-st.on i{background:var(--fx-acc)} .dk-st.neg i{background:#F2B8B5} .dk-st.on.neg i{background:var(--fx-up)}
.dk-st span{font-size:10.5px;color:var(--fx-muted);white-space:nowrap}
.dk-lol{display:flex;align-items:flex-end;gap:10px;height:130px}
.dk-lc{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0;position:relative}
.dk-lc i{width:6px;height:var(--h);border-radius:99px;background:var(--fx-line);transform-origin:50% 100%;position:relative}
.dk-lc b{position:absolute;bottom:calc(var(--h) + 14px);width:14px;height:14px;border-radius:50%;background:var(--fx-card);border:3px solid var(--fx-line)}
.dk-lc.on i{background:var(--fx-acc)} .dk-lc.on b{border-color:var(--fx-acc);background:var(--fx-acc)}
.dk-lc span{font-size:10.5px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dk-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.dk-tbl th{text-align:left;font-weight:600;color:var(--fx-muted);background:var(--fx-soft);padding:11px 12px;font-size:12.5px;white-space:nowrap}
.dk-tbl th:first-child{border-radius:12px 0 0 12px} .dk-tbl th:last-child{border-radius:0 12px 12px 0}
.dk-tbl td{padding:12px;border-bottom:1px solid var(--fx-line);vertical-align:middle}
.dk-tbl td.r,.dk-tbl th.r{text-align:right}
.dk-tbl tr:last-child td{border-bottom:0}
.dk-tbwrap{overflow-x:auto;min-width:0}
.dk-pill{display:inline-block;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:700;background:var(--fx-soft);border:1px solid var(--fx-line);white-space:nowrap}
.dk-pill.g{background:#E3F6EC;border-color:#C8EBD8;color:#11744A} .dk-pill.a{background:#FFF3DD;border-color:#F6E0B5;color:#8A5A06} .dk-pill.r{background:#FDE6E5;border-color:#F7CAC8;color:#B32A26}
:root[data-theme="dark"] .dk-pill.g{background:#123B2A;color:#7FE0B0;border-color:#1D5A41} :root[data-theme="dark"] .dk-pill.a{background:#3E2E10;color:#FFD48A;border-color:#5E4718} :root[data-theme="dark"] .dk-pill.r{background:#43191B;color:#FFAAA6;border-color:#652528}
@media (prefers-reduced-motion:no-preference){
  .dk-play .fx-card,.dk-play .dk-box,.dk-play .fx-panel,.dk-play .fx-ttl{animation:dkUp .7s cubic-bezier(.16,1,.3,1) both}
  .dk-play .fx-cards > :nth-child(2),.dk-play .dk-row > :nth-child(2){animation-delay:.07s} .dk-play .fx-cards > :nth-child(3),.dk-play .dk-row > :nth-child(3){animation-delay:.14s} .dk-play .fx-cards > :nth-child(4),.dk-play .dk-row > :nth-child(4){animation-delay:.21s}
  .dk-play .dk-b,.dk-play .fx-bars .b i,.dk-play .dk-st i,.dk-play .dk-lc i{animation:dkRise 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i,0)*70ms + var(--j,0)*40ms)}
  .dk-play .dk-lc b{animation:dkPop .5s ease-out both;animation-delay:calc(.9s + var(--i,0)*70ms)}
  .dk-play .dk-al,.dk-play .fx-line path[stroke]{animation:dkWipe 1.6s cubic-bezier(.45,0,.2,1) .3s both}
  .dk-play .dk-al.out{stroke-dasharray:none;stroke-dashoffset:0;animation:dkFade 1s ease .8s both}
  .dk-play .dk-af{animation:dkFade 1.2s ease .6s both}
  .dk-play .dk-ad,.dk-play .fx-line circle{animation:dkPop .45s ease-out both;animation-delay:calc(.5s + var(--i,0)*120ms)}
  .dk-play .dk-gs.on{animation:dkSeg .45s ease-out both;animation-delay:calc(.3s + var(--i)*55ms)}
  .dk-play .dk-semi-fg{animation:dkSweep 1.4s cubic-bezier(.16,1,.3,1) .3s both}
  .dk-play .dk-rf{animation:dkSweep 1.4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--i)*150ms)}
  .dk-play .dk-bb{animation:dkBub .8s cubic-bezier(.34,1.4,.64,1) both;animation-delay:calc(.3s + var(--i)*110ms)}
  .dk-play .dk-sp i,.dk-play .dk-gbar i,.dk-play .dk-bl li i{transform-origin:0 50%;animation:dkGrow 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.35s + var(--i,0)*90ms)}
  .dk-play .dk-goal,.dk-play .fx-it,.dk-play .dk-li,.dk-play .dk-tbl tbody tr{animation:dkUp .55s cubic-bezier(.16,1,.3,1) both}
  .dk-play .fx-it:nth-child(2),.dk-play .dk-li:nth-child(2),.dk-play .dk-goal:nth-child(2),.dk-play .dk-tbl tbody tr:nth-child(2){animation-delay:.06s}
  .dk-play .fx-it:nth-child(3),.dk-play .dk-li:nth-child(3),.dk-play .dk-goal:nth-child(3),.dk-play .dk-tbl tbody tr:nth-child(3){animation-delay:.12s}
  .dk-play .fx-it:nth-child(4),.dk-play .dk-li:nth-child(4),.dk-play .dk-goal:nth-child(4),.dk-play .dk-tbl tbody tr:nth-child(4){animation-delay:.18s}
  .dk-play .fx-it:nth-child(n+5),.dk-play .dk-li:nth-child(n+5),.dk-play .dk-tbl tbody tr:nth-child(n+5){animation-delay:.24s}
  .dk-play .fx-pc{animation:dkRise .8s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 100%}
  .dk-play .fx-pc:nth-child(2){animation-delay:.1s} .dk-play .fx-pc:nth-child(3){animation-delay:.2s}
  .dk-play .fx-illu{animation:dkFade 1s ease .2s both}
  .fx-desk .dk-c .dk-b,.fx-desk .dk-tile,.fx-desk .fx-it{transition:background .2s,transform .2s}
}
@keyframes dkUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes dkRise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes dkGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dkDraw{to{stroke-dashoffset:0}}
@keyframes dkWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes dkFade{from{opacity:0}to{opacity:1}}
@keyframes dkPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@keyframes dkSeg{from{opacity:0}to{opacity:var(--o)}}
@keyframes dkSweep{from{stroke-dasharray:0 100}}
@keyframes dkBub{from{opacity:0;transform:translate(-50%,-50%) scale(.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.dk-ad,.dk-lc b{transform-box:fill-box;transform-origin:center}
.dk-mny{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}
.dk-col{display:grid;gap:16px;align-content:start;min-width:0}
.dk-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dk-g2.sm{gap:10px}
.dk-bal .dk-btns{margin-top:6px}
.dk-pix{position:absolute;right:22px;top:64px;display:grid;grid-template-columns:repeat(4,10px);gap:3px;align-items:end;opacity:.9}
.dk-pix i{display:block;width:10px;height:calc(var(--h)*4px);border-radius:2px;background:linear-gradient(180deg,var(--fx-acc2),var(--fx-acc3));opacity:.55}
.dk-pix i:nth-child(3n){opacity:.9}
.dk-rep{min-height:190px;align-content:end}
.dk-cardsx{position:absolute;right:-6px;top:-8px;width:62%;height:62%;pointer-events:none}
.dk-cardsx i{position:absolute;width:62%;height:78%;border-radius:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 24px -14px rgba(0,0,0,.4)}
.dk-cardsx i:nth-child(1){left:6%;top:30%;transform:rotate(-12deg)} .dk-cardsx i:nth-child(2){left:24%;top:18%;transform:rotate(-4deg)} .dk-cardsx i:nth-child(3){left:42%;top:8%;transform:rotate(6deg);background:rgba(255,255,255,.26)}
.dk-repg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid rgba(255,255,255,.25);padding-top:10px;position:relative}
.dk-repg div{display:grid;gap:2px;min-width:0} .dk-repg span{font-size:11.5px;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dk-repg b{font-size:17px}
.dk-mny2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dk-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dk-kpi{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:var(--fx-r);padding:18px 20px;display:grid;gap:8px;text-align:left;color:var(--fx-ink);min-width:0;cursor:pointer}
.dk-kpi.on{background:linear-gradient(150deg,var(--fx-acc),var(--fx-acc2) 70%,var(--fx-acc3));border-color:transparent;color:#fff;box-shadow:0 18px 34px -22px var(--fx-acc)}
.dk-kh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:13.5px;font-weight:600}
.dk-ki{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--fx-dark);color:#fff;flex:none}
.dk-ki svg{width:18px;height:18px}
.dk-kpi.on .dk-ki{background:#fff;color:var(--fx-acc)}
.dk-kpi .dk-big{font-size:30px}
.dk-kn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--fx-muted)}
.dk-kpi.on .dk-kn{color:rgba(255,255,255,.85)} .dk-kpi.on .dk-chip{background:rgba(255,255,255,.22);color:#fff}
.dk-an{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px}
.dk-mini{border:1px solid var(--fx-line);background:var(--fx-soft);border-radius:14px;padding:12px 14px;display:grid;gap:4px}
.dk-mini span{font-size:12px;color:var(--fx-muted)} .dk-mini b{font-size:19px;font-weight:800}
.dk-say{margin:4px 0 0;font-size:13px;color:var(--fx-muted)}
.dk-share{display:flex;align-items:center;gap:8px;min-width:110px} .dk-share i{flex:1;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--fx-acc) var(--w),var(--fx-soft) var(--w))} .dk-share em{font-style:normal;font-size:12px;color:var(--fx-muted);width:34px;text-align:right}
.dk-cfo1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr);gap:16px}
.dk-today{background:linear-gradient(160deg,var(--fx-dark) 0%,var(--fx-dark2) 100%)}
.dk-cfo2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.dk-tile .dk-big{font-size:26px}
.dk-cfo3{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.dk-cfo4{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.1fr);gap:16px}
.dk-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--fx-acc);color:#fff;font-weight:800;font-size:12.5px;flex:none}
.dk-swot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dk-sw{border:1px solid var(--fx-line);border-radius:14px;padding:10px 12px;display:grid;gap:6px;align-content:start;background:var(--fx-soft);font-size:12.5px}
.dk-sw b{display:flex;align-items:center;gap:6px;font-size:13px} .dk-sw b svg{width:15px;height:15px}
.dk-sw.g b{color:#11744A} .dk-sw.r b{color:#B32A26} .dk-sw.a b{color:#8A5A06}
:root[data-theme="dark"] .dk-sw.g b{color:#7FE0B0} :root[data-theme="dark"] .dk-sw.r b{color:#FFAAA6} :root[data-theme="dark"] .dk-sw.a b{color:#FFD48A}
.dk-sw ul{margin:0;padding-left:16px;display:grid;gap:4px;color:var(--fx-ink)} .dk-sw span{color:var(--fx-muted)}
.dk-notes{margin:0;padding-left:18px;font-size:12.5px;color:var(--fx-muted);display:grid;gap:4px}
.dk-legacy > .panel{border:0;padding:0;background:transparent;box-shadow:none}
.dk-legacy h2{font-size:16px}
@media (max-width:1280px){ .dk-cfo1{grid-template-columns:repeat(2,minmax(0,1fr))} .dk-cfo4{grid-template-columns:repeat(2,minmax(0,1fr))} .dk-cfo4 > :last-child{grid-column:1/-1} }
@media (max-width:1100px){ .dk-mny,.dk-an,.dk-cfo2,.dk-cfo3{grid-template-columns:minmax(0,1fr)} .dk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){
  .dk-g2,.dk-mny2,.dk-cfo1,.dk-cfo4,.dk-swot{grid-template-columns:minmax(0,1fr)}
  .dk-kpis{grid-template-columns:minmax(0,1fr)}
  .dk-cfo4 > :last-child{grid-column:auto}
  .dk-big.xl{font-size:36px}
  .dk-pix{display:none}
  .dk-goal{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px} .dk-goal .dk-gbar{grid-column:1/-1;order:5} .dk-goal .dk-ga{grid-column:2/4}
  .dk-ttl .fx-cta{width:100%}
  .dk-psel{flex:1 1 100%}
  .fx-desk .fx-ttl .dk-seg{width:100%;justify-content:space-between}
  .dk-tbl{font-size:12.5px}
}
.dk-g2 .dk-big,.dk-tile .dk-big,.dk-cfo1 .dk-big{font-size:clamp(20px,1.9vw,28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-cfo1 .dk-big.xl{font-size:clamp(26px,2.6vw,40px)}
.dk-cols{padding-top:56px}
@media (max-width:640px){
  .dk-hd > .dk-btns{flex:1 1 100%} .dk-hd > .dk-btns .fx-sel{min-width:0!important;flex:1 1 100%}
  .dk-tip{white-space:normal;min-width:130px;max-width:190px}
  .dk-cols{padding-top:70px}
}
@media (max-width:640px){
  .dk-hd > .dk-btns{flex:1 1 100%!important}
  .dk-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dk-kpi{padding:14px;gap:6px} .dk-kpi .dk-big{font-size:clamp(17px,5vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dk-kh{font-size:12px} .dk-ki{width:32px;height:32px} .dk-ki svg{width:15px;height:15px} .dk-kn{font-size:11px}
  .dk-ask .fx-sel{display:flex!important;flex:1 1 calc(50% - 6px)}
}
.dk-sp{flex:0 1 var(--w)}
.dk-legacy{overflow-x:auto}
.dk-cols.hov{padding-top:6px}
.dk-cols.hov .dk-cw:not(:hover):not(:focus-within) .dk-c.on .dk-tip{opacity:0}
.dk-cols.hov .dk-tip{bottom:auto;top:0}
#mdgmRoot .fx-tile b{font-size:14.5px;overflow-wrap:normal;word-break:normal;hyphens:auto}
.pf-shell.pf-dark{--fx-card:#1E2024;--fx-soft:#26292E;--fx-ink:#F2F3F5;--fx-muted:#9AA0AA;--fx-line:#2F3338;background:#17191C;color:var(--fx-ink)}
.pf-shell.pf-dark .fx-ttl h1{color:#F2F3F5}
.pf-stats{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.6fr);gap:16px}
.pf-stat{display:flex!important;align-items:center;justify-content:space-between;gap:14px}
.pf-stat .dk-big{font-size:40px}
.pf-sico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}
.pf-sico.g{background:#2E8B57} .pf-sico.b{background:#2563EB}
.pf-sico svg{width:20px;height:20px}
.pf-time{align-items:flex-start!important;flex-wrap:wrap}
.pf-time h3{font-size:19px;font-weight:600;max-width:260px}
.pf-clock{display:flex;align-items:flex-start;gap:8px}
.pf-clock span{display:grid;justify-items:center}
.pf-clock b{font-size:40px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.pf-clock small{font-size:10px;letter-spacing:.12em;color:var(--fx-muted);margin-top:6px}
.pf-clock i{font-style:normal;font-size:34px;font-weight:800;line-height:1}
.pf-podium{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.pf-pc{position:relative;gap:18px!important;overflow:visible}
.pf-pc.gold{border:2px solid #E8B530;box-shadow:0 0 0 4px rgba(232,181,48,.08)}
.pf-medal{position:absolute;right:18px;top:-6px;width:58px;height:76px}
.pf-who{display:flex;align-items:center;gap:12px;position:relative;padding-right:60px}
.pf-who b{display:block;font-size:17px} .pf-who span{font-size:12.5px;color:var(--fx-muted)}
.pf-who .fx-av.lg{width:58px;height:58px;font-size:18px;border:3px solid var(--fx-soft)}
.pf-rk{position:absolute;left:38px;top:36px;width:24px;height:24px;border-radius:50%;background:#5B47F5;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid var(--fx-card)}
.pf-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pf-nums small{display:block;font-size:11px;letter-spacing:.08em;color:var(--fx-muted)} .pf-nums b{font-size:22px;font-weight:700}
.pf-chips{display:flex;gap:10px;flex-wrap:wrap}
.pf-chip{display:inline-flex;align-items:center;gap:8px;background:var(--fx-soft);border-radius:99px;padding:8px 14px;font-weight:700;font-size:13px}
.pf-chip svg{width:16px;height:16px;color:#E8B530}
.pf-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.pf-br.dash{border-style:dashed;border-color:color-mix(in srgb,var(--fx-acc) 55%,transparent)}
.pf-avs{display:flex}
.pf-avs .fx-av{margin-left:-8px;border:2px solid var(--fx-card)} .pf-avs .fx-av:first-child{margin-left:0}
.fx-av.sm{width:30px;height:30px;font-size:11px}
.pf-prog{display:flex;justify-content:space-between;font-size:13px} .pf-prog span{color:var(--fx-muted)}
.pf-bar{height:7px;border-radius:99px;background:var(--fx-soft);overflow:hidden} .pf-bar i{display:block;height:100%;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--fx-acc),var(--fx-acc2))}
.pf-foot{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--fx-muted);flex-wrap:wrap}
.pf-foot span{display:inline-flex;align-items:center;gap:5px} .pf-foot svg{width:14px;height:14px}
.pf-row2{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px}
.pf-rank h2{font-size:24px}
.pf-rn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--fx-soft);font-weight:700;font-size:12px;margin-right:4px}
.pf-up{color:#2E9E6A;font-weight:700;font-size:12px} .pf-dn{color:#D9534F;font-weight:700;font-size:12px}
.pf-tw{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left;color:inherit}
.pf-tw b{display:block}
.pf-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:left}
.pf-g4 b{display:block;font-size:22px;font-weight:800} .pf-g4 > div > span{font-size:11.5px;color:var(--fx-muted)}
.pf-g4 .g b{color:#2E9E6A} .pf-g4 .a b{color:#E0A93B} .pf-g4 .r b{color:#E07A3B}
.pf-dark .dk-tbl th{background:var(--fx-soft)} .pf-dark .dk-tbl td{border-color:var(--fx-line)}
.pf-dark .dk-gs{fill:#2A2E33;stroke:#34383E}
.sp-head{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
.sp-seg{flex:1 1 420px;display:flex;gap:6px;align-items:flex-end}
.sp-sg{flex:0 1 var(--w);display:grid;gap:6px;min-width:56px}
.sp-sg small{font-size:12px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-sg span{height:34px;border-radius:99px;display:grid;place-items:center;font-weight:700;font-size:12.5px;color:#fff;background:var(--fx-g1)}
.sp-sg.o span{background:var(--fx-acc)} .sp-sg.c span{background:var(--fx-acc2)} .sp-sg.x span{background:repeating-linear-gradient(135deg,var(--fx-line) 0 6px,var(--fx-soft) 6px 12px);color:var(--fx-ink)} .sp-sg.n span{background:transparent;border:1px solid var(--fx-line);color:var(--fx-muted)}
.sp-bigs{display:flex;gap:26px}
.sp-bigs div{display:grid;justify-items:end}
.sp-bigs b{font-size:48px;font-weight:600;line-height:1;letter-spacing:-.02em}
.sp-bigs > div > span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fx-muted)} .sp-bigs svg{width:14px;height:14px}
.sp-r1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:16px}
.sp-c1{display:grid;gap:16px}
.sp-stripe{height:50px;border-radius:14px;background:var(--fx-soft);border:1px solid var(--fx-line);overflow:hidden}
.sp-stripe i{display:block;height:100%;width:var(--w);border-radius:14px;background:repeating-linear-gradient(135deg,var(--fx-acc) 0 10px,var(--fx-acc2) 10px 20px);transform-origin:0 50%}
.sp-r2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr);gap:16px}
.sp-hero{padding:0!important;min-height:250px;background:linear-gradient(160deg,var(--fx-g2),var(--fx-g1))!important;color:#fff;justify-items:stretch;align-content:end}
.sp-face{position:absolute;inset:0;display:grid;place-items:center;font-size:72px;font-weight:800;color:rgba(255,255,255,.85);background-blend-mode:overlay}
.sp-hn{position:relative;padding:0 18px;display:grid} .sp-hn b{font-size:18px} .sp-hn span{font-size:12.5px;color:rgba(255,255,255,.8)}
.sp-hv{position:relative;margin:10px 18px 18px;justify-self:start;border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:8px 14px;font-weight:700;background:rgba(255,255,255,.12)}
.sp-bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:24px}
.sp-b{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative;min-width:0}
.sp-b i{width:8px;height:var(--h);border-radius:99px;background:var(--fx-g1);transform-origin:50% 100%}
.sp-b.on i{background:var(--fx-acc);width:10px}
.sp-b em{position:absolute;top:-24px;font-style:normal;font-size:11px;font-weight:700;background:var(--fx-acc);color:#fff;border-radius:99px;padding:3px 8px}
.sp-b span{font-size:11px;color:var(--fx-muted)}
.sp-tw{display:grid;place-items:center;position:relative}
.sp-ring{width:170px;height:170px;transform:rotate(-90deg)}
.sp-ring line{stroke:var(--fx-line);stroke-width:1.5}
.sp-ring .bg{fill:none;stroke:var(--fx-soft);stroke-width:10} .sp-ring .fg{fill:none;stroke:var(--fx-acc);stroke-width:10;stroke-linecap:round}
.sp-tv{position:absolute;display:grid;justify-items:center;text-align:center;max-width:110px} .sp-tv b{font-size:30px;font-weight:800} .sp-tv span{font-size:11px;color:var(--fx-muted)}
.sp-steps{background:var(--fx-g1);border-radius:16px;padding:14px;display:grid;gap:8px;margin-top:6px}
.sp-step{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:0;border-radius:12px;padding:8px 10px;color:#fff;text-align:left}
.sp-step span:nth-child(2){flex:1;min-width:0;display:grid} .sp-step b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sp-step small{font-size:11.5px;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-step > svg{width:15px;height:15px;flex:none}
.sp-map{background:linear-gradient(160deg,color-mix(in srgb,var(--fx-acc3) 30%,var(--fx-card)),var(--fx-card))}
.sp-brow{display:flex;align-items:center;gap:10px;justify-content:space-between}
.sp-bl{flex:1;min-width:0;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:99px;padding:9px 16px;display:grid}
.sp-bl b{font-size:13px} .sp-bl small{font-size:11.5px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-bp{display:inline-flex;align-items:center;gap:6px;background:var(--fx-acc);color:#fff;border-radius:99px;padding:9px 16px;font-weight:700;white-space:nowrap} .sp-bp svg{width:15px;height:15px}
@media (prefers-reduced-motion:no-preference){
  .dk-play .sp-b i,.dk-play .wk-pill i,.dk-play .wk-tt i{animation:dkRise 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i,0)*70ms)}
  .dk-play .sp-sg span,.dk-play .sp-stripe i,.dk-play .pf-bar i{transform-origin:0 50%;animation:dkGrow 1.1s cubic-bezier(.16,1,.3,1) both .3s}
  .dk-play .sp-ring .fg{animation:dkSweep 1.4s cubic-bezier(.16,1,.3,1) .3s both}
  .dk-play .pf-pc{animation:dkUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--i)*90ms)}
  .dk-play .pf-medal{animation:pfSwing 1.6s ease-out .6s both;transform-origin:50% 0}
  .dk-play .wk-card,.dk-play .wk-s{animation:dkUp .55s cubic-bezier(.16,1,.3,1) both}
}
@keyframes pfSwing{0%{transform:rotate(-14deg);opacity:0}40%{opacity:1}60%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}100%{transform:none}}
.wk-kpis .dk-kpi.on{background:linear-gradient(150deg,#1F6E43,#2E8B57 60%,#46A86E)}
.wk-kpis .dk-kpi .dk-ki{background:transparent;border:1px solid var(--fx-line);color:var(--fx-ink)}
.wk-kpis .dk-kpi.on .dk-ki{background:#fff;color:#1F6E43;border-color:#fff}
.wk-r1{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.wk-r2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr);gap:16px}
.wk-pills{display:flex;align-items:flex-end;gap:12px;height:170px;padding-top:26px}
.wk-pill{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;position:relative;min-width:0}
.wk-pill i{display:block;width:100%;max-width:54px;height:var(--h);border-radius:99px;background:#2E8B57;transform-origin:50% 100%}
.wk-pill:nth-child(3n) i{background:#5DBB85} .wk-pill:nth-child(4n) i{background:#1F5E3A}
.wk-pill.fut i{background:repeating-linear-gradient(135deg,var(--fx-line) 0 5px,transparent 5px 10px);border:1.5px solid var(--fx-line)}
.wk-pill.on i{box-shadow:0 0 0 3px color-mix(in srgb,#2E8B57 30%,transparent)}
.wk-pill em{position:absolute;top:0;font-style:normal;font-size:11px;font-weight:700;border:1px solid var(--fx-line);background:var(--fx-card);border-radius:8px;padding:2px 7px}
.wk-pill span{font-size:12px;color:var(--fx-muted)}
.wk-rem .wk-rt{font-size:22px;font-weight:700;line-height:1.2;color:#1F6E43}
:root[data-theme="dark"] .wk-rem .wk-rt{color:#7FE0B0}
.wk-rem .dk-btn.dark{background:#1F6E43;border-color:#1F6E43}
.wk-tl .grow{background:none;border:0;padding:0;text-align:left;color:inherit;min-width:0}
.wk-late{color:#C2302C!important;font-weight:700}
.wk-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.wk-dd{border:0;background:transparent;border-radius:14px;padding:8px 0;display:grid;justify-items:center;gap:2px;position:relative;color:var(--fx-ink)}
.wk-dd small{font-size:11px;color:var(--fx-muted)} .wk-dd b{font-size:16px}
.wk-dd.today b{color:var(--fx-acc)} .wk-dd.on{background:var(--fx-acc);color:#fff} .wk-dd.on small,.wk-dd.on b{color:#fff}
.wk-dd i{position:absolute;bottom:3px;width:5px;height:5px;border-radius:50%;background:var(--fx-up)}
.wk-timer{background:radial-gradient(120% 120% at 100% 0%,#2E8B57 0%,#123E27 55%,#0B2618 100%)!important;border-color:transparent!important}
.wk-clock{font-size:40px;font-weight:800;letter-spacing:.02em}
.wk-timer .dk-btn.white{justify-self:start;flex:0 0 auto}
.wk-bh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.wk-tb{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.wk-main{display:grid;gap:16px;align-content:start;min-width:0}
.wk-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wk-s{border-radius:18px;padding:16px 18px;display:grid;gap:6px}
.wk-s > span{font-size:13px;color:#4A5160} .wk-s b{font-size:34px;font-weight:800;color:#16192B}
.wk-s.g{background:#E7F5EE} .wk-s.o{background:#FFF1E6} .wk-s.p{background:#F1ECFF}
:root[data-theme="dark"] .wk-s.g{background:#173527} :root[data-theme="dark"] .wk-s.o{background:#3A2A1C} :root[data-theme="dark"] .wk-s.p{background:#2A2440}
:root[data-theme="dark"] .wk-s > span{color:#C9CEDA} :root[data-theme="dark"] .wk-s b{color:#F2F3F7}
.wk-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.wk-col{display:grid;gap:10px;min-width:0}
.wk-ch{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:10px 14px;color:#fff;font-weight:700}
.wk-ch b{background:#fff;color:#16192B;border-radius:99px;min-width:26px;height:24px;display:grid;place-items:center;font-size:12px;padding:0 6px}
.wk-ch.grey{background:#8E95A3} .wk-ch.blue{background:var(--fx-acc)} .wk-ch.green{background:#2E9E5B}
.wk-card{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:14px;padding:12px 14px;display:grid;gap:8px;text-align:left;color:var(--fx-ink);min-width:0}
.wk-card b{font-size:14px} .wk-card p{margin:0;font-size:12px;color:var(--fx-muted)}
.wk-tags{display:flex;gap:6px;flex-wrap:wrap}
.wk-cf{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fx-muted)} .wk-cf svg{width:13px;height:13px;vertical-align:-2px;margin-right:3px}
.wk-side{display:grid;gap:16px;align-content:start}
.wk-new{background:var(--fx-soft)!important}
.wk-form{display:grid;gap:10px}
.wk-form label{display:grid;gap:5px;font-size:12.5px;font-weight:700}
.wk-form input,.wk-form select,.wk-form textarea{border:1px solid var(--fx-line);border-radius:10px;padding:9px 11px;background:var(--fx-card);color:var(--fx-ink);font:inherit;width:100%}
.wk-ftl{font-size:12.5px;font-weight:700}
.wk-chipsel{display:flex;gap:6px;flex-wrap:wrap}
.wk-chipsel button{border:0;border-radius:99px;padding:6px 12px;font-weight:700;font-size:12px;background:var(--fx-card);border:1px solid var(--fx-line);color:var(--fx-ink)}
.wk-chipsel button[aria-pressed="true"]{background:var(--fx-acc);border-color:var(--fx-acc);color:#fff}
.wk-w{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.wk-wm{display:grid;gap:16px;min-width:0}
.wk-ws{display:grid;gap:16px;align-content:start}
.wk-hero{display:flex!important;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,var(--fx-soft),color-mix(in srgb,var(--fx-acc3) 25%,var(--fx-card)))!important}
.wk-hero h2{font-size:26px} .wk-hero .dk-btn{margin-top:10px}
.wk-house{width:180px;flex:none}
.wk-sts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wk-st{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:16px;padding:14px 16px;display:grid;gap:4px}
.wk-st.on{border-left:4px solid var(--fx-acc)}
.wk-st b{font-size:24px;font-weight:800} .wk-st > span{font-size:12px;color:var(--fx-muted)}
.wk-tp{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:end}
.wk-tbars{display:flex;align-items:flex-end;gap:12px;height:190px}
.wk-tbar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.wk-tt{position:relative;width:26px;height:100%;border-radius:99px;background:transparent}
.wk-tt i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:99px;transform-origin:50% 100%}
.wk-tt i.t{background:color-mix(in srgb,var(--fx-acc3) 45%,var(--fx-soft))} .wk-tt i.v{background:linear-gradient(180deg,var(--fx-acc2),var(--fx-acc));left:5px;right:5px}
.wk-tbar span{font-size:11px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wk-ts{display:grid;gap:12px}
.wk-ts div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}
.wk-ts span{font-size:12px;color:var(--fx-muted);grid-column:1/-1} .wk-ts b{font-size:22px}
.wk-ts em{font-style:normal;font-size:11.5px;font-weight:800;border-radius:99px;padding:3px 8px;color:#fff;background:#E0A93B} .wk-ts em.g{background:#2E9E5B}
.wk-ck{width:22px;height:22px;border-radius:6px;border:2px solid var(--fx-line);display:grid;place-items:center;flex:none}
.wk-ck.on{background:var(--fx-acc);border-color:var(--fx-acc);color:#fff} .wk-ck svg{width:14px;height:14px}
.wk-tline{display:grid;gap:10px}
.wk-tli{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start}
.wk-tli > span{font-size:12px;color:var(--fx-muted);padding-top:10px}
.wk-tli > div{background:var(--fx-soft);border:1px solid var(--fx-line);border-radius:12px;padding:10px 12px;display:grid}
.wk-tli b{font-size:13px} .wk-tli small{font-size:11.5px;color:var(--fx-muted)}
.wk-vis{background:linear-gradient(170deg,color-mix(in srgb,var(--fx-acc3) 45%,var(--fx-card)),color-mix(in srgb,var(--fx-acc3) 20%,var(--fx-card)))!important}
.wk-vl{margin:6px 0 0;font-size:12px;font-weight:700;color:var(--fx-muted);text-transform:uppercase;letter-spacing:.08em}
@media (max-width:1280px){ .wk-r1,.wk-r2,.sp-r2{grid-template-columns:repeat(2,minmax(0,1fr))} .wk-r1 > :first-child,.wk-r2 > :first-child{grid-column:1/-1} .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .pf-time{grid-column:1/-1} }
@media (max-width:1100px){ .pf-podium,.pf-row2,.sp-r1,.wk-tb,.wk-w{grid-template-columns:minmax(0,1fr)} .wk-board{grid-template-columns:repeat(3,minmax(240px,1fr));overflow-x:auto;padding-bottom:6px} }
@media (max-width:640px){
  .pf-stats,.sp-r2,.wk-r1,.wk-r2,.wk-sum,.wk-sts{grid-template-columns:minmax(0,1fr)} .pf-time{grid-column:auto}
  .wk-sum,.wk-sts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-clock b{font-size:30px} .pf-stat .dk-big{font-size:30px}
  .sp-bigs{width:100%;justify-content:space-between} .sp-bigs b{font-size:34px}
  .sp-seg{flex-basis:100%}
  .wk-board{grid-template-columns:repeat(3,minmax(78vw,1fr))}
  .wk-hero{flex-direction:column;align-items:flex-start} .wk-house{width:140px;align-self:flex-end}
  .wk-tp{grid-template-columns:minmax(0,1fr)}
  .pf-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fx-hdr .fx-cta2,.fx-hdr .fx-cta{display:none}
}
.pf-shell .fx-pills,.wk-shell .fx-pills{display:flex!important;overflow-x:auto;scrollbar-width:none;max-width:100%}
.pf-shell .fx-pills::-webkit-scrollbar,.wk-shell .fx-pills::-webkit-scrollbar{display:none}
@media (max-width:640px){ .pf-shell .fx-hdr,.wk-shell .fx-hdr{flex-wrap:wrap} .pf-shell .fx-hdr .dk-seg{width:100%;overflow-x:auto} }
@media (max-width:640px){ .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .pf-time{grid-column:1/-1} .pf-stat{flex-direction:column;align-items:flex-start!important} .dk-seg button{white-space:nowrap} }
.dk-donut{position:relative;max-width:240px;margin:0 auto;width:100%}
.dk-donut svg{width:100%;display:block;transform:rotate(-90deg)}
.dk-ds{fill:none;stroke-width:16;stroke-linecap:butt;cursor:pointer;transition:stroke-width .25s;stroke-dasharray:var(--p) 100;stroke-dashoffset:var(--o)}
.dk-ds.d0{stroke:var(--fx-acc)} .dk-ds.d1{stroke:var(--fx-acc3)} .dk-ds.d2{stroke:var(--fx-g1)} .dk-ds.d3{stroke:#3A3F52} .dk-ds.d4{stroke:#9AA3BD} .dk-ds.d5{stroke:#D8DCE8}
.dk-donut .dk-rv span{font-size:12px} .dk-donut .dk-rv b{font-size:26px}
.dk-dtip{position:absolute;right:-6px;top:22%;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:12px;padding:6px 10px;font-size:11px;color:var(--fx-muted);display:grid;text-align:center;box-shadow:0 10px 24px -18px rgba(20,25,60,.5)} .dk-dtip b{font-size:13px;color:var(--fx-ink)}
.dk-dl{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--fx-ink)}
.dk-dl li{display:flex;align-items:center;gap:6px} .dk-dl i{width:10px;height:10px;border-radius:50%}
.dk-dl i.d0{background:var(--fx-acc)} .dk-dl i.d1{background:var(--fx-acc3)} .dk-dl i.d2{background:var(--fx-g1)} .dk-dl i.d3{background:#3A3F52} .dk-dl i.d4{background:#9AA3BD} .dk-dl i.d5{background:#D8DCE8}
@media (prefers-reduced-motion:no-preference){ .dk-play .dk-ds{animation:dkSweep 1.3s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i)*120ms)} .dk-play .fy-sb,.dk-play .fs-cbw i,.dk-play .ae-mini i{animation:dkRise 1s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 100%;animation-delay:calc(.25s + var(--i,0)*70ms)} .dk-play .fy-lim i{transform-origin:0 50%;animation:dkGrow 1.1s cubic-bezier(.16,1,.3,1) .3s both} .dk-play .ae-ring{animation:dkFade .8s ease .3s both} }
.fy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.05fr);grid-template-areas:"a b c" "d e e";gap:16px}
.fy-a{grid-area:a} .fy-b{grid-area:b} .fy-c{grid-area:c} .fy-d{grid-area:d;display:grid;gap:16px;align-content:start} .fy-e{grid-area:e}
.fy-a > .dk-box,.fy-c > .dk-box{height:100%}
.fy-bal .dk-big{font-size:32px} .fy-bal .dk-hd > span:first-child{font-size:14px;color:var(--fx-muted)}
.fy-wallets{background:var(--fx-soft);border-radius:16px;padding:10px;display:grid;gap:8px}
.fy-wallets .dk-note b{color:var(--fx-ink)}
.fy-wg{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.fy-w{background:var(--fx-card);border-radius:12px;padding:10px;display:grid;gap:3px;min-width:0}
.fy-wh{display:flex;align-items:center;gap:6px;min-width:0} .fy-wh b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fy-flag{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--fx-soft);flex:none} .fy-flag svg{width:11px;height:11px}
.fy-w > b{font-size:16px} .fy-w small{font-size:10.5px;color:var(--fx-muted)}
.fy-st{font-size:11px;font-weight:700} .fy-st.g{color:#1E9E6A} .fy-st.r{color:var(--fx-up)}
.fy-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:100%;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-r);padding:12px}
.fy-kc{background:var(--fx-soft);border-radius:18px;padding:14px;display:grid;gap:10px;align-content:space-between;min-width:0}
.fy-kc .dk-hd span:first-child{font-size:13.5px}
.fy-kc > b{font-size:clamp(22px,2.1vw,30px);font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fy-ki{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--fx-card);border:1px solid var(--fx-line)} .fy-ki svg{width:15px;height:15px}
.fy-kc.on{background:linear-gradient(160deg,var(--fx-acc2),var(--fx-acc) 55%,var(--fx-g1));color:#fff}
.fy-kc.on .fy-ki{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff} .fy-kc.on .dk-note{color:rgba(255,255,255,.85)} .fy-kc.on .dk-chip{background:rgba(255,255,255,.2);color:#fff}
.fy-pl{display:flex;justify-content:space-between;font-size:13px;font-weight:600;background:var(--fx-soft);border-radius:12px 12px 0 0;padding:10px 12px 0}
.fy-stack{display:flex;align-items:flex-end;gap:10px;height:200px;background:var(--fx-soft);border-radius:0 0 14px 14px;padding:12px}
.fy-sc{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.fy-sb{width:100%;max-width:34px;height:var(--h);display:flex;flex-direction:column;border-radius:9px;overflow:hidden;gap:3px}
.fy-sb .k{flex:0 0 var(--f);border-radius:9px;background:repeating-linear-gradient(135deg,var(--fx-acc) 0 5px,var(--fx-acc2) 5px 10px)}
.fy-sb .o{flex:1;border-radius:9px;background:var(--fx-dark)}
.fy-sc span{font-size:11px;color:var(--fx-muted)}
.fy-lim{height:14px;border-radius:99px;background:repeating-linear-gradient(135deg,var(--fx-line) 0 5px,var(--fx-soft) 5px 10px);overflow:hidden;margin-top:6px}
.fy-lim i{display:block;height:100%;width:var(--w);border-radius:99px;background:var(--fx-acc)}
.fy-limn{display:flex;justify-content:space-between;font-size:12px;color:var(--fx-muted);gap:8px} .fy-limn b{color:var(--fx-ink)}
.fy-cr{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.fy-card{flex:0 0 190px;height:118px;border-radius:16px;padding:12px 14px;display:grid;align-content:space-between;color:#fff;background:var(--fx-dark);position:relative;overflow:hidden}
.fy-card.acc{background:linear-gradient(150deg,var(--fx-acc2),var(--fx-acc))}
.fy-card::after{content:"";position:absolute;right:-20px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.08)}
.fy-cp{font-size:11px;font-weight:700;background:#fff;color:#16192B;border-radius:99px;padding:3px 9px}
.fy-card small{display:block;font-size:11px;color:rgba(255,255,255,.7)} .fy-card b{font-size:14px}
.fy-card .dk-hd b{font-size:20px}
.fy-tbl td,.fy-tbl th{white-space:nowrap} .fy-tbl td:nth-child(2){white-space:normal;min-width:180px} .fy > div{min-width:0}
.fy-ai{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;margin-right:8px;vertical-align:-6px} .fy-ai svg{width:13px;height:13px}
.fy-ai.in{background:#E3F6EC;color:#11744A} .fy-ai.out{background:#FDE6E5;color:#B32A26}
.fy-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px} .fy-dot.g{background:#1E9E6A} .fy-dot.a{background:#E0A93B}
.fy-more{border:0;background:transparent;color:var(--fx-muted);width:32px;height:32px;border-radius:10px} .fy-more:hover{background:var(--fx-soft)} .fy-more svg{width:16px;height:16px}
.fs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fs-c{border-radius:24px!important}
.fs-v b{font-size:clamp(24px,2.4vw,34px);font-weight:700;letter-spacing:-.02em}
.fs-m{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;flex-wrap:wrap}
.fs-x{display:grid;gap:6px;font-size:12px;color:var(--fx-ink)} .fs-x span{display:flex;align-items:center;gap:8px}
.fs-x i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--fx-acc3) 30%,var(--fx-card));color:var(--fx-acc)} .fs-x svg{width:15px;height:15px}
.fs-g{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:16px}
.fs-l{display:grid;gap:16px;min-width:0}
.fs-cmp{display:flex;align-items:flex-end;gap:16px;height:190px;padding-top:46px}
.fs-cb{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative;min-width:0}
.fs-cbw{position:relative;width:100%;max-width:56px;height:100%}
.fs-cbw i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:28px 28px 6px 6px}
.fs-cbw i.i{background:color-mix(in srgb,var(--fx-acc3) 55%,var(--fx-soft))} .fs-cbw i.o{background:var(--fx-acc);left:4px;right:4px}
.fs-cb.ex .fs-cbw i.o{background:repeating-linear-gradient(135deg,var(--fx-acc) 0 6px,var(--fx-acc2) 6px 12px)}
.fs-cb em{position:absolute;top:-46px;font-style:normal;font-size:10.5px;color:var(--fx-muted);background:var(--fx-card);border:1px solid var(--fx-line);border-radius:10px;padding:4px 8px;text-align:center;white-space:nowrap;z-index:1} .fs-cb em b{color:var(--fx-ink)}
.fs-cb span{font-size:11.5px;color:var(--fx-muted)}
.fs-stat{align-content:start}
.ae-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ae-k{gap:6px!important} .ae-k > span{font-size:12.5px;color:var(--fx-muted)}
.ae-k > div{display:flex;align-items:flex-end;justify-content:space-between;gap:10px} .ae-k > div b{font-size:28px;font-weight:700}
.ae-k small{font-size:12px;color:var(--fx-muted)}
.ae-mini{display:flex;gap:5px;align-items:flex-end;height:38px} .ae-mini i{width:9px;height:var(--h);border-radius:3px;background:#3BA57A;opacity:.85} .ae-mini i:nth-child(2n){opacity:.45} .ae-mini.r i{background:#D9534F}
.ae-mid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.5fr);gap:16px}
.ae-g,.ae-y{justify-items:center;text-align:center}
.ae-big{font-size:46px;font-weight:600;letter-spacing:-.02em} .ae-big small{font-size:.5em;color:var(--fx-muted)}
.ae-y ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:100%;text-align:left}
.ae-y li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12.5px} .ae-y li i{width:8px;height:8px;border-radius:50%;background:#3BA57A} .ae-y li span{color:var(--fx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ae-y .dk-btn{width:100%;background:transparent}
.ae-map{position:relative;min-height:230px} .ae-map > .dk-sub,.ae-map > .dk-note{max-width:56%} .ae-map ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:12.5px;position:relative;z-index:1;max-width:58%} .ae-map li{display:flex;align-items:center;gap:7px}
.ae-map li i{width:8px;height:8px;border-radius:50%;background:var(--fx-up)} .ae-map li i.t1{background:#F0A07A} .ae-map li i.t2{background:#F6C9B5}
.ae-ng{position:absolute;right:10px;bottom:10px;width:46%;max-width:240px;color:var(--fx-ink)}
.ae-bot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.ae-pills{display:grid;gap:12px}
.ae-pill{display:flex;align-items:center;gap:14px;border-radius:99px;padding:12px 18px 12px 12px;min-width:0}
.ae-pill.dark{background:var(--fx-dark);color:#fff} .ae-pill.light{background:color-mix(in srgb,#3BA57A 14%,var(--fx-card));border:1px solid var(--fx-line)}
.ae-pill > div{flex:1;min-width:0;display:grid} .ae-pill b{font-size:15px} .ae-pill span{font-size:12.5px;opacity:.8}
.ae-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(#E07A3B calc(var(--p)*1%),rgba(255,255,255,.15) 0);position:relative}
.ae-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--fx-dark)}
.ae-ring.g{background:conic-gradient(#3BA57A calc(var(--p)*1%),var(--fx-line) 0)} .ae-ring.g::before{background:var(--fx-card)}
.ae-ring b{position:relative;font-size:15px} .ae-ring svg{width:20px;height:20px}
.ae-pack{background:radial-gradient(120% 120% at 100% 100%,#3BA57A 0%,#1F6E43 45%,#123E27 100%)!important;border-color:transparent!important;color:#fff;min-height:170px}
.ae-pack h2{color:#fff;font-size:22px;max-width:320px} .ae-pack .dk-sub{color:rgba(255,255,255,.8)}
.ae-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700} .ae-brand svg,.ae-arrow svg{width:18px;height:18px}
.ae-pack .dk-btn.white{justify-self:start}
@media (max-width:1200px){ .fy{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "c c" "d e"} .ae-mid{grid-template-columns:repeat(2,minmax(0,1fr))} .ae-map{grid-column:1/-1} }
@media (max-width:980px){ .fy{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "b" "c" "d" "e"} .fs-cards,.ae-top{grid-template-columns:minmax(0,1fr)} .fs-g,.ae-bot{grid-template-columns:minmax(0,1fr)} }
@media (max-width:640px){ .ae-mid{grid-template-columns:minmax(0,1fr)} .ae-map ul,.ae-map > .dk-sub,.ae-map > .dk-note{max-width:none} .ae-ng{position:static;width:70%;margin:6px auto 0;display:block} .fy-k{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:8px} .fy-kc > b{font-size:20px} .ae-pill{border-radius:24px} }
.ae-g .dk-semi{max-width:240px;margin:0 auto;width:100%}
.fy-kc .dk-hd{flex-wrap:nowrap;gap:6px} .fy-kc .dk-hd > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fy-ki{flex:none}
.fdk{--fdk-n:#1E3A8A;--fdk-n2:#16295F;--fdk-b:#2F7CF6;--fdk-g:#B8C4DA;background:linear-gradient(165deg,#E9F0FA 0%,#F4F7FC 45%,#E6EEF9 100%);border-radius:28px;padding:22px;display:grid;gap:16px}
:root[data-theme="dark"] .fdk,:root[data-theme="blue"] .fdk{background:linear-gradient(165deg,var(--fx-soft),var(--fx-card));--fdk-g:#3A4260}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .fdk{background:linear-gradient(165deg,var(--fx-soft),var(--fx-card));--fdk-g:#3A4260}}
.fdk-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.fdk-hl h1{margin:0;font-size:clamp(28px,3.2vw,42px);font-weight:400;letter-spacing:-.02em;color:var(--fx-ink)}
.fdk-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fdk-btns .dk-btn.dark{background:var(--fdk-n);border-color:var(--fdk-n);color:#fff}
.fdk-off{min-width:170px}
.fdk-row1{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:end}
.fdk-split{display:flex;gap:8px;align-items:flex-end;min-width:0}
.fdk-sp{flex:var(--w) 1 0;min-width:64px;display:grid;gap:6px}
.fdk-sp > span{font-size:12px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdk-pl{display:flex;align-items:center;height:34px;border-radius:99px;padding:0 14px;font-size:12px;font-weight:600;color:#fff;background:var(--fdk-n)}
.fdk-pl.b{background:var(--fdk-b)}
.fdk-pl.o{background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--fx-muted) 18%,transparent) 6px 8px);color:var(--fx-ink);border:1px solid var(--fx-line);justify-content:center}
.fdk-big{display:flex;justify-content:flex-end;gap:26px;flex-wrap:wrap}
.fdk-big > div{display:grid;gap:2px}
.fdk-big b{font-size:clamp(38px,4vw,56px);font-weight:300;letter-spacing:-.03em;line-height:1;color:var(--fx-ink)}
.fdk-big > div > span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fx-muted)} .fdk-big svg{width:14px;height:14px}
.fdk-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"a b t e" "l k k k";gap:16px}
.fdk-xa{grid-area:a} .fdk-xb{grid-area:b} .fdk-xt{grid-area:t} .fdk-xe{grid-area:e} .fdk-xl{grid-area:l} .fdk-xk{grid-area:k}
.fdk-g > div{min-width:0;display:grid}
.fdk-c{background:color-mix(in srgb,var(--fx-card) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--fx-line) 70%,transparent);border-radius:26px;padding:18px;display:grid;gap:12px;align-content:start;min-width:0;box-shadow:0 20px 40px -34px rgba(20,40,100,.35)}
.fdk-c h3{margin:0;font-size:17px;font-weight:500}
.fdk-arr{width:36px;height:36px;border-radius:50%;border:1px solid var(--fx-line);background:var(--fx-card);display:grid;place-items:center} .fdk-arr svg{width:16px;height:16px}
.fdk-who{position:relative;overflow:hidden;min-height:250px;padding:0;align-content:stretch;background:linear-gradient(160deg,#BFD6F6,#8DB3EC 55%,#5D8BD8);color:#fff;border:0}
.fdk-who.none{background:linear-gradient(160deg,#D4E2F6,#A8C1E8)}
.fdk-tag{position:absolute;top:14px;left:14px;font-size:11px;font-weight:700;background:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px;border-radius:99px;z-index:1}
.fdk-face{position:absolute;left:0;right:0;margin:0 auto;top:calc(44% - 59px);width:118px;height:118px;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:600;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);color:#fff} .fdk-face svg{width:46px;height:46px}
.fdk-wb{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;background:linear-gradient(180deg,transparent,rgba(16,32,80,.55))}
.fdk-wb > div{display:grid;gap:2px;min-width:0} .fdk-wb b{font-size:17px;font-weight:600} .fdk-wb small{font-size:11.5px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fdk-glass{flex:none;border-radius:99px;padding:9px 14px;font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .fdk-glass:hover{background:rgba(255,255,255,.3)}
.fdk-pn{display:flex;align-items:flex-start;gap:10px} .fdk-pn b{font-size:34px;font-weight:300;line-height:1} .fdk-pn small{font-size:11.5px;color:var(--fx-muted);line-height:1.3}
.fdk-bars{display:flex;justify-content:space-between;align-items:flex-end;height:120px;gap:4px;padding-top:24px}
.fdk-b{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;position:relative}
.fdk-b i{width:7px;height:calc(var(--h)*1%);border-radius:99px;background:var(--fdk-n)}
.fdk-b.z i{background:repeating-linear-gradient(180deg,var(--fdk-g) 0 3px,transparent 3px 6px);width:5px}
.fdk-b.on i{background:var(--fdk-b);width:9px}
.fdk-b em{position:absolute;top:calc((100 - var(--h))*0.75% - 4px);font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--fdk-b);padding:3px 8px;border-radius:99px;white-space:nowrap}
.fdk-b span{font-size:11px;color:var(--fx-muted)}
.fdk-ring{position:relative;width:min(170px,100%);margin:0 auto;aspect-ratio:1}
.fdk-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.fdk-ring .t{fill:none;stroke:var(--fx-line);stroke-width:12}
.fdk-ring .tk{fill:none;stroke:var(--fx-muted);stroke-width:5;stroke-dasharray:1 5.1;opacity:.45}
.fdk-ring .v{fill:none;stroke:var(--fdk-b);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.16,1,.3,1)} .fdk-ring .v.over{stroke:#E0A93B}
.fdk-ring > div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.fdk-clk{font-size:32px;font-weight:400;letter-spacing:.02em} .fdk-ring small{font-size:11px;color:var(--fx-muted)}
.fdk-tf{display:flex;align-items:center;justify-content:space-between;gap:10px} .fdk-tf > div:first-child{display:grid;min-width:0} .fdk-tf b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fdk-tf small{font-size:11.5px;color:var(--fx-muted)}
.fdk-tb{display:flex;gap:8px;flex:none}
.fdk-rb{width:40px;height:40px;border-radius:50%;border:1px solid var(--fx-line);background:var(--fx-card);display:grid;place-items:center} .fdk-rb svg{width:17px;height:17px}
.fdk-rb.dark{background:var(--fdk-n);border-color:var(--fdk-n);color:#fff}
.fdk-exp{display:grid;gap:0;align-content:start}
.fdk-pc{font-size:34px;font-weight:300}
.fdk-seg{display:flex;gap:4px}
.fdk-seg > div{flex:var(--w) 1 0;display:grid;gap:4px;min-width:34px} .fdk-seg small{font-size:11px;color:var(--fx-muted)}
.fdk-seg i{height:36px;border-radius:12px;font-style:normal;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;padding:0 10px}
.fdk-seg i.a{background:var(--fdk-b)} .fdk-seg i.n{background:var(--fdk-n)} .fdk-seg i.g{background:var(--fdk-g)}
.fdk-on{border-radius:26px 26px 0 0;padding-bottom:30px}
.fdk-dk{position:relative;margin-top:-16px;background:linear-gradient(170deg,var(--fdk-n),var(--fdk-n2));color:#fff;border-radius:24px;padding:18px;display:grid;gap:12px;align-content:start;box-shadow:0 -10px 0 -4px color-mix(in srgb,var(--fdk-n) 40%,transparent),0 24px 44px -30px rgba(16,32,90,.6)}
.fdk-dk .dk-hd h3{margin:0;font-size:16px;font-weight:500;color:#fff} .fdk-dk .dk-hd b{font-size:28px;font-weight:300}
.fdk-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-height:230px;overflow:auto;scrollbar-width:thin}
.fdk-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}
.fdk-li{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)} .fdk-li svg{width:15px;height:15px}
.fdk-list b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fdk-list small{font-size:11px;color:rgba(255,255,255,.68)}
.fdk-ok{width:22px;height:22px;border-radius:50%;background:var(--fdk-b);display:grid;place-items:center} .fdk-ok svg{width:12px;height:12px;stroke-width:2.6}
.fdk-here{border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600;background:#fff;color:var(--fdk-n2);border:0}
.fdk-dn{margin:0;font-size:12.5px;color:rgba(255,255,255,.75)}
.fdk-acc{gap:0;padding:6px 16px}
.fdk-ac{border-bottom:1px solid var(--fx-line)} .fdk-ac:last-child{border-bottom:0}
.fdk-ac summary{list-style:none;display:flex;align-items:center;gap:8px;padding:14px 0;font-size:14px;font-weight:500;cursor:pointer} .fdk-ac summary::-webkit-details-marker{display:none}
.fdk-ac summary svg{width:16px;height:16px;margin-left:auto;transition:transform .25s} .fdk-ac[open] summary svg{transform:rotate(180deg)}
.fdk-ac > div{padding:0 0 14px}
.fdk-in{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fdk-in li{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:8px;align-items:center}
.fdk-in .fx-av{width:36px;height:36px;font-size:12px}
.fdk-in b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fdk-in small{display:block;font-size:11px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdk-in li.over .fdk-st{color:#B26B00;font-weight:600}
.fdk-co{border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600;background:var(--fdk-n);color:#fff;border:0}
.fdk-more{width:30px;height:30px;border-radius:50%;border:1px solid var(--fx-line);background:transparent;display:grid;place-items:center} .fdk-more svg{width:14px;height:14px}
.fdk-exl{display:grid;gap:8px} .fdk-exl a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fx-ink);text-decoration:none} .fdk-exl a:hover{text-decoration:underline} .fdk-exl svg{width:15px;height:15px} .fdk-exl .link{justify-self:start;font-size:13px}
.fdk-how{margin:0;padding-left:18px;display:grid;gap:6px;font-size:12.5px;color:var(--fx-muted)}
.fdk-cal{gap:10px}
.fdk-ch{display:flex;align-items:center;justify-content:space-between;gap:10px} .fdk-ch h3{font-size:15px;text-align:center}
.fdk-wp{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:6px 12px;font-size:12px;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink)} .fdk-wp svg{width:14px;height:14px} .fdk-wp.ghost{opacity:.45}
.fdk-cg{display:grid;grid-template-columns:64px repeat(var(--nd),minmax(0,1fr));overflow-x:auto}
.fdk-dh{display:grid;justify-items:center;font-size:11.5px;color:var(--fx-muted);padding-bottom:8px} .fdk-dh b{font-size:13px;font-weight:500;color:var(--fx-ink)} .fdk-dh.on b{color:var(--fdk-b)}
.fdk-hrs{grid-column:1;display:grid;grid-auto-rows:38px} .fdk-hrs span{font-size:11px;color:var(--fx-muted);transform:translateY(-6px)}
.fdk-days{grid-column:2/-1;position:relative;display:grid;grid-template-columns:repeat(var(--nd),minmax(0,1fr));background:repeating-linear-gradient(180deg,var(--fx-line) 0 1px,transparent 1px 38px)}
.fdk-day{position:relative;border-left:1px dashed var(--fx-line)} .fdk-day.on{background:color-mix(in srgb,var(--fdk-b) 5%,transparent)}
.fdk-ev{position:absolute;border-radius:12px;padding:5px 8px;background:var(--fx-card);border:1px solid var(--fx-line);box-shadow:0 8px 18px -14px rgba(20,40,100,.5);overflow:hidden;display:grid;align-content:start;gap:1px;z-index:1}
.fdk-ev.exp{padding:2px 8px} .fdk-ev.sm{padding:3px 8px;align-content:center} .fdk-ev.sm small,.fdk-ev.sm .fx-av{display:none} .fdk-ev b{font-size:11.5px;line-height:1.3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fdk-ev small{font-size:10.5px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdk-ev.live{background:var(--fdk-b);border-color:var(--fdk-b);color:#fff} .fdk-ev.live small{color:rgba(255,255,255,.8)}
.fdk-ev.exp{background:transparent;border:1.5px dashed var(--fdk-b)} .fdk-ev.exp b{color:var(--fdk-b)}
.fdk-ev .fx-av.xs{width:20px;height:20px;font-size:8.5px;margin-top:2px}
.fdk-now{position:absolute;left:0;right:0;height:0;border-top:2px solid #E8312F;z-index:2} .fdk-now::before{content:"";position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:#E8312F}
.fdk-cn{text-align:center}
.fdk-drw{display:block} .fdk-drw .ph{display:none} .fdk-drw .fd-form{grid-template-columns:minmax(0,1fr)}
@media (prefers-reduced-motion:no-preference){ .dk-play .fdk-pl,.dk-play .fdk-seg i{transform-origin:0 50%;animation:dkGrow 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.15s + var(--i,0)*90ms)} .dk-play .fdk-b i{transform-origin:50% 100%;animation:dkRise 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i)*70ms)} .dk-play .fdk-ring .v{animation:dkFade .9s ease .3s both} .dk-play .fdk-ev,.dk-play .fdk-list li{animation:dkUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--i,0)*50ms)} .dk-play .fdk-face{animation:dkPop .8s cubic-bezier(.16,1,.3,1) .2s both} }
@media (max-width:1280px){ .fdk-g{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"a b t" "e l l" "k k k"} }
@media (max-width:980px){ .fdk-row1{grid-template-columns:minmax(0,1fr)} .fdk-big{justify-content:flex-start} .fdk-g{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "t e" "l l" "k k"} }
@media (max-width:640px){ .fdk{padding:14px;border-radius:22px} .fdk-g{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "e" "t" "b" "l" "k"} .fdk-split{flex-wrap:wrap} .fdk-sp{flex:1 1 40%} .fdk-big{gap:18px} .fdk-big b{font-size:36px}  .fdk-btns{width:100%} .fdk-btns .dk-btn{flex:1} }
:root .fx .fx-sel select,:root .fx .fx-sel input{color:var(--fx-ink)}
.dk-pop{position:fixed;z-index:120;left:0;top:0;max-width:240px;background:var(--fx-card,#fff);color:var(--fx-ink,#16192B);border:1px solid var(--fx-line,#E6E8F0);border-radius:14px;padding:9px 12px;font-size:12px;line-height:1.45;display:grid;gap:2px;box-shadow:0 18px 40px -20px rgba(20,25,60,.55);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;font-family:inherit}
.dk-pop.on{opacity:1;transform:none}
.dk-pop b{font-size:12.5px;font-weight:700} .dk-pop span{color:var(--fx-muted,#5F647C)}
.dk-pop.info{max-width:300px;pointer-events:auto;padding:12px 14px;background:var(--fx-dark,#1B1E2E);color:#fff;border-color:transparent} .dk-pop.info span{color:rgba(255,255,255,.86);font-size:12.5px} .dk-pop.info .dk-pt{font-size:13px;margin-bottom:2px}
:root[data-theme="dark"] .dk-pop:not(.info){background:#141726;color:#ECEEF6;border-color:#262B40} :root[data-theme="dark"] .dk-pop:not(.info) span{color:#9A9FB8}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .dk-pop:not(.info){background:#141726;color:#ECEEF6;border-color:#262B40} :root:not([data-theme]) .dk-pop:not(.info) span{color:#9A9FB8}}
.dk-i{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;opacity:.55;font:italic 700 11px/1 Georgia,"Times New Roman",serif;vertical-align:middle;padding:0;cursor:pointer;flex:none;text-transform:none;letter-spacing:0}
.dk-i:hover,.dk-i:focus-visible{opacity:1} .dk-i:focus-visible{outline:2px solid var(--fx-acc,#2563EB);outline-offset:2px}
.fx [data-tip]{cursor:pointer}
.dk-sel{animation:dkSel .55s cubic-bezier(.16,1,.3,1)}
svg .dk-sel,.dk-ds.dk-sel{animation:dkSelS .55s cubic-bezier(.16,1,.3,1);stroke-width:20}
.dk-c.dk-sel .dk-b{animation:dkSel .55s cubic-bezier(.16,1,.3,1)}
@keyframes dkSel{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.08);filter:brightness(1.25)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes dkSelS{0%{opacity:1}40%{opacity:.6}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dk-sel,svg .dk-sel,.dk-c.dk-sel .dk-b{animation:none}.dk-pop{transition:none}}
.dk-dl b{font-weight:700;margin-left:2px}
.fx-ttl .fx-mantra{margin:6px 0 0;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:17px;color:var(--fx-acc);letter-spacing:.01em}
.md-top .fx-shell{padding-bottom:0} .md-top{margin-bottom:6px}
.md-other{min-width:170px;margin-left:8px}
.md-company > .fx-shell{padding-bottom:0}
.md-pays{margin:0 0 16px}
.md-appr{margin-top:4px}
.smd{display:grid;gap:18px} .smd .fx-ttl > .dk-btn{flex:none;width:auto}
.sm-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sm-c{position:relative;border-radius:22px;padding:18px 20px;color:#fff;display:grid;gap:14px;min-height:150px;overflow:hidden;box-shadow:0 18px 34px -26px rgba(20,25,60,.55)}
.sm-c.g{background:linear-gradient(150deg,#17B26A,#0E8A4F)} .sm-c.b{background:linear-gradient(150deg,#2E90FA,#1566C0)} .sm-c.p{background:linear-gradient(150deg,#9E77ED,#7A4BD8)} .sm-c.o{background:linear-gradient(150deg,#F97316,#E8461C)}
.sm-c > div:first-child{display:grid;gap:4px;padding-right:54px} .sm-c > div:first-child span{font-size:13px;opacity:.92} .sm-c > div:first-child b{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.sm-ci{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center} .sm-ci svg{width:22px;height:22px}
.sm-cf{border-top:1px solid rgba(255,255,255,.35);padding-top:10px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:12px} .sm-cf span{opacity:.9} .sm-cf b{font-weight:700;text-align:right}
.sm-g{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px} .sm-l,.sm-r{display:grid;gap:16px;align-content:start;min-width:0}
.sm-lt{display:flex;gap:6px;border-bottom:1px solid var(--fx-line);overflow-x:auto;scrollbar-width:none}
.sm-lt button{border:0;background:transparent;padding:10px 14px;font-size:13px;font-weight:600;color:var(--fx-muted);border-bottom:2px solid transparent;white-space:nowrap}
.sm-lt button.on{color:#0E8A4F;border-bottom-color:#17B26A}
.sm-rows{display:grid;gap:2px;max-height:430px;overflow:auto}
.sm-row{display:grid;grid-template-columns:40px minmax(0,1.6fr) minmax(0,1fr) auto 18px;gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:9px 6px;border-radius:12px;color:var(--fx-ink)}
.sm-row:hover{background:var(--fx-soft)} .sm-row .fx-av{width:36px;height:36px;font-size:12px;border-radius:10px}
.sm-rn{display:grid;min-width:0} .sm-rn b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sm-rn small,.sm-rw{font-size:12px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-row > svg{width:16px;height:16px;color:var(--fx-muted)}
.sm-st{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--fx-soft);white-space:nowrap}
.sm-st.s-new{color:#1566C0;background:#E6F0FE} .sm-st.s-contacted{color:#7A4BD8;background:#F0EAFD} .sm-st.s-inspection{color:#B45309;background:#FEF3E2} .sm-st.s-negotiating{color:#C2410C;background:#FFEDE3} .sm-st.s-deposit{color:#0E8A4F;background:#E3F7EC}
.sm-rl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sm-rl button{width:100%;display:grid;grid-template-columns:40px minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:8px 4px;border-radius:12px;color:var(--fx-ink);font-size:12.5px}
.sm-rl button:hover{background:var(--fx-soft)} .sm-rl .fx-av{width:36px;height:36px;font-size:12px} .sm-rl b{display:block;font-size:13px} .sm-rl small{color:var(--fx-muted)}
.sm-chart .dk-ad,.sm-chart .dk-al{stroke:#17B26A} .sm-chart .dk-af{fill:color-mix(in srgb,#17B26A 16%,transparent)}
.sm-mg{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.sm-main{display:grid;gap:16px;align-content:start;min-width:0;background:var(--fx-soft);border-radius:26px;padding:20px}
.sm-lcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sm-lc{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:18px;padding:16px;display:grid;gap:10px;text-align:left;color:var(--fx-ink);box-shadow:0 12px 26px -22px rgba(20,25,60,.5);min-width:0}
.sm-lc:hover{border-color:var(--fx-acc3)}
.sm-lh{display:flex;gap:10px;align-items:center;min-width:0} .sm-lh span{display:grid;min-width:0} .sm-lh b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sm-lh small{font-size:12px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-lv{font-size:12.5px;font-weight:700} .sm-lv.g{color:#3F8F1F} .sm-lv.b{color:#2E6FD8} .sm-lv.m{color:var(--fx-muted)}
.sm-lm{display:flex;gap:6px;flex-wrap:wrap} .sm-lm span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;border:1px solid var(--fx-line);border-radius:99px;padding:3px 9px;color:var(--fx-muted)} .sm-lm svg{width:12px;height:12px}
.sm-bar{height:6px;border-radius:99px;background:var(--fx-line);overflow:hidden} .sm-bar i{display:block;height:100%;width:var(--w);background:var(--fx-g1);border-radius:99px}
.sm-lst{font-size:12px;color:var(--fx-muted)} .sm-lst b{color:#3F8F1F}
.sm-insp{gap:10px} .sm-ir{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--fx-line);padding-top:10px}
.sm-ii{width:44px;height:44px;border-radius:14px;background:#FEF3E2;color:#B45309;display:grid;place-items:center} .sm-ii svg{width:20px;height:20px}
.sm-ir b{display:block;font-size:13.5px} .sm-ir small{font-size:12px;color:var(--fx-muted)} .sm-ia{display:flex;gap:8px} .sm-ia .dk-btn.g{background:#E7F3D9;border-color:#C9E3AC;color:#3F6E15}
.sm-th{margin-top:4px}
.sm-tks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sm-tk{border-radius:20px;padding:18px;display:grid;gap:10px;min-height:170px}
.sm-tk.dark{background:var(--fx-dark);color:#fff} .sm-tk.yel{background:#F7DC5A;color:#2A2400}
.sm-tk .dk-hd b{font-size:15px} .sm-tk p{margin:0;font-size:12.5px;opacity:.85;line-height:1.5}
.sm-pill{font-size:11.5px;font-weight:700;border-radius:99px;padding:4px 12px;border:1px solid currentColor} .sm-tk.dark .sm-pill{color:#FF8A5B} .sm-tk.yel .sm-pill{color:#5C5200}
.sm-tl{display:flex;align-items:center} .sm-tl button{width:32px;height:32px;border-radius:50%;border:2px solid currentColor;margin-left:-6px;font-size:10.5px;font-weight:800;background:rgba(255,255,255,.2);color:inherit} .sm-tl button:first-child{margin-left:0} .sm-tl span{font-size:12px;margin-left:8px}
.sm-tf{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.85} .sm-tf svg{width:14px;height:14px} .sm-none{font-size:12px;opacity:.75}
.sm-side{display:grid;gap:16px;align-content:start}
.sm-me{display:grid;justify-items:center;text-align:center;gap:6px;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:22px;padding:18px}
.sm-me .fx-av.big{width:84px;height:84px;font-size:26px;border:4px solid var(--fx-soft)} .sm-me b{font-size:16px} .sm-me small{font-size:12px;color:var(--fx-muted)}
.sm-sw{display:inline-flex;background:var(--fx-soft);border-radius:99px;padding:3px;margin-top:6px} .sm-sw button{border:0;background:transparent;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600;color:var(--fx-muted)} .sm-sw button.on{background:var(--fx-dark);color:#fff}
.sm-cal{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:22px;padding:16px;display:grid;gap:10px} .sm-cal > b{text-align:center;font-size:15px} .sm-cal > small{font-size:11px;color:var(--fx-muted);text-align:center}
.sm-cg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center} .sm-cg em{font-style:normal;font-size:10.5px;color:var(--fx-muted);font-weight:700}
.sm-cg span{font-size:11.5px;padding:6px 0;border-radius:10px;position:relative} .sm-cg span.dot::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#17B26A}
.sm-cg span.on{background:var(--fx-dark);color:#fff;font-weight:700}
.sm-rem{display:grid;gap:10px} .sm-rem h3{margin:0;font-size:16px}
.sm-rr{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center} .sm-rr span{width:40px;height:40px;border-radius:12px;background:#E6F4FE;color:#1580C4;display:grid;place-items:center} .sm-rr svg{width:18px;height:18px} .sm-rr b{display:block;font-size:14px} .sm-rr small{font-size:12px;color:var(--fx-muted)}
.sm-cg2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px} .sm-cleft,.sm-cright{display:grid;gap:16px;align-content:start;min-width:0}
.sm-bal{background:linear-gradient(140deg,#2F5BFF,#1D3FE0 60%,#1531B8);color:#fff;border-radius:26px;padding:24px;display:grid;gap:16px;box-shadow:0 26px 44px -30px rgba(29,63,224,.8)}
.sm-bal > div:first-child{display:grid;gap:4px} .sm-bal > div:first-child span{font-size:13px;opacity:.85} .sm-bal > div:first-child b{font-size:40px;font-weight:700;letter-spacing:-.02em} .sm-bal > div:first-child small{font-size:12px;opacity:.75}
.sm-bp{height:8px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden;max-width:420px} .sm-bp i{display:block;height:100%;width:var(--w);background:#fff;border-radius:99px}
.sm-bn{display:flex;justify-content:space-between;gap:10px;font-size:12px;opacity:.9;max-width:420px;flex-wrap:wrap}
.sm-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sm-acts button{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:18px;padding:12px;font-size:13px;font-weight:600;text-align:left}
.sm-acts button:hover{background:rgba(255,255,255,.16)} .sm-acts span{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none} .sm-acts svg{width:16px;height:16px}
.sm-c2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.sm-cpl{list-style:none;margin:0;padding:0;display:grid;gap:10px} .sm-cpl li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}
.sm-cico{width:40px;height:40px;border-radius:12px;background:#E9FBD6;color:#3F6E15;display:grid;place-items:center;font-weight:800;font-size:12px}
.sm-cpl b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sm-cpl small{font-size:12px;color:var(--fx-muted)} .sm-cv{text-align:right}
.sm-tr{display:grid;gap:12px;align-content:start} .sm-tr h2{margin:0;font-size:18px}
.sm-tt{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:20px;padding:14px} .sm-tt > span{width:44px;height:44px;border-radius:14px;background:var(--fx-soft);display:grid;place-items:center} .sm-tt svg{width:20px;height:20px} .sm-tt b{display:block;font-size:14px} .sm-tt small{font-size:12px;color:var(--fx-muted)}
.sm-mn b{font-size:26px;font-weight:700} .sm-mn small{display:block;font-size:12px;color:var(--fx-muted)}
.sm-mail .dk-al{stroke:#22A447} .sm-mail .dk-af{fill:color-mix(in srgb,#7AD94F 30%,transparent)} .sm-mail .dk-ad{stroke:#22A447}
.sm-cap{font-size:11.5px;color:var(--fx-muted)}
.sm-cl{list-style:none;margin:0;padding:0;display:grid;gap:8px} .sm-cl li{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;background:var(--fx-soft);border-radius:14px;padding:10px 12px}
.sm-cl span:first-child{width:36px;height:36px;border-radius:50%;background:var(--fx-card);display:grid;place-items:center} .sm-cl svg{width:16px;height:16px} .sm-cl b{font-size:13px} .sm-cl .fx-num{font-weight:700}
.sm-up{border:2px solid #9BE15D;border-radius:24px;padding:18px;display:grid;gap:10px;background:var(--fx-card)} .sm-up b{font-size:18px} .sm-up p{margin:0;font-size:12.5px;color:var(--fx-muted)}
.sm-upb{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;background:#9BE15D;color:#1D3A07;font-weight:800;font-size:12.5px;padding:10px 16px} .sm-upb svg{width:14px;height:14px}
.sm-pg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:16px} .sm-pa,.sm-pb,.sm-pc{display:grid;gap:16px;align-content:start;min-width:0}
.sm-pcards{display:grid;gap:12px}
.sm-pk{position:relative;height:210px}
.sm-pk i{position:absolute;inset:0;border-radius:24px;background:#C7CDFB} .sm-pk .sm-pk1{transform:translate(14px,14px) rotate(4deg);opacity:.6} .sm-pk .sm-pk2{transform:translate(26px,26px) rotate(8deg);opacity:.35}
.sm-pkc{position:absolute;inset:0;border-radius:24px;padding:20px;color:#fff;background:linear-gradient(150deg,#7B8CFF,#5B63F0);display:grid;align-content:space-between;box-shadow:0 22px 40px -26px rgba(70,80,220,.8)}
.sm-pkt{justify-self:start;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.22);border-radius:99px;padding:4px 10px} .sm-pkc > b{font-size:22px;font-weight:700}
.sm-pkn{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-size:12px} .sm-pkn b{font-size:18px}
.sm-pnav{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--fx-muted)} .sm-pnav button{width:34px;height:34px;border-radius:50%;border:1px solid var(--fx-line);background:var(--fx-card);display:grid;place-items:center} .sm-pnav svg{width:15px;height:15px}
.sm-quick{gap:10px} .sm-qto{display:flex;gap:10px;align-items:center;background:var(--fx-soft);border-radius:16px;padding:10px} .sm-qto b{display:block;font-size:13.5px} .sm-qto small{font-size:12px;color:var(--fx-muted)}
.sm-qmsg{margin:0;font-size:13px;line-height:1.55;background:var(--fx-soft);border-radius:16px;padding:12px}
.sm-qbtn{justify-content:center;background:linear-gradient(140deg,#6E7BFF,#5059F0);border-color:transparent}
.sm-pl,.sm-psl{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:420px;overflow:auto}
.sm-pl li,.sm-psl li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 4px} .sm-pl .fx-av,.sm-psl .fx-av{width:38px;height:38px;font-size:12px}
.sm-pl b,.sm-psl b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sm-pl small,.sm-psl small{font-size:12px;color:var(--fx-muted)}
.sm-pl a{width:32px;height:32px;border-radius:10px;background:var(--fx-soft);display:grid;place-items:center;color:var(--fx-ink)} .sm-pl svg{width:15px;height:15px}
.sm-plist .fx-sel{margin:0}
.sm-fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .sm-au{grid-column:1/-1}
.sm-wbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .sm-wbs div{background:var(--fx-soft);border-radius:16px;padding:12px;display:grid;gap:2px} .sm-wbs b{font-size:24px;font-weight:700} .sm-wbs span{font-size:13px;font-weight:600} .sm-wbs small{font-size:11.5px;color:var(--fx-muted)}
.sm-sql{list-style:none;margin:0;padding:0;display:grid;gap:10px} .sm-sql li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center}
.sm-sqd{width:10px;height:10px;border-radius:50%;background:var(--fx-line)} .sm-sqd.on{background:#17B26A} .sm-sql b{display:block;font-size:13.5px} .sm-sql small{font-size:12px;color:var(--fx-muted)} .sm-sqs{font-size:12px;font-weight:700;color:var(--fx-muted)}
@media (prefers-reduced-motion:no-preference){ .dk-play .sm-c,.dk-play .sm-lc,.dk-play .sm-tk,.dk-play .sm-bal,.dk-play .sm-pkc{animation:dkUp .8s cubic-bezier(.16,1,.3,1) both} .dk-play .sm-bar i,.dk-play .sm-bp i{transform-origin:0 50%;animation:dkGrow 1s cubic-bezier(.16,1,.3,1) .3s both} }
@media (max-width:1280px){ .sm-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .sm-pg{grid-template-columns:repeat(2,minmax(0,1fr))} .sm-pc{grid-column:1/-1} }
@media (max-width:1100px){ .sm-mg{grid-template-columns:minmax(0,1fr)} .sm-side{grid-template-columns:repeat(2,minmax(0,1fr))} .sm-me{grid-column:1/-1} .sm-cg2{grid-template-columns:minmax(0,1fr)} }
@media (max-width:980px){ .sm-g,.sm-c2,.sm-fg{grid-template-columns:minmax(0,1fr)} .sm-lcs{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .sm-cards,.sm-pg,.sm-lcs,.sm-tks,.sm-side{grid-template-columns:minmax(0,1fr)} .sm-acts{grid-template-columns:repeat(2,minmax(0,1fr))} .sm-row{grid-template-columns:36px minmax(0,1fr) auto} .sm-row .sm-rw,.sm-row > svg{display:none} .sm-main{padding:12px} .md-other{margin-left:0} }
.md-al{list-style:none;margin:0;padding:0;display:grid;gap:8px} .md-al li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--fx-soft);border-radius:14px;padding:10px 12px}
.md-ai{width:38px;height:38px;border-radius:12px;background:#FEF3E2;color:#B45309;display:grid;place-items:center} .md-ai svg{width:17px;height:17px} .md-al b{display:block;font-size:13.5px} .md-al small{font-size:12px;color:var(--fx-muted)}
.ldk{gap:18px}
.ldk-ttl p{margin:0;color:var(--fx-muted);font-size:13.5px;max-width:62ch}
.ldk-tb{display:flex;gap:8px;flex:none} .ldk-tb .dk-btn{flex:0 0 auto}
.ldk-hero{background:linear-gradient(140deg,#1F2A5E 0%,#22357F 52%,#2F6FDB 130%);color:#fff;border-radius:26px;padding:22px;display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:20px;align-items:center;box-shadow:0 26px 44px -32px rgba(31,42,94,.9);position:relative;overflow:hidden}
.ldk-hv{display:grid;gap:4px;min-width:0} .ldk-hv > span{font-size:13px;opacity:.82} .ldk-hv b{font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1} .ldk-hv small{font-size:12px;opacity:.8;line-height:1.5}
.ldk-fun{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}
.ldk-fun button{width:100%;height:100%;display:grid;gap:2px;align-content:start;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;border-radius:18px;padding:12px 14px;min-width:0;transition:background .2s}
.ldk-fun button:hover{background:rgba(255,255,255,.13)}
.ldk-sn{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.88;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ldk-sn em{font-style:normal;flex:none;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:10px;font-weight:800}
.ldk-fun b{font-size:26px;font-weight:700;line-height:1.15} .ldk-fun small{font-size:11.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ldk-fun i{display:block;height:4px;width:var(--w);min-width:4px;border-radius:99px;background:#7FD3FF;margin-top:8px}
.ldk-fun button.on{background:#fff;border-color:#fff;color:#16192B} .ldk-fun button.on .ldk-sn em{background:#E7F6FE;color:#0076AE} .ldk-fun button.on i{background:#00A9EF}
.ldk-focus{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}
.ldk-fc{--c:#1566C0;--cb:#E6F0FE;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"i n" "t t" "s s";gap:6px 10px;align-items:center;text-align:left;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);border-radius:20px;padding:14px 16px;min-width:0}
.ldk-fc.r{--c:#B32A26;--cb:#FDE6E5} .ldk-fc.a{--c:#8A5A06;--cb:#FFF3DD} .ldk-fc.m{--c:var(--fx-muted);--cb:var(--fx-soft)}
.ldk-fi{grid-area:i;width:40px;height:40px;border-radius:12px;background:var(--cb);color:var(--c);display:grid;place-items:center} .ldk-fi svg{width:19px;height:19px}
.ldk-fc > b{grid-area:n;font-size:26px;font-weight:700;line-height:1} .ldk-ft{grid-area:t;font-size:13px;font-weight:700} .ldk-fc small{grid-area:s;font-size:11.5px;color:var(--fx-muted);line-height:1.4}
.ldk-fc.zero > b{color:var(--fx-muted)} .ldk-fc:hover{border-color:var(--fx-acc3)}
.ldk-fc.on{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c);background:var(--fx-soft)}
:root[data-theme="dark"] .ldk-fc{--c:#9FCBFF;--cb:rgba(46,144,250,.16)} :root[data-theme="dark"] .ldk-fc.r{--c:#FFA19C;--cb:rgba(232,49,47,.18)} :root[data-theme="dark"] .ldk-fc.a{--c:#FFD48A;--cb:rgba(245,166,35,.16)}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .ldk-fc{--c:#9FCBFF;--cb:rgba(46,144,250,.16)} :root:not([data-theme]) .ldk-fc.r{--c:#FFA19C;--cb:rgba(232,49,47,.18)} :root:not([data-theme]) .ldk-fc.a{--c:#FFD48A;--cb:rgba(245,166,35,.16)} }
.ldk-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start} .ldk-main{min-width:0} .ldk-side{display:grid;gap:16px;align-content:start;min-width:0}
.ldk-box{gap:12px}
.ldk-g:has(.ldk-board){grid-template-columns:minmax(0,1fr)} .ldk-g:has(.ldk-board) .ldk-side{grid-template-columns:repeat(3,minmax(0,1fr))}
.ldk-vw{display:inline-flex;background:var(--fx-soft);border-radius:99px;padding:3px} .ldk-vw button{border:0;background:transparent;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;color:var(--fx-muted)} .ldk-vw button.on{background:var(--fx-dark);color:#fff}
.ldk-tools{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:8px}
.ldk-q{display:flex;align-items:center;gap:8px;border:1px solid var(--fx-line);background:var(--fx-card);border-radius:99px;padding:0 14px;min-width:0;margin:0;height:44px}
.ldk-q svg{width:16px;height:16px;flex:none;color:var(--fx-muted)}
.fx .ldk-q input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:42px;font:inherit;font-size:14px;color:var(--fx-ink);outline:0;border-radius:0}
.ldk-q:focus-within{border-color:var(--fx-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-acc) 20%,transparent)}
.ldk-sel{position:relative;margin:0;min-width:0;display:block}
.fx .ldk-sel select{-webkit-appearance:none;appearance:none;width:100%;height:44px;border-radius:99px;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);padding:0 36px 0 14px;font:inherit;font-size:13.5px;margin:0;box-shadow:none;background-image:none}
.ldk-sel svg{position:absolute;right:13px;top:50%;width:15px;height:15px;transform:translateY(-50%);pointer-events:none;color:var(--fx-muted)}
.ldk-camps,.ldk-st{display:flex;flex-wrap:wrap;gap:6px}
.ldk-camps button,.ldk-st button{border:1px solid var(--fx-line);background:var(--fx-soft);color:var(--fx-ink);border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600;text-transform:capitalize;min-height:34px}
.ldk-st button{text-transform:none} .ldk-camps b,.ldk-st b{color:var(--fx-muted);font-weight:700;margin-left:2px}
.ldk-camps button[aria-pressed="true"],.ldk-st button.on{background:var(--fx-dark);border-color:var(--fx-dark);color:#fff} .ldk-st button.on b,.ldk-camps button[aria-pressed="true"] b{color:#B9C3E6}
.ldk-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--fx-muted);flex-wrap:wrap}
.ldk-clear{border:0;background:transparent;color:var(--fx-acc);font-weight:700;font-size:12.5px;padding:6px 0}
.ldk-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ldk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--fx-line);background:var(--fx-card);border-radius:16px;min-width:0;position:relative;overflow:hidden}
.ldk-row.is-late::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#E8312F}
.ldk-row:hover{border-color:var(--fx-acc3)}
.ldk-open{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;background:transparent;text-align:left;padding:11px 12px 11px 14px;color:var(--fx-ink);min-width:0;min-height:64px;width:100%}
.ldk-open .fx-av,.ldk-nl .fx-av{width:40px;height:40px;font-size:13px;border-radius:12px}
.ldk-rn{display:grid;gap:1px;min-width:0} .ldk-rn b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ldk-rn small{font-size:12px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ldk-rr{display:grid;justify-items:end;gap:4px;min-width:0} .ldk-rr small{font-size:11.5px;color:var(--fx-muted);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ldk-rr b{font-size:13px}
.ldk-ia{display:flex;gap:6px;padding:0 12px 0 0}
.ldk-ia a{width:40px;height:40px;border-radius:12px;background:var(--fx-soft);border:1px solid var(--fx-line);display:grid;place-items:center;color:var(--fx-ink)} .ldk-ia a:last-child{color:#11744A} .ldk-ia svg{width:17px;height:17px}
.ldk-t{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px 1px 0;vertical-align:middle;background:var(--fx-muted)} .ldk-t.t-hot{background:#E8461C} .ldk-t.t-warm{background:#E3A008} .ldk-t.t-cold{background:#5EA3F5}
.ldk-late{color:#C2302C;font-weight:600}
.ldk-more{width:100%;border:1px dashed var(--fx-line);background:transparent;color:var(--fx-ink);border-radius:14px;padding:11px;font-weight:700;font-size:12.5px}
.ldk-none{text-align:center;padding:18px 0}
.ldk-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:34px 16px;border:1px dashed var(--fx-line);border-radius:20px;background:var(--fx-soft)}
.ldk-empty > svg{width:38px;height:38px;color:var(--fx-acc)} .ldk-empty b{font-size:16px} .ldk-empty p{margin:0;font-size:13px;color:var(--fx-muted);max-width:48ch;line-height:1.6} .ldk-empty .dk-btn{flex:0 0 auto;margin-top:6px}
.ldk-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:start}
.ldk-col{background:var(--fx-soft);border-radius:18px;padding:10px;display:grid;gap:8px;align-content:start;min-width:0}
.ldk-col header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 2px 4px} .ldk-col header b{font-size:13px;color:var(--fx-muted)}
.ldk-card{display:grid;gap:4px;text-align:left;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);border-radius:14px;padding:10px;min-width:0;position:relative;overflow:hidden}
.ldk-card.is-late{box-shadow:inset 3px 0 0 #E8312F}
.ldk-ch{display:flex;align-items:center;gap:8px;min-width:0} .ldk-ch .fx-av{width:28px;height:28px;font-size:10.5px;border-radius:9px} .ldk-ch b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ldk-card small{font-size:11.5px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ldk-cf{display:flex;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--fx-muted);border-top:1px solid var(--fx-line);padding-top:6px;margin-top:2px} .ldk-cf > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ldk-cf b{color:var(--fx-ink)}
.ldk-nl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ldk-nl li{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}
.ldk-nl li > button{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:7px 4px;border-radius:12px;color:var(--fx-ink);min-width:0}
.ldk-nl li > button:hover{background:var(--fx-soft)} .ldk-nl b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ldk-nl small{display:block;font-size:12px;color:var(--fx-muted);line-height:1.4}
.ldk-call{width:40px;height:40px;border-radius:12px;background:#E3F6EC;color:#11744A;display:grid;place-items:center} .ldk-call svg{width:17px;height:17px}
.ldk-sl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ldk-sl button{width:100%;display:grid;gap:6px;border:0;background:transparent;text-align:left;padding:8px 6px;border-radius:12px;color:var(--fx-ink)} .ldk-sl button:hover,.ldk-sl button.on{background:var(--fx-soft)} .ldk-sl button.on{box-shadow:inset 0 0 0 1px var(--fx-acc3)}
.ldk-sh{display:flex;justify-content:space-between;gap:10px;font-size:13px} .ldk-sh b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ldk-sh span{color:var(--fx-muted);font-size:12px;white-space:nowrap}
.ldk-sb{position:relative;height:8px;border-radius:99px;background:var(--fx-soft);overflow:hidden} .ldk-sl button.on .ldk-sb,.ldk-sl button:hover .ldk-sb{background:var(--fx-card)}
.ldk-sb i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:99px;background:var(--fx-acc3)} .ldk-sb i.p{background:var(--fx-g1)}
.ldk-key{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fx-muted)} .ldk-key i{width:10px;height:10px;border-radius:3px;background:var(--fx-acc3)} .ldk-key i.p{background:var(--fx-g1);margin-left:8px}
:root[data-theme="dark"] .ldk-sb i.p,:root[data-theme="dark"] .ldk-key i.p{background:#5EA3F5}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .ldk-sb i.p,:root:not([data-theme]) .ldk-key i.p{background:#5EA3F5} }
.ldk-lost ul{list-style:none;margin:0;padding:0;display:grid} .ldk-lost li{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:9px 0;border-top:1px solid var(--fx-line)} .ldk-lost li:first-child{border-top:0}
.ldk-how ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:h} .ldk-how li{display:grid;grid-template-columns:28px 1fr;gap:2px 10px;counter-increment:h} .ldk-how li::before{content:counter(h);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--fx-soft);display:grid;place-items:center;font-weight:800;font-size:12px} .ldk-how b{font-size:13.5px} .ldk-how span{font-size:12.5px;color:var(--fx-muted);line-height:1.5}
:root[data-theme="dark"] .ldk .sm-st{background:rgba(255,255,255,.08);color:#D9DCEA} :root[data-theme="dark"] .ldk .ldk-late{color:#FF9C97} :root[data-theme="dark"] .ldk-call{background:rgba(23,178,106,.16);color:#7FE0B0} :root[data-theme="dark"] .ldk-ia a:last-child{color:#7FE0B0}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .ldk .sm-st{background:rgba(255,255,255,.08);color:#D9DCEA} :root:not([data-theme]) .ldk .ldk-late{color:#FF9C97} :root:not([data-theme]) .ldk-call{background:rgba(23,178,106,.16);color:#7FE0B0} :root:not([data-theme]) .ldk-ia a:last-child{color:#7FE0B0} }
@media (prefers-reduced-motion:no-preference){ .dk-play .ldk-hero,.dk-play .ldk-fc{animation:dkUp .8s cubic-bezier(.16,1,.3,1) both} .dk-play .ldk-fc:nth-child(2){animation-delay:.08s} .dk-play .ldk-fc:nth-child(3){animation-delay:.16s} .dk-play .ldk-fc:nth-child(4){animation-delay:.24s} .dk-play .ldk-fun i,.dk-play .ldk-sb i{transform-origin:0 50%;animation:dkGrow 1s cubic-bezier(.16,1,.3,1) .3s both} }
@media (max-width:1100px){ .ldk-g{grid-template-columns:minmax(0,1fr)} .ldk-side{grid-template-columns:repeat(2,minmax(0,1fr))} .ldk-vw{display:none} .ldk-hero{grid-template-columns:minmax(0,1fr)} }
@media (max-width:860px){ .ldk-focus{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))} .ldk-fun{grid-template-columns:minmax(0,1fr);gap:6px} .ldk-fun button{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 10px;padding:10px 14px;border-radius:14px} .ldk-fun b{font-size:20px;grid-row:span 2;align-self:center;text-align:right} .ldk-fun small{grid-column:1} .ldk-fun i{grid-column:1/-1;margin-top:5px} .ldk-fun button{padding:8px 12px} .ldk-fun b{font-size:18px} .ldk-hv b{font-size:40px} .ldk-fc:last-child:nth-child(odd){grid-column:1/-1} }
@media (max-width:640px){ .fx-desk .ldk.fx-shell{padding:12px;border-radius:24px;gap:14px} .ldk-box{padding:14px 10px;border-radius:20px} .ldk-ttl{flex-direction:column;align-items:stretch;gap:12px} .ldk-ttl p{padding:2px 4px 0} .ldk-tb .dk-btn{flex:1 1 0} .ldk-hero{padding:18px;border-radius:22px} .ldk-fc{padding:12px 14px} .ldk-fc small{display:none} .ldk-fc > b{font-size:24px} .ldk-tools{grid-template-columns:repeat(2,minmax(0,1fr))} .ldk-q{grid-column:1/-1} .ldk-side{grid-template-columns:minmax(0,1fr)} .ldk-open{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:10px 4px 10px 12px} .ldk-rr{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;justify-items:start;gap:6px} .ldk-rr small{max-width:none} .ldk-ia{flex-direction:column;padding:8px 8px 8px 0} .ldk-ia a{width:38px;height:38px} .ldk-row{border-radius:14px} .ldk-focus{gap:10px} }
.tt{display:grid;gap:16px}
.tt-ttl p{margin:0;color:var(--fx-muted);font-size:13.5px;max-width:62ch}
.tt-tb{display:flex;gap:8px;flex:none;flex-wrap:wrap} .tt-tb .dk-btn{flex:0 0 auto}
.tt-hero{background:linear-gradient(140deg,#1F2A5E 0%,#22357F 52%,#2F6FDB 130%);color:#fff;border-radius:26px;padding:22px;display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:20px;align-items:center;box-shadow:0 26px 44px -32px rgba(31,42,94,.9);position:relative;overflow:hidden}
.tt-hv{display:grid;gap:5px;min-width:0} .tt-hv > span{font-size:13px;opacity:.82} .tt-hv > b{font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1} .tt-hv > small{font-size:12px;opacity:.82;line-height:1.5}
.tt-next > b{font-size:24px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}
.tt-hb{display:flex;gap:8px;margin-top:6px}
.tt-join{display:inline-flex;align-items:center;gap:8px;border:0;background:#fff;color:#16192B;border-radius:99px;padding:0 20px;height:44px;font-weight:700;font-size:14px}
.tt-join svg{width:17px;height:17px;color:#0076AE}
.tt-sts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.tt-st{display:grid;gap:2px;align-content:start;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:18px;padding:12px 14px;min-width:0}
.tt-st span{font-size:12px;font-weight:600;opacity:.88} .tt-st b{font-size:26px;font-weight:700;line-height:1.15} .tt-st small{font-size:11.5px;opacity:.75;line-height:1.4}
.tt-st.hot{background:#fff;border-color:#fff;color:#16192B} .tt-st.hot small{opacity:.7}
.tt-hero .tt-avs .fx-av,.tt-hero .tt-avs .av{box-shadow:0 0 0 2px #22357F}
.tt-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start} .tt-main{min-width:0;display:grid;gap:16px} .tt-side{display:grid;gap:16px;align-content:start;min-width:0}
.tt-box{gap:12px}
.tt-tabs{display:inline-flex;background:var(--fx-soft);border-radius:99px;padding:3px;gap:2px;flex-wrap:wrap}
.tt-tabs button{border:0;background:transparent;padding:7px 14px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--fx-muted);min-height:34px}
.tt-tabs button b{font-weight:700;opacity:.7;margin-left:2px} .tt-tabs button.on{background:var(--fx-card);color:var(--fx-ink);box-shadow:0 2px 8px -4px rgba(20,28,68,.35)}
.tt-tools{display:flex;gap:8px}
.tt-q{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--fx-line);background:var(--fx-card);border-radius:99px;padding:0 14px;min-width:0;margin:0;height:44px}
.tt-q svg{width:16px;height:16px;flex:none;color:var(--fx-muted)}
.fx .tt-q input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:42px;font:inherit;font-size:14px;color:var(--fx-ink);outline:0;border-radius:0}
.tt-q:focus-within{border-color:var(--fx-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-acc) 20%,transparent)}
.tt-chips{display:flex;flex-wrap:wrap;gap:6px}
.tt-chips button{border:1px solid var(--fx-line);background:var(--fx-soft);color:var(--fx-ink);border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600;min-height:34px}
.tt-chips button.on{background:var(--fx-dark);border-color:var(--fx-dark);color:#fff}
.tt-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tt-mut{font-size:12px;color:var(--fx-muted);display:flex;align-items:center;gap:6px;line-height:1.5} .tt-mut svg{width:14px;height:14px;flex:none}
.tt-none{text-align:center;padding:18px 0}
.tt-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:34px 16px;border:1px dashed var(--fx-line);border-radius:20px;background:var(--fx-soft)}
.tt-empty > svg{width:38px;height:38px;color:var(--fx-acc)} .tt-empty b{font-size:16px} .tt-empty p{margin:0;font-size:13px;color:var(--fx-muted);max-width:48ch;line-height:1.6} .tt-empty .dk-btn{flex:0 0 auto;margin-top:6px}
.tt-bar{height:6px;border-radius:99px;background:var(--fx-soft);overflow:hidden} .tt-bar i{display:block;height:100%;border-radius:99px;background:var(--fx-acc);min-width:3px}
.tt-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.tt-acts .btn,.tt-acts .dk-btn{flex:0 0 auto}
.tt-del{width:40px;padding:0!important;justify-content:center;color:#C2302C!important}
.tt-pill{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;background:var(--fx-soft);color:var(--fx-muted);white-space:nowrap}
.tt-pill.r{background:#FDE6E5;color:#B32A26} .tt-pill.b{background:#E6F0FE;color:#1566C0} .tt-pill.g{background:#E3F5EC;color:#17683F} .tt-pill.a{background:#FFF3DD;color:#8A5A06}
.tt-avs{display:inline-flex;align-items:center} .tt-avs > *{margin-left:-6px} .tt-avs > :first-child{margin-left:0} .tt-avs em{font-style:normal;font-size:11px;font-weight:700;color:var(--fx-muted);margin-left:6px}
.tt-an{--c:#1566C0;--cb:#E6F0FE;border:1px solid var(--fx-line);background:var(--fx-card);border-radius:18px;padding:16px 18px;display:grid;gap:8px;position:relative;overflow:hidden;min-width:0}
.tt-an::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--c)}
.tt-an.lv-a,.tt-lv.lv-a{--c:#8A5A06;--cb:#FFF3DD} .tt-an.lv-r,.tt-lv.lv-r{--c:#B32A26;--cb:#FDE6E5} .tt-an.lv-g,.tt-lv.lv-g{--c:#17683F;--cb:#E3F5EC}
.tt-an.is-read::before{opacity:.35}
.tt-anh{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .tt-anh small{font-size:12px;color:var(--fx-muted)}
.tt-lv{--c:#1566C0;--cb:#E6F0FE;display:inline-flex;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;background:var(--cb);color:var(--c)}
.tt-new{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--fx-ink)} .tt-new::before{content:"";width:7px;height:7px;border-radius:50%;background:#E8312F}
.tt-an h3{margin:0;font-size:16px;font-weight:700;line-height:1.35;color:var(--fx-ink)}
.tt-an p{margin:0;font-size:13.5px;line-height:1.65;color:var(--fx-ink);overflow-wrap:anywhere}
.tt-img{width:100%;max-height:320px;object-fit:cover;border-radius:14px;border:1px solid var(--fx-line)}
.tt-got{justify-self:start;flex:0 0 auto}
.tt-sn{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:18px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:12px 16px;align-items:center;min-width:0} .tt-sn .tt-acts{grid-column:1 / -1;justify-content:flex-start}
.tt-snt{display:grid;gap:4px;min-width:0;justify-items:start} .tt-snt b{font-size:14px;line-height:1.35;overflow-wrap:anywhere} .tt-snt small{font-size:12px;color:var(--fx-muted)}
.tt-rd{display:grid;gap:5px} .tt-rd small{font-size:12px;color:var(--fx-muted)} .tt-rd small b{color:var(--fx-ink)}
.tt-mt{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:18px;padding:12px 14px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0}
.tt-mt.is-live{border-color:#E8312F;box-shadow:inset 0 0 0 1px #E8312F}
.tt-when{display:grid;justify-items:center;gap:2px;background:var(--fx-soft);border-radius:14px;padding:10px 4px}
.tt-when b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums} .tt-when small{font-size:11px;color:var(--fx-muted);text-align:center;line-height:1.3}
.tt-mt.is-past .tt-when{opacity:.75}
.tt-mtb{display:grid;gap:5px;min-width:0} .tt-mtb > small{font-size:12px;color:var(--fx-muted)}
.tt-mtt{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0} .tt-mtt b{font-size:14.5px;overflow-wrap:anywhere}
.tt-mtt .pill{font-size:11px}
.tt-recs{display:flex;flex-wrap:wrap;gap:6px}
.tt-extra{display:grid;gap:12px} .tt-extra .panel{margin:0}
.tt-ready .dk-hd b{font-size:18px}
.tt-wb{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);border-radius:18px;padding:14px 16px;text-align:left;min-width:0}
.tt-wb:hover{border-color:var(--fx-acc3)} .tt-wb > svg{width:18px;height:18px;color:var(--fx-muted)}
.tt-wbi{width:44px;height:44px;border-radius:14px;background:#E6F0FE;color:#1566C0;display:grid;place-items:center} .tt-wbi svg{width:20px;height:20px}
.tt-wbb{display:grid;gap:5px;min-width:0} .tt-wbb > small{font-size:12px;color:var(--fx-muted)}
.tt-wbs{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--fx-muted)} .tt-wbs b{font-size:14px;color:var(--fx-ink);margin-right:2px}
.tt-mini{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tt-mini li{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--fx-line);border-radius:14px;padding:10px 12px;min-width:0}
.tt-mini li > div{display:grid;gap:2px;min-width:0} .tt-mini b{font-size:13px;overflow-wrap:anywhere} .tt-mini small{font-size:11.5px;color:var(--fx-muted)} .tt-mini .dk-btn{flex:0 0 auto}
.tt-how p{margin:0;font-size:13px;line-height:1.6;color:var(--fx-muted)} .tt-how .dk-btn{justify-self:start;flex:0 0 auto}
.tt-how ol{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:tt}
.tt-how li{display:grid;gap:2px;padding-left:30px;position:relative;counter-increment:tt} .tt-how li::before{content:counter(tt);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--fx-soft);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--fx-ink)}
.tt-how li b{font-size:13px} .tt-how li span{font-size:12.5px;color:var(--fx-muted);line-height:1.5}
:root[data-theme="dark"] .tt-pill.r,:root[data-theme="dark"] .tt-an.lv-r,:root[data-theme="dark"] .tt-lv.lv-r{--c:#FFA19C;--cb:rgba(232,49,47,.18)}
:root[data-theme="dark"] .tt-an,:root[data-theme="dark"] .tt-lv{--c:#9FCBFF;--cb:rgba(46,144,250,.16)}
:root[data-theme="dark"] .tt-an.lv-a,:root[data-theme="dark"] .tt-lv.lv-a{--c:#FFD48A;--cb:rgba(245,166,35,.16)}
:root[data-theme="dark"] .tt-an.lv-g,:root[data-theme="dark"] .tt-lv.lv-g{--c:#8EE3B5;--cb:rgba(23,104,63,.3)}
:root[data-theme="dark"] .tt-pill.r{background:rgba(232,49,47,.18);color:#FFA19C} :root[data-theme="dark"] .tt-pill.b,:root[data-theme="dark"] .tt-wbi{background:rgba(46,144,250,.16);color:#9FCBFF} :root[data-theme="dark"] .tt-pill.g{background:rgba(23,104,63,.3);color:#8EE3B5} :root[data-theme="dark"] .tt-pill.a{background:rgba(245,166,35,.16);color:#FFD48A}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]) .tt-an,:root:not([data-theme]) .tt-lv{--c:#9FCBFF;--cb:rgba(46,144,250,.16)}
  :root:not([data-theme]) .tt-an.lv-a,:root:not([data-theme]) .tt-lv.lv-a{--c:#FFD48A;--cb:rgba(245,166,35,.16)}
  :root:not([data-theme]) .tt-an.lv-r,:root:not([data-theme]) .tt-lv.lv-r{--c:#FFA19C;--cb:rgba(232,49,47,.18)}
  :root:not([data-theme]) .tt-an.lv-g,:root:not([data-theme]) .tt-lv.lv-g{--c:#8EE3B5;--cb:rgba(23,104,63,.3)}
  :root:not([data-theme]) .tt-pill.r{background:rgba(232,49,47,.18);color:#FFA19C} :root:not([data-theme]) .tt-pill.b,:root:not([data-theme]) .tt-wbi{background:rgba(46,144,250,.16);color:#9FCBFF} :root:not([data-theme]) .tt-pill.g{background:rgba(23,104,63,.3);color:#8EE3B5} :root:not([data-theme]) .tt-pill.a{background:rgba(245,166,35,.16);color:#FFD48A}
}
@media (max-width:1100px){ .tt-g{grid-template-columns:minmax(0,1fr)} .tt-side{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))} }
@media (max-width:860px){
  .tt-hero{grid-template-columns:minmax(0,1fr);padding:18px;border-radius:22px;gap:14px} .tt-hv > b{font-size:40px} .tt-next > b{font-size:21px}
  .tt-sn{grid-template-columns:minmax(0,1fr)} .tt-sn .tt-acts{justify-content:flex-start}
  .tt-mt{grid-template-columns:56px minmax(0,1fr)} .tt-mt .tt-acts{grid-column:1 / -1;justify-content:flex-start}
}
@media (max-width:560px){
  .tt-sts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .tt-st{padding:10px;border-radius:14px} .tt-st b{font-size:20px} .tt-st span{font-size:11px} .tt-st small{display:none}
  .tt-ttl{flex-wrap:wrap} .tt-tb{width:100%} .tt-tb .dk-btn{flex:1 1 0}
  .tt-an{padding:14px} .tt-wb{grid-template-columns:40px minmax(0,1fr);padding:12px} .tt-wb > svg{display:none} .tt-wbi{width:40px;height:40px}
  .fx-desk .tt.fx-shell{padding:12px}
}
@media (prefers-reduced-motion:reduce){ .tt-bar i{transition:none} }
.tt .dk-box h3 svg,.tt .dk-box h3 .ico{width:17px;height:17px;flex:none;color:var(--fx-acc)}
.tt .dk-btn svg,.tt .btn svg,.tt-mut svg{width:16px;height:16px;flex:none}
.fx-after-h{font-size:18px;margin:26px 0 10px}
/* ===== end Finance desk ===== */
/* ===== Section desks (generated by tools/dk2_css.py from src/desks2/desks2.css; do not edit here) ===== */
.odk{--odk-bg:#F1F3F7;--odk-c:#FFFFFF;--odk-c2:#F5F6F9;--odk-n:#1F2A5E;--odk-b:#00A9EF;--odk-bs:#D8F1FD;--odk-ink:#14193A;
  background:var(--odk-bg);border-radius:30px;padding:24px;display:grid;gap:16px;color:var(--odk-ink)}
:root[data-theme="dark"] .odk{--odk-n:#7C93E8;--odk-bg:var(--fx-soft);--odk-c:var(--fx-card);--odk-c2:#1E2336;--odk-bs:#12324A;--odk-ink:var(--fx-ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .odk{--odk-n:#7C93E8;--odk-bg:var(--fx-soft);--odk-c:var(--fx-card);--odk-c2:#1E2336;--odk-bs:#12324A;--odk-ink:var(--fx-ink)}}
.odk-hd{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.odk-hd h1{margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;color:var(--odk-ink);font-family:inherit}
.odk-hd p{margin:2px 0 0;font-size:13px;color:var(--fx-muted)}
.odk-hb{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.odk-ib{width:44px;height:44px;border-radius:50%;border:0;background:var(--odk-n);color:#fff;display:grid;place-items:center} .odk-ib svg{width:19px;height:19px}
.odk-cta{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:12px 22px;font-weight:700;background:var(--odk-b);color:#06243A} .odk-cta svg{width:17px;height:17px}
.odk-c{background:var(--odk-c);border-radius:26px;padding:18px 20px;display:grid;gap:10px;align-content:start;min-width:0;position:relative;overflow:hidden}
.odk-c h3{margin:0;font-size:17px;font-weight:500;font-family:inherit;color:var(--odk-ink);display:flex;align-items:center}
.odk-sub{margin:0;font-size:12px;color:var(--fx-muted)}
.odk-r1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.odk-kr{display:flex;align-items:center;gap:12px;min-width:0}
.odk-ki{width:46px;height:46px;border-radius:50%;background:var(--odk-n);color:#fff;display:grid;place-items:center;flex:none} .odk-ki svg{width:20px;height:20px}
.odk-kv{display:grid;min-width:0;flex:1}
.odk-kv > b{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.05;white-space:nowrap}
.odk-kv > b small{font-size:14px;font-weight:600;color:var(--fx-muted);margin-left:4px}
.odk-kv > span{font-size:12px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odk-kv em{font-style:normal;font-weight:700} .odk-kv em.b{color:#B32A26} .odk-kv em.g{color:#11744A}
.odk-mb{display:flex;align-items:flex-end;gap:4px;height:54px;flex:none;width:118px}
.odk-mb i{flex:1;height:var(--h);border-radius:6px 6px 3px 3px;background:var(--odk-bs)} .odk-mb i.on{background:var(--odk-b)}
.odk-ml{display:flex;align-items:flex-end;gap:6px;height:54px;flex:none;width:118px}
.odk-ml span{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}
.odk-ml i{width:5px;height:var(--h);border-radius:99px;background:repeating-linear-gradient(180deg,var(--odk-bs) 0 3px,transparent 3px 5px)}
.odk-ml b{position:absolute;bottom:calc(var(--h) - 6px);width:9px;height:9px;border-radius:50%;background:var(--odk-n)}
.odk-ml span:last-child b{background:var(--odk-b)}
.odk-md{width:118px;height:50px;flex:none;overflow:visible}
.odk-md path{fill:none;stroke:var(--odk-n);stroke-width:1.6;stroke-dasharray:3 3}
.odk-md circle{fill:var(--odk-b)}
.odk-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1.1fr);grid-template-areas:"a b c" "d e c";gap:16px}
.odk-xa{grid-area:a} .odk-xb{grid-area:b} .odk-xc{grid-area:c} .odk-xd{grid-area:d} .odk-xe{grid-area:e}
.odk-g > div{display:grid;min-width:0}
.odk-pt{font-size:15px;line-height:1.35}
.odk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.odk-tiles > div{border:1px solid var(--fx-line);border-radius:14px;padding:8px 10px;display:grid;min-width:0}
.odk-tiles b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .odk-tiles span{font-size:11px;color:var(--fx-muted)}
.odk-who{display:flex;align-items:center;gap:10px;min-width:0}
.odk-who .grow{flex:1;min-width:0;display:grid} .odk-who b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .odk-who span{font-size:12px;color:var(--fx-muted)}
.odk-av{width:40px;height:40px;font-size:13px}
.odk-none{border-radius:50%;background:var(--odk-c2);color:var(--fx-muted);display:grid;place-items:center} .odk-none svg{width:18px;height:18px}
.odk-rb{width:42px;height:42px;border-radius:50%;border:0;background:var(--odk-b);color:#06243A;display:grid;place-items:center;flex:none} .odk-rb svg{width:18px;height:18px}
.odk-rb.sm{width:34px;height:34px;margin-left:auto} .odk-rb.sm svg{width:15px;height:15px}
.odk-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fx-muted)}
.odk-nav button{width:28px;height:28px;border-radius:50%;border:1px solid var(--fx-line);background:var(--odk-c);color:var(--odk-ink);display:grid;place-items:center} .odk-nav svg{width:14px;height:14px}
.odk-tg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.odk-route{background:linear-gradient(160deg,#BDE9FC,#7FD0F6);border-radius:20px;padding:14px;display:grid;gap:10px;align-content:space-between;color:#0B2545;min-width:0}
.odk-route.late{background:linear-gradient(160deg,#FFD9D6,#F7A9A2)}
.odk-route > svg{width:44px;height:44px;margin:4px auto;opacity:.85}
.odk-rh{display:flex;justify-content:space-between} .odk-rh b{font-size:20px;font-weight:600}
.odk-sl{position:relative;height:4px;border-radius:99px;background:rgba(11,37,69,.18)}
.odk-sl i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:99px;background:#0B2545}
.odk-sl span{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #0B2545;transform:translate(-50%,-50%)}
.odk-rf{display:flex;justify-content:space-between;font-size:11px;font-weight:600;background:rgba(255,255,255,.45);border-radius:12px;padding:6px 10px}
.odk-steps{border:1px solid var(--fx-line);border-radius:20px;padding:12px 14px;min-width:0}
.odk-id{display:block;font-size:20px;font-weight:600;margin-bottom:8px}
.odk-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.odk-steps ol::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;border-left:1.5px dotted var(--fx-muted);opacity:.6}
.odk-steps li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:10px;position:relative}
.odk-steps li i{grid-row:1/3;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--fx-muted);background:var(--odk-c);margin-top:3px;z-index:1}
.odk-steps li.ok i{background:var(--odk-n);border-color:var(--odk-n)} .odk-steps li.on i{background:var(--odk-b);border-color:var(--odk-n);box-shadow:0 0 0 3px var(--odk-bs)}
.odk-steps li span{font-size:12.5px;font-weight:600} .odk-steps li small{font-size:11px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odk-tf{display:flex;align-items:center;gap:10px;border:1px solid var(--fx-line);border-radius:99px;padding:8px 14px;flex-wrap:wrap}
.odk-tf b{font-size:13px} .odk-tf span{font-size:12px;color:var(--fx-muted)}
.odk-ring{width:26px;height:26px;transform:rotate(-90deg);flex:none}
.odk-ring circle{fill:none;stroke:var(--fx-line);stroke-width:4} .odk-ring circle.v{stroke:var(--odk-b);stroke-dasharray:var(--p) 100;stroke-linecap:round}
.odk-map{background:linear-gradient(180deg,var(--odk-c),var(--odk-c2));align-content:stretch;grid-template-rows:auto 1fr auto}
.odk-map::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background:repeating-linear-gradient(28deg,transparent 0 34px,var(--fx-line) 34px 35px),repeating-linear-gradient(-62deg,transparent 0 52px,var(--fx-line) 52px 53px)}
.odk-map > *{position:relative}
.odk-stops{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-content:start;position:relative}
.odk-stops::before{content:"";position:absolute;left:15px;top:18px;bottom:18px;border-left:2.5px solid var(--odk-n);opacity:.85}
.odk-stops li{display:flex;align-items:center;gap:10px;min-width:0}
.odk-stops .grow{flex:1;min-width:0;display:grid;gap:4px} .odk-stops .grow b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odk-stops > li > b{font-size:16px}
.odk-pin{width:32px;height:32px;border-radius:50%;background:var(--odk-c);border:2.5px solid var(--odk-n);display:grid;place-items:center;flex:none;z-index:1;color:var(--odk-n)} .odk-pin svg{width:15px;height:15px}
.odk-pin.h{border-color:#D93F3B;color:#D93F3B}
.odk-bar{height:5px;border-radius:99px;background:var(--fx-line);overflow:hidden} .odk-bar i{display:block;height:100%;width:var(--w);background:var(--odk-b);border-radius:99px}
.odk-mf{margin:0;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fx-muted)} .odk-mf .fx-num{font-size:20px;font-weight:600;color:var(--odk-ink)}
.odk-lg{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.odk-lg.c0,.odk-dot.c0{background:var(--odk-n);fill:var(--odk-n)} .odk-lg.c1,.odk-dot.c1{background:var(--odk-b);fill:var(--odk-b)} .odk-lg.c2,.odk-dot.c2{background:#E0A93B;fill:#E0A93B} .odk-lg.c3,.odk-dot.c3{background:#D93F3B;fill:#D93F3B}
.odk-dot.e{fill:var(--fx-line)}
.odk-dial{position:relative;width:min(230px,100%);margin:0 auto;aspect-ratio:1}
.odk-dial svg{width:100%;height:100%}
.odk-dv{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}
.odk-dv > b{font-size:38px;font-weight:600;line-height:1} .odk-dv > span{font-size:12px;color:var(--fx-muted)} .odk-dv > small{font-size:11px;color:var(--fx-muted)}
.odk-svc{background:linear-gradient(170deg,var(--odk-c2),var(--odk-c));padding-bottom:16px}
.odk-sh{display:flex;justify-content:space-between;gap:10px}
.odk-an{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:4px}
.odk-due{margin:6px 0 0;font-size:12.5px;font-weight:700;color:#11744A} .odk-due.soon{color:#9A6500} .odk-due.late{color:#B32A26}
.odk-ud{display:grid;gap:6px;align-content:start} .odk-ud button{width:34px;height:34px;border-radius:50%;border:1px solid var(--fx-line);background:var(--odk-c);color:var(--odk-ink);display:grid;place-items:center} .odk-ud button[disabled]{opacity:.35} .odk-ud svg{width:15px;height:15px}
.odk-st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:62%;position:relative;z-index:1}
.odk-st > div{background:color-mix(in srgb,var(--odk-c) 85%,transparent);border:1px solid var(--fx-line);border-radius:14px;padding:8px 10px;display:grid;min-width:0}
.odk-st span{font-size:11px;color:var(--fx-muted)} .odk-st b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odk-draw{position:absolute;right:-6px;bottom:8px;width:52%;max-width:260px;color:var(--odk-n);opacity:.35}
.odk-bk{justify-self:start;position:relative;z-index:1}
@media (prefers-reduced-motion:no-preference){
  .dk-play .odk-c{animation:dkUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0)*70ms)}
  .dk-play .odk-mb i,.dk-play .odk-ml i{transform-origin:50% 100%;animation:dkRise .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i)*60ms)}
  .dk-play .odk-ml b,.dk-play .odk-md circle{transform-box:fill-box;transform-origin:center;animation:dkPop .45s ease-out both;animation-delay:calc(.6s + var(--i)*70ms)}
  .dk-play .odk-md path{animation:dkWipe 1.4s cubic-bezier(.45,0,.2,1) .3s both}
  .dk-play .odk-dot:not(.e){animation:dkFade .3s ease-out both;animation-delay:calc(.2s + var(--i)*14ms)}
  .dk-play .odk-steps li{animation:dkUp .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--i)*110ms)}
  .dk-play .odk-sl i,.dk-play .odk-bar i{transform-origin:0 50%;animation:dkGrow 1.1s cubic-bezier(.16,1,.3,1) .35s both}
  .dk-play .odk-stops li{animation:dkUp .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i)*80ms)}
  .dk-play .odk-ring circle.v{animation:dkSweep 1.3s cubic-bezier(.16,1,.3,1) .3s both}
  .dk-play .odk-draw path,.dk-play .odk-draw rect,.dk-play .odk-draw circle{stroke-dasharray:400;stroke-dashoffset:400;animation:dkDraw 2.2s ease .3s forwards}
}
@media (max-width:1200px){ .odk-g{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "c d" "e e"} }
@media (max-width:900px){ .odk-r1{grid-template-columns:minmax(0,1fr)} }
@media (max-width:700px){ .odk{padding:14px;border-radius:22px} .odk-g{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "b" "c" "d" "e"} .odk-tg{grid-template-columns:minmax(0,1fr)} .odk-st{max-width:none} .odk-draw{display:none} .odk-hb{width:100%} .odk-cta{flex:1;justify-content:center} }
.pdk{--pdk-n:#1F2A5E;--pdk-nd:#1A2147;--pdk-b:#00A9EF;--pdk-bs:#CDEFFD;--pdk-bg:#F4F6FA;--pdk-c:#FFFFFF;
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;background:var(--pdk-c);border-radius:30px;padding:22px;color:var(--fx-ink)}
:root[data-theme="dark"] .pdk{--pdk-n:#9DB0F5;--pdk-nd:#2A3A85;--pdk-bg:var(--fx-soft);--pdk-c:var(--fx-card);--pdk-bs:#12324A}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .pdk{--pdk-n:#9DB0F5;--pdk-nd:#2A3A85;--pdk-bg:var(--fx-soft);--pdk-c:var(--fx-card);--pdk-bs:#12324A}}
.pdk-main{background:var(--pdk-bg);border-radius:26px;padding:22px 24px;display:grid;gap:22px;align-content:start;min-width:0}
.pdk-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pdk-hd h1{margin:0;font-size:24px;font-weight:700;font-family:inherit;color:var(--fx-ink)} .pdk-hd p{margin:2px 0 0;font-size:13px;color:var(--fx-muted)}
.pdk-hb{display:flex;gap:8px;flex-wrap:wrap}
.pdk-h{margin:0;font-size:20px!important;font-weight:700!important;display:flex;align-items:center}
.pdk-sec{display:grid;gap:12px;min-width:0}
.pdk-tabs{display:flex;gap:18px;align-items:center;border:0;flex-wrap:wrap}
.pdk-tabs button{border:0;background:transparent;padding:4px 0;font-size:13px;color:var(--fx-muted);position:relative}
.pdk-tabs button[aria-pressed="true"]{color:var(--fx-ink);font-weight:700} .pdk-tabs button[aria-pressed="true"]::after{content:"";position:absolute;left:50%;bottom:-4px;width:4px;height:4px;border-radius:50%;background:var(--fx-ink);transform:translateX(-50%)}
.pdk-all{margin-left:auto;border:0;background:transparent;font-size:13px;color:var(--fx-muted);padding:0}
.pdk-dcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pdk-dc{border:1px solid transparent;background:var(--pdk-c);border-radius:16px;padding:16px;display:grid;gap:10px;text-align:left;box-shadow:0 10px 30px -24px rgba(20,25,60,.45);color:var(--fx-ink);min-width:0}
.pdk-dc:hover{border-color:var(--fx-line)}
.pdk-dh{display:flex;gap:10px;align-items:center;min-width:0} .pdk-dh > span{display:grid;min-width:0} .pdk-dh b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pdk-dh small{font-size:12px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdk-art{width:42px;height:42px;flex:none;color:var(--pdk-n);background:var(--pdk-bs);border-radius:12px;padding:6px}
.pdk-lvl{font-size:12.5px;font-weight:700} .pdk-lvl.g{color:#11744A} .pdk-lvl.b{color:#0076AE}
.pdk-ms{display:flex;gap:6px;justify-self:start;border:1px solid var(--fx-line);border-radius:99px;padding:4px 10px;font-size:12px}
.pdk-ms span{display:inline-flex;align-items:center;gap:4px;padding:0 4px} .pdk-ms svg{width:13px;height:13px;color:var(--fx-muted)}
.pdk-pb{height:6px;border-radius:99px;background:var(--fx-line);overflow:hidden} .pdk-pb i{display:block;height:100%;width:var(--w);background:var(--pdk-nd);border-radius:99px}
.pdk-pc{font-size:12.5px;color:var(--fx-muted)} .pdk-pc b{color:#11744A}
.pdk-as{display:flex;align-items:center;gap:16px;background:var(--pdk-c);border-radius:16px;padding:14px 18px;flex-wrap:wrap;min-width:0}
.pdk-as .grow{flex:1 1 180px;min-width:0;display:grid} .pdk-as .grow b{font-size:14px} .pdk-as .grow span{font-size:12.5px;color:var(--fx-muted)}
.pdk-asd{display:grid;font-size:12px;color:var(--fx-muted)} .pdk-asd b{font-size:14px;color:var(--fx-ink)}
.pdk-hand{width:54px;height:46px;color:var(--pdk-b);flex:none}
.pdk-ob{border:1px solid var(--fx-ink);background:transparent;border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:600;color:var(--fx-ink)}
.pdk-gb{display:inline-flex;align-items:center;gap:6px;border:1px solid #9AD8F3;background:var(--pdk-bs);border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:700;color:#0B3550} .pdk-gb svg{width:14px;height:14px}
.pdk-add{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#0076AE;font-weight:700;font-size:13px} .pdk-add svg{width:15px;height:15px}
.pdk-hjs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pdk-hj{border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start;min-width:0}
.pdk-hj.dark{background:var(--pdk-nd);color:#fff} .pdk-hj.sky{background:linear-gradient(150deg,#7FD3F7,#3FBDF1);color:#0B2545}
.pdk-hjh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} .pdk-hjh b{font-size:14.5px}
.pdk-hj p{margin:0;font-size:12.5px;opacity:.85;line-height:1.5}
.pdk-tag{display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:3px 9px;font-size:11.5px;font-weight:700;border:1px solid currentColor;flex:none} .pdk-tag svg{width:12px;height:12px}
.pdk-hj.dark .pdk-tag.h{color:#FF9B8F} .pdk-hj.dark .pdk-tag.l{color:#B7C2E6} .pdk-hj.sky .pdk-tag{color:#0B2545}
.pdk-lnk{justify-self:start;border:0;background:transparent;padding:0;color:inherit;font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.pdk-hjf{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin-top:4px;flex-wrap:wrap} .pdk-hjf > span:first-child{display:inline-flex;align-items:center;gap:6px} .pdk-hjf svg{width:14px;height:14px}
.pdk-stk{display:inline-flex;align-items:center} .pdk-stk .fx-av{margin-left:-8px;border:2px solid var(--pdk-c)} .pdk-stk .fx-av:first-child{margin-left:0}
.fx .fx-av.xs{width:28px;height:28px;font-size:10px}
.pdk-more{margin-left:-8px;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--pdk-n);font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid var(--pdk-c)}
.pdk-side{display:grid;gap:22px;align-content:start;min-width:0}
.pdk-side-c{display:grid;gap:10px;min-width:0}
.pdk-prof{justify-items:center;text-align:center} .pdk-prof .dk-hd{width:100%} .pdk-prof > b{font-size:18px} .pdk-prof > span{font-size:12.5px;color:var(--fx-muted)}
.fx .fx-av.pdk-big,.pdk-big{width:86px;height:86px;font-size:28px;border-radius:50%;box-shadow:0 0 0 4px var(--pdk-c),0 0 0 6px var(--pdk-b)}
.pdk-none{display:grid;place-items:center;background:var(--pdk-bs);color:var(--pdk-n)} .pdk-none svg{width:32px;height:32px}
.pdk-ic{width:32px;height:32px;border-radius:50%;border:1px solid var(--fx-line);background:transparent;display:grid;place-items:center;color:var(--fx-ink)} .pdk-ic svg{width:14px;height:14px}
.pdk-cal{background:var(--pdk-c);border-radius:16px;padding:14px;box-shadow:0 14px 34px -26px rgba(20,25,60,.5);border:1px solid var(--fx-line)}
.pdk-mh{display:flex;justify-content:center} .pdk-mh b{font-size:15px}
.pdk-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.pdk-wk button{border:0;background:transparent;border-radius:99px;padding:6px 0 8px;display:grid;justify-items:center;gap:4px;color:var(--fx-ink);position:relative}
.pdk-wk small{font-size:10px;color:var(--fx-muted);font-weight:700} .pdk-wk b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;background:var(--pdk-bg)}
.pdk-wk button.on{background:var(--pdk-nd);color:#fff} .pdk-wk button.on small{color:#B7C2E6} .pdk-wk button.on b{background:#fff;color:var(--pdk-nd)}
.pdk-wk i{position:absolute;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--pdk-b)}
.pdk-away{list-style:none;margin:0;padding:0;display:grid;gap:8px} .pdk-away li{display:flex;align-items:center;gap:8px;font-size:12.5px} .pdk-away li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pdk-away small{color:var(--fx-muted)}
.pdk-nb{margin:0;font-size:12.5px;color:var(--fx-muted)}
.pdk-ev{display:grid;gap:6px} .pdk-ev > small{font-size:12px;color:var(--fx-muted)}
.pdk-ev > div{display:flex;align-items:center;gap:14px;border-radius:12px;padding:14px;border-left:4px solid var(--pdk-nd);background:linear-gradient(90deg,#DCEFE8,#EAF5FB 55%,#FBF4DC)}
:root[data-theme="dark"] .pdk-ev > div{background:linear-gradient(90deg,#183A33,#152A3B 55%,#3A3420)} @media (prefers-color-scheme:dark){:root:not([data-theme]) .pdk-ev > div{background:linear-gradient(90deg,#183A33,#152A3B 55%,#3A3420)}}
.pdk-ev > div > b{font-size:18px;min-width:50px} .pdk-ev > div > span{display:grid;min-width:0} .pdk-ev > div > span b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pdk-ev em{font-style:normal;font-size:12px;color:var(--fx-muted)}
.pdk-ri{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:0;text-align:left;color:var(--fx-ink)} .pdk-ri > span:last-child{display:grid} .pdk-ri b{font-size:13.5px} .pdk-ri small{font-size:12px;color:var(--fx-muted)}
.pdk-rii{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#E3F5FD,#FBF4DC);color:#0076AE;flex:none} .pdk-rii svg{width:20px;height:20px}
@media (prefers-reduced-motion:no-preference){
  .dk-play .pdk-dc,.dk-play .pdk-hj,.dk-play .pdk-as,.dk-play .pdk-side-c,.dk-play .pdk-ev{animation:dkUp .65s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0)*80ms)}
  .dk-play .pdk-pb i{transform-origin:0 50%;animation:dkGrow 1.1s cubic-bezier(.16,1,.3,1) .35s both}
  .dk-play .pdk-hj:nth-child(2){animation-delay:.1s}
}
:root[data-theme="dark"] .pdk-gb{color:#BDE9FC;border-color:#1F5E80} :root[data-theme="dark"] .pdk-pb i{background:var(--pdk-b)}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .pdk-gb{color:#BDE9FC;border-color:#1F5E80} :root:not([data-theme]) .pdk-pb i{background:var(--pdk-b)}}
@media (max-width:1200px){ .pdk{grid-template-columns:minmax(0,1fr)} .pdk-side{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){ .pdk-dcs{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .pdk{padding:10px;border-radius:22px} .pdk-main{padding:14px} .pdk-dcs,.pdk-hjs,.pdk-side{grid-template-columns:minmax(0,1fr)} .pdk-as > button{flex:1} }
.adk{--adk-bg:#F3F5F9;--adk-c:#FFFFFF;--adk-n:#1F2A5E;--adk-b:#4F6BED;--adk-bl:#00A9EF;--adk-g:#3BB39A;--adk-a:#F2B33D;--adk-r:#EE7B30;
  background:var(--adk-bg);border-radius:30px;padding:22px;display:grid;gap:18px;color:var(--fx-ink)}
:root[data-theme="dark"] .adk{--adk-bg:var(--fx-soft);--adk-c:var(--fx-card)} @media (prefers-color-scheme:dark){:root:not([data-theme]) .adk{--adk-bg:var(--fx-soft);--adk-c:var(--fx-card)}}
.adk h2{margin:0;font-size:16px!important;font-weight:700;display:flex;align-items:center}
.adk-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.adk-hd h1{margin:0;font-size:26px;font-weight:700;font-family:inherit;color:var(--fx-ink)} .adk-hd p{margin:2px 0 0;font-size:13px;color:var(--fx-muted)} .adk-hd p b{color:var(--fx-ink)}
.adk-cta{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:12px 20px;background:#16192B;color:#fff;font-weight:700;font-size:13px} .adk-cta svg{width:17px;height:17px}
.adk-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.adk-cd{border:1.5px solid transparent;background:var(--adk-c);border-radius:18px;padding:16px;display:grid;gap:10px;text-align:left;color:var(--fx-ink);box-shadow:0 14px 30px -26px rgba(20,25,60,.5);min-width:0}
.adk-cd.on{border:1.5px dashed var(--adk-b)}
.adk-ch{display:flex;gap:10px;align-items:center;min-width:0} .adk-ch > span:last-child{display:grid;min-width:0} .adk-ch b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .adk-ch small{font-size:12px;color:var(--fx-muted)}
.adk-ci{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#EEF1FD;color:var(--adk-b);flex:none} .adk-ci svg{width:18px;height:18px}
.adk-pl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--fx-muted)} .adk-pl b{color:var(--fx-ink)}
.adk-bar{height:7px;border-radius:99px;background:#E7E9F2;overflow:hidden} .adk-bar i{display:block;height:100%;width:var(--w);background:var(--adk-b);border-radius:99px}
:root[data-theme="dark"] .adk-bar,:root[data-theme="dark"] .adk-ci{background:#262B40} @media (prefers-color-scheme:dark){:root:not([data-theme]) .adk-bar,:root:not([data-theme]) .adk-ci{background:#262B40}}
.adk-cf{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.adk-tag{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 10px;font-size:11.5px;font-weight:700;background:#EEF1FD;color:#2B3FA8} .adk-tag svg{width:13px;height:13px}
.adk-tag.r{background:#FDE6E5;color:#B32A26} .adk-tag.a{background:#FFF2D6;color:#8A5A00} .adk-tag.g{background:#E3F6EC;color:#11744A}
.adk-mini{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--fx-muted)} .adk-mini svg{width:13px;height:13px;margin-left:4px}
.adk-c{background:var(--adk-c);border-radius:18px;padding:18px;display:grid;gap:12px;align-content:start;box-shadow:0 14px 30px -26px rgba(20,25,60,.5);min-width:0}
.adk-r2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
.adk-r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.adk-fl{display:flex;gap:8px;flex-wrap:wrap}
.adk-sel{position:relative;display:inline-flex;align-items:center} .adk-sel select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-weight:700;font-size:13px;padding:6px 26px 6px 4px;color:var(--fx-ink)} .adk-sel svg{position:absolute;right:4px;width:15px;height:15px;pointer-events:none}
.adk-tw{overflow-x:auto}
.adk-tbl table{width:100%;border-collapse:collapse;font-size:13px}
.adk-tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--fx-muted);padding:6px 8px;border-bottom:1px solid var(--fx-line)}
.adk-tbl td{padding:10px 8px;border-bottom:1px solid var(--fx-line);vertical-align:top} .adk-tbl tr:last-child td{border-bottom:0}
.adk-tbl td b{display:block;font-weight:600} .adk-tbl td small{display:block;font-size:11.5px;color:var(--fx-muted);max-width:340px}
.adk-st{display:inline-block;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700;white-space:nowrap} .adk-st.g{background:#E3F6EC;color:#11744A} .adk-st.a{background:#FFF2D6;color:#8A5A00} .adk-st.r{background:#FDE6E5;color:#B32A26}
.adk-go{border:1px solid var(--fx-line);background:var(--adk-c);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--fx-ink);white-space:nowrap}
.adk-sm{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--fx-line);background:var(--adk-c);border-radius:99px;padding:7px 14px;font-size:12px;font-weight:700;color:var(--fx-ink)} .adk-sm svg{width:14px;height:14px}
.adk-gw{position:relative;max-width:300px;width:100%;margin:0 auto}
.adk-gw svg{width:100%;display:block}
.adk-tk line{stroke:var(--fx-muted);stroke-width:1;opacity:.5}
.adk-gb{fill:none;stroke:#E7E9F2;stroke-width:16;stroke-linecap:round}
:root[data-theme="dark"] .adk-gb{stroke:#262B40} @media (prefers-color-scheme:dark){:root:not([data-theme]) .adk-gb{stroke:#262B40}}
.adk-ga{fill:none;stroke-width:16;stroke-linecap:round;stroke-dasharray:0 var(--a) var(--w) 100}
.adk-ga.g{stroke:var(--adk-g)} .adk-ga.a{stroke:var(--adk-a)} .adk-ga.r{stroke:var(--adk-r)}
.adk-gv{position:absolute;left:0;right:0;bottom:6px;text-align:center;display:grid} .adk-gv > b{font-size:34px;font-weight:700;line-height:1} .adk-gv > span{font-size:12px;color:var(--fx-muted)}
.adk-gf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;text-align:center} .adk-gf b{display:block;font-size:22px;font-weight:700} .adk-gf b.g{color:#11744A} .adk-gf b.a{color:#B07A00} .adk-gf b.r{color:#C2541A} .adk-gf span{font-size:11.5px;color:var(--fx-muted)}
.adk-rk,.adk-sup{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.adk-rk li,.adk-sup li{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--fx-line);min-width:0} .adk-rk li:last-child,.adk-sup li:last-child{border-bottom:0;padding-bottom:0}
.adk-rk .grow,.adk-sup .grow{flex:1;min-width:0;display:grid} .adk-rk b,.adk-sup b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .adk-rk span,.adk-sup span{font-size:12px;color:var(--fx-muted)} .adk-rk .fx-num{flex:none}
.adk-rk .fx-av,.adk-sup .fx-av{width:38px;height:38px;font-size:12px}
.adk .dk-b.adk-b1{background:var(--adk-r);border-radius:99px} .adk .dk-b.adk-b2{background:#8F86F0;border-radius:99px} .adk .dk-tr{border-radius:99px}
.dk-leg i.adk-l1{background:var(--adk-r)} .dk-leg i.adk-l2{background:#8F86F0}
.adk-bub{margin:0;border-radius:14px;padding:10px 12px;background:#EEF1FD;color:#2B3FA8;font-size:12.5px;font-weight:600}
:root[data-theme="dark"] .adk-bub{background:#1E2546;color:#C4CCFF} @media (prefers-color-scheme:dark){:root:not([data-theme]) .adk-bub{background:#1E2546;color:#C4CCFF}}
@media (prefers-reduced-motion:no-preference){
  .dk-play .adk-cd,.dk-play .adk-c,.dk-play .adk-rk li,.dk-play .adk-tbl tbody tr{animation:dkUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0)*70ms)}
  .dk-play .adk-bar i{transform-origin:0 50%;animation:dkGrow 1.1s cubic-bezier(.16,1,.3,1) .3s both}
  .dk-play .adk-ga{animation:adkSweep 1.4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--i)*200ms)}
}
@keyframes adkSweep{from{stroke-dasharray:0 var(--a) 0 100}}
@media (max-width:1200px){ .adk-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .adk-r2{grid-template-columns:minmax(0,1fr)} .adk-r3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px){ .adk{padding:12px;border-radius:22px} .adk-cards,.adk-r3{grid-template-columns:minmax(0,1fr)} .adk-cta{width:100%;justify-content:center} .adk-tbl th:nth-child(2),.adk-tbl td:nth-child(2){display:none} }
.hdk{--hdk-bg:#EEF0F8;--hdk-c:#FFFFFF;--hdk-b:#3D4FE0;--hdk-b2:#5B6CF0;--hdk-g:#D8DCE8;
  background:var(--hdk-bg);border-radius:30px;padding:22px;display:grid;gap:18px;color:var(--fx-ink)}
:root[data-theme="dark"] .hdk{--hdk-bg:var(--fx-soft);--hdk-c:var(--fx-card);--hdk-g:#30364F} @media (prefers-color-scheme:dark){:root:not([data-theme]) .hdk{--hdk-bg:var(--fx-soft);--hdk-c:var(--fx-card);--hdk-g:#30364F}}
.hdk h2{margin:0;font-size:18px!important;font-weight:700;display:flex;align-items:center}
.hdk-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hdk-hd h1{margin:0;font-size:28px;font-weight:700;font-family:inherit;color:var(--fx-ink)} .hdk-hd p{margin:0;font-size:13px;color:var(--fx-muted)}
.hdk-hb{display:flex;gap:10px;align-items:center}
.hdk-ib{width:46px;height:46px;border-radius:50%;border:0;background:var(--hdk-c);display:grid;place-items:center;color:var(--fx-ink)} .hdk-ib svg{width:19px;height:19px}
.hdk-cta{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:16px;padding:13px 20px;background:var(--hdk-b);color:#fff;font-weight:700;font-size:13.5px;box-shadow:0 14px 26px -16px var(--hdk-b)} .hdk-cta svg{width:17px;height:17px}
.hdk-g1{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px}
.hdk-l,.hdk-r{display:grid;gap:18px;align-content:start;min-width:0}
.hdk-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hdk-k{background:var(--hdk-c);border-radius:24px;padding:18px 20px;display:grid;gap:8px;min-width:0}
.hdk-k.on{background:linear-gradient(150deg,#4E5FF2,#3343D8);color:#fff}
.hdk-kh{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.hdk-ki{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--hdk-bg);color:var(--fx-ink)} .hdk-ki svg{width:20px;height:20px}
.hdk-k.on .hdk-ki{background:#fff;color:var(--hdk-b)}
.hdk-k h3{margin:6px 0 0;font-size:14px;font-weight:600;font-family:inherit;color:inherit;display:flex;align-items:center}
.hdk-kv{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .hdk-kv > b{font-size:32px;font-weight:700;letter-spacing:-.02em} .hdk-kv > span{font-size:12.5px;opacity:.7}
.hdk-k .dk-chip.g{background:#D9F7E4;color:#11744A} .hdk-k.on .dk-chip{background:rgba(255,255,255,.22);color:#fff}
.hdk-c{background:var(--hdk-c);border-radius:24px;padding:20px;display:grid;gap:12px;align-content:start;min-width:0}
.hdk .dk-b.hdk-b1{background:var(--hdk-g);border-radius:99px} .hdk .dk-b.hdk-b2{background:var(--hdk-b);border-radius:99px}
.hdk .dk-leg i{border-radius:50%} .hdk .dk-leg i.hdk-b1{background:var(--hdk-g)} .hdk .dk-leg i.hdk-b2{background:var(--hdk-b)}
.hdk .dk-rf.r1{stroke:var(--hdk-b)} .hdk .dk-rf.r2{stroke:#6C7BF3} .hdk .dk-rf.r3{stroke:#EF4F4F}
.hdk .dk-rl i.r1{background:var(--hdk-b)} .hdk .dk-rl i.r2{background:#6C7BF3} .hdk .dk-rl i.r3{background:#EF4F4F}
.hdk-tb{border:0;background:transparent;padding:0;text-align:left;color:inherit;min-width:0}
.hdk-due{font-size:12px;font-weight:700;color:var(--fx-muted);white-space:nowrap} .hdk-due.late{color:#B32A26}
.hdk-q{display:flex;align-items:center;gap:8px;background:var(--hdk-bg);border-radius:99px;padding:5px 5px 5px 14px}
.hdk-q > span svg{width:16px;height:16px;color:var(--fx-muted)} .hdk-q input{flex:1;min-width:0;border:0;background:transparent;font-size:13px;color:var(--fx-ink);outline:none}
.hdk-tp{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hdk-tp li{display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;font-size:13px}
.hdk-tp li span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hdk-tp li b{grid-row:1/3;grid-column:2;align-self:center;text-align:right}
.hdk-tp li i{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--hdk-b) var(--w),var(--hdk-g) var(--w))}
.hdk-rl{margin:4px 0 0;font-size:12px;font-weight:700;color:var(--fx-muted)}
.hdk-rc{display:grid;gap:6px}
.hdk-g{display:flex;align-items:center;gap:8px;border:1px solid var(--fx-line);background:transparent;border-radius:12px;padding:9px 12px;font-size:12.5px;text-align:left;color:var(--fx-ink)} .hdk-g svg{width:15px;height:15px;flex:none;color:var(--hdk-b)} .hdk-g span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:no-preference){
  .dk-play .hdk-k,.dk-play .hdk-c{animation:dkUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0)*80ms)}
  .dk-play .hdk-tp li i{transform-origin:0 50%;animation:dkGrow 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--i)*80ms)}
}
@media (max-width:1100px){ .hdk-g1{grid-template-columns:minmax(0,1fr)} .hdk-r{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px){ .hdk{padding:12px;border-radius:22px} .hdk-kpis,.hdk-r{grid-template-columns:minmax(0,1fr)} .hdk-hb{width:100%} .hdk-cta{flex:1;justify-content:center} .hdk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .hdk-kv > b{font-size:26px} .hdk-k{padding:14px} }
.ydk{--ydk-bg:#F3F5FA;--ydk-c:#FFFFFF;--ydk-b:#1F4FD8;--ydk-n:#1F2A5E;--ydk-a:#00A9EF;--ydk-al:#C9EEFC;
  background:var(--ydk-bg);border-radius:30px;padding:22px;display:grid;gap:18px;color:var(--fx-ink)}
:root[data-theme="dark"] .ydk{--ydk-bg:var(--fx-soft);--ydk-c:var(--fx-card);--ydk-al:#12324A} @media (prefers-color-scheme:dark){:root:not([data-theme]) .ydk{--ydk-bg:var(--fx-soft);--ydk-c:var(--fx-card);--ydk-al:#12324A}}
.ydk h2{margin:0;font-size:16px!important;font-weight:700;display:flex;align-items:center}
.ydk-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ydk-hd h1{margin:0;font-size:30px;font-weight:500;letter-spacing:-.02em;font-family:inherit;color:var(--fx-ink)} .ydk-hd h1 em{font-style:normal;font-weight:700;color:var(--ydk-b)}
:root[data-theme="dark"] .ydk-hd h1 em{color:#7FA8FF} @media (prefers-color-scheme:dark){:root:not([data-theme]) .ydk-hd h1 em{color:#7FA8FF}}
.ydk-hd p{margin:2px 0 0;font-size:13px;color:var(--fx-muted)}
.ydk-hb{display:flex;gap:10px}
.ydk-rb{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--fx-line);background:var(--ydk-c);display:grid;place-items:center;color:var(--fx-ink)} .ydk-rb svg{width:20px;height:20px}
.ydk-rb i{position:absolute;top:8px;right:9px;width:9px;height:9px;border-radius:50%;background:var(--ydk-a);border:2px solid var(--ydk-c)}
.ydk-g1{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.ydk-l,.ydk-r{display:grid;gap:18px;align-content:start;min-width:0}
.ydk-hero{position:relative;overflow:hidden;border-radius:28px;padding:24px;color:#fff;background:radial-gradient(120% 140% at 85% 20%,#3B74F0 0%,#1F4FD8 45%,#1A3FB0 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:18px;box-shadow:0 30px 60px -36px rgba(31,79,216,.75)}
.ydk-hl{display:grid;gap:10px;align-content:start;min-width:0;z-index:1}
.ydk-hl > small{font-size:13px;opacity:.85}
.ydk-big{font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.05} .ydk-big small{font-size:.4em;font-weight:600;opacity:.8}
.ydk-bar{height:7px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden;max-width:340px} .ydk-bar i{display:block;height:100%;width:var(--w);background:#fff;border-radius:99px}
.ydk-bl{display:flex;justify-content:space-between;gap:10px;max-width:340px;font-size:12px;opacity:.85}
.ydk-gl{display:grid;gap:12px;align-content:start;justify-items:end;z-index:1}
.ydk-g{width:min(230px,100%);border-radius:18px;padding:12px 14px;display:grid;gap:2px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ydk-g small{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.04em} .ydk-g b{font-size:22px;font-weight:700} .ydk-g span{font-size:11.5px;opacity:.85}
.ydk-g.g2{margin-right:28px}
.ydk-acts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;z-index:1}
.ydk-acts button{display:flex;align-items:center;gap:10px;border-radius:18px;padding:10px 12px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-weight:600;font-size:13px;text-align:left;min-width:0}
.ydk-acts button:hover{background:rgba(255,255,255,.18)}
.ydk-acts span{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none} .ydk-acts svg{width:17px;height:17px}
.ydk-house{position:absolute;right:-20px;bottom:-14px;width:46%;max-width:300px;color:#fff;opacity:.14;pointer-events:none}
.ydk-c{background:var(--ydk-c);border-radius:24px;padding:18px;display:grid;gap:12px;align-content:start;min-width:0;position:relative;border:1px solid var(--fx-line)}
.ydk-mc .dk-al{stroke:#5BCB6F} .ydk-mc .dk-af{fill:url(#dkag)}
.ydk-tag{position:absolute;top:54px;transform:translateX(-50%);background:var(--fx-ink);color:var(--ydk-c);border-radius:10px;padding:3px 8px;font-size:11.5px;font-weight:700;z-index:1}
.ydk-more{width:32px;height:32px;border-radius:50%;border:1px solid var(--fx-line);background:transparent;display:grid;place-items:center;color:var(--fx-ink)} .ydk-more svg{width:14px;height:14px}
.ydk-rates{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ydk-rates li{display:flex;align-items:center;gap:10px;background:var(--ydk-bg);border-radius:14px;padding:8px 12px;font-size:13px}
.ydk-ri{width:30px;height:30px;border-radius:50%;background:var(--ydk-c);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none;border:1px solid var(--fx-line)}
.ydk-rates .grow{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ydk-rates b{font-size:15px} .ydk-rates em{font-style:normal;font-size:11.5px;color:var(--fx-muted)} .ydk-rates em.r{color:#B32A26}
.ydk-pro{border:2px solid var(--ydk-a);background:linear-gradient(170deg,var(--ydk-c),color-mix(in srgb,var(--ydk-a) 8%,var(--ydk-c)))}
.ydk-pro p{margin:0;font-size:12.5px;color:var(--fx-muted)}
.ydk-pb{position:relative;justify-self:start;display:flex;align-items:center;border:0;border-radius:99px;background:var(--ydk-a);color:#06243A;font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:4px 4px 4px 18px;min-width:190px;gap:10px;overflow:hidden}
.ydk-pb span{z-index:1} .ydk-pb i{margin-left:auto;height:32px;width:var(--w);min-width:40px;border-radius:99px;background:#fff;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#06243A;max-width:110px} .ydk-pb svg{width:16px;height:16px}
.ydk-r2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
.ydk-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ydk-list a{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:12px;text-decoration:none;color:var(--fx-ink)} .ydk-list a:hover{background:var(--ydk-bg)}
.ydk-li{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--ydk-al);color:#0B3550} .ydk-li svg{width:18px;height:18px}
.ydk-li.r{background:#FDE6E5;color:#B32A26} .ydk-li.a{background:#FFF2D6;color:#8A5A00} .ydk-li.g{background:#E3F6EC;color:#11744A}
.ydk-list .grow{flex:1;min-width:0;display:grid} .ydk-list b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ydk-list small{font-size:11.5px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ydk-list time{font-size:11.5px;color:var(--fx-muted);flex:none}
.ydk-tx .dk-btn{justify-self:start}
.ydk-tr{display:grid;gap:12px;align-content:start;min-width:0}
.ydk-t{display:flex;align-items:center;gap:12px;border:1px solid var(--fx-line);background:var(--ydk-c);border-radius:20px;padding:14px;text-align:left;color:var(--fx-ink);min-width:0}
.ydk-ti{width:44px;height:44px;border-radius:14px;background:var(--ydk-bg);display:grid;place-items:center;flex:none} .ydk-ti svg{width:20px;height:20px}
.ydk-t .grow{flex:1;min-width:0;display:grid} .ydk-t b{font-size:14px} .ydk-t small{font-size:12.5px;font-weight:700;color:var(--ydk-b)} .ydk-t em{font-style:normal;font-size:11.5px;color:var(--fx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="dark"] .ydk-t small{color:#7FA8FF} @media (prefers-color-scheme:dark){:root:not([data-theme]) .ydk-t small{color:#7FA8FF}}
@media (prefers-reduced-motion:no-preference){
  .dk-play .ydk-hero,.dk-play .ydk-c,.dk-play .ydk-t,.dk-play .ydk-list li,.dk-play .ydk-rates li{animation:dkUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0)*70ms)}
  .dk-play .ydk-g{animation:ydkFloat .9s cubic-bezier(.16,1,.3,1) both} .dk-play .ydk-g.g2{animation-delay:.15s}
  .dk-play .ydk-bar i,.dk-play .ydk-pb i{transform-origin:0 50%;animation:dkGrow 1.2s cubic-bezier(.16,1,.3,1) .3s both}
  .dk-play .ydk-house path{stroke-dasharray:400;stroke-dashoffset:400;animation:dkDraw 2.4s ease .3s forwards}
}
@keyframes ydkFloat{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:1200px){ .ydk-g1{grid-template-columns:minmax(0,1fr)} .ydk-r{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:900px){ .ydk-r,.ydk-r2{grid-template-columns:minmax(0,1fr)} .ydk-acts{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .ydk{padding:12px;border-radius:22px} .ydk-hero{grid-template-columns:minmax(0,1fr);padding:18px} .ydk-gl{justify-items:stretch} .ydk-g{width:auto} .ydk-g.g2{margin-right:0} .ydk-hd h1{font-size:24px} }
/* ===== end Section desks ===== */
/* ===== Talk desk and chat inbox (generated by tools/tk_css.py from src/talkdesk/talkdesk.css; do not edit here) ===== */
.tk{--tk-bg:var(--fx-soft);--tk-card:var(--fx-card);--tk-line:var(--fx-line);--tk-ink:var(--fx-ink);--tk-mut:var(--fx-muted);
  --tk-sh:0 1px 2px rgba(20,28,68,.05),0 14px 34px -26px rgba(20,28,68,.35);display:grid;gap:18px;min-width:0;
  background:linear-gradient(165deg,color-mix(in srgb,var(--fx-soft) 55%,var(--fx-card)),var(--fx-soft));border-radius:28px;padding:22px}
.tk-hd{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tk-hd h1{font-family:var(--display);font-weight:600;font-size:clamp(28px,3.2vw,38px);line-height:1.05;margin:0;color:var(--tk-ink)}
.tk-hd p{margin:4px 0 0;color:var(--tk-mut);font-size:14px}
.tk-hb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tk-q{display:flex;align-items:center;gap:8px;background:var(--tk-card);border:1px solid var(--tk-line);border-radius:14px;padding:0 12px;height:42px;width:clamp(200px,24vw,300px);box-shadow:var(--tk-sh)}
.tk-q svg{width:17px;height:17px;color:var(--tk-mut);flex:none}
.tk-q input{border:0;background:none;outline:0;font:inherit;font-size:14px;color:var(--tk-ink);width:100%;min-width:0}
.tk-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:12px;border:1px solid var(--tk-line);background:var(--tk-card);color:var(--tk-ink);font:inherit;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s}
.tk-btn svg{width:16px;height:16px;flex:none}
.tk-btn:hover{transform:translateY(-1px);box-shadow:var(--tk-sh)}
.tk-btn.p{background:var(--navy);border-color:var(--navy);color:#fff}
.tk-btn.sm{height:32px;padding:0 12px;font-size:12px;border-radius:10px}
.tk-ppl{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;background:var(--tk-card);border:1px solid var(--tk-line);border-radius:20px;padding:14px 12px 10px;box-shadow:var(--tk-sh);scroll-snap-type:x proximity}
.tk-p{flex:0 0 84px;display:grid;justify-items:center;gap:7px;border:0;background:none;padding:4px 2px;border-radius:14px;cursor:pointer;color:var(--tk-ink);scroll-snap-align:start;animation:tkIn .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 40ms)}
.tk-p:hover .tk-pa{transform:translateY(-2px)}
.tk-pa{position:relative;width:56px;height:56px;border-radius:50%;padding:3px;border:2px solid var(--tk-line);display:grid;place-items:center;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.tk-pa .av{width:46px;height:46px;font-size:15px}
.tk-p.u .tk-pa{border-color:var(--sky)}
.tk-pa em{position:absolute;top:-2px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--tk-card)}
.tk-add .tk-pa{border:0;background:var(--navy);color:#fff}
.tk-add .tk-pa svg{width:22px;height:22px}
.tk-p b{font-size:12px;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.tk-col{display:grid;gap:16px;min-width:0}
.tk-card{background:var(--tk-card);border:1px solid var(--tk-line);border-radius:20px;padding:16px 18px 18px;box-shadow:var(--tk-sh);display:grid;gap:12px;min-width:0;animation:tkIn .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 80ms)}
.tk-ch{display:flex;align-items:center;gap:11px}
.tk-ch h2{margin:0;font-size:14.5px;font-weight:800;color:var(--tk-ink);font-family:var(--body)}
.tk-ch small{display:block;color:var(--tk-mut);font-size:12px;margin-top:1px}
.tk-app{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--tk-a,var(--navy));color:#fff}
.tk-app svg{width:18px;height:18px}
.tk-zoom{--tk-a:#2D8CFF}
.tk-unr{--tk-a:var(--navy)}
.tk-ann{--tk-a:#6B4FBB}
.tk-bday{--tk-a:#D9822B}
.tk-task{--tk-a:#16192B}
.tk-web{--tk-a:#0E8F6B}
.tk-week{--tk-a:var(--sky-ink)}
.tk-tx{margin:0;font-size:13.5px;line-height:1.55;color:var(--tk-ink)}
.tk-tx b{font-weight:700}
.tk-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-live{display:inline-block;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px;vertical-align:1px}
.tk-zm{background:color-mix(in srgb,#2D8CFF 9%,var(--tk-card));border:1px solid color-mix(in srgb,#2D8CFF 22%,var(--tk-line));border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600}
.tk-stk{display:inline-flex;align-items:center;margin-left:auto}
.tk-stk .av{width:30px;height:30px;font-size:10.5px;border:2px solid var(--tk-card);margin-left:-8px}
.tk-stk em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--tk-mut);margin-left:6px}
.tk-later{list-style:none;margin:0;padding:10px 0 0;border-top:1px dashed var(--tk-line);display:grid;gap:6px;font-size:12.5px}
.tk-later li{display:flex;gap:10px;align-items:baseline}
.tk-later .fx-num{color:var(--tk-mut);font-weight:700;min-width:62px}
.tk-ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.tk-ul li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:12px;min-width:0}
.tk-ul li > div{flex:1;min-width:0;display:grid}
.tk-ul b{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-ul b em{font-style:normal;background:var(--red);color:#fff;font-size:10.5px;padding:1px 6px;border-radius:99px;margin-left:4px;vertical-align:1px}
.tk-ul small{font-size:12px;color:var(--tk-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-hash{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tk-bg);font-weight:800;color:var(--tk-mut);flex:none}
.tk-more{border:0;background:none;color:var(--sky-ink);font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;justify-self:start;padding:2px 4px}
.tk-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tk-bars li{display:grid;gap:5px}
.tk-bt{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.tk-bt b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-bt span{color:var(--tk-mut);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.tk-bar{height:10px;border-radius:99px;background:var(--tk-bg);overflow:hidden;cursor:pointer}
.tk-bar i{display:block;height:100%;width:var(--w);border-radius:99px;background:#6B4FBB;transform-origin:left;animation:tkGrow 1.1s cubic-bezier(.16,1,.3,1) .2s both}
.tk-bars small{font-size:11.5px;color:var(--tk-mut)}
.tk-cake{display:flex;gap:12px;align-items:center;background:color-mix(in srgb,#D9822B 10%,var(--tk-card));border-radius:14px;padding:12px}
.tk-cake p{margin:0;font-size:13.5px;line-height:1.5}
.tk-cakei{width:42px;height:42px;border-radius:12px;background:#D9822B;color:#fff;display:grid;place-items:center;flex:none}
.tk-cakei svg{width:22px;height:22px}
.tk-soon .fx-av{width:30px;height:30px;font-size:11px}
.tk-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--idle)}
.tk-dot.ongoing{background:var(--sky)}.tk-dot.done{background:var(--ok)}.tk-dot.blocked{background:var(--bad)}
.tk-pill{border:1px solid var(--tk-line);background:var(--tk-card);color:var(--tk-ink);font:inherit;font-size:11.5px;font-weight:700;border-radius:99px;padding:4px 10px;cursor:pointer;white-space:nowrap}
.tk-pill.done{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--tk-line))}
.tk-pill.blocked{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--tk-line))}
.tk-pill.ongoing{color:var(--sky-ink);border-color:color-mix(in srgb,var(--sky) 40%,var(--tk-line))}
.tk-fig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tk-fig div{background:var(--tk-bg);border-radius:12px;padding:10px;display:grid;gap:2px}
.tk-fig b{font-family:var(--display);font-size:26px;font-weight:600;line-height:1;font-variant-numeric:lining-nums}
.tk-fig div > span{font-size:11.5px;color:var(--tk-mut)}
.tk-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:120px;align-items:end}
.tk-wk span{display:grid;grid-template-rows:1fr auto;gap:6px;height:100%;cursor:pointer}
.tk-wk i{align-self:end;height:var(--h);min-height:3px;border-radius:8px 8px 4px 4px;background:var(--sky);animation:tkRise 1s cubic-bezier(.16,1,.3,1) both}
.tk-wk span:nth-child(7) i{background:var(--navy)}
.tk-wk small{text-align:center;font-size:11px;color:var(--tk-mut);font-weight:700}
@keyframes tkIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes tkGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tkRise{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
@media (prefers-reduced-motion:reduce){.tk-card,.tk-p,.tk-bar i,.tk-wk i{animation:none}}
@media (max-width:1180px){.tk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-grid > .tk-col:nth-child(3){grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.tk{padding:14px;border-radius:22px}.tk-hb{justify-content:flex-start}.tk-q{width:auto}.tk-grid,.tk-grid > .tk-col:nth-child(3){grid-template-columns:minmax(0,1fr)}.tk-grid > .tk-col:nth-child(3){grid-column:auto}
  .tk-hb{width:100%}.tk-q{flex:1 1 100%}.tk-p{flex-basis:72px}.tk-card{padding:14px 14px 16px}}
.chat-wrap.ci{grid-template-columns:220px 300px minmax(0,1fr) 280px;background:var(--surface)}
.chat-wrap.ci:not(.has-room){grid-template-columns:220px 300px minmax(0,1fr)}
.ci-fold{border-right:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow:auto;background:var(--surface2)}
.ci-fh{padding:4px 8px 10px}
.ci-fh b{font-family:var(--display);font-size:24px;font-weight:600}
.ci-new{width:100%;justify-content:center;margin-bottom:10px}
.ci-f{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:10px;padding:9px 10px;font:inherit;font-size:13.5px;color:var(--ink);cursor:pointer;text-align:left}
.ci-f svg{width:17px;height:17px;color:var(--muted);flex:none}
.ci-f span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-f em{font-style:normal;font-size:12px;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}
.ci-f em.u{background:var(--red);color:#fff;border-radius:99px;padding:1px 7px}
.ci-f:hover{background:var(--surface)}
.ci-f.on{background:var(--surface);box-shadow:0 1px 2px rgba(20,28,68,.08);font-weight:700}
.ci-f.on svg{color:var(--sky-ink)}
.ci .ci-new-s{display:none}
.ci .chat-side .lab{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 10px 4px}
.ci .room{padding:10px;border-radius:12px;align-items:flex-start}
.ci .room.on{background:var(--sky-soft)}
.ci .room.u .room-n b{font-weight:800}
.ci .room.u .room-n span{color:var(--ink)}
.room-m{display:grid;justify-items:end;gap:4px;flex:none}
.room-m small{font-size:11px;color:var(--muted);white-space:nowrap}
.ci-none{color:var(--muted);font-size:13px;padding:18px 12px;margin:0}
.ci .chat-h{min-height:60px}
.ci .chat-h .grow b{font-size:15px}
.ci-info{border-left:1px solid var(--line);overflow:auto;padding:18px 16px;display:flex;flex-direction:column;gap:14px;min-height:0}
.ci-who{display:flex;gap:12px;align-items:center}
.ci-who b{display:block;font-size:15px}
.ci-who div > span{font-size:12.5px;color:var(--muted)}
.ci-big{width:56px;height:56px;border-radius:16px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;font-size:24px;font-weight:800;color:var(--muted);flex:none}
.ci-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:4px}
.ci-acts button{min-width:0;display:grid;justify-items:center;gap:5px;border:0;background:none;cursor:pointer;font:inherit;font-size:11.5px;color:var(--muted);padding:4px 0}
.ci-acts button svg{width:36px;height:36px;padding:9px;border-radius:50%;border:1px solid var(--line);color:var(--ink);box-sizing:border-box}
.ci-acts button:hover svg{border-color:var(--sky);color:var(--sky-ink)}
.ci-h{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.ci-dl{display:grid;gap:2px;margin:0;font-size:13px}
.ci-dl dt{color:var(--muted);font-size:12px;margin-top:8px}
.ci-dl dd{margin:0;font-weight:600}
.ci-mem,.ci-sum,.ci-files{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ci-mem li{display:flex;gap:9px;align-items:center;font-size:13px}
.ci-mem .av{width:28px;height:28px;font-size:10px}
.ci-mem span{display:grid;min-width:0}
.ci-mem small{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-mem .more{color:var(--muted);font-size:12px}
.ci-sum{grid-template-columns:repeat(3,minmax(0,1fr))}
.ci-sum li{display:grid;justify-items:center;gap:4px;background:var(--surface2);border-radius:12px;padding:10px 4px;font-size:12px;text-align:center}
.ci-sum svg{width:16px;height:16px;color:var(--muted)}
.ci-files a{display:flex;gap:7px;align-items:center;font-size:12.5px;color:var(--sky-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-files svg{width:14px;height:14px;flex:none}
.ci-info .chat-priv{margin-top:auto}
.chat-wrap.ci.has-room .ci-priv-side{display:none}
@media (max-width:1600px){
  .chat-wrap.ci{grid-template-columns:64px 270px minmax(0,1fr) 260px}.chat-wrap.ci:not(.has-room){grid-template-columns:64px 270px minmax(0,1fr)}
  .ci-fold{padding:12px 8px;align-items:center}
  .ci-fh{display:none}
  .ci-new{width:44px;height:44px;padding:0;border-radius:50%;font-size:0;gap:0;justify-content:center}
  .ci-new svg{width:20px;height:20px}
  .ci-f{position:relative;width:44px;height:44px;justify-content:center;padding:0}
  .ci-f span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ci-f svg{width:19px;height:19px}
  .ci-f em{position:absolute;top:2px;right:0;font-size:10px;min-width:18px;text-align:center;padding:0 4px;border-radius:99px;background:var(--surface);border:1px solid var(--line)}
  .ci-f em.u{border-color:var(--red)}}
@media (max-width:1240px){.chat-wrap.ci{grid-template-columns:64px 260px minmax(0,1fr)}.ci-info{display:none}.chat-wrap.ci.has-room .ci-priv-side{display:flex}}
@media (max-width:1060px){.chat-wrap.ci,.chat-wrap.ci:not(.has-room){grid-template-columns:280px minmax(0,1fr)}
  .ci-fold{display:none}
  .ci .ci-new-s{display:inline-flex}
  .ci .chat-side .chat-side-h{flex-wrap:wrap}}
@media (max-width:860px){.chat-wrap.ci,.chat-wrap.ci:not(.has-room){grid-template-columns:minmax(0,1fr)}
  .chat-wrap.ci:not(.has-room) .ci-fold{display:flex;flex-direction:row;overflow-x:auto;padding:8px;gap:6px;border-right:0;border-bottom:1px solid var(--line)}
  .chat-wrap.ci:not(.has-room) .ci-fold .ci-fh,.chat-wrap.ci:not(.has-room) .ci-fold .ci-new{display:none}
  .chat-wrap.ci:not(.has-room) .ci-f{width:auto;height:auto;flex:none;gap:6px;border:1px solid var(--line);border-radius:99px;padding:7px 12px;background:var(--surface)}
  .chat-wrap.ci:not(.has-room) .ci-f span{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:13px}
  .chat-wrap.ci:not(.has-room) .ci-f em{position:static;border:0;background:none;padding:0;min-width:0}
  .chat-wrap.ci:not(.has-room) .ci-f em.u{background:var(--red);padding:0 6px}
  .chat-wrap.ci:not(.has-room) .ci-f.on{border-color:var(--sky);background:var(--sky-soft)}
  .chat-wrap.ci:not(.has-room) .ci-f svg{display:none}
  .chat-wrap.ci:not(.has-room){grid-template-rows:auto minmax(0,1fr)}
  .chat-wrap.ci.has-room .ci-fold{display:none}}
:root[data-theme="dark"] .tk .tk-btn.p,:root[data-theme="dark"] .tk .tk-add .tk-pa{background:#2F6FDB;border-color:#2F6FDB}
:root[data-theme="dark"] .tk .tk-unr{--tk-a:#2F6FDB}
:root[data-theme="dark"] .tk .tk-task{--tk-a:#3A4260}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .tk .tk-btn.p,:root:not([data-theme]) .tk .tk-add .tk-pa{background:#2F6FDB;border-color:#2F6FDB}
  :root:not([data-theme]) .tk .tk-unr{--tk-a:#2F6FDB}:root:not([data-theme]) .tk .tk-task{--tk-a:#3A4260}}
/* ===== end Talk desk ===== */
/* ---------- 0.4.38 phones: smooth scrolling (GM's iPhone screenshots, 6 Nov 2026) ---------- */
@media (max-width:860px),(hover:none){
  /* Frosted glass costs a fresh blur of everything behind each card on every scroll frame. On phones the cards on the page
     scroll without it; sheets, menus and pop-ups (which do not scroll with the page) keep theirs, so they stay readable. */
  .view,.view *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  /* The slow background glow stands still on phones (it moved under every card, all the time). */
  body::before{animation:none!important}
  .arch-bg,.arch-bg *{animation:none!important}
}
/* ---------- 0.4.38 phone dock (GM 6 Nov 2026): Today · My work · + · own desk · Menu ---------- */
/* A floating, solid dock with a pill on the screen you are on and a raised + for quick actions. No blur, no glow filters,
   nothing that repaints while you scroll: only background colour and a press scale (both cheap on phones). */
@media (max-width:860px){
  .view{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  .tabbar.dock{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr)) 68px repeat(2,minmax(0,1fr));align-items:center;
    left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));
    padding:6px;border:1px solid var(--line);border-radius:26px;background:var(--surface);
    -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 16px 32px -18px rgba(20,28,68,.45)}
  .tabbar.dock .dk-slot{display:grid;justify-items:center;gap:3px;min-height:52px;padding:7px 2px 6px;border-radius:18px;
    font:700 10.5px/1.1 var(--body);color:var(--muted);text-shadow:none;transition:background-color .2s ease,color .2s ease}
  .tabbar.dock .dk-slot span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tabbar.dock .dk-slot svg{width:22px;height:22px;filter:none}
  .tabbar.dock .dk-slot[aria-current="page"]{background:var(--sky-soft);color:var(--sky-ink);text-shadow:none}
  .tabbar.dock .dk-slot[aria-current="page"] svg{filter:none}
  .tabbar.dock .dk-ic{position:relative;display:block;line-height:0}
  .tabbar.dock .dk-n{position:absolute;top:-6px;left:14px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;
    font:800 10px/17px var(--body);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--surface)}
  .tabbar.dock .dk-fab{justify-self:center;width:56px;height:56px;margin-top:-30px;border:0;border-radius:50%;display:grid;place-items:center;
    background:var(--navy);color:#fff;box-shadow:0 0 0 5px var(--bg),0 12px 22px -10px rgba(20,28,68,.6);transition:transform .15s ease}
  .tabbar.dock .dk-fab svg{width:26px;height:26px}
  .tabbar.dock .dk-slot:active,.tabbar.dock .dk-fab:active{transform:scale(.93)}
  .tabbar.dock :focus-visible{outline:2px solid var(--sky);outline-offset:2px}
  /* Quick actions sheet */
  .qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .qa-tile{display:grid;justify-items:start;gap:4px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface2);color:var(--ink);font:inherit;min-height:96px}
  .qa-tile .qa-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky-ink);margin-bottom:4px}
  .qa-tile .qa-ic svg{width:20px;height:20px}
  .qa-tile b{font-size:14.5px}
  .qa-tile small{font-size:12px;color:var(--muted);line-height:1.35}
  .qa-tile:active{transform:scale(.97)}
}
@media (min-width:861px){.qa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .qa-tile{display:grid;justify-items:start;gap:4px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);color:var(--ink);font:inherit}
  .qa-tile .qa-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky-ink)}
  .qa-tile small{font-size:12px;color:var(--muted)}}
/* The night look on phones (Auto and Dark): a solid deep navy dock, the light-blue pill and a blue + */
@media (max-width:640px),(display-mode:standalone){
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar.dock{background:#10183A;border:1px solid rgba(255,255,255,.10);
    -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 34px -16px rgba(0,0,0,.85)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar.dock .dk-slot{color:#9BA4C3}
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar.dock .dk-slot[aria-current="page"]{background:rgba(0,169,239,.16);color:#9FE3FF}
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar.dock .dk-n{box-shadow:0 0 0 2px #10183A}
  html:not([data-theme="light"]):not([data-theme="blue"]) .tabbar.dock .dk-fab{background:#0B8FD0;box-shadow:0 0 0 5px #070C24,0 12px 22px -10px rgba(0,169,239,.55)}
  html:not([data-theme="light"]):not([data-theme="blue"]) .qa-tile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);color:#E7EBF7}
  html:not([data-theme="light"]):not([data-theme="blue"]) .qa-tile .qa-ic{background:rgba(0,169,239,.16);color:#9FE3FF}
}
/* ===== Insights (generated by tools/in_css.py from src/insights/insights.css; do not edit here) ===== */
.md-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.md-cards > *{grid-column:span 2}
.md-cards > :nth-child(n+4){grid-column:span 3}
@media (min-width:1700px){ .md-cards{grid-template-columns:repeat(5,minmax(0,1fr))} .md-cards > *,.md-cards > :nth-child(n+4){grid-column:auto} }
.md-brk{margin-top:auto;justify-self:start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;font-size:13px;font-weight:700;color:var(--fx-acc);cursor:pointer;position:relative;z-index:2}
.md-brk svg{width:15px;height:15px}
.md-brk:hover{text-decoration:underline}
.md-iv{display:grid;gap:8px;margin:4px 0 6px}
.md-iv > div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px;border-radius:12px;background:var(--fx-soft)}
.md-iv small{font-size:12px;color:var(--fx-muted)}
.md-iv b{font-size:15px;font-weight:800}
.md-late{color:var(--fx-up);font-weight:700}
.md-top[role="button"]{cursor:pointer;transition:border-color .2s,box-shadow .2s}
.md-top[role="button"]:hover{border-color:var(--fx-acc3);box-shadow:0 18px 40px -30px rgba(37,99,235,.55)}
.md-trend{margin-top:auto;display:grid;gap:4px}
.md-trend .dk-area,.pa-chart .dk-area{position:relative}
.md-trend .dk-area{height:54px}
.md-trend .dk-area svg,.pa-chart .dk-area svg{height:100%;overflow:hidden}
.md-trend .dk-ad,.pa-chart .dk-ad{display:none}
.md-trend .dk-al,.pa-chart .dk-al{vector-effect:non-scaling-stroke}
.md-trend span{font-size:11.5px;color:var(--fx-muted)}
.bd{display:grid;gap:14px}
.bd-sum{display:grid;gap:2px;padding:16px 18px;border-radius:var(--fx-r);background:linear-gradient(150deg,var(--fx-g1),var(--fx-g2) 60%,var(--fx-g3));color:#fff}
.bd-sum span,.bd-sum small{font-size:12.5px;color:rgba(255,255,255,.82)}
.bd-sum b{font-size:28px;font-weight:800;letter-spacing:-.02em}
.bd-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bd-g{border:1px solid var(--fx-line);border-radius:16px;background:var(--fx-card);overflow:hidden}
.bd-h{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 70px auto 18px;align-items:center;gap:12px;border:0;background:none;padding:12px 14px;text-align:left;color:var(--fx-ink);cursor:pointer}
.bd-h svg{width:16px;height:16px;transition:transform .2s}
.bd-g.open .bd-h svg{transform:rotate(180deg)}
.bd-n{display:grid;min-width:0}
.bd-n b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-n small{font-size:12px;color:var(--fx-muted)}
.bd-bar{height:6px;border-radius:99px;background:var(--fx-soft);overflow:hidden}
.bd-bar i{display:block;height:100%;border-radius:99px;background:var(--fx-acc)}
.bd-lines{list-style:none;margin:0;padding:0 14px 10px;display:grid;gap:2px;border-top:1px solid var(--fx-line)}
.bd-lines li{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 0;border-bottom:1px dashed var(--fx-line);font-size:13px}
.bd-lines li:last-child{border-bottom:0}
.bd-d{color:var(--fx-muted);font-size:12px}
.bd-w{display:grid;min-width:0}
.bd-w small{font-size:12px;color:var(--fx-muted);overflow-wrap:anywhere}
.bd-more{display:block!important;color:var(--fx-muted);font-size:12px}
.bd-sub{margin:6px 0 0;font-size:14px;font-weight:700;color:var(--fx-ink)}
.bd-per{display:flex;flex-wrap:wrap;gap:8px}
.bd-per .dk-btn{flex:0 1 auto}
.pa-sel{flex:0 1 260px}
.pa-sel select{appearance:none;border:0;background:none;width:100%;font-weight:600}
.pa-m{flex:none}
.pa-cards .fx-card{min-height:170px}
.pa-cs{margin:auto 0 0;font-size:12.5px;color:var(--fx-muted)}
.pa-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;min-width:0}
.pa-side{display:grid;gap:16px;align-content:start;min-width:0}
.pa-k{margin-left:auto;font-size:12px;font-weight:600;color:var(--fx-muted)}
.pa-chart .dk-area{height:190px}
.pa-chart .dk-area svg{height:calc(100% - 20px)}
.pa-tbl{overflow:auto;max-height:330px;border:1px solid var(--fx-line);border-radius:16px}
.pa-tbl table{width:100%;border-collapse:collapse;font-size:13px}
.pa-tbl th{position:sticky;top:0;background:var(--fx-soft);text-align:right;font-weight:700;font-size:12px;color:var(--fx-muted);padding:10px 12px;white-space:nowrap}
.pa-tbl td{text-align:right;padding:9px 12px;border-top:1px solid var(--fx-line);white-space:nowrap}
.pa-tbl th:first-child,.pa-tbl td:first-child{text-align:left}
.pa-tbl tr.pk td{background:color-mix(in srgb,var(--fx-acc) 10%,transparent);font-weight:700}
.pa-peak .pa-pv{font-size:30px;font-weight:800;letter-spacing:-.02em}
.pa-peak p{margin:0;color:rgba(255,255,255,.86);font-size:13px}
.pa-peak svg,.pa-ai h3 svg{width:18px;height:18px}
.pa-ai p,.pa-ait{margin:0;font-size:13.5px;line-height:1.6;color:var(--fx-onDarkMuted)}
.pa-ait{color:var(--fx-onDark)}
.pa-ai .dk-btn{justify-self:start;flex:0 0 auto;background:var(--fx-acc);border-color:var(--fx-acc);color:#fff}
.pa-ctx{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.pa-ctx h4{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--fx-muted);text-transform:uppercase;letter-spacing:.06em}
.pa-none{margin:0;font-size:13px;color:var(--fx-muted)}
.fp{gap:12px}
.fp h3 svg{width:18px;height:18px;color:var(--fx-acc)}
.fp-k{font-weight:500;font-size:12.5px;color:var(--fx-muted)}
.fp-bar{display:flex;align-items:center;gap:8px;border:1px solid var(--fx-line);background:var(--fx-soft);border-radius:99px;padding:6px 6px 6px 18px;margin:0}
.fp-bar:focus-within{border-color:var(--fx-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-acc) 18%,transparent)}
.fp-bar input{flex:1;min-width:0;border:0;background:none;font-size:14px;padding:8px 0;outline:none;color:var(--fx-ink)}
.fp-send{width:42px;height:42px;border-radius:50%;border:0;background:var(--fx-acc);color:#fff;display:grid;place-items:center;flex:none}
.fp-send svg{width:18px;height:18px}
.fp-sug{display:flex;flex-wrap:wrap;gap:8px}
.fp-sug button{border:1px solid var(--fx-line);background:var(--fx-card);border-radius:99px;padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--fx-ink)}
.fp-sug button.on{background:var(--fx-dark);border-color:var(--fx-dark);color:#fff}
.fp-busy{margin:0;font-size:13px;color:var(--fx-muted)}
.fp-res{display:grid;gap:12px;border-top:1px dashed var(--fx-line);padding-top:12px}
.fp-rh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fp-rh div{display:grid}
.fp-rh b{font-size:15px}
.fp-rh span{font-size:12.5px;color:var(--fx-muted)}
.fp-dl{flex:0 0 auto;background:var(--fx-acc);border-color:var(--fx-acc);color:#fff;text-decoration:none}
.fp-dl svg{width:16px;height:16px}
.fp-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
.fp-figs div{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--fx-soft);border:1px solid var(--fx-line)}
.fp-figs small,.fp-figs span{font-size:12px;color:var(--fx-muted)}
.fp-figs b{font-size:18px;font-weight:800}
.fp-top{margin:0;font-size:13px;color:var(--fx-muted)}
.fp-top b{color:var(--fx-ink)}
.nv-trail{margin:0 0 12px}
.nv-trail button,.nv-next button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);border-radius:99px;padding:9px 16px;font-size:13px;font-weight:600}
.nv-trail svg,.nv-next svg{width:16px;height:16px}
.nv-next{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 6px}
.nv-next > span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fx-muted);margin-right:4px}
.nv-next button:hover,.nv-trail button:hover{border-color:var(--fx-acc3)}
.ivd{display:grid;gap:16px;min-width:0}
.ivd-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ivd-top h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;font-family:inherit;color:var(--fx-ink)}
.ivd-top p{margin:2px 0 0;color:var(--fx-muted)}
.ivd-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;min-width:0}
.ivd-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;padding:24px;border-radius:var(--fx-r);color:#fff;background:radial-gradient(120% 140% at 100% 0%,var(--fx-g3) 0%,transparent 55%),linear-gradient(150deg,var(--fx-g1),var(--fx-g2) 65%,var(--fx-g3));min-width:0;position:relative;overflow:hidden}
.ivd-hl{display:grid;gap:8px;align-content:start;min-width:0}
.ivd-k{font-size:13px;color:rgba(255,255,255,.82)}
.ivd-big{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums lining-nums}
.ivd-chipw{justify-self:start;font-size:12px;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.16)}
.ivd-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden;margin-top:6px}
.ivd-bar i{display:block;height:100%;border-radius:99px;background:#fff}
.ivd-barl{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.82)}
.ivd-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.ivd-acts button{display:grid;justify-items:center;gap:6px;border:0;background:none;color:#fff;font-size:12px;font-weight:600;padding:0;width:78px;text-align:center}
.ivd-acts i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28)}
.ivd-acts button:hover i{background:rgba(255,255,255,.3)}
.ivd-acts svg{width:19px;height:19px}
.ivd-hr{display:grid;gap:10px;align-content:start}
.ivd-glass{display:grid;gap:2px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ivd-glass small,.ivd-glass span{font-size:12px;color:rgba(255,255,255,.8)}
.ivd-glass b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums lining-nums}
.ivd-glass.bad{background:rgba(255,255,255,.92);color:var(--fx-g1)}
.ivd-glass.bad small,.ivd-glass.bad span{color:#5F647C}
.ivd-glass.bad b{color:#B42318}
.ivd-side{display:grid;gap:16px;align-content:start;min-width:0}
.ivd-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;min-width:0}
.ivd-card{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-r);padding:18px 20px;display:grid;gap:10px;align-content:start;min-width:0}
.ivd-card h3{margin:0;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:inherit;color:var(--fx-ink)}
.ivd-card h3 span{font-size:12px;font-weight:600;color:var(--fx-muted)}
.ivd-chart{width:100%;height:110px;display:block}
.ivd-sa.in{fill:var(--fx-acc);opacity:.12}.ivd-sa.out{fill:#9AA3BD;opacity:.12}
.ivd-sl{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ivd-sl.in{stroke:var(--fx-acc)}.ivd-sl.out{stroke:#9AA3BD}
.ivd-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--fx-muted)}
.ivd-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--fx-muted)}
.ivd-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ivd-legend i.in{background:var(--fx-acc)}.ivd-legend i.out{background:#9AA3BD}
.ivd-due,.ivd-tx{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ivd-due li,.ivd-tx li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--fx-soft);border:1px solid var(--fx-line);min-width:0}
.ivd-due li > div,.ivd-tx li > div{flex:1;min-width:0;display:grid}
.ivd-due b,.ivd-tx b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ivd-due small,.ivd-tx small{font-size:12px;color:var(--fx-muted)}
.ivd-due em,.ivd-tx em{font-style:normal;font-weight:800;font-size:13.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ivd-av,.ivd-ti{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--fx-card);border:1px solid var(--fx-line);font-weight:800;color:var(--fx-acc)}
.ivd-ti svg{width:17px;height:17px}
.ivd-tx li.in .ivd-ti{color:var(--fx-down)}
.ivd-tx li.in em{color:var(--fx-down)}
.ivd-per{display:flex;gap:4px;flex-wrap:wrap;background:var(--fx-soft);border-radius:99px;padding:4px}
.ivd-per button{border:0;background:none;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:600;color:var(--fx-muted)}
.ivd-per button[aria-pressed="true"]{background:var(--fx-dark);color:#fff}
.ivd-cat{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--fx-line);background:var(--fx-card);border-radius:14px;padding:10px 12px;text-align:left;color:var(--fx-ink)}
.ivd-cat:hover{border-color:var(--fx-acc3)}
.ivd-cat i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--fx-soft)}
.ivd-cat i svg{width:17px;height:17px}
.ivd-cat.in i{color:var(--fx-down)}.ivd-cat.roi i{color:var(--fx-acc)}.ivd-cat.cap i{color:var(--fx-g1)}
.ivd-cat div{flex:1;min-width:0;display:grid}
.ivd-cat b{font-size:13.5px}.ivd-cat small{font-size:12px;color:var(--fx-muted)}
.ivd-cat em{font-style:normal;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.ivd-net{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px dashed var(--fx-line);font-size:13px;color:var(--fx-muted)}
.ivd-net b{color:var(--fx-ink);font-variant-numeric:tabular-nums}.ivd-net b.neg{color:var(--fx-up)}
.ivd-alert{background:var(--fx-dark);border-color:var(--fx-dark);color:var(--fx-onDark)}
.ivd-alert h3{color:#fff}
.ivd-alert p{margin:0;font-size:13px;color:var(--fx-onDarkMuted)}
.ivd-go{justify-self:start;border:0;border-radius:99px;padding:10px 16px;background:var(--fx-acc);color:#fff;font-weight:700;font-size:13px}
.ivd-empty{margin:0;font-size:13px;color:var(--fx-muted)}
.ivd .panel{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-r);box-shadow:none}
.ivd .panel h2{font-family:inherit;font-weight:700;font-size:15px;color:var(--fx-ink)}
.ivd .panel .hint{color:var(--fx-muted)}
.ivd .toolbar{background:none;border:0;padding:0}
.ivd .seg{background:var(--fx-soft);border:1px solid var(--fx-line);border-radius:99px;padding:4px}
.ivd .seg button{border-radius:99px;border:0}
.ivd .seg button[aria-pressed="true"]{background:var(--fx-dark);color:#fff}
.ivd table thead th{background:var(--fx-soft);color:var(--fx-muted)}
.ivd-work{display:grid;gap:14px}
@media (max-width:1180px){
  .md-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .md-cards > *,.md-cards > :nth-child(n+4){grid-column:auto}
}
@media (max-width:980px){
  .ivd-grid,.pa-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){ .md-cards{grid-template-columns:minmax(0,1fr)} }
@media (max-width:620px){
  .ivd-hero{grid-template-columns:minmax(0,1fr);padding:20px}
  .ivd-acts{justify-content:space-between}
  .ivd-acts button{width:68px}
  .bd-h{grid-template-columns:minmax(0,1fr) auto 18px}
  .bd-bar{display:none}
  .bd-lines li{grid-template-columns:minmax(0,1fr) auto}
  .bd-d{grid-column:1/-1}
  .fp-rh .fp-dl{width:100%}
  .pa-sel{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){ .bd-h svg,.md-top[role="button"]{transition:none} }
.inv-fix{flex-basis:100%;margin-top:4px}
.inv-fix summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);padding:6px 0}
.inv-fix[open]{display:flex;flex-wrap:wrap;gap:8px}
.inv-fix[open] summary{flex-basis:100%}
.fin-dk{
  --surface:var(--fx-card); --surface2:var(--fx-soft); --bg:var(--fx-soft); --ink:var(--fx-ink); --muted:var(--fx-muted); --line:var(--fx-line);
  --r:var(--fx-r)
}
.fin-dk .panel{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-r);padding:20px 22px;box-shadow:none}
.fin-dk .panel h2,.fin-dk .panel h3{font-family:inherit;font-weight:700;font-size:15px;letter-spacing:0;color:var(--fx-ink)}
.fin-dk .panel h2 svg{color:var(--fx-acc)}
.fin-dk .hint,.fin-dk .meta{color:var(--fx-muted)}
.fin-dk .kpis{gap:14px}
.fin-dk .kpi{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:var(--fx-r);padding:18px 20px}
.fin-dk .kpi .k-l{font-size:13px;font-weight:700;color:var(--fx-ink)}
.fin-dk .kpi .k-v{font-family:inherit;font-weight:800;letter-spacing:-.02em;font-size:24px;font-variant-numeric:tabular-nums lining-nums}
.fin-dk .btn{border-radius:99px;font-size:13px}
.fin-dk .btn-p{background:var(--fx-acc);border-color:var(--fx-acc);color:#fff;box-shadow:0 12px 26px -18px var(--fx-acc)}
.fin-dk .btn-s{background:var(--fx-soft);border-color:var(--fx-line);color:var(--fx-ink)}
.fin-dk .seg{background:var(--fx-soft);border:1px solid var(--fx-line);border-radius:99px;padding:4px}
.fin-dk .seg button{border-radius:99px;color:var(--fx-muted)}
.fin-dk .seg button[aria-pressed="true"]{background:var(--fx-dark);color:#fff}
.fin-dk .toolbar{background:none;border:0;padding:0}
.fin-dk .sel,.fin-dk .field input,.fin-dk .field select,.fin-dk .field textarea,.fin-dk input[type="search"],.fin-dk input[type="text"]{background:var(--fx-card);border:1px solid var(--fx-line);color:var(--fx-ink)}
.fin-dk .sel{border-radius:99px;padding:9px 14px}
.fin-dk .u-tabs{border-bottom:0;background:var(--fx-soft);border-radius:99px;padding:4px;gap:2px}
.fin-dk .u-tabs button{border:0;border-radius:99px;margin:0;padding:8px 14px;font-size:13px;color:var(--fx-muted)}
.fin-dk .u-tabs button[aria-selected="true"]{background:var(--fx-dark);color:#fff}
.fin-dk table{border-collapse:separate;border-spacing:0}
.fin-dk table thead th{background:var(--fx-soft);color:var(--fx-muted);font-size:12px;font-weight:700;border-bottom:1px solid var(--fx-line)}
.fin-dk table thead th:first-child{border-top-left-radius:12px}
.fin-dk table thead th:last-child{border-top-right-radius:12px}
.fin-dk table td{border-color:var(--fx-line)}
.fin-dk table tbody tr:hover td{background:color-mix(in srgb,var(--fx-acc) 5%,transparent)}
.fin-dk .row{border-color:var(--fx-line)}
.fin-dk .chip{border-color:var(--fx-line);color:var(--fx-muted);border-radius:99px}
.fin-dk .empty{color:var(--fx-muted)}
.fin-dk details > summary{color:var(--fx-ink)}
.fin-old{gap:16px}
.fin-old > .fx-ttl + *{margin-top:2px}
.fin-ttl h1{font-size:30px}
.fin-old > .panel + .panel,.fin-old > section + section{margin-top:0}
.rc-mem{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:12.5px;font-weight:600;color:var(--ok)}
.rc-mem svg{width:14px;height:14px}
:where(.fin-dk) :where(button,a,.chip,span) > :where(svg:not([width]):not([viewBox="0 0 300 110"])){width:16px;height:16px;flex:none}
.cl{display:grid;gap:10px;margin:14px 0;text-align:left}
.cl header h3{margin:0;font-size:15px;font-weight:700}
.cl header p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.cl ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:420px;overflow:auto}
.cl li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.cl li > div{flex:1;min-width:0;display:grid;gap:2px}
.cl li b{font-size:13.5px}
.cl li small{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.cl-m{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none;background:var(--ok-soft);color:var(--ok)}
.cl-new .cl-m{background:var(--bad-soft);color:var(--bad)}
.cl-new{border-color:var(--bad)}
.cl-open .cl-m{background:var(--warn-soft);color:var(--warn)}
.cl-info .cl-m{background:var(--sky-soft);color:var(--sky-ink)}
.cl li .btn{flex:none;align-self:center}
.inv-pbtn{padding:4px 10px;font-size:12px}
.inv-plist{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px;max-height:320px;overflow:auto}
.inv-plist label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.inv-plist span{display:grid}
.inv-plist small{font-size:12px;color:var(--muted)}
.inv-ptot{font-size:14px}
.fp-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fp-ck{font-size:12px;font-weight:700;color:var(--fx-muted);margin-right:4px}
.fp-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--fx-line);background:var(--fx-soft);border-radius:99px;padding:5px 10px;font-size:12.5px;font-weight:600;color:var(--fx-ink);position:relative}
.fp-chip button{border:0;background:none;color:var(--fx-muted);font-size:14px;line-height:1;padding:0 2px;cursor:pointer}
.fp-chip button:hover{color:var(--fx-ink)}
.fp-chip select{border:0;background:none;font-size:12px;color:var(--fx-acc);max-width:110px}
.fp-add{border-style:dashed}
.fp-ans{font-size:14px;line-height:1.6;color:var(--fx-ink);padding:12px 14px;border-radius:14px;background:var(--fx-soft);border:1px solid var(--fx-line)}
.fp-note{display:block;margin-top:6px;font-size:12px;color:var(--fx-muted)}
.fp-tbl{overflow:auto;border:1px solid var(--fx-line);border-radius:14px}
.fp-tbl table{width:100%;border-collapse:collapse;font-size:13px}
.fp-tbl th{background:var(--fx-soft);color:var(--fx-muted);font-size:12px;text-align:right;padding:8px 12px;white-space:nowrap}
.fp-tbl td{text-align:right;padding:8px 12px;border-top:1px solid var(--fx-line);white-space:nowrap}
.fp-tbl th:first-child,.fp-tbl td:first-child{text-align:left}
.fp-tbl small{color:var(--fx-muted)}
.fp-chart{min-width:0}
.mv-seg{margin:4px 0 12px;flex-wrap:wrap}
.mv-chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin:6px 0}
.mv-chk input{margin-top:3px;width:18px;height:18px;flex:none}
.mv-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.mv-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px}
.si-pwlab{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.si-pwlab .btn-link{font-size:13px}
.pw-show{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);cursor:pointer;margin-top:-4px}
.pw-show input{width:18px;height:18px;margin:0;flex:none}
.md-ie .md-iep{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}
.md-ie .md-iep button{border:1px solid var(--fx-line);background:var(--fx-card);color:var(--fx-ink);font:600 12.5px/1 inherit;padding:8px 11px;border-radius:99px;cursor:pointer;min-height:36px}
.md-ie .md-iep button.on{background:var(--fx-dark);border-color:var(--fx-dark);color:#fff}
.md-ie .md-ier{display:grid;gap:6px}
.md-ie .md-iev{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 10px;border:0;border-radius:12px;background:var(--fx-soft);color:inherit;font:inherit;text-align:left;padding:9px 12px;cursor:pointer;min-height:44px}
.md-ie .md-iev:hover{outline:1px solid var(--fx-acc)}
.md-ie .md-iev small{font-size:12px;font-weight:700;color:var(--fx-muted)}
.md-ie .md-iev b{font-size:18px;grid-row:span 2;align-self:center}
.md-ie .md-iev span{font-size:11.5px;color:var(--fx-muted)}
.md-ie button:focus-visible{outline:2px solid var(--fx-acc);outline-offset:2px}
.md-topsel{display:none}
@media (max-width:1080px){.md-topsel{display:flex}}
/* ===== end Insights ===== */

/* Instant Google Meet: "Your meeting is ready" sheet (GM 2026-11-06) */
.mr-link{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--sky-soft,#E7F6FE);margin:4px 0 14px;min-width:0}
.mr-ico{width:44px;height:44px;border-radius:12px;background:var(--navy,#1F2A5E);color:#fff;display:grid;place-items:center;flex:none} .mr-ico svg{width:20px;height:20px}
.mr-link div{display:grid;min-width:0} .mr-link b{font-size:18px;letter-spacing:.04em;color:var(--ink)} .mr-link small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mr-btns{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-bottom:12px} .mr-btns .btn{justify-content:center;min-height:44px}
@media (max-width:420px){ .mr-btns{grid-template-columns:1fr 1fr} .mr-btns .btn-p{grid-column:1/-1} }
/* 0.4.52: Also send on WhatsApp (one button per person invited) */
.mr-btns:not(.mr-wa .mr-btns){grid-template-columns:1.4fr 1fr} .mr-wa{border-top:1px solid var(--line);padding-top:12px;margin:4px 0 12px} .mr-wa .eyebrow{margin:0 0 8px} .mr-wa .mr-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px} .mr-wa .mr-btns .btn{flex:1 1 150px} .mr-wa .hint{margin:0}
:root[data-theme="dark"] .mr-link{background:rgba(0,169,239,.1)}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .mr-link{background:rgba(0,169,239,.1)} }

/* Guide: join Google Meet calls without waiting (GM 2026-11-06) */
.mh-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-left:4px solid var(--sky,#00A9EF)}
.mh-card .grow{display:grid;gap:2px;min-width:200px;flex:1} .mh-card b{font-size:16px}
.mh-card .mh-ico{width:46px;height:46px;border-radius:14px;background:var(--sky-soft,#E7F6FE);color:var(--sky-ink,#0076AE);display:grid;place-items:center;flex:none} .mh-card .mh-ico svg{width:22px;height:22px}
.mh-btns{display:flex;gap:8px;flex-wrap:wrap} .mh-btns .btn{min-height:44px}
.notice .mh-nb{margin-left:auto;flex:none}
.mh-why{margin:0 0 12px;line-height:1.6}
.mh-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--bg2,rgba(127,140,180,.12));border-radius:99px;padding:4px;margin:6px 0 14px}
.mh-tabs button{border:0;background:transparent;border-radius:99px;padding:9px 6px;font-weight:700;font-size:13px;color:var(--muted);min-height:40px}
.mh-tabs button.on{background:var(--navy,#1F2A5E);color:#fff}
.mh-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px;counter-reset:mh}
.mh-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 12px;counter-increment:mh;align-items:start}
.mh-steps li::before{content:counter(mh);grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--sky-soft,#E7F6FE);color:var(--sky-ink,#0076AE);display:grid;place-items:center;font-weight:800;font-size:13px}
.mh-steps li > span{line-height:1.55;padding-top:4px} .mh-x{grid-column:2}
.mh-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface,#fff);max-width:320px;box-shadow:0 10px 24px -20px rgba(20,28,68,.5)}
.mh-chip .mh-av{width:36px;height:36px;border-radius:50%;background:#1F6E43;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.mh-chip > span:nth-child(2){display:grid;min-width:0;flex:1} .mh-chip b{font-size:13.5px} .mh-chip small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh-chip i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#1E9E6A;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.mh-end{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px} .mh-end .btn{min-height:44px}
:root[data-theme="dark"] .mh-card .mh-ico,:root[data-theme="dark"] .mh-steps li::before{background:rgba(0,169,239,.14);color:#9FE3FF}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .mh-card .mh-ico,:root:not([data-theme]) .mh-steps li::before{background:rgba(0,169,239,.14);color:#9FE3FF} }
@media (max-width:640px),(display-mode:standalone){ html:not([data-theme="light"]):not([data-theme="blue"]) .mh-tabs button.on{background:#0B8FD0;color:#fff} }
:root[data-theme="dark"] .mh-tabs button.on{background:#0B8FD0}
.mh-team .mh-count{font-size:22px;font-family:"Cormorant Garamond",serif;font-variant-numeric:lining-nums}
.mh-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:4px 0 12px} .mh-bar i{display:block;height:100%;background:#1E9E6A;border-radius:99px}
.mh-names{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px} .mh-names span{border:1px solid var(--line);border-radius:99px;padding:5px 11px;font-size:12.5px}
/* Top product card on Today (GM 6 Nov): product name above the amount, like the money cards. */
.md-tp .md-tpn{margin:2px 0 -2px;font-size:15px;font-weight:700;color:var(--fx-ink,inherit);line-height:1.3;overflow-wrap:anywhere}
/* 0.4.54 Each product at a glance + farms sold in phases (40d-product-glance.js) */
.fs>.pg,.fs>.pg-farm{margin-bottom:16px}
.pg .dk-hd{align-items:flex-start;gap:12px;flex-wrap:wrap}
.pg-sec{margin-top:14px} .pg-sec h4{margin:0 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-muted)}
.pg-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.pg-f{border:1px solid var(--fx-line);border-radius:16px;padding:12px 14px;display:grid;gap:4px;background:var(--fx-card);min-width:0}
.pg-f small{font-size:12px;color:var(--fx-muted)} .pg-f b{font-size:clamp(18px,1.7vw,22px);font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}
.pg-f span{font-size:11.5px;color:var(--fx-muted);line-height:1.4}
.pg-f.a{border-color:color-mix(in srgb,#E0A93B 55%,var(--fx-line))} .pg-f.r b{color:#B32A26} .pg-f.g b{color:var(--fx-ink)}
.pg-f.e{border-style:dashed}
.pg-t tbody tr{cursor:pointer} .pg-t tbody tr:hover,.pg-t tbody tr:focus{background:var(--fx-soft);outline:none}
.pg-t td.neg{color:#B32A26} .pg-t td,.pg-t th{white-space:nowrap} .pg-t td:first-child{white-space:normal;min-width:160px}
.pg-farm h3{margin:0 0 6px} .pg-farm .dk-sub b{color:var(--fx-ink)} .pg-act{margin-top:10px}
.pg-farm .lnk{border:0;background:none;padding:0;color:var(--fx-acc);font:inherit;text-decoration:underline;cursor:pointer;min-height:32px}
.pg-farm .btn{margin-top:10px}
.pg-steps{display:grid;gap:10px;padding-left:20px;line-height:1.55}
@media (max-width:620px){.pg-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .pg-f{padding:10px 12px}}
.pg-f{position:relative} .pg-bd{justify-self:start;margin-top:4px;border:0;background:none;padding:6px 0;min-height:32px;color:var(--fx-acc);font:inherit;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.pg-bd svg{width:14px;height:14px} .pg-bd:hover{text-decoration:underline} .pg-bd:focus-visible{outline:2px solid #00A9EF;outline-offset:2px;border-radius:6px}
.fd-pg{margin:18px 0} .fd-pg .pg{margin:0}
.drawer .tbl tr.tot td{border-top:2px solid var(--line,#E1E6F0)} .drawer .pg-h{margin:18px 0 8px}

/* ===== DASHBOARD LOOK EVERYWHERE (0.4.55, GM 2026-11-09: "every tab in every section, and every card, must take the
   form, colour, style and text of the new dashboard"). The new desks (.fx) define the look; this layer gives every older
   screen the same cards, corners, headings, buttons, tabs, inputs and tables, in light, blue and dark. Kept last in this
   file so the generated desk blocks above never override it. ===== */
:root{--fx-card:#FFFFFF;--fx-soft:#F6F7FB;--fx-ink:#16192B;--fx-muted:#5F647C;--fx-line:#E6E8F0;--fx-dark:#1B1E2E;--fx-dark2:#25293C;--fx-acc:#2563EB;--fx-acc2:#3B82F6;--fx-r:22px}
:root[data-theme="dark"]{--fx-card:#141726;--fx-soft:#1A1E30;--fx-ink:#ECEEF6;--fx-muted:#9A9FB8;--fx-line:#262B40}
@media (prefers-color-scheme: dark){:root:not([data-theme]){--fx-card:#141726;--fx-soft:#1A1E30;--fx-ink:#ECEEF6;--fx-muted:#9A9FB8;--fx-line:#262B40}}
/* Cards */
:is(.panel,.kpi,.card,.ann,.rw-card,.rw-top,.tk-msg,.hl-head,.ov-cardx){background:var(--fx-card)!important;border:1px solid var(--fx-line)!important;border-radius:var(--fx-r)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--fx-ink)}
.panel{padding:20px 22px}
.card{border-radius:16px!important}
:is(.panel,.ann,.rw-card) :is(.card,.kpi){background:var(--fx-soft)!important}
.kpi::after{display:none!important}
.kpi{transform:none!important}
.kpi .k-v{background:none!important;-webkit-text-fill-color:currentColor;color:var(--fx-ink)!important;font-weight:800;letter-spacing:-.02em}
/* Text */
.view-title{display:block;margin:0 0 2px}
.view-title h1{font:800 clamp(26px,4.6vw,34px)/1.05 var(--body);letter-spacing:-.02em;color:var(--fx-ink)}
:is(.panel,.ph) h2{font:800 17px/1.3 var(--body);letter-spacing:-.01em;color:var(--fx-ink)}
:is(.panel,.kpi,.card) :is(.hint,.muted,.meta,.eyebrow,.k-l,.sub){color:var(--fx-muted)}
/* Buttons */
.btn{border-radius:14px}
.btn-p{background:var(--fx-acc)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 26px -16px var(--fx-acc)!important}
:is(.btn-s,.btn-g){background:var(--fx-card)!important;border:1px solid var(--fx-line)!important;color:var(--fx-ink)!important;box-shadow:none!important}
/* Tabs: the dark pill bar with the blue pill, as on the dashboards */
.seg{background:var(--fx-dark)!important;border:0!important;padding:5px!important;gap:2px}
.seg button{color:#E4E6F2!important;padding:8px 15px!important}
.seg button:is([aria-pressed="true"],[aria-selected="true"],.on){background:var(--fx-acc)!important;color:#fff!important}
/* Section tabs on older screens: the dashboards' dark pill bar with the blue pill */
.pl-tabs{display:inline-flex!important;max-width:100%;background:var(--fx-dark);border-radius:99px;padding:5px!important;gap:2px!important}
.pl-tabs button{border:0!important;background:transparent!important;color:#E4E6F2!important;padding:9px 15px!important}
.pl-tabs button:hover{color:#fff!important}
.pl-tabs button[aria-current="page"]{background:var(--fx-acc)!important;color:#fff!important}
/* A screen that has its own dashboard title never shows the plain one too */
#view:has(.fx-shell,.fx-desk) > .view-title{display:none!important}
/* Tab dashboards: the figure cards at the top of every older screen (src/modules/03b-tab-dash.js) */
.td-sub{margin:-6px 0 0;color:var(--fx-muted);font-size:13.5px}
.td{margin:0}
.td-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px}
@media (max-width:760px){.td-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.td .td-c{padding:14px 14px;border-radius:18px!important}.td .td-c h3{font-size:12.5px}.td .td-c .fx-ci{width:28px;height:28px;border-radius:10px}.td .td-c .fx-chg{font-size:11.5px}}
.td .td-c{min-height:0;gap:6px;padding:18px 20px}
.td .td-c h3{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:700;color:var(--fx-muted)}
.td .td-c .fx-ci{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--fx-soft);color:var(--fx-acc)}
.td .td-c .fx-ci svg{width:18px;height:18px}
.td .td-c .fx-chg{color:var(--fx-muted);font-size:12.5px}
.td .td-ok .fx-ci{color:#1E9E6A} .td .td-warn .fx-ci{color:#C98A1B} .td .td-bad .fx-ci{color:#D93F3B}
.td .td-bad .fx-big{color:#D93F3B}
.td .md-brk{margin-top:6px}
.td .td-c .fx-big{font-size:clamp(20px,16cqi,30px)}
/* Inputs */
:is(.field,.panel,.drawer,.view) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):not(.fx *):not(.search input){background:var(--fx-card)!important;border:1px solid var(--fx-line)!important;border-radius:14px!important;color:var(--fx-ink)!important}
/* Tables and lists */
.tbl th{color:var(--fx-muted);border-bottom-color:var(--fx-line)}
.tbl td,.row{border-color:var(--fx-line)}
.tbl-click tbody tr:hover td{background:var(--fx-soft)}
/* Drawers (the panels that slide in) */
.drawer{background:var(--fx-card)!important;border-left:1px solid var(--fx-line)!important;color:var(--fx-ink)}
/* The dashboard frame: every older screen sits in the same big rounded panel as the dashboards, its cards inside it. */
#view.view:not(:has(.fx-shell,.fx-desk,#fxRoot,#dkRoot,#mdgmRoot)){background:var(--fx-card);border:1px solid var(--fx-line);border-radius:34px;margin:16px max(16px,1.6vw) 24px;padding:26px 30px 30px;box-shadow:0 30px 80px -60px rgba(20,25,60,.45)}
#view.view:not(:has(.fx-shell,.fx-desk,#fxRoot,#dkRoot,#mdgmRoot)) :is(.panel,.kpi,.ann,.rw-card,.rw-top,.hl-head,.ov-cardx),.fx-shell :is(.panel,.kpi,.ann,.rw-card){background:var(--fx-soft)!important}
#view.view:not(:has(.fx-shell,.fx-desk,#fxRoot,#dkRoot,#mdgmRoot)) :is(.panel,.ann,.rw-card) :is(.card,.kpi),.fx-shell :is(.panel,.ann) :is(.card,.kpi){background:var(--fx-card)!important}
@media (max-width:760px){#view.view:not(:has(.fx-shell,.fx-desk,#fxRoot,#dkRoot,#mdgmRoot)){margin:10px 10px 96px;padding:18px 14px 20px;border-radius:24px}}
/* Space between cards: wrappers that stack whole screens are grids with the page's gap, so cards never touch. */
#mdgmRoot,.md-appr,.md-extra,.md-br,.mc{display:grid;gap:16px;min-width:0;align-content:start}
.md-extra > .panel{margin-top:0}
/* Big money figures never break in the middle of a number: they shrink to fit their card instead. */
.fx-card{container-type:inline-size}
.fx-card .fx-big{overflow-wrap:normal;white-space:nowrap;font-size:clamp(18px,11.5cqi,27px)}
.py-xl{display:grid;gap:8px}.py-xl .py-it{grid-template-columns:minmax(0,1fr) 150px!important}
.ci-prompt{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;gap:10px;background:var(--fx-card);color:var(--fx-ink);border:1px solid var(--fx-line);border-radius:18px;padding:10px 10px 10px 16px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);max-width:calc(100% - 32px);font-weight:600}
@media (min-width:1081px){.ci-prompt{bottom:24px}}
.ci-who summary{cursor:pointer}.ci-who select{max-width:180px}
.sk-reply{margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--fx-soft);font-size:13.5px}.sk-rf{display:grid;gap:6px;margin-top:8px}.sk-old{opacity:.6}
/* Breakdown tables (GM 2026-11-09, video): each table is a box that scrolls on its own; its heading row stays at the
   top and the first column (client, date or realtor) stays on the left, so every figure keeps its label while swiping.
   No bounce: the scroll stays inside the box. */
.dr-b{overscroll-behavior:contain}
.drawer :is(.tbl-wrap,.tscroll){max-height:min(66vh,640px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--fx-line);border-radius:14px;position:relative}
.drawer :is(.tbl-wrap,.tscroll) table{border-collapse:separate;border-spacing:0}
.drawer :is(.tbl-wrap,.tscroll) thead th{position:sticky;top:0;z-index:3;background:var(--fx-card);box-shadow:inset 0 -1px 0 var(--fx-line)}
.drawer :is(.tbl-wrap,.tscroll) :is(tbody td,tfoot td):first-child,.drawer :is(.tbl-wrap,.tscroll) thead th:first-child{position:sticky;left:0;background:var(--fx-card);box-shadow:inset -1px 0 0 var(--fx-line)}
.drawer :is(.tbl-wrap,.tscroll) :is(tbody td,tfoot td):first-child{z-index:2;min-width:120px;max-width:170px}
.drawer :is(.tbl-wrap,.tscroll) thead th:first-child{z-index:4}
.pg .dk-tbwrap{max-height:min(70vh,680px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--fx-line);border-radius:14px}
.pg .dk-tbwrap thead th{position:sticky;top:0;z-index:3;background:var(--fx-card)}
.pg .dk-tbwrap :is(tbody td,thead th):first-child{position:sticky;left:0;z-index:2;background:var(--fx-card)}
.pg .dk-tbwrap thead th:first-child{z-index:4}
/* Big money figures on the product cards never break in the middle of a number. */
.pg-f{container-type:inline-size}
.pg-f > b{white-space:nowrap;overflow-wrap:normal;font-size:clamp(17px,10.5cqi,26px)}
/* ===== end DASHBOARD LOOK ===== */