*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5;font-family:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}:root{--bg-base: #09090b;--bg-raised: #111114;--bg-overlay: #18181b;--bg-elevated: #1f1f23;--bg-inset: #050507;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .05);--glass-bg-active: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .1);--glass-border-focus: rgba(20, 184, 166, .42);--glass-specular: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, transparent 50%);--glass-glare: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, .04), transparent 40%);--glass-blur: 12px;--glass-blur-heavy: 24px;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .56);--text-tertiary: rgba(255, 255, 255, .32);--text-inverse: #09090b;--accent: #14b8a6;--accent-hover: #2dd4bf;--accent-strong: #0f766e;--accent-secondary: #06b6d4;--accent-muted: rgba(20, 184, 166, .16);--accent-glow: rgba(20, 184, 166, .3);--success: #14b8a6;--success-muted: rgba(20, 184, 166, .12);--warning: #eab308;--warning-muted: rgba(234, 179, 8, .12);--error: #ef4444;--error-muted: rgba(239, 68, 68, .12);--info: #06b6d4;--info-muted: rgba(6, 182, 212, .12);--delta-positive: #14b8a6;--delta-negative: #ef4444;--delta-neutral: rgba(255, 255, 255, .32);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px var(--accent-glow);--shadow-inset: inset 0 1px 4px rgba(0, 0, 0, .4);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--duration-glacial: .6s;--z-base: 0;--z-raised: 10;--z-sidebar: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--sidebar-width: 240px;--sidebar-collapsed: 64px;--noise-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}[data-theme=light]{--bg-base: #f8f8fa;--bg-raised: #ffffff;--bg-overlay: #f0f0f3;--bg-elevated: #ffffff;--bg-inset: #eaeaee;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .75);--glass-bg-active: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .1);--glass-border-focus: rgba(20, 184, 166, .38);--glass-specular: linear-gradient(135deg, rgba(255, 255, 255, .6) 0%, transparent 50%);--glass-glare: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, .12), transparent 40%);--text-primary: rgba(9, 9, 11, .92);--text-secondary: rgba(9, 9, 11, .56);--text-tertiary: rgba(9, 9, 11, .32);--text-inverse: #ffffff;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .12);--shadow-inset: inset 0 1px 4px rgba(0, 0, 0, .08);--noise-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E")}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2) format("woff2-variations");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono%5Bwght%5D.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Italic%5Bwght%5D.woff2) format("woff2-variations");font-weight:100 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);font-feature-settings:"ss01" on,"ss02" on,"cv01" on}.heading-3xl{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.heading-2xl{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.015em}.heading-xl{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.01em}.heading-lg{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-mono{font-family:var(--font-mono);font-feature-settings:"tnum" on,"zero" on}.text-tabular{font-variant-numeric:tabular-nums}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}::selection{background:var(--accent-muted);color:var(--text-primary)}.glass{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-md);transition:background var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none;z-index:1}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-glare);pointer-events:none;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);z-index:1}.glass:hover:after{opacity:1}.glass:focus-within{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md),var(--shadow-glow)}.glass-subtle{position:relative;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-spring)}.glass-subtle:hover{background:#ffffff08;border-color:#ffffff12}.glass-solid{position:relative;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring)}.glass-solid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none;z-index:1}.glass-elevated{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));box-shadow:var(--shadow-xl);transition:background var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring)}.glass-elevated:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none;z-index:1}.glass-elevated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-glare);pointer-events:none;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);z-index:1}.glass-elevated:hover:after{opacity:1}.glass-inset{position:relative;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);transition:border-color var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring)}.glass-inset:focus-within{border-color:var(--glass-border-focus);box-shadow:var(--shadow-inset),0 0 0 3px var(--accent-muted)}.glass-danger{position:relative;background:var(--error-muted);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-md);transition:background var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring)}.glass-danger:hover{background:#ef444429;border-color:#ef44444d}.glass-danger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(239,68,68,.06) 0%,transparent 50%);pointer-events:none;z-index:1}.glass-grain{position:relative}.glass-grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--noise-grain);background-size:128px 128px;pointer-events:none;z-index:2;mix-blend-mode:overlay}.bo-environment:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--noise-grain);background-size:200px 200px;pointer-events:none;z-index:999;mix-blend-mode:overlay;opacity:.5}@keyframes blob-a{0%{transform:translate(0) scale(1);border-radius:40% 60% 60% 40%/60% 30% 70% 40%}25%{transform:translate(60px,-30px) scale(1.05);border-radius:50% 50% 40% 60%/40% 60%}50%{transform:translate(30px,40px) scale(.95);border-radius:60% 40% 50% 50%/50% 40% 60% 50%}75%{transform:translate(-20px,20px) scale(1.02);border-radius:45% 55% 55% 45%/55% 50% 50% 45%}to{transform:translate(0) scale(1);border-radius:40% 60% 60% 40%/60% 30% 70% 40%}}@keyframes blob-b{0%{transform:translate(0) scale(1);border-radius:60% 40% 30% 70%/50% 60% 40% 50%}25%{transform:translate(-40px,50px) scale(.96);border-radius:50%/60% 40%}50%{transform:translate(20px,-20px) scale(1.04);border-radius:40% 60% 60% 40%/40% 50% 50% 60%}75%{transform:translate(40px,30px) scale(.98);border-radius:55% 45% 45% 55%/50% 55% 45% 50%}to{transform:translate(0) scale(1);border-radius:60% 40% 30% 70%/50% 60% 40% 50%}}@keyframes blob-c{0%{transform:translate(0) scale(1);border-radius:50% 50% 40% 60%/40% 60%}25%{transform:translate(30px,-40px) scale(1.03);border-radius:60% 40% 50% 50%/50% 40% 60% 50%}50%{transform:translate(-20px,-10px) scale(.97);border-radius:45% 55% 60% 40%/55% 50% 50% 45%}75%{transform:translate(-40px,30px) scale(1.01);border-radius:55% 45% 40% 60%/45% 55%}to{transform:translate(0) scale(1);border-radius:50% 50% 40% 60%/40% 60%}}@keyframes blob-d{0%{transform:translate(0) scale(1);border-radius:45% 55% 55% 45%/55% 45%}25%{transform:translate(-50px,-20px) scale(.94);border-radius:55% 45% 45% 55%/45% 55%}50%{transform:translate(10px,50px) scale(1.06);border-radius:40% 60% 50% 50%/60% 40% 50% 50%}75%{transform:translate(30px,-30px) scale(.98);border-radius:50% 50% 55% 45%/50%}to{transform:translate(0) scale(1);border-radius:45% 55% 55% 45%/55% 45%}}.blob{position:fixed;width:500px;height:500px;filter:blur(120px);opacity:.15;pointer-events:none;will-change:transform,border-radius}.blob-a,.blob-brand{top:-10%;left:-5%;background:var(--accent);animation:blob-a 25s ease-in-out infinite}.blob-b{top:-5%;right:-10%;background:#6366f1;animation:blob-b 30s ease-in-out infinite}.blob-info{top:-5%;right:-10%;background:var(--accent-secondary);animation:blob-b 30s ease-in-out infinite}.blob-c{bottom:-10%;left:10%;background:#8b5cf6;animation:blob-c 28s ease-in-out infinite}.blob-accent{bottom:-10%;left:10%;background:#2dd4bf;animation:blob-c 28s ease-in-out infinite}.blob-d{bottom:20%;right:15%;background:#a855f7;animation:blob-d 32s ease-in-out infinite}.blob-near{bottom:20%;right:15%;background:#0f766e;animation:blob-d 32s ease-in-out infinite}@keyframes page-enter{0%{opacity:0;transform:translateY(8px) scale(.99);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-4px) scale(.99);filter:blur(2px)}}.page-enter{animation:page-enter var(--duration-slow) var(--ease-spring) both}.page-exit{animation:page-exit var(--duration-normal) var(--ease-in-out) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in var(--duration-normal) var(--ease-out) both}@keyframes scale-in{0%{opacity:0;transform:scale(.95);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes scale-out{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.97);filter:blur(2px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes slide-down{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(8px);filter:blur(2px)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.12);border-right-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.15}}.skeleton{background:#ffffff0f;border-radius:var(--radius-sm);animation:pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blob{animation:none!important;opacity:.08}.page-enter,.page-exit{animation:none!important}}.bo-environment{position:relative;min-height:100vh;overflow:hidden;background:var(--bg-base);isolation:isolate}#root{min-height:100vh}.bo-layout,.bo-shell{min-height:100vh;position:relative;z-index:var(--z-base)}.bo-main{margin-left:var(--sidebar-width);padding:var(--space-8);overflow-y:auto;overflow-x:hidden;min-height:100vh;position:relative;z-index:var(--z-base);transition:margin-left var(--duration-slow) var(--ease-spring)}.bo-shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);position:sticky;top:var(--space-4);z-index:var(--z-raised)}.bo-shell-header-spacer{flex:1}.bo-shell-header-actions{display:flex;justify-content:flex-end;flex-shrink:0}.bo-account-menu-root{position:relative}.bo-account-trigger{display:inline-flex;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.bo-account-trigger.is-open{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md),0 0 0 2px var(--accent-muted)}.bo-account-trigger-avatar,.bo-account-dropdown-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-muted) 0%,rgba(6,182,212,.22) 100%);color:var(--accent-hover);border:1px solid rgba(45,212,191,.2);flex-shrink:0}.bo-account-trigger-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.bo-account-trigger-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.1}.bo-account-trigger-role{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.1}.bo-account-trigger-chevron{color:var(--text-secondary);transition:transform var(--duration-normal) var(--ease-spring)}.bo-account-trigger-chevron.is-open{transform:rotate(180deg)}.bo-account-dropdown{position:absolute;top:calc(100% + var(--space-3));right:0;width:min(320px,calc(100vw - var(--space-8)));padding:var(--space-4);border-radius:var(--radius-xl);z-index:var(--z-overlay);animation:page-enter var(--duration-normal) var(--ease-spring) both}.bo-account-dropdown-header{display:flex;align-items:center;gap:var(--space-3)}.bo-account-dropdown-meta{display:flex;flex-direction:column;min-width:0}.bo-account-dropdown-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.bo-account-dropdown-email{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.bo-account-dropdown-role{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.bo-account-dropdown-role-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.bo-account-dropdown-role-value{display:inline-flex;align-items:center;padding:6px 10px;border-radius:var(--radius-full);background:var(--accent-muted);border:1px solid rgba(45,212,191,.22);color:var(--accent-hover);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.bo-account-dropdown-divider{height:1px;margin:var(--space-4) 0;background:var(--border-subtle)}.bo-account-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring),color var(--duration-fast) var(--ease-spring)}.bo-account-dropdown-item:hover{background:#ffffff0d;border-color:var(--glass-border)}.bo-account-dropdown-item.is-danger{color:#fda4af}.bo-account-dropdown-item.is-danger:hover{background:#ef44441a;border-color:#ef44442e}.bo-account-dropdown-item.is-disabled{opacity:.56;cursor:not-allowed}.bo-account-dropdown-item.is-disabled:hover{background:transparent;border-color:transparent}.bo-account-dropdown-soon{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.bo-shell.sidebar-collapsed .bo-main{margin-left:var(--sidebar-collapsed)}.bo-main>*{animation:page-enter var(--duration-slow) var(--ease-spring) both}.bo-loading{min-height:100vh;display:grid;place-items:center;position:relative;z-index:var(--z-raised)}.bo-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.bo-page-header h1{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.015em}.page-content{width:min(100%,1440px);margin:0 auto}.page-title{margin-bottom:var(--space-6)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.search-bar{position:relative;display:flex;align-items:center;width:min(100%,520px);margin-bottom:var(--space-5)}.search-bar .form-input{width:100%;padding-right:calc(var(--space-6) + var(--space-3))}.search-spinner{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.pagination-info{flex:1;text-align:center}.detail-placeholder{padding:var(--space-8);border-radius:var(--radius-xl);min-height:240px;display:flex;flex-direction:column;justify-content:center}.back-link{display:inline-flex;align-items:center;gap:var(--space-2)}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-8);position:relative;z-index:var(--z-raised)}.login-card{width:min(100%,440px);padding:var(--space-8)}.login-header{margin-bottom:var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.login-submit{width:100%;margin-top:var(--space-2)}.login-error{padding:var(--space-3) var(--space-4);border:1px solid rgba(239,68,68,.22);border-radius:var(--radius-md);background:#ef444414;color:#fca5a5}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.w-full{width:100%}.max-w-sm{max-width:384px}.max-w-md{max-width:512px}.max-w-lg{max-width:640px}.max-w-xl{max-width:768px}.max-w-2xl{max-width:1024px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:1024px){.bo-main{margin-left:var(--sidebar-collapsed, 64px);padding:var(--space-6)}.sidebar{width:var(--sidebar-collapsed, 64px);padding:var(--space-4) var(--space-2)}.sidebar .sidebar-nav-label,.sidebar .sidebar-brand-text{opacity:0;width:0;overflow:hidden}.bo-account-trigger-copy{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{display:none}.bo-main{margin-left:0;padding:var(--space-4)}.bo-shell-header{top:0}.bo-account-trigger{min-width:52px;justify-content:center}.bo-account-trigger-copy,.bo-account-trigger-chevron{display:none}.bo-account-dropdown{width:min(300px,calc(100vw - var(--space-4) * 2))}.metric-grid{grid-template-columns:1fr}.pagination{flex-direction:column}.grid-3,.grid-2{grid-template-columns:1fr}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width, 240px);display:flex;flex-direction:column;background:#ffffff05;border-right:1px solid rgba(255,255,255,.06);backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);z-index:200;padding:var(--space-4, 16px) var(--space-3, 12px);overflow-y:auto;overflow-x:hidden;transition:width var(--duration-spring, .5s) var(--ease-spring, cubic-bezier(.34, 1.2, .64, 1))}.sidebar.sidebar-collapsed{width:var(--sidebar-collapsed, 64px);padding:var(--space-4, 16px) var(--space-2, 8px)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-3, 12px);margin-bottom:var(--space-6, 24px);white-space:nowrap;overflow:hidden}.sidebar-brand-mark{font-size:var(--text-xl, 20px);color:var(--accent);flex-shrink:0}.sidebar-brand-text{font-size:var(--text-lg, 16px);font-weight:var(--weight-bold, 700);letter-spacing:-.02em;color:var(--text-primary, rgba(255, 255, 255, .95));transition:opacity var(--duration-normal, .3s) var(--ease-spring)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1, 4px);flex:1;position:relative}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-md, 10px);color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:var(--text-sm, 13px);font-weight:var(--weight-medium, 500);text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;transition:color var(--duration-normal, .3s) var(--ease-spring),background var(--duration-normal, .3s) var(--ease-spring);z-index:1}.sidebar-nav-item:hover{color:var(--text-primary, rgba(255, 255, 255, .95));background:#ffffff0a}.sidebar-nav-item.active{color:var(--text-primary, rgba(255, 255, 255, .95))}.sidebar-nav-label{opacity:1;transition:opacity var(--duration-normal, .3s) var(--ease-spring)}.sidebar-collapsed .sidebar-nav-label{opacity:0;width:0;overflow:hidden}.sidebar-pill{position:absolute;left:0;width:100%;border-radius:var(--radius-md, 10px);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);z-index:0;pointer-events:none}.sidebar-pill:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:0 6px 6px 0;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.sidebar-divider{height:1px;margin:var(--space-3, 12px) var(--space-3, 12px);background:#ffffff0f}.sidebar-footer{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding-top:var(--space-3, 12px);margin-top:auto;align-items:center}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md, 10px);border:none;background:transparent;color:var(--text-tertiary, rgba(255, 255, 255, .35));cursor:pointer;transition:color var(--duration-fast, .15s) var(--ease-smooth),background var(--duration-fast, .15s) var(--ease-smooth)}.sidebar-action-btn:hover{color:var(--text-primary, rgba(255, 255, 255, .95));background:#ffffff0a}.glass-table-container,.glass-table-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-table{width:100%;table-layout:auto;font-size:var(--text-sm)}.glass-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}.glass-table tbody td{padding:var(--space-3) var(--space-4);color:var(--text-primary);vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.03)}.glass-table tbody tr:last-child td{border-bottom:none}.glass-table-header{position:sticky;top:0;z-index:2;background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.glass-table-header th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none}.glass-table-header th[data-sortable=true]{cursor:pointer;transition:color var(--duration-fast) var(--ease-spring)}.glass-table-header th[data-sortable=true]:hover{color:var(--text-secondary)}.glass-table-header th[data-sorted=true]{color:var(--accent)}.glass-table-header th .sort-icon{display:inline-flex;margin-left:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-spring)}.glass-table-header th:hover .sort-icon,.glass-table-header th[data-sorted=true] .sort-icon{opacity:1}.glass-table-row{border-bottom:1px solid rgba(255,255,255,.03);transition:background var(--duration-fast) var(--ease-spring)}.glass-table-row:last-child{border-bottom:none}.glass-table-row:hover{background:#ffffff06}.clickable-row{cursor:pointer;transition:background var(--duration-fast) var(--ease-spring)}.clickable-row:hover td{background:#ffffff06}.glass-table-row[data-selected=true]{background:var(--accent-muted)}.glass-table-row[data-clickable=true]{cursor:pointer}.glass-table-cell{padding:var(--space-3) var(--space-4);color:var(--text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-table[data-dense=true] .glass-table-header th,.glass-table[data-dense=true] .glass-table-cell{padding:var(--space-2) var(--space-3)}.glass-table-cell[data-mono=true]{font-family:var(--font-mono);font-size:var(--text-xs);font-feature-settings:"tnum" on,"zero" on;color:var(--text-secondary)}.glass-table-cell[data-align=right],.glass-table-header th[data-align=right]{text-align:right}.glass-table-cell[data-align=center],.glass-table-header th[data-align=center]{text-align:center}.table-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium)}.table-status[data-status=active]{background:var(--success-muted);color:var(--success)}.table-status[data-status=inactive],.table-status[data-status=suspended]{background:var(--error-muted);color:var(--error)}.table-status[data-status=pending]{background:var(--warning-muted);color:var(--warning)}.table-status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.glass-table-empty{padding:var(--space-12) var(--space-8);text-align:center;color:var(--text-tertiary)}.glass-table-empty-icon{margin-bottom:var(--space-4);opacity:.3}.glass-table-empty-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state{padding:var(--space-12) var(--space-8)!important;text-align:center;color:var(--text-tertiary)!important}.cell-name{font-weight:var(--weight-medium)}.cell-email{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton-row td{padding:var(--space-3) var(--space-4)}.skeleton-text{width:72%;height:12px}.skeleton-text-sm{width:54%;height:10px}.skeleton-badge{width:72px;height:22px;border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;text-transform:capitalize;white-space:nowrap}.badge-plan-free{background:#ffffff14;color:var(--text-secondary)}.badge-plan-pro,.badge-plan-premium,.badge-plan-plus{background:var(--accent-muted);color:var(--accent-hover)}.badge-status-active,.badge-status-low{background:var(--success-muted);color:var(--success)}.badge-status-trial,.badge-status-medium,.badge-status-past_due{background:var(--warning-muted);color:var(--warning)}.badge-status-canceled,.badge-status-cancelled,.badge-status-high,.badge-status-suspended,.badge-status-inactive{background:var(--error-muted);color:var(--error)}.glass-table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary)}.glass-table-footer-info{font-variant-numeric:tabular-nums}.glass-table-footer-actions{display:flex;align-items:center;gap:var(--space-2)}.glass-table-scroll{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 240px)}.btn,.btn-primary,.btn-danger,.btn-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring),transform var(--duration-fast) var(--ease-spring),opacity var(--duration-normal) var(--ease-spring);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn:hover,.btn-primary:hover,.btn-danger:hover,.btn-ghost:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn:active,.btn-primary:active,.btn-danger:active,.btn-ghost:active{transform:scale(.96)}.btn:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible,.btn-ghost:focus-visible{outline:none;border-color:var(--glass-border-focus);box-shadow:0 0 0 3px var(--accent-muted)}.btn:disabled,.btn-primary:disabled,.btn-danger:disabled,.btn-ghost:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.btn:before,.btn-primary:before,.btn-danger:before,.btn-ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.btn-icon.btn-sm{width:28px;height:28px;padding:var(--space-1)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border-color:#2dd4bf59;color:#fff;box-shadow:var(--shadow-sm),0 0 18px var(--accent-glow);backdrop-filter:none;-webkit-backdrop-filter:none}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#22d3ee 100%);border-color:#5eead480;box-shadow:var(--shadow-md),0 0 26px var(--accent-glow)}.btn-primary:active{transform:scale(.96);box-shadow:var(--shadow-sm),0 0 12px var(--accent-glow)}.btn-primary:focus-visible{border-color:#5eead4a6;box-shadow:0 0 0 3px var(--accent-muted),0 0 16px var(--accent-glow)}.btn-primary:before{background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 52%)}.btn-danger{background:var(--error-muted);border-color:#ef444433;color:var(--error);backdrop-filter:none;-webkit-backdrop-filter:none}.btn-danger:hover{background:#ef44442e;border-color:#ef44444d;box-shadow:var(--shadow-sm),0 0 16px #ef444426}.btn-danger:active{transform:scale(.96)}.btn-danger:focus-visible{border-color:#ef444466;box-shadow:0 0 0 3px #ef44441f}.btn-danger:before{background:linear-gradient(135deg,rgba(239,68,68,.06) 0%,transparent 50%)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.btn-ghost:hover{background:#ffffff0d;border-color:transparent;color:var(--text-primary)}.btn-ghost:active{transform:scale(.96);background:#ffffff12}.btn-ghost:focus-visible{border-color:var(--glass-border-focus);box-shadow:0 0 0 3px var(--accent-muted)}.btn-ghost:before{display:none}.btn-group{display:inline-flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn+.btn{border-left:none}.btn[data-loading=true]{pointer-events:none;color:transparent}.btn[data-loading=true]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite;color:var(--text-primary)}.btn-primary[data-loading=true]:after{color:#fff}.input,.form-input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);transition:border-color var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring),background var(--duration-normal) var(--ease-spring)}.input::placeholder,.form-input::placeholder{color:var(--text-tertiary)}.input:hover,.form-input:hover{border-color:var(--border-default)}.input:focus,.form-input:focus{border-color:var(--glass-border-focus);box-shadow:var(--shadow-inset),0 0 0 3px var(--accent-muted);outline:none}.input:disabled,.form-input:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.input-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-lg)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{width:100%}.input-group[data-icon-left=true] .input{padding-left:calc(var(--space-3) + 20px + var(--space-2))}.input-group-icon-left{position:absolute;left:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--duration-normal) var(--ease-spring)}.input-group:focus-within .input-group-icon-left{color:var(--text-secondary)}.input-group[data-icon-right=true] .input{padding-right:calc(var(--space-3) + 20px + var(--space-2))}.input-group-icon-right{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);z-index:1}.search-input{position:relative;display:flex;align-items:center;max-width:320px}input.search-input{display:block;max-width:none}.search-input .input{padding-left:calc(var(--space-3) + 18px + var(--space-2));padding-right:var(--space-3);background:#ffffff08;border-color:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-input .input:focus{background:var(--bg-inset);border-color:var(--glass-border-focus);box-shadow:var(--shadow-inset),0 0 0 3px var(--accent-muted)}.search-input-icon{position:absolute;left:var(--space-3);display:flex;align-items:center;color:var(--text-tertiary);pointer-events:none;transition:color var(--duration-normal) var(--ease-spring)}.search-input:focus-within .search-input-icon{color:var(--accent)}.search-input-clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-spring)}.search-input-clear:hover{color:var(--text-secondary);background:#ffffff0f}textarea.input{min-height:80px;resize:vertical;line-height:var(--leading-relaxed)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:calc(var(--space-3) + 16px + var(--space-2));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.32)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;cursor:pointer}.input-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.input-helper{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.input-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--error)}.input[data-error=true]{border-color:#ef444466;box-shadow:var(--shadow-inset),0 0 0 3px #ef444414}.metric-card{position:relative;display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 12% 0%,rgba(20,184,166,.12) 0%,transparent 38%),linear-gradient(180deg,#ffffff0d,#ffffff06);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 18px 48px #00000057;overflow:hidden;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-spring),background var(--duration-normal) var(--ease-spring);min-height:176px}.metric-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:#ffffffad;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);position:relative;z-index:2}.metric-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none;z-index:1}.metric-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-glare);pointer-events:none;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);z-index:1}.metric-card:hover{transform:translateY(-2px);box-shadow:0 24px 56px #0000006b,0 0 24px #14b8a614;border-color:#ffffff1f;background:radial-gradient(120% 140% at 12% 0%,rgba(20,184,166,.16) 0%,transparent 42%),linear-gradient(180deg,#ffffff0f,#ffffff08)}.metric-card:hover:after{opacity:1}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);position:relative;z-index:2}.metric-card-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.metric-card-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-muted);color:var(--accent);display:flex;align-items:center;justify-content:center}.metric-card-value{font-size:clamp(2rem,2.3vw,2.5rem);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;position:relative;z-index:2;margin-bottom:var(--space-3);text-shadow:0 1px 0 rgba(255,255,255,.04)}.metric-card-delta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;position:relative;z-index:2}.metric-card-delta[data-trend=up]{color:var(--delta-positive)}.metric-card-delta[data-trend=down]{color:var(--delta-negative)}.metric-card-delta[data-trend=flat]{color:var(--delta-neutral)}.metric-card-delta-icon{width:14px;height:14px}.metric-card-delta-label{color:var(--text-tertiary);margin-left:var(--space-1)}.metric-card-sparkline{position:absolute;bottom:0;left:0;right:0;height:48px;z-index:0;opacity:.3;pointer-events:none}.metric-card-sparkline svg{width:100%;height:100%}.metric-card-sparkline-fill{fill:var(--accent-muted)}.metric-card-sparkline-line{fill:none;stroke:var(--accent);stroke-width:1.5}.metric-card[data-variant=success] .metric-card-icon{background:var(--success-muted);color:var(--success)}.metric-card[data-variant=success] .metric-card-sparkline-fill{fill:var(--success-muted)}.metric-card[data-variant=success] .metric-card-sparkline-line{stroke:var(--success)}.metric-card[data-variant=warning] .metric-card-icon{background:var(--warning-muted);color:var(--warning)}.metric-card[data-variant=warning] .metric-card-sparkline-fill{fill:var(--warning-muted)}.metric-card[data-variant=warning] .metric-card-sparkline-line{stroke:var(--warning)}.metric-card[data-variant=error] .metric-card-icon{background:var(--error-muted);color:var(--error)}.metric-card[data-variant=error] .metric-card-sparkline-fill{fill:var(--error-muted)}.metric-card[data-variant=error] .metric-card-sparkline-line{stroke:var(--error)}.metric-card[data-clickable=true]{cursor:pointer}.metric-card[data-clickable=true]:active{transform:translateY(0) scale(.98)}.metric-card[data-loading=true] .metric-card-value,.metric-card[data-loading=true] .metric-card-delta{background:#ffffff0f;color:transparent;border-radius:var(--radius-sm);animation:pulse 2s ease-in-out infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay[data-state=entering],.modal-overlay[data-state=open]{animation:fade-in var(--duration-normal) var(--ease-out) both}.modal-overlay[data-state=exiting]{animation:fade-out var(--duration-fast) var(--ease-in-out) both}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.modal{position:relative;width:100%;max-width:520px;max-height:calc(100vh - var(--space-16));overflow-y:auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));box-shadow:var(--shadow-xl);outline:none}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none;z-index:1}.modal[data-state=entering],.modal[data-state=open]{animation:modal-enter var(--duration-slow) var(--ease-spring) both}.modal[data-state=exiting]{animation:modal-exit var(--duration-normal) var(--ease-in-out) both}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(8px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes modal-exit{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}to{opacity:0;transform:scale(.97) translateY(4px);filter:blur(2px)}}.modal-sm{max-width:400px}.modal-lg{max-width:680px}.modal-xl{max-width:900px}.modal-full{max-width:calc(100vw - var(--space-16));max-height:calc(100vh - var(--space-16))}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);position:relative;z-index:2}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-spring),color var(--duration-fast) var(--ease-spring)}.modal-close:hover{background:#ffffff0f;color:var(--text-primary)}.modal-body{padding:var(--space-6);position:relative;z-index:2}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);position:relative;z-index:2}.modal-confirm-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--error-muted);color:var(--error)}.modal-confirm-title{text-align:center;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.modal-confirm-description{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.modal-confirm-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--space-3);pointer-events:none;max-width:420px}.toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));box-shadow:var(--shadow-lg);pointer-events:auto;overflow:hidden;min-width:300px}.toast:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none;z-index:1}.toast:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);z-index:2}.toast-enter{animation:toast-enter var(--duration-slow) var(--ease-spring) both}@keyframes toast-enter{0%{opacity:0;transform:translate(24px) scale(.92);filter:blur(8px)}40%{filter:blur(2px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.toast-exit{animation:toast-exit var(--duration-normal) var(--ease-in-out) both}@keyframes toast-exit{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate(16px) scale(.95);filter:blur(4px)}}.toast[data-type=success]:after{background:var(--success);box-shadow:0 0 8px #22c55e4d}.toast[data-type=success] .toast-icon{color:var(--success)}.toast[data-type=error]:after{background:var(--error);box-shadow:0 0 8px #ef44444d}.toast[data-type=error] .toast-icon{color:var(--error)}.toast[data-type=warning]:after{background:var(--warning);box-shadow:0 0 8px #eab3084d}.toast[data-type=warning] .toast-icon{color:var(--warning)}.toast[data-type=info]:after{background:var(--info);box-shadow:0 0 8px #3b82f64d}.toast[data-type=info] .toast-icon{color:var(--info)}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px;position:relative;z-index:2}.toast-content{flex:1;min-width:0;position:relative;z-index:2}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.toast-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-spring);position:relative;z-index:2}.toast-close:hover{color:var(--text-secondary);background:#ffffff0f}.toast-progress{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:3;animation:toast-progress-shrink linear both}.toast[data-type=success] .toast-progress{background:var(--success)}.toast[data-type=error] .toast-progress{background:var(--error)}.toast[data-type=warning] .toast-progress{background:var(--warning)}.toast[data-type=info] .toast-progress{background:var(--info)}@keyframes toast-progress-shrink{0%{width:100%}to{width:0%}}@media(max-width:480px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:none}.toast{min-width:auto}}