:root{--rose: #f2668c;--rose-bright: #ff8fa6;--rose-deep: #c22d54;--azure: #7fa8ff;--azure-deep: #1e4fbf;--mint: #4cc99a;--mint-deep: #0f7a54;--amber: #e8a317;--amber-deep: #8a5d00;--crimson: #ff8a80;--crimson-deep: #b3261e;--s-0: 0px;--s-xs: 4px;--s-sm: 8px;--s-md: 12px;--s-lg: 16px;--s-xl: 20px;--s-2xl: 28px;--s-huge: 40px;--screen-pad: 20px;--card-pad: 18px;--card-gap: 14px;--drawer-w: 296px;--ring-stroke: 10px;--r-card: 22px;--r-card-sm: 16px;--r-button: 14px;--r-pill: 999px;--r-sheet: 28px;--r-avatar: 18px;--fast: .18s;--standard: .32s;--slow: .52s;--emphasis: .7s;--font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--display-tracking: -.02em}:root,[data-theme=dark]{color-scheme:dark;--bg: #0a0d14;--bg-raise: #10141d;--surface: #10141d;--surface-2: #151a25;--surface-3: #1b2230;--elev: #2a3346;--outline: #33405a;--text: #e9edf5;--muted: #a3adc2;--faint: #6d7891;--primary: var(--rose);--primary-strong: var(--rose-bright);--on-primary: #2b0413;--primary-container: #5c1030;--on-primary-container: #ffd9e1;--secondary-container: #12305f;--on-secondary-container: #d8e4ff;--positive: var(--mint);--negative: var(--crimson);--warning: var(--amber);--hero-brush: linear-gradient(135deg, rgba(242, 102, 140, .28), rgba(127, 168, 255, .18) 55%, rgba(10, 13, 20, 0));--accent-brush: linear-gradient(135deg, var(--rose), var(--azure));--quiet-brush: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0));--card-brush: linear-gradient(140deg, rgba(242, 102, 140, .34), rgba(127, 168, 255, .2) 48%, rgba(51, 64, 90, .5));--shadow: 0 18px 40px rgba(3, 6, 12, .55);--scrim: rgba(4, 7, 12, .72)}[data-theme=light]{color-scheme:light;--bg: #f6f8fc;--bg-raise: #ffffff;--surface: #ffffff;--surface-2: #eef1f7;--surface-3: #e4e9f2;--elev: #c3cbda;--outline: #c3cbda;--text: #0f172a;--muted: #55607a;--faint: #7c869c;--primary: var(--rose-deep);--primary-strong: #a81f45;--on-primary: #ffffff;--primary-container: #ffd9e1;--on-primary-container: #3b0716;--secondary-container: #d8e4ff;--on-secondary-container: #0a1a3f;--positive: var(--mint-deep);--negative: var(--crimson-deep);--warning: var(--amber-deep);--hero-brush: linear-gradient(135deg, rgba(242, 102, 140, .2), rgba(127, 168, 255, .16) 55%, rgba(246, 248, 252, 0));--accent-brush: linear-gradient(135deg, var(--rose), var(--azure-deep));--quiet-brush: linear-gradient(180deg, rgba(15, 23, 42, .03), rgba(15, 23, 42, 0));--card-brush: linear-gradient(140deg, rgba(242, 102, 140, .3), rgba(30, 79, 191, .18) 48%, rgba(195, 203, 218, .5));--shadow: 0 14px 32px rgba(15, 23, 42, .1);--scrim: rgba(15, 23, 42, .42)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}.display{font-size:clamp(30px,6vw,44px);font-weight:800;letter-spacing:var(--display-tracking);line-height:1.08}.title-l{font-size:24px;font-weight:750;letter-spacing:var(--display-tracking)}.title{font-size:19px;font-weight:700;letter-spacing:-.01em}.subtitle{font-size:15px;font-weight:650}.body{font-size:15px}.small{font-size:13px}.tiny{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--muted)}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.positive{color:var(--positive)}.negative{color:var(--negative)}.warning-text{color:var(--warning)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-md);padding:10px var(--screen-pad);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--outline) 55%,transparent)}.topbar .brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.02em;font-size:19px}.topbar .brand .mark{background:var(--accent-brush);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .spacer{flex:1}.shell-body{display:flex;flex:1;min-height:0}.drawer{width:var(--drawer-w);flex:0 0 var(--drawer-w);padding:var(--s-lg) var(--s-md);border-right:1px solid color-mix(in srgb,var(--outline) 50%,transparent);background:var(--bg-raise);display:none;flex-direction:column;gap:var(--s-sm)}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:0;border-radius:var(--r-button);background:transparent;color:var(--muted);font-weight:640;cursor:pointer;transition:background var(--fast) ease,color var(--fast) ease;text-align:left}.nav-item .ico{width:20px;height:20px;flex:0 0 20px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item[aria-current=page]{background:var(--primary-container);color:var(--on-primary-container)}.content{flex:1;min-width:0;padding:var(--s-xl) var(--screen-pad) 96px;display:flex;flex-direction:column;gap:var(--card-gap);width:100%;max-width:1180px;margin:0 auto;animation:page-in var(--standard) ease both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.bottomnav{position:fixed;inset-inline:0;bottom:0;z-index:25;display:flex;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-raise) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid color-mix(in srgb,var(--outline) 60%,transparent)}.bottomnav button{flex:1;border:0;background:transparent;color:var(--muted);border-radius:var(--r-button);padding:7px 2px;font-size:11.5px;font-weight:650;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.bottomnav button[aria-current=page]{color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent)}@media(min-width:940px){.drawer{display:flex;position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto}.bottomnav{display:none}.content{padding-bottom:var(--s-2xl)}}.drawer-eyebrow{padding:0 14px 4px}.card{position:relative;padding:var(--card-pad);border-radius:var(--r-card);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--card-brush) border-box;border:1px solid transparent;box-shadow:var(--shadow)}.card.flat{background:var(--surface);border:1px solid color-mix(in srgb,var(--outline) 55%,transparent)}.card.hero{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,var(--rose),var(--azure)) border-box;border:1px solid transparent}.card.hero:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--hero-brush);pointer-events:none}.card>*{position:relative;z-index:1}.card-head{display:flex;align-items:center;gap:var(--s-md);margin-bottom:var(--s-md)}.card-head .title{flex:1;min-width:0}.grid{display:grid;gap:var(--card-gap)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flow{display:grid;gap:var(--card-gap);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.flow.wide{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr))}.flow>.span-all{grid-column:1 / -1}@media(max-width:720px){.flow,.flow.wide{grid-template-columns:minmax(0,1fr)}}@media(min-width:1500px){.content{max-width:1340px}}@media(max-width:720px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.grid.cols-2{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:var(--s-md)}.row.tight{gap:var(--s-sm)}.row.stack{flex-direction:column;align-items:stretch}.row.wrap{flex-wrap:wrap}.row .grow{flex:1;min-width:0}.row-end{margin-inline-start:auto}.info-row{display:flex;align-items:center;gap:var(--s-md);padding:5px 0}.info-row .k{flex:1;min-width:0;color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row .v{flex:1.1;min-width:0;text-align:right;font-weight:620}.money{font-size:clamp(26px,4.4vw,34px);font-weight:800;letter-spacing:var(--display-tracking);font-variant-numeric:tabular-nums}.money .sym{font-size:.62em;font-weight:700;margin-inline-end:2px;opacity:.85}.money-lg{font-size:clamp(32px,6vw,44px)}.money-sm{font-size:17px;font-weight:700}.metric{padding:var(--s-lg);border-radius:var(--r-card-sm);background:var(--quiet-brush),var(--surface-2);border:1px solid color-mix(in srgb,var(--outline) 40%,transparent);display:flex;flex-direction:column;gap:4px;min-width:0}.metric .k{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--muted)}.metric .v{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric .d{font-size:12.5px;color:var(--faint)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:var(--r-pill);font-size:12px;font-weight:700;letter-spacing:.01em;background:var(--surface-3);color:var(--muted);white-space:nowrap}.chip.pending{background:color-mix(in srgb,var(--amber) 20%,transparent);color:var(--warning)}.chip.active,.chip.matched,.chip.sold{background:color-mix(in srgb,var(--azure) 20%,transparent);color:var(--azure)}.chip.matured,.chip.completed,.chip.paid,.chip.released{background:color-mix(in srgb,var(--positive) 18%,transparent);color:var(--positive)}.chip.cancelled,.chip.disputed,.chip.suspended,.chip.defaulted{background:color-mix(in srgb,var(--negative) 18%,transparent);color:var(--negative)}.chip.captured{background:var(--secondary-container);color:var(--on-secondary-container)}.chip.live{background:color-mix(in srgb,var(--positive) 18%,transparent);color:var(--positive)}.chip.stale{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.chip.baseline{background:color-mix(in srgb,var(--muted) 22%,transparent);color:var(--muted)}.chip.pinned{background:var(--secondary-container);color:var(--on-secondary-container)}.chip.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.bar{height:8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--outline) 45%,transparent);overflow:hidden}.bar>i{display:block;height:100%;border-radius:inherit;background:var(--accent-brush);transition:width var(--slow) cubic-bezier(.22,1,.36,1)}.bar.slim{height:5px}.bar.indeterminate>i{width:35%!important;animation:slide 1.4s linear infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.ring{--p: 0;width:104px;height:104px;flex:0 0 104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--p) * 1%),color-mix(in srgb,var(--outline) 50%,transparent) 0);position:relative}.ring:before{content:"";position:absolute;inset:var(--ring-stroke);border-radius:50%;background:var(--surface)}.ring>span{position:relative;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.ring>span small{display:block;font-size:10.5px;font-weight:650;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.ring.dashed{background:repeating-conic-gradient(var(--primary) 0deg 8deg,transparent 8deg 20deg);animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.board{position:relative;overflow:hidden}.board-heat{margin-top:14px}.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.board-cell{display:grid;gap:2px;min-width:0;padding:10px 12px;border:1px solid var(--outline);border-radius:var(--r-card-sm);background:var(--surface-2)}.board-cell .k{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.board-cell .v{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:var(--display-tracking)}.board-cell .d{font-size:11.5px;color:var(--muted)}.board-cell.pop{border-color:color-mix(in srgb,var(--flash) 55%,var(--outline));animation:cell-pop var(--emphasis) cubic-bezier(.22,1,.36,1) 1}.board-tally{margin-top:12px}.board-flash{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:12px var(--card-pad);border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 42%,color-mix(in srgb,var(--flash) 24%,var(--surface)) 100%);animation:board-flash 1.5s ease-out 1 both}.board-flash:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,color-mix(in srgb,var(--flash) 40%,transparent) 50%,transparent 75%);transform:translate(-110%);animation:board-sweep 1.15s ease-out 1}.board-flash strong{position:relative;font-size:13.5px;color:var(--flash)}.board-flash em{position:relative;font-style:normal;font-size:12.5px;color:var(--muted)}.board-flash.capture,.board-cell.capture{--flash: var(--rose)}.board-flash.match,.board-cell.match{--flash: var(--mint)}.board-flash.refused,.board-cell.refused{--flash: var(--crimson)}.board-flash.drained,.board-cell.drained{--flash: var(--amber)}.ring-wrap.hot .ring{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--rose) 45%,transparent))}@keyframes board-flash{0%{opacity:0}14%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes board-sweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes cell-pop{0%{transform:scale(1)}32%{transform:scale(1.05)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.board-flash,.board-flash:before,.board-cell.pop{animation:none}.board-flash{opacity:1}.board-flash:before{display:none}}.badge-count{min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:800;display:inline-grid;place-items:center}.btn.icon.bell{position:relative}.badge-count.bell-count{position:absolute;top:1px;right:1px;min-width:16px;height:16px;font-size:10px;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--r-button);border:1px solid transparent;background:var(--primary);color:var(--on-primary);font-weight:700;cursor:pointer;transition:transform var(--fast) ease,filter var(--fast) ease,background var(--fast) ease;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--surface-2);color:var(--text);border-color:color-mix(in srgb,var(--outline) 65%,transparent)}.btn.ghost{background:transparent;color:var(--primary)}.btn.danger{background:color-mix(in srgb,var(--negative) 16%,transparent);color:var(--negative);border-color:color-mix(in srgb,var(--negative) 40%,transparent)}.btn.sm{padding:7px 12px;font-size:13px;border-radius:12px}.btn.block{width:100%}.btn.icon{padding:8px;width:38px;height:38px;border-radius:50%;background:transparent;color:var(--muted);border-color:transparent}.btn.icon:hover{background:var(--surface-2);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:12.5px;font-weight:650;color:var(--muted)}.input,select.input,textarea.input{width:100%;padding:12px 14px;border-radius:var(--r-button);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent);background:var(--surface-2);color:var(--text);font:inherit;transition:border-color var(--fast) ease,box-shadow var(--fast) ease;text-align:left}.input::placeholder{color:var(--faint)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.input:disabled{opacity:.6;cursor:not-allowed}.input.invalid{border-color:var(--negative)}.input.pin{letter-spacing:.5em;font-variant-numeric:tabular-nums;text-align:center}.secret{position:relative;display:flex;min-width:0}.secret .input{padding-right:42px}.secret .input.pin{padding-left:42px}.secret-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.secret-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.secret-toggle:disabled{opacity:.45;cursor:not-allowed}.field .error{font-size:12.5px;color:var(--negative)}.field .hint{font-size:12.5px;color:var(--faint)}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.switch{position:relative;width:46px;height:26px;flex:0 0 46px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent);background:var(--surface-3);cursor:pointer;transition:background var(--fast) ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform var(--fast) ease,background var(--fast) ease}.switch[aria-checked=true]{background:color-mix(in srgb,var(--primary) 40%,transparent);border-color:var(--primary)}.switch[aria-checked=true]:after{transform:translate(20px);background:var(--primary)}.switch:disabled{opacity:.5;cursor:not-allowed}.checkline{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted)}.checkline input{margin-top:3px;accent-color:var(--primary);width:16px;height:16px}.seg{display:flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--outline) 45%,transparent);overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{border:0;background:transparent;color:var(--muted);padding:8px 16px;border-radius:var(--r-pill);font-weight:680;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:background var(--fast) ease,color var(--fast) ease}.seg button[aria-selected=true]{background:var(--primary);color:var(--on-primary)}.seg.chips button[aria-selected=true]{background:var(--primary-container);color:var(--on-primary-container)}.tabs{display:flex;gap:4px;border-bottom:1px solid color-mix(in srgb,var(--outline) 55%,transparent);overflow-x:auto;scrollbar-width:none}.tabs button{border:0;background:transparent;color:var(--muted);padding:10px 14px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.table-wrap{overflow-x:auto;border-radius:var(--r-card-sm);border:1px solid color-mix(in srgb,var(--outline) 50%,transparent)}table.data{width:100%;border-collapse:collapse;font-size:13.5px;min-width:620px}table.data th{text-align:left;padding:10px 12px;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);position:sticky;top:0;white-space:nowrap}table.data td{padding:10px 12px;border-top:1px solid color-mix(in srgb,var(--outline) 38%,transparent);vertical-align:middle}table.data tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}table.data td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.data tr.clickable{cursor:pointer}.list{display:flex;flex-direction:column;gap:var(--card-gap)}.item{display:flex;gap:var(--s-md);padding:var(--s-md);border-radius:var(--r-card-sm);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--outline) 40%,transparent)}.item.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface-2))}.item.disabled{opacity:.55}.banner{display:flex;gap:var(--s-md);align-items:flex-start;padding:var(--s-md) var(--s-lg);border-radius:var(--r-card-sm);background:var(--primary-container);color:var(--on-primary-container);font-size:14px}.banner.warn{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.banner.bad{background:color-mix(in srgb,var(--negative) 14%,transparent);color:var(--negative)}.banner.good{background:color-mix(in srgb,var(--positive) 14%,transparent);color:var(--positive)}.banner .grow{flex:1;min-width:0}.deadline{display:flex;align-items:center;gap:var(--s-md);padding:10px 14px;border-radius:14px;background:var(--quiet-brush),color-mix(in srgb,var(--surface-3) 80%,transparent);border:1px solid color-mix(in srgb,var(--outline) 45%,transparent)}.deadline .clock{font-weight:800;font-variant-numeric:tabular-nums;font-size:17px}.deadline.urgent{border-color:color-mix(in srgb,var(--negative) 55%,transparent);color:var(--negative)}.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--scrim);padding:var(--s-xl);animation:fade var(--fast) ease both}@keyframes fade{0%{opacity:0}}.sheet{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:var(--s-2xl) var(--s-xl) var(--s-xl);border-radius:var(--r-sheet);background:var(--surface);border:1px solid color-mix(in srgb,var(--outline) 60%,transparent);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--s-md);animation:rise var(--standard) cubic-bezier(.22,1,.36,1) both}.sheet.wide{width:min(880px,100%)}.sheet.full{width:min(1040px,100%);max-height:calc(100vh - 24px)}@keyframes rise{0%{opacity:0;transform:translateY(22px) scale(.98)}}.sheet-head{display:flex;align-items:center;gap:var(--s-md)}.sheet-head .title{flex:1;min-width:0}.sheet-foot{display:flex;gap:var(--s-sm);justify-content:flex-end;flex-wrap:wrap}.busy{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 45%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);animation:spin .9s linear infinite}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:80;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent);box-shadow:var(--shadow);font-size:14px;animation:toast-in var(--standard) cubic-bezier(.22,1,.36,1) both}.toast.bad{border-color:color-mix(in srgb,var(--negative) 60%,transparent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}@media(min-width:940px){.toast{bottom:28px}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-sm);padding:var(--s-huge) var(--s-lg);text-align:center;color:var(--muted)}.empty .glyph{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--faint);font-size:22px}.skeleton{height:84px;border-radius:var(--r-card);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.divider{height:1px;background:color-mix(in srgb,var(--outline) 45%,transparent);margin:2px 0}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-md)}.auth{min-height:100%;display:grid;place-items:center;padding:var(--s-2xl) var(--screen-pad);background:radial-gradient(1000px 520px at 12% -10%,color-mix(in srgb,var(--rose) 18%,transparent),transparent 65%),radial-gradient(900px 520px at 100% 0%,color-mix(in srgb,var(--azure) 15%,transparent),transparent 60%),var(--bg)}.auth-panel{width:min(480px,100%);display:flex;flex-direction:column;gap:var(--s-lg)}.auth-brand{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.logo-img{display:block;border-radius:22%;flex:none}.auth-brand .logo-img{width:62px;height:62px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-md);margin-top:var(--s-md)}.section-head>div{flex:1;min-width:0}.card.clickable{cursor:pointer;transition:transform var(--fast) ease,filter var(--fast) ease}.card.clickable:hover{filter:brightness(1.05)}.card.clickable:active{transform:translateY(1px)}.card.clickable:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.avatar{width:56px;height:56px;flex:0 0 56px;border-radius:var(--r-avatar);background:var(--accent-brush);color:#fff;display:grid;place-items:center;font-weight:850;font-size:20px;letter-spacing:-.03em}.code-box{margin-top:var(--s-md);padding:14px;text-align:center;border-radius:var(--r-card-sm);background:var(--surface-2);color:var(--primary);font-weight:800;font-size:17px;letter-spacing:3px;font-variant-numeric:tabular-nums}.band{--tone: var(--primary);margin-top:var(--s-md);padding:var(--s-md);border-radius:var(--r-card-sm);background:color-mix(in srgb,var(--tone) 12%,transparent);border:1px solid color-mix(in srgb,var(--tone) 32%,transparent)}.band .small{color:var(--muted)}.band-clock{font-variant-numeric:tabular-nums;font-size:15px;color:var(--tone);white-space:nowrap}.band-glyph{color:var(--tone);display:grid;place-items:center;flex:0 0 18px;margin-top:1px}.live-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--faint);display:inline-block}.live-dot.on{background:var(--positive);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--positive) 35%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--positive) 0%,transparent)}}.input-affix{display:flex;align-items:center;gap:6px;padding-inline-start:14px;border-radius:var(--r-button);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent);background:var(--surface-2);transition:border-color var(--fast) ease,box-shadow var(--fast) ease}.input-affix:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.input-affix>span{color:var(--muted);font-weight:700}.input-affix>.input{border:0;background:transparent;padding-inline-start:4px}.input-affix>.input:focus{border-color:transparent;box-shadow:none}.pick{border:1px solid color-mix(in srgb,var(--outline) 65%,transparent);background:var(--surface-2);color:var(--muted);border-radius:var(--r-pill);padding:8px 14px;font-weight:680;font-size:13.5px;cursor:pointer;transition:background var(--fast) ease,color var(--fast) ease,border-color var(--fast) ease}.pick:hover{color:var(--text)}.pick[aria-pressed=true]{background:var(--primary-container);color:var(--on-primary-container);border-color:color-mix(in srgb,var(--primary) 55%,transparent)}.notice-line{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--outline) 35%,transparent)}.notice-line:first-of-type{border-top:0}.notice-dot{width:8px;height:8px;flex:0 0 8px;margin-top:6px;border-radius:50%;background:var(--faint)}.notice-dot.unread{background:var(--primary)}.notice-day{display:flex;flex-direction:column;gap:var(--s-sm)}.notice-day-head{display:flex;align-items:center;gap:10px;color:var(--faint)}.notice-day-head .tiny{font-weight:750;letter-spacing:.06em;text-transform:uppercase}.notice-rule{flex:1;height:1px;background:color-mix(in srgb,var(--outline) 45%,transparent)}.notice-item{display:flex;align-items:flex-start;gap:var(--s-md);padding:var(--s-md) var(--s-lg);border-radius:var(--r-card-sm);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--outline) 35%,transparent);border-left:3px solid color-mix(in srgb,var(--outline) 55%,transparent)}.notice-item.unread{border-left-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}.notice-item .grow{flex:1;min-width:0}@media(max-width:560px){.notice-item{flex-wrap:wrap}.notice-item .grow{flex:1 1 180px}}.proof{display:flex;gap:var(--s-md);align-items:flex-start;margin-top:var(--s-md);padding:var(--s-md);border-radius:var(--r-card-sm);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--outline) 40%,transparent)}.proof-thumb{flex:0 0 auto;width:96px;height:96px;padding:0;display:grid;place-items:center;overflow:hidden;cursor:zoom-in;border:1px solid color-mix(in srgb,var(--outline) 55%,transparent);border-radius:var(--r-card-sm);background:var(--surface)}.proof-thumb img{width:100%;height:100%;object-fit:cover}.proof-glyph{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-card-sm);background:var(--surface-3);color:var(--muted)}.proof-meta{flex:1;min-width:0}.proof-overlay{background:color-mix(in srgb,#05070c 84%,transparent)}.proof-full{max-width:min(1100px,94vw);max-height:86vh;border-radius:var(--r-card);box-shadow:var(--shadow);background:var(--surface)}.proof-close{position:absolute;top:var(--s-lg);right:var(--s-lg);background:color-mix(in srgb,var(--surface) 24%,transparent);border-color:transparent;color:#fff}.tile{--tone: var(--primary);display:flex;align-items:flex-start;gap:var(--s-md);padding:var(--s-lg);border-radius:var(--r-card-sm);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--outline) 40%,transparent);min-width:0}.tile-glyph{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;color:var(--tone);background:color-mix(in srgb,var(--tone) 16%,transparent)}.tile-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tile-body .k{font-size:12.5px;font-weight:620;color:var(--muted)}.tile-body .v{font-size:21px;font-weight:800;letter-spacing:var(--display-tracking);color:var(--text);font-variant-numeric:tabular-nums}.tile-body .d{font-size:12px;color:var(--faint)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-md)}@media(max-width:560px){.tiles{grid-template-columns:minmax(0,1fr)}}.nav-label{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-label small{font-size:11.5px;font-weight:540;color:var(--faint);line-height:1.35}.nav-item[aria-current=page] .nav-label small{color:color-mix(in srgb,var(--on-primary-container) 78%,transparent)}.drawer-scrim{position:fixed;inset:0;z-index:40;background:var(--scrim);border:0;padding:0;cursor:pointer}@media(max-width:939px){.drawer.desk{display:none}.drawer.desk.open{display:flex;position:fixed;top:57px;bottom:0;left:0;z-index:45;overflow-y:auto;box-shadow:var(--shadow)}}@media(min-width:940px){.desk-menu,.drawer-scrim{display:none}}.desk-role{display:flex;flex-direction:column;line-height:1.25;min-width:0}.desk-role b{font-size:13px;font-weight:750}.desk-role span{font-size:11px;color:var(--muted)}.issued{margin-top:10px;padding:var(--s-md) var(--s-lg);border-radius:var(--r-button);background:color-mix(in srgb,var(--negative) 14%,transparent);border:1px solid color-mix(in srgb,var(--negative) 34%,transparent)}.issued strong{font-size:17px;letter-spacing:.06em;-webkit-user-select:all;user-select:all}.chart{width:100%;height:auto;display:block;overflow:visible}.chart .grid-line{stroke:color-mix(in srgb,var(--outline) 45%,transparent);stroke-width:1}.chart .series{fill:none;stroke:var(--tone, var(--primary));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart .area{fill:var(--tone, var(--primary));opacity:.14}.chart .tick{font-size:9px;fill:var(--faint)}.chart-head{display:flex;align-items:baseline;gap:var(--s-sm);margin-bottom:var(--s-sm)}.chart-head b{font-size:15px;font-weight:780;font-variant-numeric:tabular-nums}
