:root{--color-bg-base:#0b0f19;--color-bg-alt:#0f1422;--color-surface:#111827;--color-surface-alt:#1f2937;--color-border:#374151;--color-fg:#f9fafb;--color-muted:#d1d5db;--fg:var(--color-fg);--color-overlay-dark:rgb(0 0 0/35%);--color-overlay-translucent:rgb(255 255 255/16%);--color-brand-primary:#7c3aed;--color-brand-alt:#6366f1;--color-brand-primary-fg:#ddd6fe;--color-brand-alt-fg:#c7d2fe;--color-brand-primary-contrast:#fff;--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-active:#15803d;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-active:#b91c1c;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-active:#b45309;--color-success-fg:#b4f5b8;--color-danger-fg:#ffc2c7;--color-info-fg:#b9d8ff;--color-info:#1d4ed8;--color-focus-ring:#6366f1;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-style:solid;--gradient-brand-primary:linear-gradient(135deg,#6366f1,#7c3aed);--gradient-brand-primary-active:linear-gradient(135deg,#5b21b6,#7c3aed);--gradient-brand-hero:linear-gradient(145deg,#8b5cf6,#22d3ee);--gradient-brand-rainbow:linear-gradient(120deg,#6366f1,#8b5cf6 50%,#22d3ee);--gradient-bg-dark:linear-gradient(135deg,#040711,#0c1423 45%,#050813 95%);--gradient-orb-purple:linear-gradient(135deg,#a855f7,#38bdf8);--gradient-orb-pink:linear-gradient(135deg,#f980ff,#38bdf8);--skeleton-gradient:linear-gradient(90deg,rgb(255 255 255/10%) 25%,rgb(255 255 255/20%) 50%,rgb(255 255 255/10%) 75%);--chart-tooltip-bg:rgb(0 0 0/80%);--chart-tooltip-border:rgb(255 255 255/10%);--shadow-elevation-1:0 4px 10px rgb(0 0 0/40%)}:root[data-color-mode=light],html[data-color-mode=light]{--color-bg-alt:#f8fafc;--color-muted:#64748b;--color-brand-primary-hover:#5b21b6;--color-brand-primary-active:#4c1d95;--color-brand-primary-fg:#7c3aed;--color-brand-primary-contrast:#fff;--color-brand-alt:#4f46e5;--color-brand-alt-fg:#3730a3;--color-info-fg:#1e3a8a;--color-overlay-dark:rgb(0 0 0/10%);--color-overlay-translucent:rgb(0 0 0/5%);--color-overlay-light:rgb(0 0 0/8%);--color-success-fg:#166534;--color-danger-fg:#991b1b;--color-border:#e2e8f0;--topnav-bg:rgb(255 255 255/85%)}:root[data-color-mode=dark],html[data-color-mode=dark]{--gradient-brand-primary:linear-gradient(135deg,#4f46e5,#6d28d9);--gradient-brand-primary-active:linear-gradient(135deg,#4338ca,#5b21b6)}:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-sm-md:0.75rem;--spacing-md:1rem;--spacing-md-lg:1.25rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:6rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--radius-sm:0.25rem;--radius-full:999px;--button-height-sm:2rem;--button-height-md:2.5rem;--button-height-lg:3rem;--button-padding-sm:0.75rem 1rem;--button-padding-md:0.875rem 1.5rem;--button-padding-lg:1rem 2rem;--input-height-sm:2rem;--input-height-md:2.5rem;--input-height-lg:3rem;--input-padding-sm:0.5rem 0.75rem;--input-padding-md:0.75rem 1rem;--input-padding-lg:1rem 1.5rem;--card-padding-sm:1rem;--card-padding-md:1.5rem;--card-padding-lg:2rem;--card-radius-sm:0.5rem;--card-radius-md:0.75rem;--card-radius-lg:1rem;--card-radius-xl:1.5rem;--shadow-none:none;--z-behind:-1;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-overlay:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-toast:80;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--layout-compact:37.5rem;--layout-narrow:56.25rem;--layout-standard:75rem;--layout-wide:87.5rem;--layout-full:100%;--duration-fast:150ms;--duration-base:250ms;--duration-slow:350ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:40px;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px)}.p-xs{padding:var(--spacing-xs)!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.m-xs{margin:var(--spacing-xs)!important}.m-sm{margin:var(--spacing-sm)!important}.m-md{margin:var(--spacing-md)!important}.m-lg{margin:var(--spacing-lg)!important}.m-xl{margin:var(--spacing-xl)!important}.gap-xs{gap:var(--spacing-xs)!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-lg{gap:var(--spacing-lg)!important}.gap-xl{gap:var(--spacing-xl)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.text-xs{font-size:var(--text-xs)!important}.text-sm{font-size:var(--text-sm)!important}.text-base{font-size:var(--text-base)!important}.text-lg{font-size:var(--text-lg)!important}.text-xl{font-size:var(--text-xl)!important}.font-normal{font-weight:var(--font-normal)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}html{overflow-y:auto}body{overflow-y:visible}.btn:focus-visible,.nav-link:focus-visible,.sidebar-item:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.MuiButtonBase-root.Mui-focusVisible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}[data-color-mode=light] .nav-link--active{color:var(--color-brand-primary-contrast)!important}.topnav .nav .nav-link--active{color:var(--color-brand-primary-contrast)}.sidebar-section{display:grid;grid-gap:6px;gap:6px}.sidebar-section-label--hidden{display:none}.sidebar-section-items{display:grid;grid-gap:4px;gap:4px}.sidebar-bottom{margin-top:auto;padding-top:12px}.footer{font-size:12px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--color-neutral-900);border-top:1px solid var(--color-border)}.skip-link{position:absolute;top:-999px;left:-999px;padding:8px 12px;background:var(--color-brand-primary);color:var(--color-brand-primary-fg,#ffffff);z-index:10000;border-radius:6px}.skip-link:focus{top:12px;left:12px;width:auto;height:auto;outline:2px solid var(--color-brand-alt,#818cf8);outline-offset:2px}:root{--radius:10px;--card-gap:1rem;--topnav-bg:linear-gradient(180deg,var(--topnav-bg-start),var(--topnav-bg-end))}:root[data-color-mode=light],html[data-color-mode=light]{--color-bg-base:#fff;--color-bg-alt:#f7fafc;--color-surface:#fff;--color-surface-alt:#f1f5f9;--color-fg:#0f172a;--color-muted:#475569;--color-brand-primary:#6d28d9;--color-brand-primary-contrast:var(--color-brand-primary-fg);--color-brand-primary-fg:#4b1a91;--color-brand-alt-fg:#24356f;--color-info-fg:#133f7a;--color-border:#e5e7eb;--topnav-bg:color-mix(in srgb,var(--color-surface) 80%,transparent)}[data-area=admin]{--color-brand-primary:#e11d48;--color-brand-primary-fg:#fee2e2;--topnav-bg:rgb(255 240 244/85%)}.app-shell{display:grid;grid-template-rows:56px 1fr 40px;min-height:100vh;background:var(--color-bg-base)}.shell-grid{display:grid;grid-template-columns:220px 1fr;transition:grid-template-columns .25s ease}.shell-grid--collapsed{grid-template-columns:60px 1fr}.shell-grid--mobile{grid-template-columns:1fr}.topnav{justify-content:space-between;padding:0 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--topnav-bg);border-bottom:1px solid var(--color-border)}.topnav,.topnav-left{display:flex;align-items:center}.topnav-left{gap:12px}.topnav-right{display:flex;align-items:center;gap:14px}.topnav-search{width:12.5rem}.mr-8{margin-right:8px}.sidebar-drawer{width:260px;background-color:var(--color-surface);color:inherit}.brand-link{font-weight:800;font-size:18px;text-decoration:none;color:var(--fg);gap:10px}.brand-link,.nav{display:flex;align-items:center}.nav{gap:14px;font-size:14px}.nav-link{text-decoration:none;padding:6px 10px;border-radius:6px;color:var(--fg)}.nav-link--active{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-primary));color:var(--color-brand-primary-contrast);font-weight:600}.btn-basic,.icon-btn{width:36px;height:2rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--fg);cursor:pointer;display:grid;place-items:center}.topnav-toggle{display:none}.main-content{padding:24px;background:linear-gradient(180deg,var(--color-bg-base),var(--color-bg-alt))}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);padding:16px 10px;display:flex;flex-direction:column;gap:16px;min-height:0}.sidebar-section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.5;padding:0 4px}.sidebar-item{display:block;padding:8px 10px;border-radius:6px;color:var(--fg);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.sidebar-item--active{background:var(--color-surface-alt)}:root[data-color-mode=light] .sidebar,html[data-color-mode=light] .sidebar{background:var(--color-surface)}:root[data-color-mode=light] .sidebar-item,html[data-color-mode=light] .sidebar-item{color:var(--color-slate-900)}:root[data-color-mode=light] .sidebar-item--active,html[data-color-mode=light] .sidebar-item--active{background:var(--color-slate-100)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.breadcrumbs{font-size:12px;opacity:.8}.breadcrumbs a{color:var(--color-muted);text-decoration:none}.breadcrumbs-list{display:flex;gap:8px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs-item{display:flex;align-items:center;gap:6px}.breadcrumbs-sep{opacity:.5}.page-title{margin:6px 0 0;font-size:20px;font-weight:700}.page-subtitle{margin:4px 0 0;font-size:13px;color:var(--color-muted)}.banner-warning{background:var(--color-warning-dark,#4d2f00);border:1px solid #8a5b00;padding:8px 12px;border-radius:6px;margin-bottom:16px;font-size:13px;color:var(--color-warning-light,#ffcf70)}.env-badge{padding:3px 8px;border-radius:8px;font-size:11px;font-weight:700}.env-badge--staging{background:var(--color-brand-alt);color:var(--color-brand-primary-fg)}.env-badge--preview{background:var(--color-neutral-700);color:var(--color-brand-primary-fg)}.userbox{font-size:13px;display:flex;align-items:center;gap:8px}.userbox-email{opacity:.7}.userbox-btn{width:32px;height:32px;border-radius:50%;border:1px solid #444;background:var(--color-neutral-900);color:var(--fg);cursor:pointer}.u-hidden{display:none}.icon-toggle{width:36px;height:32px;border-radius:8px;border:1px solid #333;background:var(--color-neutral-900);color:var(--fg);cursor:pointer;display:grid;place-items:center}.crumb-current{color:var(--fg)}.error-body{font-family:ui-sans-serif,system-ui;padding:40px;background:var(--color-neutral-900);color:var(--color-neutral-50)}.error-heading{margin-top:0}.error-text{opacity:.7}.error-ref{font-size:12px;opacity:.5}.btn-primary{padding:10px 18px;background:var(--color-brand-alt);color:var(--color-brand-alt-fg);border:none;border-radius:6px;cursor:pointer}.muted{opacity:.6}.grid{display:grid}.grid-gap-12{gap:12px}.grid-gap-16{gap:16px}.grid-gap-24{gap:24px}.gap-10{gap:10px}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.items-center{align-items:center}.rounded-6{border-radius:6px}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.p-16{padding:16px}.p-24{padding:24px}.m-0{margin:0}.mb-4{margin-bottom:4px}.mb-16{margin-bottom:16px}.leading-150{line-height:1.5}.mt-24{margin-top:24px}.p-32{padding:32px}.p-40{padding:40px}.p-48{padding:48px}.w-100{width:100%}.row-divide{border-top:1px solid var(--color-border)}.btn--sm{padding:6px 12px}.badge{background:var(--color-surface);border:1px solid #2e3847;border-radius:8px;padding:12px 16px;min-width:200px}.h-screen{min-height:100vh}.text-center{text-align:center}.text-12{font-size:12px}.text-13{font-size:13px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-44{font-size:44px}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-400{font-weight:400}.font-system{font-family:system-ui,sans-serif}.lh-1{line-height:1}.no-underline{text-decoration:none}.underline{text-decoration:underline}.inherit{color:inherit}.text-danger{color:var(--color-danger)}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.bg-surface{background:var(--color-surface)}.bg-neutral-900{background:var(--color-neutral-900)}.bg-overlay{background:var(--color-overlay-translucent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color,var(--color-foreground))}.codebox{padding:8px 10px;border:1px solid #222;font-size:12px;border-radius:6px;letter-spacing:1px}.codebox,.inp{background:var(--color-neutral-900)}.inp{padding:6px 8px;border:1px solid #1f2937;color:var(--color-neutral-50);border-radius:4px}.btn{padding:6px 14px;background:var(--color-info);border:1px solid var(--color-blue-800);color:var(--color-info-fg);border-radius:4px;cursor:pointer}.btn--muted{background:var(--color-neutral-900)}.btn--danger,.btn--muted{border:1px solid #444;color:var(--color-neutral-50)}.btn--danger{background:var(--color-danger-dark,#802d2d)}.logbox{font-family:ui-monospace,monospace;font-size:12px;background:var(--color-neutral-900);border:1px solid #222;padding:12px;border-radius:6px;max-height:520px;overflow:auto;line-height:1.4}.webvitals{position:fixed;bottom:8px;right:8px;background:var(--color-overlay);color:var(--color-text-invert);padding:8px;font-size:12px;z-index:9999;border-radius:4px}.list-unstyled{list-style:none;margin:0;padding:0}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.grid-login-2col{grid-template-columns:minmax(320px,1fr) 480px}.grid-auto-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-260{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.min-h-60vh{min-height:60vh}.text-56{font-size:56px}.ml-auto{margin-left:auto}.ml-12{margin-left:12px}.svg-block{display:block}.mt-6{margin-top:6px}.align-text-bottom{vertical-align:text-bottom}.card-grid{display:grid;grid-gap:var(--card-gap);gap:var(--card-gap);align-items:stretch}.token-vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);text-align:left}.token-cell{position:relative;padding:.25rem;border-radius:.25rem}.token-cell[data-bg]{background:attr(data-bg color,var(--color-surface))}.token-cell__ratio{font-size:.625rem;line-height:1.2}.token-cell__badge{position:absolute;bottom:.125rem;right:.25rem;padding:0 .1875rem;border-radius:.1875rem;font-size:.5625rem}.token-cell__badge[data-bg]{background:attr(data-bg color,var(--color-success))}@media (prefers-color-scheme:light){:root:not([data-color-mode]),html:not([data-color-mode]){--color-bg-base:#ffffff;--color-bg-alt:#f3f5f7;--color-surface:#ffffff;--color-surface-alt:#f1f3f5;--color-fg:#0b0b0c;--color-muted:#52525b;--color-brand-primary:#6d28d9;--color-brand-primary-contrast:#ffffff;--color-brand-primary-fg:#4b1a91;--color-brand-alt-fg:#24356f;--color-info-fg:#133f7a;--color-border:#e5e7eb}}@media (max-width:1023px){.topnav-toggle{display:inline-flex}.topnav-left{gap:8px}.grid-login-2col{grid-template-columns:1fr}}[data-next-root],body,html{height:100%}body{margin:0;background:var(--color-bg-base);color:var(--color-fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.surface{background:var(--color-surface)}.surface,.surface-alt{border:1px solid var(--color-border);border-radius:var(--radius)}.surface-alt{background:var(--color-surface-alt)}.btn,button{border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--fg)}.login-hero{background:linear-gradient(135deg,var(--color-brand-alt),var(--color-brand-primary));color:var(--color-brand-primary-fg,#ddd6fe);padding:72px clamp(40px,6vw,96px)}.login-hero-inner{max-width:520px}.login-hero-title{line-height:1.05;text-shadow:0 1px 2px rgba(15,23,42,.25)}.login-hero-sub,.login-hero-title{margin:0;color:var(--color-brand-primary-fg,#ddd6fe)}.plr-32{padding-left:32px;padding-right:32px}.feature-card{padding:16px 18px;color:var(--color-brand-primary-fg,#ddd6fe);display:grid;grid-gap:6px;gap:6px}.feature-desc{line-height:1.5;opacity:.95}.text-brand-link{color:var(--color-brand-alt-fg)}.theme-swatch{height:30px;border:1px solid var(--color-border);border-radius:6px;margin-top:6px}.grid-auto-220{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-cols-spread{grid-template-columns:2fr 2fr 1fr 1fr 1fr}.py-4{padding-top:4px;padding-bottom:4px}.mt-8{margin-top:8px}.justify-end{justify-content:flex-end}.opacity-80{opacity:.8}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.max-w-800{max-width:800px}.max-w-420{max-width:420px}.max-w-600{max-width:37.5rem}.max-w-900{max-width:64rem}.max-w-1200{max-width:75rem}.max-w-1400{max-width:87.5rem}.mx-auto{margin-left:auto;margin-right:auto}.h-160{height:160px}.w-160{width:160px}.h-600{height:600px}.border-222{border:1px solid var(--color-border)}.wrap{flex-wrap:wrap}.text-success{color:var(--color-success,#22c55e)}.opacity-65{opacity:.65}.opacity-75{opacity:.75}.btn-primary{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-primary));color:var(--color-brand-primary-fg);border:1px solid #3a3a44}.inp-otp{padding:10px 14px;background:var(--color-bg-base);color:var(--color-neutral-50);border:1px solid #2a3240;font-size:16px;letter-spacing:2px;width:140px;text-align:center}.inp-otp,.qr-img{border-radius:8px}.qr-img{width:160px;height:160px;border:1px solid #333;background:var(--color-neutral-900)}.ol-steps{margin:0;padding-left:20px;line-height:1.6;max-width:400px}.grid-auto-120{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.toast-stack{position:fixed;bottom:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px}.security-section{border:1px solid var(--color-border);background:var(--color-surface);padding:24px;border-radius:12px;gap:20px}.toast{background:#222;color:var(--color-fg,#f9fafb);padding:8px 12px;border-radius:6px;font-size:12px;min-width:200px;box-shadow:var(--shadow-elevation-1);cursor:pointer}.toast-label{text-transform:uppercase;margin-right:4px}.theme-toggle-root{position:fixed;bottom:24px;right:24px;z-index:1000}.theme-toggle-panel{position:absolute;bottom:70px;right:0;width:280px}.skeleton{background:var(--skeleton-gradient)}.skeleton-rect{border-radius:8px}.skeleton-text{border-radius:4px}.skeleton-circular{border-radius:50%}.sw-40{width:40px}.sh-40{height:40px}.sw-20{width:20px}.sh-20{height:20px}.sw-80{width:80px}.sh-80{height:80px}.chart-tooltip{background:var(--chart-tooltip-bg)!important;border:1px solid var(--chart-tooltip-border)!important;border-radius:8px!important;color:var(--color-neutral-50,#f9fafb)!important;padding:8px!important}.notify-toast-container{position:fixed;top:24px;right:24px;z-index:9999;min-width:90vw;max-width:480px}.notify-panel{position:absolute;top:60px;right:0;width:95vw;max-width:400px;max-height:80vh;z-index:1000}.login-hero+.flex .MuiSvgIcon-root{font-size:20px}.MuiInputAdornment-root .MuiSvgIcon-root{font-size:18px}.focus-ring,.focus-visible:focus,[data-focus-visible]:focus{outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/5%);--shadow-md:0 4px 6px -1px rgb(0 0 0/10%),0 2px 4px -2px rgb(0 0 0/10%);--shadow-lg:0 10px 15px -3px rgb(0 0 0/10%),0 4px 6px -4px rgb(0 0 0/10%);--shadow-xl:0 20px 25px -5px rgb(0 0 0/10%),0 8px 10px -6px rgb(0 0 0/10%);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/25%);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--glass-bg:rgb(255 255 255/10%);--glass-border:rgb(255 255 255/20%);--glass-blur:10px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}[data-color-mode=dark]{--glass-bg:rgb(0 0 0/30%);--glass-border:rgb(255 255 255/10%);--shadow-sm:0 1px 2px 0 rgb(0 0 0/30%);--shadow-md:0 4px 6px -1px rgb(0 0 0/40%),0 2px 4px -2px rgb(0 0 0/30%);--shadow-lg:0 10px 15px -3px rgb(0 0 0/50%),0 4px 6px -4px rgb(0 0 0/40%);--shadow-xl:0 20px 25px -5px rgb(0 0 0/60%),0 8px 10px -6px rgb(0 0 0/50%);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/70%)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-900) 0,var(--color-neutral-800) 50%,var(--color-neutral-900) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn var(--transition-slow) ease-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}