:root{color-scheme:dark;--brand-300: oklch(86% .13 165);--brand-400: oklch(84% .15 165);--brand-500: oklch(82% .16 165);--brand-600: oklch(85% .14 165);--accent: var(--brand-500);--accent-text: var(--brand-600);--accent-soft: oklch(82% .16 165 / .12);--accent-line: oklch(82% .16 165 / .28);--on-accent: oklch(22% .03 235);--bg: oklch(13% .012 235);--surface: oklch(16% .013 235);--surface-raised: oklch(18.5% .014 235);--surface-2: oklch(21.5% .016 235);--sidebar: oklch(14.5% .012 235);--border: oklch(26% .014 235);--border-soft: oklch(22% .012 235);--border-strong: oklch(34% .016 235);--text: oklch(96% .006 235);--text-muted: oklch(73% .012 235);--text-subtle: oklch(56% .012 235);--text-faint: oklch(46% .011 235);--ok: oklch(80% .16 162);--ok-soft: oklch(80% .16 162 / .14);--warn: oklch(84% .15 85);--warn-soft: oklch(84% .15 85 / .14);--danger: oklch(72% .18 25);--danger-soft: oklch(72% .18 25 / .14);--info: oklch(78% .12 240);--info-soft: oklch(78% .12 240 / .14);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--radius: 14px;--radius-sm: 10px;--radius-xs: 7px;--sidebar-w: 264px;--topbar-h: 60px;--content-max: 1180px;--shadow-pop: 0 1px 0 oklch(100% 0 0 / .03) inset, 0 12px 32px -12px oklch(0% 0 0 / .6), 0 0 0 1px var(--border)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:15px}body{min-height:100dvh;line-height:1.55}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.12;letter-spacing:-.02em;font-weight:600;color:var(--text);text-wrap:balance}p{text-wrap:pretty}code,pre,kbd{font-family:var(--font-mono)}ul,ol{list-style:none;padding:0}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}::selection{background:var(--accent-line);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;background:var(--sidebar);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:16px 14px;gap:6px;z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}.brand-mark{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,var(--brand-400),oklch(70% .14 175));color:var(--on-accent);box-shadow:0 0 0 1px #37e4aa4d,0 6px 16px -8px var(--accent)}.brand-mark svg{width:17px;height:17px}.brand-logo{width:28px;height:28px;border-radius:8px;flex:none;display:block}.brand-name{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em}.org-switch{position:relative;margin-bottom:4px}.org-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;transition:border-color .15s var(--ease),background .15s var(--ease)}.org-trigger:hover{border-color:var(--border-strong);background:var(--surface-raised)}.org-trigger[aria-expanded=true]{border-color:var(--accent-line)}.org-avatar{width:26px;height:26px;border-radius:7px;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:12px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.org-avatar.is-accent{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line)}.org-meta{min-width:0;flex:1;display:flex;flex-direction:column}.org-meta .name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-meta .plan{font-size:11px;color:var(--text-subtle)}.org-chevron{color:var(--text-subtle);flex:none;transition:transform .2s var(--ease)}.org-trigger[aria-expanded=true] .org-chevron{transform:rotate(180deg)}.org-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 18px 40px -16px #000000b3;padding:6px;z-index:60;opacity:0;transform:translateY(-6px) scale(.99);pointer-events:none;transition:opacity .16s var(--ease),transform .16s var(--ease)}.org-menu.open{opacity:1;transform:none;pointer-events:auto}.org-menu-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:8px 10px 4px}.org-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-xs);transition:background .12s var(--ease)}.org-item:hover{background:var(--surface-2)}.org-item .name{font-size:13px;font-weight:500}.org-item .role{font-size:11px;color:var(--text-subtle);margin-left:auto}.org-item .check{color:var(--accent-text);margin-left:auto}.org-item .check+.role{display:none}.org-divider{height:1px;background:var(--border-soft);margin:6px 4px}.org-create{color:var(--accent-text);font-weight:500}.org-create .org-avatar{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line)}.nav{display:flex;flex-direction:column;gap:2px;margin-top:8px}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--radius-xs);color:var(--text-muted);font-size:13.5px;font-weight:500;position:relative;transition:background .12s var(--ease),color .12s var(--ease)}.nav-item svg{width:17px;height:17px;flex:none;opacity:.85}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--surface-raised);color:var(--text)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item.active svg{color:var(--accent-text);opacity:1}.nav-badge{margin-left:auto;font-size:11px;font-family:var(--font-mono);background:var(--surface-2);color:var(--text-subtle);padding:1px 7px;border-radius:99px;border:1px solid var(--border)}.sidebar-spacer{flex:1}.user-card{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .12s var(--ease),border-color .12s var(--ease)}.user-card:hover{background:var(--surface);border-color:var(--border-soft)}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:12px;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.user-meta{min-width:0;flex:1;display:flex;flex-direction:column}.user-meta .name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .email{font-size:11px;color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card .kebab{color:var(--text-subtle);flex:none}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:14px;padding:0 26px;background:#04080bc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-subtle);min-width:0}.crumb .sep{color:var(--text-faint)}.crumb .here{color:var(--text);font-weight:500}.crumb .ws-id{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar .hamburger{display:none}.scrim-mobile{position:fixed;top:0;right:0;bottom:0;left:0;display:none}.content{padding:30px 26px 64px}.content-inner{max-width:var(--content-max);margin:0 auto}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--content-max);margin:40px auto 0;padding-top:18px;border-top:1px solid var(--border);color:var(--text-subtle);font-size:12.5px}.app-footer a{color:var(--accent-text)}.app-footer a:hover{text-decoration:underline}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:26px}.page-head h1{font-size:26px}.page-head .sub{color:var(--text-subtle);font-size:13.5px;margin-top:5px}.page-head-actions{display:flex;align-items:center;gap:10px}.eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-xs);font-size:13px;font-weight:600;white-space:nowrap;border:1px solid var(--border-strong);color:var(--text);background:var(--surface-raised);transition:background .14s var(--ease),border-color .14s var(--ease),transform .06s var(--ease),color .14s}.btn svg{width:15px;height:15px}.btn:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:transparent;box-shadow:0 6px 18px -10px var(--accent)}.btn-primary:hover{background:var(--brand-400);border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface);color:var(--text);border-color:transparent}.btn-danger{color:var(--danger);border-color:var(--border-strong);background:transparent}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:7px}.btn-icon svg{width:16px;height:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card-pad{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.card-head h2,.card-head h3{font-size:14.5px;font-weight:600}.card-head .hint{font-size:12px;color:var(--text-subtle)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-accent{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.badge-ok{color:var(--ok);border-color:#3add9e59;background:var(--ok-soft)}.badge-warn{color:var(--warn);border-color:#f7c24359;background:var(--warn-soft)}.badge-danger{color:var(--danger);border-color:#ff716b59;border-color:oklch(72% .18 25 / .35);background:var(--danger-soft)}.badge-info{color:var(--info);border-color:#69c1fc59;background:var(--info-soft)}.badge-neutral{color:var(--text-subtle)}.pill-live{position:relative}.pill-live .dot{background:var(--ok)}.pill-live .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--ok);animation:ping 1.8s var(--ease) infinite}@keyframes ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(3.2);opacity:0}}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;padding:3px 8px;border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.table-wrap{overflow:visible}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:11px 16px;border-bottom:1px solid var(--border-soft);white-space:nowrap}table.data td{padding:13px 16px;border-bottom:1px solid var(--border-soft);color:var(--text-muted);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s var(--ease)}table.data tbody tr:hover{background:var(--surface-raised)}table.data td .strong{color:var(--text);font-weight:500}.col-right{text-align:right}.col-num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.identity{display:flex;align-items:center;gap:11px}.identity .avatar{width:32px;height:32px}.identity .who .name{color:var(--text);font-weight:500;font-size:13px}.identity .who .sub{color:var(--text-subtle);font-size:11.5px}.meter{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.meter>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,oklch(70% .14 175),var(--accent))}.meter.warn>span{background:linear-gradient(90deg,oklch(78% .14 110),var(--warn))}.meter.danger>span{background:linear-gradient(90deg,oklch(70% .16 40),var(--danger))}.segmented{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:3px;gap:2px}.segmented button{padding:5px 12px;border-radius:5px;font-size:12.5px;font-weight:500;color:var(--text-subtle);transition:background .12s,color .12s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface-2);color:var(--text)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12.5px;font-weight:500;color:var(--text-muted)}.field .help{font-size:11.5px;color:var(--text-subtle)}.input,.select,textarea.input{width:100%;padding:9px 12px;border-radius:var(--radius-xs);background:var(--bg);border:1px solid var(--border-strong);color:var(--text);transition:border-color .14s var(--ease),box-shadow .14s var(--ease);font-size:13.5px}.input::placeholder{color:var(--text-faint)}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-group{display:flex}.input-group .input{border-radius:var(--radius-xs) 0 0 var(--radius-xs)}.input-group .btn{border-radius:0 var(--radius-xs) var(--radius-xs) 0;border-left:none}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.switch{position:relative;width:38px;height:22px;flex:none}.switch input{position:absolute;opacity:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--surface-2);border:1px solid var(--border-strong);transition:background .16s,border-color .16s}.switch .thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text-subtle);transition:transform .18s var(--ease),background .16s}.switch input:checked+.track{background:var(--accent-soft);border-color:var(--accent-line)}.switch input:checked+.track+.thumb{transform:translate(16px);background:var(--accent)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.stat{padding:18px 20px;display:flex;flex-direction:column;gap:6px;min-width:0}.stat .k{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);display:flex;align-items:center;gap:7px}.stat .v{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .meta{font-size:12px;color:var(--text-subtle)}.stat .trend{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.trend.up{color:var(--ok)}.trend.down{color:var(--danger)}.kv{display:flex;flex-direction:column}.kv-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.kv-row:last-child{border-bottom:none}.kv-row .key{font-size:13px;color:var(--text-subtle)}.kv-row .val{font-size:13.5px;font-weight:500}.notice{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);font-size:13px;color:var(--text-muted)}.notice.accent{border-color:var(--accent-line);background:var(--accent-soft)}.notice .ic{color:var(--accent-text);flex:none}.secret-box{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--accent-line);font-family:var(--font-mono);font-size:13px}.secret-box code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;color:var(--accent-text)}.chart{width:100%;display:block}.chart .grid-line{stroke:var(--border-soft);stroke-width:1}.chart .axis-label{fill:var(--text-faint);font-family:var(--font-mono);font-size:10px}.chart .area-fill{fill:url(#mintFade)}.chart .area-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart .bar{fill:var(--surface-2);transition:fill .14s}.chart .bar.is-accent,.chart .bar.is-hover{fill:var(--accent)}.chart-wrap{position:relative}.chart-wrap .chart{cursor:crosshair}.guide-line{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 3}.hover-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}.chart-tip{position:absolute;transform:translate(-50%,calc(-100% - 10px));background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:5px 9px;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:1px;z-index:5}.chart-tip .t-label{font-size:10.5px;color:var(--text-subtle)}.chart-tip .t-val{font-size:13px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.spark{width:100%;height:40px}.spark path.line{fill:none;stroke:var(--accent);stroke-width:1.6}.spark path.fill{fill:var(--accent-soft)}.uptime{display:flex;gap:3px;align-items:flex-end}.uptime .day{flex:1;height:30px;border-radius:2px;background:var(--ok);opacity:.9}.uptime .day.warn{background:var(--warn)}.uptime .day.down{background:var(--danger)}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none}.modal-root.open{display:block}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#01020399;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s var(--ease)}.modal-root.open .modal-scrim{opacity:1}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);width:min(520px,calc(100vw - 32px));max-height:88vh;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 30px 70px -24px #000c;opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease)}.modal-root.open .modal{opacity:1;transform:translate(-50%,-50%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 0}.modal-head h3{font-size:17px}.modal-head .sub{font-size:13px;color:var(--text-subtle);margin-top:4px}.modal-body{padding:18px 22px;display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.muted{color:var(--text-subtle)}.faint{color:var(--text-faint)}.tar{text-align:right}.divider{height:1px;background:var(--border-soft);border:none}.gap-sm{gap:8px}.gap-lg{gap:24px}.mt-sm{margin-top:10px}.mt{margin-top:18px}.mt-lg{margin-top:28px}.stack{display:flex;flex-direction:column}.menu-pop{position:absolute;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:5px;min-width:180px;z-index:70;box-shadow:0 18px 40px -16px #000000b3;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .14s var(--ease),transform .14s var(--ease)}.menu-pop.open{opacity:1;transform:none;pointer-events:auto}.menu-pop button,.menu-pop a{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--radius-xs);font-size:13px;color:var(--text-muted)}.menu-pop button:hover,.menu-pop a:hover{background:var(--surface-2);color:var(--text)}.menu-pop button svg,.menu-pop a svg{width:15px;height:15px}.menu-pop .danger{color:var(--danger)}.menu-pop .danger:hover{background:var(--danger-soft)}@media(prefers-reduced-motion:no-preference){.rise{opacity:0;transform:translateY(10px);animation:rise .5s var(--ease) forwards}.rise:nth-child(2){animation-delay:.05s}.rise:nth-child(3){animation-delay:.1s}.rise:nth-child(4){animation-delay:.15s}@keyframes rise{to{opacity:1;transform:none}}}@media(max-width:1080px){.grid-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:900px){:root{--sidebar-w: 0px}.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:272px;height:100dvh;transform:translate(-100%);transition:transform .25s var(--ease);box-shadow:0 0 60px #00000080;z-index:45}.sidebar.open{transform:none}.scrim-mobile{position:fixed;top:0;right:0;bottom:0;left:0;background:#01020380;z-index:39;display:none}.scrim-mobile.show{display:block}.topbar .hamburger{display:inline-flex}.content{padding:22px 16px 56px}.topbar{padding:0 16px}}@media(max-width:720px){.grid-3,.grid-2{grid-template-columns:1fr}.page-head{align-items:flex-start}}@media(max-width:560px){.grid-4{grid-template-columns:1fr}.stat .v{font-size:26px}.hide-sm{display:none!important}}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid oklch(82% .16 165 / .3);border-top-color:var(--accent);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{width:1.75rem;height:1.75rem;border-width:2px}.animate-fade-in{animation:fade-in .25s var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.loading-stack{display:flex;flex-direction:column;align-items:center;gap:.85rem}.loading-stack p{color:var(--text-muted);font-size:.9rem}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:2rem 1rem}.auth-wrap{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.auth-logo{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.auth-logo-mark{width:56px;height:56px;border-radius:14px;display:grid;place-items:center}.auth-logo-mark img{width:100%;height:100%;object-fit:contain;display:block}.auth-logo h1{font-size:22px}.auth-logo p{color:var(--text-subtle);font-size:14px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:7px}.form-label{font-size:12.5px;font-weight:500;color:var(--text-muted)}.form-input{width:100%;padding:9px 12px;border-radius:var(--radius-xs);background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-size:13.5px;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.form-input::placeholder{color:var(--text-faint)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#01020399;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.modal-box{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 30px 70px -24px #000c;width:min(520px,calc(100vw - 32px));max-height:88vh;overflow-y:auto}.modal-box h2{font-size:17px;padding:20px 22px 0}.modal-box h2+p{font-size:13px;color:var(--text-subtle);padding:4px 22px 0}.modal-body-pad{padding:18px 22px;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px 20px;border-top:1px solid var(--border-soft)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.error-banner{background:var(--danger-soft);border:1px solid oklch(72% .18 25 / .35);border-radius:var(--radius-xs);color:var(--danger);padding:10px 14px;font-size:13px;margin:12px 22px 0}.skeleton-page{display:flex;flex-direction:column;gap:12px}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-raised) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-block{width:100%;justify-content:center}.auth-footer{text-align:center;font-size:13px;color:var(--text-subtle)}.auth-footer a{color:var(--accent-text)}.auth-footer a:hover{text-decoration:underline}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px 14px;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.btn-google:hover{background:var(--surface-2)}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px 14px;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.btn-social:hover{background:var(--surface-2)}.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--text-faint);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-soft)}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:13px;box-shadow:0 16px 40px -16px #000000b3;transform:translate(120%);transition:transform .3s var(--ease);max-width:340px}.toast.show{transform:none}.toast .ic{color:var(--accent-text);flex:none}.toast.ok .ic{color:var(--ok)}.cc-select{position:relative;display:inline-block}.cc-select-trigger{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--radius-xs);background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer;text-transform:capitalize;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.cc-select-trigger:hover{border-color:var(--text-faint)}.cc-select-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cc-select-trigger:disabled{opacity:.5;cursor:not-allowed}.cc-select-chevron{color:var(--text-subtle);transition:transform .18s var(--ease)}.cc-select-chevron.open{transform:rotate(180deg)}.cc-select-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;z-index:70;padding:5px;margin:0;list-style:none;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 16px 40px -16px #000000b3}.cc-select-menu li button{display:flex;align-items:center;gap:8px;width:100%;white-space:nowrap;padding:7px 9px;border-radius:var(--radius-xs);background:none;border:0;color:var(--text-muted);cursor:pointer;font-size:13px;text-transform:capitalize;text-align:left;transition:background .12s var(--ease),color .12s var(--ease)}.cc-select-menu li button:hover{background:var(--surface-2);color:var(--text)}.cc-select-menu li button.selected{color:var(--accent-text)}