@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.03f_1bxrvnkfd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.37g1whwfgt7kp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.1iqnhac4m3hwo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/public-sans-vietnamese-wght-normal.2xu150hql8jlm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/public-sans-latin-ext-wght-normal.18i7opzsmuf9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/public-sans-latin-wght-normal.3l3rp4h9pmto-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy-950:#071330;--navy-900:#0b1b40;--navy-800:#132a5c;--navy-700:#1e3a74;--sky:#86c5f7;--primary:#1f6fd1;--primary-strong:color-mix(in oklab, var(--primary) 80%, black);--primary-soft:color-mix(in oklab, var(--primary) 9%, white);--primary-line:color-mix(in oklab, var(--primary) 26%, white);--green:#12704a;--green-500:#1f9a62;--green-soft:#e4f3ea;--orange:#a84f09;--orange-500:#e8812b;--orange-soft:#fcefe1;--red:#b0281d;--red-soft:#fbe9e6;--brass:#c8a45a;--bg:#f5f6f8;--bg-deep:#e8ebef;--surface:#fff;--surface-2:#f5f7fb;--line:#e0e6ef;--line-strong:#c5cfdd;--text:#0d1730;--text-2:#3f4a62;--text-3:#58647d;--sky-soft:#e8f3fe;--font-display:"Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--font-body:"Public Sans Variable", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.625rem;--fs-2xl:2.25rem;--fs-3xl:3rem;--r-sm:8px;--r:12px;--r-lg:18px;--r-xl:24px;--shadow-sm:0 1px 2px #0d17300d;--shadow:0 1px 2px #0d17300a, 0 6px 20px -6px #0d173014;--shadow-lg:0 24px 60px -12px #07133052;--shadow-card:0 1px 1px #0713301f, 0 10px 24px -8px #07133059, 0 30px 60px -20px #07133059;--ease:cubic-bezier(.2, .7, .2, 1);--focus:0 0 0 3px color-mix(in oklab, var(--primary) 38%, transparent);--sidebar-w:256px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;margin:0;line-height:1.12}h1{font-size:var(--fs-2xl);letter-spacing:-.03em;font-weight:700}h2{font-size:var(--fs-lg);font-weight:650}h3{font-size:var(--fs-md);font-weight:650}p{margin:0}a{color:var(--primary-strong);text-underline-offset:3px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);outline:none}::selection{background:color-mix(in oklab, var(--primary) 22%, white)}.num,td.num,.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.nowrap{white-space:nowrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:700}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.grow{flex:auto;min-width:0}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}@media (max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span-2{grid-column:auto}}@media (max-width:600px){.stat{padding:14px 14px 14px 16px}.stat-value{font-size:var(--fs-lg)}.stat-label{font-size:var(--fs-2xs);letter-spacing:.06em}.stat-label svg{display:none}}@media (max-width:340px){.grid-4{grid-template-columns:minmax(0,1fr)}}.btn{--b-bg:var(--surface);--b-fg:var(--text);--b-line:var(--line-strong);border:1px solid var(--b-line);background:var(--b-bg);min-height:40px;color:var(--b-fg);font-weight:650;font-size:var(--fs-sm);letter-spacing:.005em;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background-color .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:var(--surface-2);border-color:var(--text-3)}.btn:active{box-shadow:none;transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{flex:none;width:16px;height:16px}.btn-primary{--b-bg:var(--primary);--b-fg:#fff;--b-line:var(--primary-strong);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #07133033}.btn-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn-green{--b-bg:var(--green);--b-fg:#fff;--b-line:color-mix(in oklab, var(--green) 80%, black);box-shadow:inset 0 1px #ffffff29,0 1px 2px #07133033}.btn-green:hover{background:color-mix(in oklab, var(--green) 85%, black)}.btn-danger{--b-fg:var(--red);--b-line:color-mix(in oklab, var(--red) 32%, white)}.btn-danger:hover{background:var(--red-soft);border-color:var(--red)}.btn-ghost{--b-bg:transparent;--b-line:transparent;--b-fg:var(--text-2);box-shadow:none}.btn-ghost:hover{background:color-mix(in oklab, var(--text) 6%, transparent);color:var(--text);border-color:#0000}.btn-sm{min-height:32px;font-size:var(--fs-xs);border-radius:8px;padding:0 12px}.btn-lg{min-height:48px;font-size:var(--fs-base);border-radius:12px;padding:0 22px}.btn-icon{width:40px;padding:0}.btn-sm.btn-icon{width:32px}.btn .spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;min-width:0;display:flex}.card>.card-foot{margin-top:auto}.card-pad{padding:22px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:18px 22px;display:flex}.card-head h2{font-size:var(--fs-md);letter-spacing:-.01em;font-weight:650}.card-body{padding:22px}.card-foot{border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);padding:12px 22px}.stat{--chip-bg:var(--sky-soft);--chip-fg:var(--primary-strong);flex-direction:column;gap:6px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.stat-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stat-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);padding-top:2px;font-weight:650}.stat-ic{background:var(--chip-bg);width:36px;height:36px;color:var(--chip-fg);border-radius:11px;flex:none;place-items:center;display:grid}.stat-ic svg{width:18px;height:18px}.stat-value{font-family:var(--font-display);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-weight:700;line-height:1.1}.stat-hint{font-size:var(--fs-xs);color:var(--text-3)}.tone-green{--chip-bg:var(--green-soft);--chip-fg:var(--green)}.tone-orange{--chip-bg:var(--orange-soft);--chip-fg:var(--orange)}.tone-red{--chip-bg:var(--red-soft);--chip-fg:var(--red)}.tone-navy{--chip-bg:var(--navy-900);--chip-fg:var(--sky)}.tone-green .stat-value{color:var(--green)}.tone-orange .stat-value{color:var(--orange)}.tone-red .stat-value{color:var(--red)}.badge{font-size:var(--fs-xs);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:2px 9px 2px 8px;font-weight:650;line-height:1.55;display:inline-flex}.badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge:has(svg):before{display:none}.badge svg{width:12px;height:12px}.b-green{background:var(--green-soft);color:var(--green);border-color:color-mix(in oklab, var(--green) 18%, white)}.b-orange{background:var(--orange-soft);color:var(--orange);border-color:color-mix(in oklab, var(--orange-500) 28%, white)}.b-red{background:var(--red-soft);color:var(--red);border-color:color-mix(in oklab, var(--red) 20%, white)}.b-blue{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary-line)}.b-gray{background:var(--surface-2);color:var(--text-2);border-color:var(--line)}.b-navy{background:var(--navy-900);color:#fff}.b-navy:before{background:var(--sky)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;color:var(--text-3);font-weight:650;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;padding:11px 16px}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color .12s var(--ease)}.table tbody tr:hover{background:color-mix(in oklab, var(--primary) 3.5%, white)}.table .num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tfoot td{background:var(--surface-2);border-top:1px solid var(--line-strong);font-weight:700}.table a.row-link{color:var(--text);font-weight:650;text-decoration:none}.table a.row-link:hover{color:var(--primary-strong);text-decoration:underline}@media (max-width:640px){.table.rt thead{display:none}.table.rt tbody tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:14px 18px;display:grid}.table.rt tbody tr:last-child{border-bottom:0}.table.rt td{white-space:normal;border:0;grid-column:1;padding:0}.table.rt td.num{font-size:var(--fs-base);grid-area:1/2/span 4;align-self:start}.table.rt td.rt-sub{font-size:var(--fs-xs);color:var(--text-3)}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.label{font-size:var(--fs-sm);color:var(--text);font-weight:650}.field .hint{font-size:var(--fs-xs);color:var(--text-3)}.field .err{font-size:var(--fs-xs);color:var(--red);font-weight:600}.input,.select,.textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:42px;color:var(--text);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:10px;padding:9px 12px;box-shadow:inset 0 1px 2px #0d17300a}.textarea{resize:vertical;min-height:88px;line-height:1.45}.input:hover,.select:hover,.textarea:hover{border-color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--focus);outline:none}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--text-3)}.input::placeholder,.textarea::placeholder{color:color-mix(in oklab, var(--text-3) 75%, white)}.input-group{align-items:stretch;display:flex}.input-group .addon{white-space:nowrap;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);align-items:center;padding:0 12px;font-weight:600;display:flex}.input-group .addon:first-child{border-right:0;border-radius:10px 0 0 10px}.input-group .addon:last-child{border-left:0;border-radius:0 10px 10px 0}.input-group .input{border-radius:0}.input-group .input:first-child{border-radius:10px 0 0 10px}.input-group .input:last-child,.input-group .addon+.input:last-child{border-radius:0 10px 10px 0}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch .track{background:var(--line-strong);width:40px;height:24px;transition:background-color .16s var(--ease);border-radius:999px;flex:none;margin-top:0;position:relative}.switch .track:after{content:"";width:18px;height:18px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0d173040}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{box-shadow:var(--focus)}.switch .switch-text{font-size:var(--fs-sm);flex-direction:column;gap:2px;padding-top:2px;font-weight:650;display:flex}.switch .switch-text small{color:var(--text-3);font-weight:400;font-size:var(--fs-xs)}.seg{background:var(--bg-deep);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.seg button{font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;transition:background-color .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-weight:650;display:inline-flex}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0d17301f, 0 0 0 1px var(--line)}.alert{border-radius:var(--r);font-size:var(--fs-sm);border:1px solid;align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.alert svg{flex:none;width:18px;height:18px;margin-top:1px}.alert-info{background:var(--primary-soft);border-color:var(--primary-line);color:var(--navy-800)}.alert-warn{background:var(--orange-soft);border-color:color-mix(in oklab, var(--orange-500) 35%, white);color:#5f2c03}.alert-error{background:var(--red-soft);border-color:color-mix(in oklab, var(--red) 25%, white);color:#6f170f}.alert-ok{background:var(--green-soft);border-color:color-mix(in oklab, var(--green) 25%, white);color:#0a4129}.empty{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.empty>svg{width:44px;height:44px;color:var(--text-3);background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:11px}.empty h3{color:var(--text);margin-top:4px}.empty p{max-width:42ch}.empty.compact{text-align:left;flex-direction:row;align-items:center;gap:14px;padding:18px 22px}.empty.compact>svg{border-radius:12px;flex:none;width:38px;height:38px;padding:9px}.empty.compact h3{font-size:var(--fs-base);margin:0}.empty.compact p{font-size:var(--fs-sm)}.empty.compact.ok>svg{color:var(--green);background:var(--green-soft);border-color:color-mix(in oklab, var(--green) 18%, white)}.skeleton{border-radius:var(--r);background:linear-gradient(90deg,#e1e7f0 0%,#eef2f8 50%,#e1e7f0 100%) 0 0/200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.list-loading{padding:6px 0}.ll-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 22px;display:flex}.ll-row:last-child{border-bottom:0}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;animation:fade .16s var(--ease);background:#07133080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);width:min(560px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-lg);animation:rise .22s var(--ease);border:1px solid var(--line);overflow:auto}.modal.wide{width:min(780px,100%)}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 4px;display:flex}.modal-head h2{font-size:var(--fs-lg)}.modal-head p{color:var(--text-2);font-size:var(--fs-sm);margin-top:6px}.modal-body{flex-direction:column;gap:14px;padding:18px 24px;display:flex}.modal-foot{border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-xl) var(--r-xl);justify-content:flex-end;gap:10px;padding:16px 24px 22px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.985)}}@media (max-width:600px){.overlay{place-items:end center;padding:0}.modal{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:92dvh;animation:sheet .24s var(--ease)}.modal-foot{padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:0}.modal-foot .btn{flex:1}}@keyframes sheet{0%{opacity:0;transform:translateY(40px)}}.toasts{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--r);background:var(--navy-900);color:#fff;box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:rise .2s var(--ease);border:1px solid #ffffff14;align-items:center;gap:10px;max-width:400px;padding:12px 16px;display:flex}.toast svg{flex:none;width:18px;height:18px}.toast.ok svg{color:#72e2aa}.toast.err{background:#5a140e}@media (max-width:900px){.toasts{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom))}.toast{max-width:none}}.progress{background:color-mix(in oklab, var(--text) 8%, transparent);border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.progress>span{height:100%;transition:width .3s var(--ease);display:block}.progress>span:first-child{border-radius:999px 0 0 999px}.progress .p-green{background:var(--green-500)}.progress .p-orange{background:var(--orange-500)}.progress .p-blue{background:var(--primary)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{background:var(--navy-950);color:#c6d1e8;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;border-right:1px solid #ffffff0a;flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:#fff;border-radius:0;align-items:center;gap:12px;padding:20px 18px 18px;text-decoration:none;display:flex}.brand img{border-radius:11px;width:40px;height:40px;box-shadow:0 0 0 1px #ffffff14,0 6px 14px -4px #0009}.brand strong{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:-.01em;line-height:1.15;display:block}.brand small{font-size:var(--fs-xs);color:#8b9dc2;line-height:1.35;display:block}.nav{flex-direction:column;gap:2px;padding:4px 12px 16px;display:flex}.nav-section{font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:#7486ad;padding:16px 10px 6px;font-weight:700}.nav a{color:#c6d1e8;font-size:var(--fs-sm);transition:background-color .16s var(--ease), color .16s var(--ease);border-radius:10px;align-items:center;gap:11px;padding:8px 10px;font-weight:560;text-decoration:none;display:flex;position:relative}.nav a svg{color:#7d8fb6;width:18px;height:18px;transition:color .16s var(--ease);flex:none}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.active{color:#fff;background:#86c5f721}.nav a.active:before{content:"";background:var(--sky);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.nav a.active svg{color:var(--sky)}.nav a .count{background:var(--orange-500);color:#1f0f02;font-size:var(--fs-2xs);text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:0 7px;font-weight:800;line-height:19px}.sidebar-foot{border-top:1px solid #ffffff12;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.avatar{width:34px;height:34px;font-weight:700;font-size:var(--fs-xs);background:var(--navy-700);color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:grid}.sidebar-foot .who{flex:1;min-width:0}.sidebar-foot .who strong{color:#fff;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-foot .who span{font-size:var(--fs-xs);color:#8b9dc2;text-transform:capitalize}.sidebar-foot .btn-ghost{--b-fg:#9fb0d2}.sidebar-foot .btn-ghost:hover{color:#fff;background:#ffffff14}.main{background:var(--bg);flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:60px;padding:12px 32px;display:flex;position:sticky;top:0}.topbar .today{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:8px;font-weight:550;display:flex}.topbar .today svg{width:16px;height:16px}.topbar-mark,.topbar .today .short{display:none}.content{flex-direction:column;gap:24px;width:100%;max-width:1320px;padding:32px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head .eyebrow{color:var(--primary-strong)}.page-head p{color:var(--text-2);max-width:64ch;font-size:var(--fs-base);margin-top:8px}.menu-btn{display:none}.bell{position:relative}.bell .dot{background:var(--orange-500);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.popover{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(380px,100vw - 24px);box-shadow:var(--shadow-lg);z-index:40;animation:rise .16s var(--ease);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notice{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:13px 18px;display:flex}.notice:last-child{border-bottom:0}.notice.unread{background:var(--primary-soft)}.notice strong{font-size:var(--fs-sm)}.notice p{font-size:var(--fs-xs);color:var(--text-2)}.tabbar{display:none}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:45;visibility:hidden;width:280px;transition:transform .24s var(--ease), visibility 0s linear .24s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell.nav-open .sidebar{visibility:visible;box-shadow:var(--shadow-lg);transition:transform .24s var(--ease);transform:none}.shell.nav-open:after{content:"";z-index:44;animation:fade .16s var(--ease);background:#07133073;position:fixed;inset:0}.menu-btn{display:inline-flex}.topbar{padding:10px 14px}.topbar-mark{border-radius:8px;width:30px;height:30px;display:block}.topbar .today .long{display:none}.topbar .today .short{display:inline}.content{padding:20px 16px calc(96px + env(safe-area-inset-bottom));gap:18px}h1{font-size:1.75rem}.tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;background:color-mix(in oklab, var(--navy-950) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);border:1px solid #ffffff14;border-radius:20px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:6px;display:grid;position:fixed}.tabbar a{color:#9fb0d2;transition:background-color .16s var(--ease), color .16s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 6px;font-size:.6875rem;font-weight:650;text-decoration:none;display:flex;position:relative}.tabbar a svg{width:21px;height:21px}.tabbar a.active{color:#fff;background:#86c5f729}.tabbar a.active svg{color:var(--sky)}.tabbar .count{background:var(--orange-500);color:#1f0f02;border-radius:999px;padding:0 5px;font-size:.625rem;font-weight:800;line-height:15px;position:absolute;top:3px;left:calc(50% + 6px)}}.kv{font-size:var(--fs-sm);grid-template-columns:auto 1fr;gap:9px 16px;display:grid}.kv dt{color:var(--text-2)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:650}.divider{background:var(--line);border:0;height:1px;margin:4px 0}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 22px;display:flex}.list>li:last-child{border-bottom:0}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.tabs button,.tabs a{font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;white-space:nowrap;transition:color .16s var(--ease), border-color .16s var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:650;text-decoration:none}.tabs button:hover,.tabs a:hover{color:var(--text)}.tabs button[aria-selected=true],.tabs a.active{color:var(--primary-strong);border-bottom-color:var(--primary)}.ic{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.ic svg{width:17px;height:17px}.ic-red{background:var(--red-soft);color:var(--red)}.ic-orange{background:var(--orange-soft);color:var(--orange)}.ic-blue{background:var(--primary-soft);color:var(--primary-strong)}.ic-green{background:var(--green-soft);color:var(--green)}.ic-navy{background:var(--navy-900);color:var(--sky)}.boot{max-width:1100px;margin:0 auto;padding:40px}.bcard-wrap{width:100%;max-width:var(--bcard-max,440px);perspective:1400px;container-type:inline-size}.bcard{--c-base:#0c1f4c;--c-lift:#24549f;--c-ink:#e6edf9;--c-dim:#a8b8d8;--c-ring:#86c5f712;aspect-ratio:1.586;width:100%;color:var(--c-ink);text-align:left;cursor:default;font:inherit;transition:transform .22s var(--ease), filter .22s var(--ease);background:0 0;border:0;border-radius:4.6cqw;padding:0;display:block;position:relative}.bcard.has-back:hover{transform:translateY(-3px)}.bcard-flip{z-index:3;border-radius:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.bcard-flip:focus-visible{box-shadow:0 0 0 4px var(--bg), 0 0 0 7px var(--primary)}.bcard-inner{transform-style:preserve-3d;transition:transform .3s var(--ease);border-radius:inherit;position:absolute;inset:0}.bcard.flipped .bcard-inner{transform:rotateY(180deg)}.bcard-face{border-radius:inherit;backface-visibility:hidden;background:radial-gradient(120% 90% at 8% 0%, color-mix(in oklab, var(--c-lift) 85%, transparent) 0%, transparent 58%), var(--c-base);box-shadow:var(--shadow-card), inset 0 0 0 1px #ffffff17, inset 0 1px 0 #ffffff29;flex-direction:column;padding:6.2cqw 6.6cqw;display:flex;position:absolute;inset:0;overflow:hidden}.bcard-face:before{content:"";aspect-ratio:1;pointer-events:none;background:repeating-radial-gradient(circle, transparent 0 2.1cqw, var(--c-ring) 2.1cqw 2.3cqw);border-radius:50%;width:120cqw;position:absolute;top:-30cqw;right:-62cqw}.bcard-face:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#0000 38%,#ffffff12 46%,#0000 54%);position:absolute;inset:0}.bcard-back{transform:rotateY(180deg)}.bcard-face>*{z-index:1;position:relative}.bcard-top{justify-content:space-between;align-items:center;gap:3cqw;display:flex}.bcard-brand{align-items:center;gap:2.4cqw;min-width:0;display:flex}.bcard-brand img{border-radius:2cqw;flex:none;width:8.4cqw;height:8.4cqw;box-shadow:0 0 0 1px #ffffff1f}.bcard-brand span{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,3.9cqw,18px);font-weight:700;overflow:hidden}.bcard-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--c-dim);white-space:nowrap;align-items:center;gap:1.6cqw;font-size:clamp(9px,2.6cqw,12px);font-weight:700;display:flex}.bcard-tag svg{width:5cqw;height:5cqw}.bcard-mid{justify-content:space-between;align-items:center;gap:3cqw;margin-top:5.2cqw;display:flex}.bcard-chip{filter:drop-shadow(0 1px 1px #00000059);flex:none;width:12.6cqw;height:9.6cqw}.bcard-amount{text-align:right;min-width:0}.bcard-amount small{letter-spacing:.1em;text-transform:uppercase;color:var(--c-dim);font-size:clamp(9px,2.7cqw,12px);font-weight:650;display:block}.bcard-amount strong{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(22px,10.4cqw,46px);font-weight:700;line-height:1.02;display:block}.bcard-meta{color:var(--c-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:.8cqw;font-size:clamp(10px,2.8cqw,12.5px);display:block;overflow:hidden}.bcard-number{font-family:var(--font-mono);letter-spacing:.12em;word-spacing:.25em;color:var(--c-ink);white-space:nowrap;text-shadow:0 1px #ffffff38,0 -1px #0000008c;margin-top:auto;font-size:clamp(12px,5cqw,22px)}.bcard-bottom{justify-content:space-between;align-items:flex-end;gap:3cqw;margin-top:2.6cqw;display:flex}.bcard-holder{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #ffffff2e,0 -1px #00000080;min-width:0;font-size:clamp(10px,3.4cqw,15px);font-weight:650;overflow:hidden}.bcard-since{text-align:right;flex:none}.bcard-since small{letter-spacing:.14em;text-transform:uppercase;color:var(--c-dim);font-size:clamp(7px,1.9cqw,9px);line-height:1.2;display:block}.bcard-since span{font-family:var(--font-mono);letter-spacing:.08em;font-size:clamp(10px,3.2cqw,14px)}.bcard-stripe{background:#05070c;height:13cqw;margin:-6.2cqw -6.6cqw 0;box-shadow:inset 0 -1px #ffffff0f}.bcard-backbody{flex-direction:column;flex:1;gap:1.6cqw;margin-top:4cqw;display:flex}.bcard-backtitle{letter-spacing:.16em;text-transform:uppercase;color:var(--c-dim);font-size:clamp(9px,2.6cqw,12px);font-weight:700}.bcard-rows{grid-template-columns:1fr auto;gap:1.2cqw 4cqw;font-size:clamp(11px,3.4cqw,15px);display:grid}.bcard-rows dt{color:var(--c-dim)}.bcard-rows dd{text-align:right;color:#fff;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.bcard-rows dd.warn{color:#ffc58f}.bcard-rows dd.bad{color:#ffaaa0}.bcard-rows dd.ok{color:#8fe6b9}.bcard-note{color:var(--c-dim);margin-top:auto;font-size:clamp(9px,2.5cqw,11px)}.bcard-hint{z-index:2;white-space:nowrap;color:var(--c-dim);opacity:0;transition:opacity .16s var(--ease);align-items:center;gap:1cqw;font-size:clamp(9px,2.3cqw,11px);display:flex;position:absolute;top:57%;left:6.6cqw}.bcard-flip:hover .bcard-hint,.bcard-flip:focus-visible .bcard-hint{opacity:1}@media (hover:none){.bcard-hint{opacity:.85}}.bcard.flipped .bcard-hint{color:#d9dee8;inset:4cqw 5cqw auto auto;transform:none}.bcard-hint svg{width:3.4cqw;height:3.4cqw}.bcard.v-loan{--c-base:#0b3527;--c-lift:#1c7a57;--c-ink:#e3f4ec;--c-dim:#9fcbb6;--c-ring:#8fe6b912}.bcard.v-treasury{--c-base:#15181f;--c-lift:#485163;--c-ink:#eef0f4;--c-dim:#aeb5c4;--c-ring:#c8a45a14}.bcard.v-closed{--c-base:#2b2f38;--c-lift:#5b6272;--c-ink:#e7e9ee;--c-dim:#b4b9c4;filter:saturate(.6)}@media (prefers-reduced-motion:reduce){.bcard-inner{transition:none;transform:none!important}.bcard-face{transition:opacity 1ms}.bcard-back{opacity:0;transform:none}.bcard.flipped .bcard-back{opacity:1}.bcard.flipped .bcard-front{opacity:0}}.quick{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;display:grid}.quick a,.quick button{text-align:center;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;line-height:1.25;font-size:var(--fs-xs);box-shadow:var(--shadow-sm);transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;font-weight:650;text-decoration:none;display:flex}.quick a:hover,.quick button:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.quick a:active,.quick button:active{transform:none}.quick .q-ic{background:var(--navy-900);width:38px;height:38px;color:var(--sky);border-radius:12px;place-items:center;display:grid}.quick .q-ic svg{width:18px;height:18px}.quick .q-primary .q-ic{background:var(--primary);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.dashboard{flex-direction:column;gap:24px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.dashboard-header .eyebrow{color:var(--text-3);letter-spacing:.14em;margin-bottom:8px;font-size:10px}.dashboard-header h1{font-size:clamp(28px,2.6vw,38px)}.dashboard-header p{color:var(--text-3);font-size:var(--fs-sm);margin-top:8px}.dashboard-header>.btn{background:var(--surface);flex:none}.dashboard-top{grid-template-columns:minmax(300px,.9fr) minmax(0,1.25fr);align-items:stretch;gap:24px;display:grid}.dashboard-wallet{border-radius:var(--r-lg);background:#e9edf1;border:1px solid #dfe4e9;flex-direction:column;grid-area:1/1;gap:16px;min-width:0;padding:22px;display:flex}.wallet-heading{font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:12px;font-weight:650;display:flex}.wallet-heading>span:last-child{font-size:var(--fs-2xs);color:var(--text-3);font-weight:500}.dashboard-wallet .bcard-wrap{--bcard-max:440px;margin:auto}.dashboard-wallet .bcard{--c-base:#183347;--c-dim:#c2d1dc;--c-ink:#f1f6fa;border-radius:4cqw}.dashboard-wallet .bcard.v-treasury{--c-base:#222e3c}.dashboard-wallet .bcard-face{background:var(--c-base);box-shadow:0 8px 12px -8px #11223347,inset 0 0 0 1px #ffffff21}.dashboard-wallet .bcard-face:before{background:0 0;border:1px solid #ffffff12;box-shadow:0 0 0 7cqw #ffffff06,0 0 0 14cqw #ffffff05}.dashboard-wallet .bcard-face:after{display:none}.dashboard-wallet .bcard-number{letter-spacing:.1em;text-shadow:none;font-size:4cqw}.dashboard-wallet .bcard-holder{letter-spacing:.08em;text-shadow:none}.dashboard-wallet .bcard-amount strong{font-size:10.8cqw}.wallet-footer{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;display:flex}.wallet-footer span{align-items:center;gap:5px;display:inline-flex}.wallet-footer svg{width:12px;height:12px}.dashboard-summary{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;grid-column:2;min-width:0;display:flex}.summary-intro{align-items:center;gap:12px;margin-bottom:24px;display:flex}.summary-intro h2{font-size:18px}.summary-intro p{color:var(--text-3);font-size:var(--fs-xs);margin-top:4px}.summary-icon{color:#25465a;background:#eff3f6;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.summary-icon svg{width:20px;height:20px}.hero-due{flex:1;padding:24px 26px 20px}.hero-due-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-due-label{color:var(--text-3);font-size:var(--fs-xs);font-weight:550}.hero-due-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;display:flex}.hero-due-amount{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(32px,3.4vw,46px);font-weight:700;line-height:1;display:block}.hero-due-date{color:var(--text-2);font-size:var(--fs-sm);margin-top:10px;display:block}.hero-due-note{color:var(--text-3);font-size:var(--fs-xs);max-width:32ch}.hero-pay{min-height:44px;font-size:var(--fs-sm);padding:0 20px}.m-countdown{background:var(--primary-soft);color:var(--primary-strong);font-size:var(--fs-2xs);white-space:nowrap;border-radius:6px;align-items:baseline;gap:4px;padding:3px 9px;font-weight:650;display:inline-flex}.m-countdown.late{background:var(--orange-soft);color:var(--orange)}.m-countdown.paid{background:var(--green-soft);color:var(--green)}.hero-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 16px;padding:14px 26px;display:flex}.hero-actions a,.hero-actions button{color:var(--text-2);font:inherit;font-size:var(--fs-xs);cursor:pointer;transition:color .16s var(--ease);background:0 0;border:0;border-radius:3px;align-items:center;gap:6px;padding:4px 0;font-weight:600;text-decoration:none;display:inline-flex}.hero-actions svg{width:15px;height:15px}.hero-actions a:hover,.hero-actions button:hover{color:var(--primary-strong);text-underline-offset:4px;text-decoration:underline}.hero-actions button:disabled{opacity:.5;cursor:wait}.dashboard-metrics{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden}.dashboard-metrics .stat{box-shadow:none;border:0;border-radius:0;gap:8px;padding:20px 24px}.dashboard-metrics .stat+.stat{border-left:1px solid var(--line)}.dashboard-metrics .stat-top{align-items:center}.dashboard-metrics .stat-label{text-transform:none;letter-spacing:0;padding:0;font-size:11px}.dashboard-metrics .stat-ic{width:28px;height:28px;color:var(--text-3);background:0 0}.dashboard-metrics .stat-ic svg{width:17px;height:17px}.dashboard-metrics .stat-value{color:var(--text);font-size:28px}.dashboard-metrics .tone-orange .stat-value{color:var(--orange)}.dashboard-metrics .tone-red .stat-value{color:var(--red)}.dashboard-metrics .stat-hint{font-size:11px}.dash{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.dash-main,.dash-side{flex-direction:column;gap:24px;min-width:0;display:flex}.dashboard .dash .card{box-shadow:none}.dashboard .card-head{min-height:68px}.dashboard .card-head h2{font-size:17px}.dash-figure{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--green);font-weight:700}@media (min-width:1600px){.dashboard-top{grid-template-columns:440px minmax(0,1fr)}}@media (min-width:901px) and (max-width:1200px){.dashboard-top{grid-template-columns:minmax(260px,.95fr) minmax(0,1.15fr);gap:18px}.dashboard-wallet{padding:18px}.hero-due{padding:20px}.hero-actions{padding:12px 20px}.dashboard-metrics .stat{padding:18px}.dashboard-header>.btn{font-size:12px}}@media (max-width:1180px){.dash{grid-template-columns:minmax(0,1fr)}.dash-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}}@media (max-width:1100px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .stat:nth-child(3){border-left:0}.dashboard-metrics .stat:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:680px){.dashboard{gap:18px}.dashboard-header{align-items:flex-start}.dashboard-header>.btn{display:none}.dashboard-header h1{font-size:28px}.dashboard-header p{max-width:36ch}.dashboard-top{grid-template-columns:minmax(0,1fr);gap:16px}.dashboard-wallet,.dashboard-summary{grid-area:auto/1}.dashboard-wallet{order:-1;gap:14px;padding:18px}.dashboard-wallet .bcard-wrap{max-width:400px}.hero-due{padding:20px}.summary-intro{margin-bottom:20px}.hero-due-amount{font-size:36px}.hero-actions{padding:12px 20px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .stat{padding:16px}.dashboard-metrics .stat:nth-child(3){border-left:0}.dashboard-metrics .stat:nth-child(n+3){border-top:1px solid var(--line)}.dashboard-metrics .stat-value{font-size:25px}.dashboard-metrics .stat-label{font-size:11px}.dash,.dash-main,.dash-side{gap:18px}.dashboard .card-head{padding:16px 18px}}.gchart{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);column-gap:12px;margin:0;display:grid}.gchart-y{height:200px;font-size:var(--fs-2xs);color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;grid-row:1;justify-content:space-between;padding:4px 0 0;display:flex}.gchart-plot{cursor:crosshair;border-radius:6px;outline:none;height:200px;position:relative}.gchart-plot:focus-visible{box-shadow:var(--focus)}.gchart-plot svg{width:100%;height:100%;display:block;overflow:visible}.gchart-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.gchart-area{fill:color-mix(in oklab, var(--green-500) 14%, transparent)}.gchart-line{fill:none;stroke:var(--green-500);stroke-width:2.5px;stroke-linejoin:round}.gchart-cursor{stroke:var(--text-3);stroke-width:1px;stroke-dasharray:2 3}.gchart-dot{background:var(--surface);border:3px solid var(--green-500);pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.gchart-tip{pointer-events:none;white-space:nowrap;background:var(--navy-900);color:#fff;font-size:var(--fs-xs);box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;gap:1px;padding:7px 11px;display:flex;position:absolute;top:-6px;transform:translate(10px,-100%)}.gchart-tip.left{transform:translate(calc(-100% - 10px),-100%)}.gchart-tip strong{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.gchart-tip span{color:#a9b8d6}.gchart-x{font-size:var(--fs-2xs);color:var(--text-3);grid-column:2;justify-content:space-between;margin-top:8px;display:flex}.ring{flex:none;position:relative}.ring svg{width:100%;height:100%;display:block}.ring-track{fill:none;stroke:var(--bg-deep);stroke-width:12px}.ring-fill{fill:none;stroke:var(--navy-800);stroke-width:12px;stroke-linecap:round;transition:stroke-dasharray .6s var(--ease)}.ring-tick{fill:var(--line-strong)}.ring-tick.done{fill:#ffffff8c}.ring-mine{fill:var(--orange-500);stroke:var(--surface);stroke-width:3px}.ring-mine.past{fill:var(--green-500)}.ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-center strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.9rem;font-weight:700;line-height:1}.ring-center span{font-size:var(--fs-xs);color:var(--text-3);margin-top:4px;font-weight:600}.turn{flex-wrap:wrap;align-items:center;gap:18px;padding:20px 22px;display:flex}.turn-info{flex-direction:column;flex:1;gap:4px;min-width:150px;display:flex}.turn-amount{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-weight:700}.turn-legend{font-size:var(--fs-xs);color:var(--text-2);flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.turn-legend li{align-items:center;gap:8px;display:flex}.lg{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.lg-done{background:var(--navy-800)}.lg-mine{background:var(--orange-500)}.turn-now{font-size:var(--fs-sm);flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.feed{margin:0;padding:6px 0;list-style:none;position:relative}.feed li{align-items:flex-start;gap:14px;padding:12px 22px;display:flex;position:relative}.feed li+li:before{content:"";background:var(--line);width:2px;height:20px;position:absolute;top:-10px;left:39px}.feed-ic{z-index:1;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.feed-ic svg{width:17px;height:17px}.t-green{background:var(--green-soft);color:var(--green)}.t-blue{background:var(--sky-soft);color:var(--primary-strong)}.t-orange{background:var(--orange-soft);color:var(--orange)}.t-red{background:var(--red-soft);color:var(--red)}.t-navy{background:var(--navy-900);color:var(--sky)}.feed strong{font-size:var(--fs-sm)}.feed p{font-size:var(--fs-xs);color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.feed-end{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.feed-end span{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap}.cbars{flex-direction:column;gap:18px;padding:20px 22px 18px;display:flex}.cbars-readout{flex-direction:column;gap:2px;min-height:64px;display:flex}.cbars-readout strong{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-weight:700}.cbars-readout strong span{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-3);letter-spacing:0;font-weight:500}.cbars-plot{border-bottom:1px solid var(--line);align-items:stretch;gap:8px;height:180px;margin:0;padding:0;list-style:none;display:flex}.cbars-plot li{flex:1;min-width:0;display:flex}.cbar{cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;padding:0;display:flex}.cbar:focus-visible{box-shadow:var(--focus)}.cbar-track{background:var(--bg-deep);width:100%;max-width:38px;transition:background-color .16s var(--ease);border-radius:7px 7px 3px 3px;position:relative;overflow:hidden}.cbar-pending,.cbar-fill{border-radius:inherit;transition:height .4s var(--ease);position:absolute;bottom:0;left:0;right:0}.cbar-pending{background:var(--orange-500)}.cbar-fill{background:var(--navy-700)}.cbar-fill.full{background:var(--green-500)}.cbar-label{font-size:var(--fs-2xs);color:var(--text-3);font-variant-numeric:tabular-nums;margin-bottom:-22px;font-weight:650}.cbar.now .cbar-label{color:var(--primary-strong)}.cbar.now .cbar-track{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary-line)}.cbar:hover .cbar-track,.cbar.on .cbar-track{background:var(--line-strong)}.cbars-legend{font-size:var(--fs-xs);color:var(--text-2);flex-wrap:wrap;gap:6px 18px;margin-top:14px;display:flex}.cbars-legend span{align-items:center;gap:7px;display:inline-flex}.cbars-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.l-fill{background:var(--green-500)}.l-pend{background:var(--orange-500)}.l-track{background:var(--bg-deep);border:1px solid var(--line-strong)}.hero-cycle-meter{background:var(--bg-deep);border-radius:999px;height:8px;margin:16px 0 10px;display:flex;overflow:hidden}.hero-cycle-meter span{height:100%;transition:width .25s var(--ease);display:block}.hero-cycle-meter .m-ok{background:var(--green-500)}.hero-cycle-meter .m-pend{background:var(--orange-500)}.hero-cycle-stats{color:var(--text-3);flex-wrap:wrap;gap:4px 18px;font-size:11px;display:flex}.hero-cycle-stats b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:3px}.hero-payout{border-top:1px solid var(--line);font-size:var(--fs-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.hero-payout .who{align-items:center;gap:10px;display:flex}.hero-payout .who .avatar{background:var(--surface-2);color:var(--text-2)}.hero-payout small{color:var(--text-3);margin-top:3px;font-size:11px;display:block}.hero-payout .done{color:var(--green);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.hero-payout .done svg{width:14px;height:14px}