:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:oklch(97.5% .018 78);--brand-100:oklch(94.5% .04 76);--brand-200:oklch(88.5% .078 73);--brand-300:oklch(80.5% .11 70);--brand-400:oklch(72.5% .135 65);--brand-500:oklch(65% .142 58);--brand-600:oklch(56.5% .13 54);--brand-700:oklch(48% .11 52);--brand-800:oklch(40% .088 50);--brand-900:oklch(32% .066 48);--brand:var(--brand-600);--brand-hover:var(--brand-700);--brand-contrast:#fff;--brand-soft:var(--brand-50);--brand-soft-2:var(--brand-100);--brand-ring:color-mix(in oklch, var(--brand-500) 35%, transparent);--brand-gradient:linear-gradient(135deg, var(--brand-300) 0%, var(--brand-500) 45%, var(--brand-700) 100%);--brand-gradient-text:linear-gradient(100deg, var(--brand-700), var(--brand-500) 55%, var(--brand-300));--bg:oklch(99.2% .004 80);--bg-subtle:oklch(97.2% .006 80);--bg-inverse:oklch(14% .008 60);--surface:#fff;--surface-2:oklch(96.8% .006 80);--surface-3:oklch(94.5% .008 78);--surface-glass:oklch(100% 5.96046e-8 none/.72);--border:oklch(90.5% .008 80);--border-strong:oklch(83% .012 78);--text:oklch(21% .012 60);--text-2:oklch(45% .014 60);--text-3:oklch(60% .014 62);--text-inverse:oklch(96% .01 80);--success:oklch(62% .15 150);--success-soft:oklch(95% .04 150);--warning:oklch(75% .15 80);--warning-soft:oklch(96% .05 85);--danger:oklch(60% .2 25);--danger-soft:oklch(95% .035 25);--info:oklch(60% .14 250);--info-soft:oklch(95% .03 250);--glass-bg:oklch(100% 5.96046e-8 none/.62);--glass-bg-hover:oklch(100% 5.96046e-8 none/.82);--glass-border:color-mix(in oklch, var(--text) 10%, transparent);--glass-border-strong:color-mix(in oklch, var(--text) 22%, transparent);--glass-highlight:oklch(100% 5.96046e-8 none/.8);--chart-1:var(--brand-500);--chart-2:oklch(58% .12 250);--chart-3:oklch(65% .13 150);--chart-4:oklch(62% .16 330);--chart-5:oklch(70% .12 200);--chart-grid:var(--border);--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Manrope", var(--font-sans);--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.4rem, 1.2rem + .8vw, 1.75rem);--text-3xl:clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);--text-4xl:clamp(2.2rem, 1.6rem + 2.4vw, 3.5rem);--text-5xl:clamp(2.6rem, 1.6rem + 4vw, 4.75rem);--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.6;--tracking-tight:-.025em;--tracking-wide:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--section-y:clamp(4rem, 3rem + 5vw, 7.5rem);--container:1200px;--container-narrow:760px;--gutter:clamp(1rem, .6rem + 2vw, 2rem);--r-1:6px;--r-2:10px;--r-3:14px;--r-4:20px;--r-5:28px;--r-full:999px;--shadow-color:30 20% 20%;--shadow-1:0 1px 2px oklch(20% .01 60/.06), 0 1px 1px oklch(20% .01 60/.04);--shadow-2:0 2px 4px oklch(20% .01 60/.05), 0 8px 20px -6px oklch(20% .01 60/.1);--shadow-3:0 4px 8px oklch(20% .01 60/.05), 0 24px 48px -16px oklch(20% .01 60/.18);--shadow-brand:0 10px 30px -10px color-mix(in oklch, var(--brand-500) 55%, transparent);--shadow-inset:inset 0 1px 0 oklch(100% 5.96046e-8 none/.6);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.5s;--dur-5:.8s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:linear(0, .3 8%, .6 15%, .85 22%, 1.02 30%, 1.05 36%, 1.02 45%, .99 55%, 1);--header-h:68px;--sidebar-w:264px;--sidebar-rail-w:72px;--z-header:50;--z-drawer:80;--z-modal:100;--z-toast:120}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:var(--brand-400);--brand-hover:var(--brand-300);--brand-contrast:oklch(16% .02 60);--brand-soft:color-mix(in oklch, var(--brand-500) 14%, transparent);--brand-soft-2:color-mix(in oklch, var(--brand-500) 24%, transparent);--brand-gradient-text:linear-gradient(100deg, var(--brand-200), var(--brand-400) 55%, var(--brand-600));--bg:oklch(13.5% .008 60);--bg-subtle:oklch(16.5% .009 60);--bg-inverse:oklch(98.5% .005 80);--surface:oklch(17.5% .009 60);--surface-2:oklch(21.5% .01 60);--surface-3:oklch(25.5% .011 60);--surface-glass:oklch(16% .009 60/.7);--border:oklch(27% .012 60);--border-strong:oklch(36% .014 60);--text:oklch(95.5% .01 80);--text-2:oklch(72% .012 70);--text-3:oklch(56% .012 70);--text-inverse:oklch(18% .01 60);--success-soft:color-mix(in oklch, var(--success) 18%, transparent);--warning-soft:color-mix(in oklch, var(--warning) 18%, transparent);--danger-soft:color-mix(in oklch, var(--danger) 18%, transparent);--info-soft:color-mix(in oklch, var(--info) 18%, transparent);--glass-bg:oklch(100% 5.96046e-8 none/.05);--glass-bg-hover:oklch(100% 5.96046e-8 none/.1);--glass-border:oklch(100% 5.96046e-8 none/.12);--glass-border-strong:oklch(100% 5.96046e-8 none/.24);--glass-highlight:oklch(100% 5.96046e-8 none/.08);--shadow-1:0 1px 2px oklch(0% 0 0/.4);--shadow-2:0 2px 6px oklch(0% 0 0/.35), 0 12px 28px -8px oklch(0% 0 0/.5);--shadow-3:0 4px 10px oklch(0% 0 0/.4), 0 32px 64px -20px oklch(0% 0 0/.6);--shadow-inset:inset 0 1px 0 oklch(100% 5.96046e-8 none/.08)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:var(--brand-400);--brand-hover:var(--brand-300);--brand-contrast:oklch(16% .02 60);--brand-soft:color-mix(in oklch, var(--brand-500) 14%, transparent);--brand-soft-2:color-mix(in oklch, var(--brand-500) 24%, transparent);--brand-gradient-text:linear-gradient(100deg, var(--brand-200), var(--brand-400) 55%, var(--brand-600));--bg:oklch(13.5% .008 60);--bg-subtle:oklch(16.5% .009 60);--bg-inverse:oklch(98.5% .005 80);--surface:oklch(17.5% .009 60);--surface-2:oklch(21.5% .01 60);--surface-3:oklch(25.5% .011 60);--surface-glass:oklch(16% .009 60/.7);--border:oklch(27% .012 60);--border-strong:oklch(36% .014 60);--text:oklch(95.5% .01 80);--text-2:oklch(72% .012 70);--text-3:oklch(56% .012 70);--text-inverse:oklch(18% .01 60);--success-soft:color-mix(in oklch, var(--success) 18%, transparent);--warning-soft:color-mix(in oklch, var(--warning) 18%, transparent);--danger-soft:color-mix(in oklch, var(--danger) 18%, transparent);--info-soft:color-mix(in oklch, var(--info) 18%, transparent);--glass-bg:oklch(100% 5.96046e-8 none/.05);--glass-bg-hover:oklch(100% 5.96046e-8 none/.1);--glass-border:oklch(100% 5.96046e-8 none/.12);--glass-border-strong:oklch(100% 5.96046e-8 none/.24);--glass-highlight:oklch(100% 5.96046e-8 none/.08);--shadow-1:0 1px 2px oklch(0% 0 0/.4);--shadow-2:0 2px 6px oklch(0% 0 0/.35), 0 12px 28px -8px oklch(0% 0 0/.5);--shadow-3:0 4px 10px oklch(0% 0 0/.4), 0 32px 64px -20px oklch(0% 0 0/.6);--shadow-inset:inset 0 1px 0 oklch(100% 5.96046e-8 none/.08)}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:var(--brand-400);--brand-hover:var(--brand-300);--brand-contrast:oklch(16% .02 60);--brand-soft:color-mix(in oklch, var(--brand-500) 14%, transparent);--brand-soft-2:color-mix(in oklch, var(--brand-500) 24%, transparent);--brand-gradient-text:linear-gradient(100deg, var(--brand-200), var(--brand-400) 55%, var(--brand-600));--bg:oklch(12% .008 60);--bg-subtle:oklch(15% .009 60);--surface:oklch(17% .009 60);--surface-2:oklch(21% .01 60);--surface-3:oklch(25% .011 60);--surface-glass:oklch(16% .009 60/.6);--border:oklch(27% .012 60);--border-strong:oklch(36% .014 60);--text:oklch(95.5% .01 80);--text-2:oklch(74% .012 70);--text-3:oklch(58% .012 70);--text-inverse:oklch(18% .01 60);--bg-inverse:oklch(98.5% .005 80);--success-soft:color-mix(in oklch, var(--success) 18%, transparent);--warning-soft:color-mix(in oklch, var(--warning) 18%, transparent);--danger-soft:color-mix(in oklch, var(--danger) 18%, transparent);--info-soft:color-mix(in oklch, var(--info) 18%, transparent);--glass-bg:oklch(100% 5.96046e-8 none/.05);--glass-bg-hover:oklch(100% 5.96046e-8 none/.1);--glass-border:oklch(100% 5.96046e-8 none/.12);--glass-border-strong:oklch(100% 5.96046e-8 none/.24);--glass-highlight:oklch(100% 5.96046e-8 none/.08);--shadow-1:0 1px 2px oklch(0% 0 0/.4);--shadow-2:0 2px 6px oklch(0% 0 0/.35), 0 12px 28px -8px oklch(0% 0 0/.5);--shadow-3:0 4px 10px oklch(0% 0 0/.4), 0 32px 64px -20px oklch(0% 0 0/.6);--shadow-inset:inset 0 1px 0 oklch(100% 5.96046e-8 none/.08);background:var(--bg);color:var(--text)}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s;--dur-4:0s;--dur-5:0s}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas{max-width:100%;display:block}svg{vertical-align:middle;flex:none;max-width:100%;display:inline-block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}ul[role=list],ol[role=list]{padding:0;list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}dialog{color:inherit;background:0 0;border:0;max-width:none;max-height:none;padding:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-1)}::selection{background:color-mix(in oklch, var(--brand-400) 35%, transparent)}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg);color:var(--text);transition:background-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out)}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-weight:800;line-height:var(--leading-tight)}h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-snug)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}small{font-size:var(--text-sm)}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}hr{border:0;border-top:1px solid var(--border)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.text-gradient{background:var(--brand-gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand);font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--brand-gradient);border-radius:2px;width:18px;height:2px}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--section-y);position:relative}.section--tight{padding-block:calc(var(--section-y) * .6)}.section-head{gap:var(--space-3);max-width:680px;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem);display:grid}.section-head--center{text-align:center;justify-items:center;margin-inline:auto}.section-head p{color:var(--text-2);font-size:var(--text-lg)}.stack{gap:var(--space-4);display:grid}.cluster{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.grid{gap:var(--space-5);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.glass{background:var(--surface-glass);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border:1px solid color-mix(in oklch, var(--border) 80%, transparent)}.noise:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}[data-reveal]{opacity:0;transform:translate3d(var(--reveal-x,0), var(--reveal-y,22px), 0) scale(var(--reveal-scale,1));filter:blur(var(--reveal-blur,0px));transition:opacity var(--dur-4) var(--ease-out) var(--reveal-delay,0s), transform var(--dur-5) var(--ease-out) var(--reveal-delay,0s), filter var(--dur-4) var(--ease-out) var(--reveal-delay,0s);will-change:opacity, transform}[data-reveal=in]{opacity:1;filter:none;transform:none}.stagger>*{--reveal-delay:calc(var(--i,0) * var(--stagger,70ms))}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;filter:none;transition:none;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-18px)rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes aurora{0%{transform:translate(0)scale(1)}33%{transform:translate(6%,-8%)scale(1.08)}66%{transform:translate(-5%,6%)scale(.96)}to{transform:translate(0)scale(1)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ping{75%,to{opacity:0;transform:scale(2.2)}}@keyframes text-reveal{0%{clip-path:inset(0 0 100%);transform:translateY(.4em)}to{clip-path:inset(0 0 -20%);transform:none}}.anim-fade-up{animation:fade-up var(--dur-5) var(--ease-out) both;animation-delay:var(--delay,0s)}.anim-float{animation:6s ease-in-out infinite float}.anim-float-slow{animation:9s ease-in-out infinite float-slow}.anim-spin{animation:.8s linear infinite spin}.anim-pulse{animation:1.6s ease-in-out infinite pulse}.text-reveal .word{vertical-align:bottom;display:inline-block;overflow:hidden}.text-reveal .word>span{animation:text-reveal var(--dur-5) var(--ease-emphasized) both;animation-delay:calc(var(--i,0) * 60ms + var(--delay,0s));display:inline-block}@supports (animation-timeline:scroll()){.scroll-progress{transform-origin:0;animation:linear both grow-x;animation-timeline:scroll(root)}.parallax-slow{--py:60px;animation:linear both parallax-y;animation-timeline:view();animation-range:entry exit}.parallax-fast{--py:140px;animation:linear both parallax-y;animation-timeline:view();animation-range:entry exit}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes parallax-y{0%{transform:translateY(var(--py,60px))}to{transform:translateY(calc(var(--py,60px) * -1))}}@media (prefers-reduced-motion:reduce){.anim-float,.anim-float-slow,.parallax-slow,.parallax-fast,.text-reveal .word>span{clip-path:none;animation:none!important}}.text-reveal.text-gradient{color:inherit;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.text-reveal.text-gradient .word>span{background:var(--brand-gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em}@property --btn-shine{syntax:"<percentage>";inherits:false;initial-value:-120%}.btn{--btn-h:42px;--btn-px:1.15rem;--btn-fg:var(--text);isolation:isolate;height:var(--btn-h);padding-inline:var(--btn-px);border-radius:var(--r-full);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);white-space:nowrap;color:var(--btn-fg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), translate var(--dur-4) var(--ease-spring);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--sm{--btn-h:34px;--btn-px:.9rem;font-size:var(--text-xs)}.btn--lg{--btn-h:52px;--btn-px:1.6rem;font-size:var(--text-base)}.btn--xl{--btn-h:58px;--btn-px:1.9rem;font-size:var(--text-base)}.btn--full{width:100%}.btn--square{border-radius:var(--r-2)}.btn--icon{width:var(--btn-h);border-radius:var(--r-2);padding:0}.btn--icon.btn--round{border-radius:var(--r-full)}.btn--primary{--btn-fg:var(--brand-contrast);background:linear-gradient(180deg, color-mix(in oklch, var(--brand) 86%, white) 0%, var(--brand) 60%, color-mix(in oklch, var(--brand) 92%, black) 100%);border-color:color-mix(in oklch, var(--brand) 80%, black);box-shadow:var(--shadow-inset), 0 1px 2px oklch(0% 0 0/.18)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-inset), var(--shadow-brand);transform:translateY(-1px)}.btn--primary:after{content:"";z-index:-1;pointer-events:none;transition:translate .7s var(--ease-out);background:linear-gradient(115deg,#0000 40%,oklch(100% 5.96046e-8 none/.38) 50%,#0000 60%);position:absolute;inset:-1px;translate:-120%}.btn--primary:hover:after{translate:120%}.btn--secondary{--btn-fg:var(--text);background:var(--surface-2);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);transform:translateY(-1px)}.btn--outline{--btn-fg:var(--text);border-color:var(--border-strong);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.btn--ghost{--btn-fg:var(--text-2);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--brand-soft);color:var(--text)}.btn--glass{--btn-fg:var(--text);background:var(--glass-bg);border-color:var(--glass-border);box-shadow:inset 0 0 20px var(--glass-highlight);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn--glass:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-strong);transform:translateY(-1px)}.btn--danger{--btn-fg:#fff;background:var(--danger);border-color:color-mix(in oklch, var(--danger) 80%, black)}.btn--danger:hover:not(:disabled){background:color-mix(in oklch, var(--danger) 88%, black)}.btn--link{--btn-fg:var(--brand);border-radius:0;gap:.35rem;height:auto;padding:0;overflow:visible}.btn--link:before{content:"";transform-origin:100%;height:1.5px;transition:scale var(--dur-3) var(--ease-out);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;scale:0 1}.btn--link:hover:before{transform-origin:0;scale:1}.btn__icon{transition:transform var(--dur-2) var(--ease-out);flex:none;display:inline-flex}.btn__icon svg{width:1.1em;height:1.1em}.btn:hover .btn__icon--right{transform:translate(3px)}.btn:hover .btn__icon--left{transform:translate(-2px)}.btn.is-loading{pointer-events:none}.btn.is-loading .btn__label,.btn.is-loading .btn__icon{opacity:0}.btn__spinner{color:var(--btn-fg);place-items:center;display:grid;position:absolute;inset:0}.btn[data-magnetic]{translate:var(--tx,0) var(--ty,0)}.badge{border-radius:var(--r-full);height:24px;font-size:var(--text-xs);white-space:nowrap;background:var(--surface-2);color:var(--text-2);border:1px solid #0000;align-items:center;gap:.35rem;padding-inline:.6rem;font-weight:600;line-height:1;display:inline-flex}.badge--brand{background:var(--brand-soft);color:var(--brand)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:color-mix(in oklch, var(--warning) 70%, var(--text))}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--outline{border-color:var(--border-strong);color:var(--text-2);background:0 0}.badge--glass{background:color-mix(in oklch, var(--brand) 12%, transparent);border-color:color-mix(in oklch, var(--brand) 32%, transparent);color:var(--brand);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge__dot--pulse{position:relative}.badge__dot--pulse:after{content:"";background:currentColor;border-radius:50%;animation:1.6s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.badge--lg{height:30px;font-size:var(--text-sm);padding-inline:.85rem}.chip{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);height:36px;font-size:var(--text-sm);color:var(--text-2);cursor:pointer;transition:background-color var(--dur-2), color var(--dur-2), border-color var(--dur-2), transform var(--dur-2);align-items:center;gap:.4rem;padding-inline:.95rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip[aria-pressed=true],.chip.is-active{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-4);padding:var(--space-5);transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), border-color var(--dur-3) var(--ease-out), background-color var(--dur-3);position:relative}.card--pad-lg{padding:var(--space-6)}.card--pad-sm{padding:var(--space-4)}.card--flat{background:var(--bg-subtle)}.card--glass{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:inset 0 0 60px color-mix(in oklch, var(--brand-300) 10%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card--hover:hover{box-shadow:var(--shadow-3);border-color:color-mix(in oklch, var(--brand) 40%, var(--border));transform:translateY(-4px)}.card--glass.card--hover:hover{border-color:var(--glass-border-strong);box-shadow:inset 0 0 60px color-mix(in oklch, var(--brand-300) 14%, transparent), 0 10px 30px color-mix(in oklch, var(--brand-500) 25%, transparent)}.card--spotlight{overflow:hidden}.card--spotlight:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--dur-3);background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%), color-mix(in oklch, var(--brand) 14%, transparent), transparent 42%);position:absolute;inset:0}.card--spotlight:hover:before{opacity:1}.card__icon{border-radius:var(--r-3);background:var(--brand-gradient);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-brand);margin-bottom:var(--space-4);place-items:center;display:grid}.card__icon svg{width:22px;height:22px}.card__icon--soft{background:var(--brand-soft);color:var(--brand);box-shadow:none}.card h3,.card h4{margin-bottom:var(--space-2)}.card p{color:var(--text-2)}.field{gap:.4rem;min-width:0;display:grid}.field__label{font-size:var(--text-sm);color:var(--text);justify-content:space-between;gap:.5rem;font-weight:600;display:flex}.field__label .req{color:var(--danger)}.field__hint{font-size:var(--text-xs);color:var(--text-3)}.field__error{font-size:var(--text-xs);color:var(--danger);align-items:center;gap:.3rem;display:flex}.input,.textarea,.select{border-radius:var(--r-2);border:1px solid var(--border-strong);background:var(--surface);width:100%;height:44px;color:var(--text);font-size:var(--text-sm);transition:border-color var(--dur-2), box-shadow var(--dur-2), background-color var(--dur-2);padding:0 .95rem}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:hover,.textarea:hover,.select:hover{border-color:color-mix(in oklch, var(--border-strong) 50%, var(--text-3))}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring);outline:none}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px color-mix(in oklch, var(--danger) 25%, transparent)}.input--sm{height:36px;font-size:var(--text-sm)}.textarea{resize:vertical;height:auto;min-height:120px;padding-block:.7rem;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2.4rem}.input-group{position:relative}.input-group>svg{width:16px;height:16px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:.85rem;translate:0 -50%}.input-group>.input{padding-left:2.4rem}.input-group>.kbd{position:absolute;top:50%;right:.6rem;translate:0 -50%}.checkbox{cursor:pointer;font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:.6rem;display:inline-flex}.checkbox input{appearance:none;border:1.5px solid var(--border-strong);background:var(--surface);width:18px;height:18px;transition:background-color var(--dur-2), border-color var(--dur-2);cursor:pointer;border-radius:5px;flex:none;place-items:center;display:grid}.checkbox input:after{content:"";border-left:2px solid var(--brand-contrast);border-bottom:2px solid var(--brand-contrast);width:10px;height:6px;transition:scale var(--dur-2) var(--ease-spring);translate:0 -1px;rotate:-45deg;scale:0}.checkbox input:checked{background:var(--brand);border-color:var(--brand)}.checkbox input:checked:after{scale:1}.switch{border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--border);width:44px;height:26px;transition:background-color var(--dur-3) var(--ease-out), border-color var(--dur-3);cursor:pointer;flex:none;position:relative}.switch:after{content:"";width:20px;height:20px;transition:translate var(--dur-3) var(--ease-spring), width var(--dur-2);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px oklch(0% 0 0/.3)}.switch:active:after{width:24px}.switch[aria-checked=true]{background:var(--brand);border-color:var(--brand)}.switch[aria-checked=true]:after{translate:18px}.switch[aria-checked=true]:active:after{translate:14px}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.switch-row__text{gap:2px;display:grid}.switch-row__text strong{font-size:var(--text-sm);font-weight:600}.switch-row__text span{font-size:var(--text-xs);color:var(--text-3)}.acc{gap:var(--space-3);display:grid}.acc__item{border:1px solid var(--border);border-radius:var(--r-3);background:var(--surface);transition:border-color var(--dur-3), background-color var(--dur-3);overflow:hidden}.acc__item[data-open=true]{border-color:color-mix(in oklch, var(--brand) 45%, var(--border))}.acc__item--glass{background:var(--glass-bg);border-color:var(--glass-border)}.acc__trigger{justify-content:space-between;align-items:center;gap:var(--space-4);text-align:left;width:100%;font-weight:600;font-size:var(--text-base);color:var(--text);padding:1.1rem 1.25rem;display:flex}.acc__trigger:hover{color:var(--brand)}.acc__icon{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);transition:rotate var(--dur-3) var(--ease-emphasized), background-color var(--dur-2);border-radius:50%;flex:none;place-items:center;display:grid}.acc__item[data-open=true] .acc__icon{background:var(--brand);color:var(--brand-contrast);rotate:45deg}.acc__panel{transition:grid-template-rows var(--dur-3) var(--ease-emphasized);grid-template-rows:0fr;display:grid}.acc__item[data-open=true] .acc__panel{grid-template-rows:1fr}.acc__panel>div{overflow:hidden}.acc__body{color:var(--text-2);padding:0 1.25rem 1.2rem;line-height:1.65}.tabs{border-bottom:1px solid var(--border);gap:.25rem;display:flex;position:relative}.tabs__tab{font-size:var(--text-sm);color:var(--text-3);transition:color var(--dur-2);white-space:nowrap;align-items:center;gap:.4rem;padding:.7rem .9rem;font-weight:600;display:inline-flex;position:relative}.tabs__tab:hover,.tabs__tab[aria-selected=true]{color:var(--text)}.tabs__indicator{height:2px;width:var(--w,0px);translate:var(--x,0) 0;background:var(--brand);transition:translate var(--dur-3) var(--ease-out), width var(--dur-3) var(--ease-out);border-radius:2px;position:absolute;bottom:-1px;left:0}.tabs--pill{background:var(--surface-2);border-radius:var(--r-full);border:0;padding:4px;display:inline-flex}.tabs--pill .tabs__tab{border-radius:var(--r-full);z-index:1;padding:.45rem .95rem}.tabs--pill .tabs__tab[aria-selected=true]{color:var(--text)}.tabs--pill .tabs__indicator{background:var(--surface);border-radius:var(--r-full);height:auto;box-shadow:var(--shadow-1);top:4px;bottom:4px}.seg{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:inline-grid;position:relative}.seg__opt{z-index:1;border-radius:var(--r-full);font-size:var(--text-sm);color:var(--text-2);transition:color var(--dur-2);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-weight:600;display:inline-flex;position:relative}.seg__opt[aria-checked=true]{color:var(--brand-contrast)}.seg__thumb{width:calc((100% - 8px) / var(--n,2));translate:calc(var(--idx,0) * 100%) 0;border-radius:var(--r-full);background:var(--brand);box-shadow:var(--shadow-brand);transition:translate var(--dur-3) var(--ease-spring);position:absolute;top:4px;bottom:4px;left:4px}.dialog,.drawer{z-index:var(--z-modal);margin:auto;position:fixed;inset:0}.dialog::backdrop,.drawer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(10% .01 60/.55)}.dialog:not([open]),.drawer:not([open]){display:none}.dialog[open],.drawer[open]{display:flex}.dialog{border-radius:var(--r-5);background:var(--surface);width:min(560px,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-3);flex-direction:column;overflow:hidden}.dialog--sm{width:min(440px,100% - 2rem)}.dialog--lg{width:min(820px,100% - 2rem)}.dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) 0;display:flex}.dialog__head h3{font-size:var(--text-xl)}.dialog__head p{color:var(--text-2);font-size:var(--text-sm);margin-top:.25rem}.dialog__body{padding:var(--space-5);overflow:auto}.dialog__foot{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-subtle);display:flex}.drawer{width:min(var(--drawer-w,500px), 100%);background:var(--surface);height:100dvh;max-height:100dvh;color:var(--text);border-left:1px solid var(--border);box-shadow:var(--shadow-3);flex-direction:column;margin:0;inset:0 0 0 auto}.drawer--left{border-left:0;border-right:1px solid var(--border);inset:0 auto 0 0}.drawer__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.drawer__head h3{font-size:var(--text-lg)}.drawer__body{padding:var(--space-5);flex:1;overflow:auto}.drawer__foot{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-subtle);display:flex}.dialog,.drawer{transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-emphasized), translate var(--dur-3) var(--ease-emphasized), display var(--dur-3) allow-discrete, overlay var(--dur-3) allow-discrete}.dialog::backdrop,.drawer::backdrop{transition:opacity var(--dur-3) var(--ease-out), display var(--dur-3) allow-discrete, overlay var(--dur-3) allow-discrete}.dialog:not([open]){opacity:0;transform:translateY(12px)scale(.97)}.drawer:not([open]){opacity:0;translate:40px}.drawer--left:not([open]){translate:-40px}.dialog:not([open])::backdrop,.drawer:not([open])::backdrop{opacity:0}@starting-style{.dialog[open]{opacity:0;transform:translateY(12px)scale(.97)}.drawer[open]{opacity:0;translate:40px}.drawer--left[open]{translate:-40px}.dialog[open]::backdrop,.drawer[open]::backdrop{opacity:0}}.toaster{z-index:var(--z-toast);right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));pointer-events:none;gap:.6rem;width:min(380px,100vw - 2rem);display:grid;position:fixed}.toast{pointer-events:auto;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-3);font-size:var(--text-sm);transition:opacity var(--dur-3) var(--ease-out), translate var(--dur-4) var(--ease-spring);grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.85rem .95rem;display:grid}@starting-style{.toast{opacity:0;translate:0 16px}}.toast.is-leaving{opacity:0;translate:24px}.toast__icon{color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.toast__icon svg{width:14px;height:14px}.toast--success .toast__icon{background:var(--success)}.toast--error .toast__icon{background:var(--danger)}.toast--info .toast__icon{background:var(--info)}.toast--warning .toast__icon{background:var(--warning)}.toast__title{font-weight:600}.toast__desc{color:var(--text-2);margin-top:2px}.toast__close{color:var(--text-3);border-radius:6px;padding:2px}.toast__close:hover{color:var(--text);background:var(--surface-2)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:60;pointer-events:none;white-space:nowrap;border-radius:var(--r-1);font-size:var(--text-xs);background:var(--bg-inverse);color:var(--text-inverse);box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--dur-2) var(--ease-out), translate var(--dur-2) var(--ease-out);padding:.35rem .6rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.25s;translate:-50%}[data-tip][data-tip-pos=right]:after{top:50%;bottom:auto;left:calc(100% + 10px);translate:-4px -50%}[data-tip][data-tip-pos=right]:hover:after,[data-tip][data-tip-pos=right]:focus-visible:after{translate:0 -50%}[data-tip][data-tip-pos=bottom]:after{top:calc(100% + 8px);bottom:auto;translate:-50% -4px}[data-tip][data-tip-pos=bottom]:hover:after{translate:-50%}.skeleton{border-radius:var(--r-2);background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);background-size:400% 100%;animation:1.4s infinite shimmer;position:relative;overflow:hidden}.skeleton--text{border-radius:4px;height:.9em}.skeleton--circle{border-radius:50%}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--surface-2);animation:none}}.avatar{--size:40px;width:var(--size);height:var(--size);font-weight:700;font-size:calc(var(--size) * .38);color:#fff;background:var(--brand-gradient);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{--size:30px}.avatar--lg{--size:56px}.avatar--xl{--size:80px}.avatar--square{border-radius:var(--r-2)}.avatar--ring{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.avatar-stack{display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--surface)}.avatar-stack .avatar+.avatar{margin-left:-10px}.kbd{min-width:20px;height:20px;font-family:var(--font-sans);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding-inline:5px;font-size:11px;font-weight:600;display:inline-flex}.kbd-group{gap:3px;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:var(--r-3);background:var(--surface);overflow:auto}.table{width:100%;font-size:var(--text-sm)}.table th{z-index:1;text-align:left;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);background:color-mix(in oklch, var(--surface) 80%, var(--bg-subtle));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-weight:600;position:sticky;top:0}.table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.is-sortable:hover{color:var(--text)}.table td{border-top:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.table tbody tr:first-child td{border-top:0}.table tbody tr{transition:background-color var(--dur-1)}.table tbody tr:hover{background:color-mix(in oklch, var(--brand) 4%, transparent)}.table tbody tr.is-selected{background:var(--brand-soft)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .row-actions{opacity:0;transition:opacity var(--dur-2);gap:.25rem;display:inline-flex}.table tr:hover .row-actions,.table tr:focus-within .row-actions{opacity:1}.table--dense td{padding-block:.45rem}.table-foot{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;padding:.75rem 1rem;display:flex}.menu-anchor{display:inline-block;position:relative}.menu{z-index:70;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--border);min-width:210px;box-shadow:var(--shadow-3);transform-origin:100% 0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), display var(--dur-2) allow-discrete;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu--left{transform-origin:0 0;left:0;right:auto}.menu--up{transform-origin:0 100%;top:auto;bottom:calc(100% + 8px)}.menu[hidden]{opacity:0;transform:translateY(-6px)scale(.98)}@starting-style{.menu:not([hidden]){opacity:0;transform:translateY(-6px)scale(.98)}}.menu__item{border-radius:var(--r-2);width:100%;font-size:var(--text-sm);color:var(--text);text-align:left;transition:background-color var(--dur-1);align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.menu__item svg{width:16px;height:16px;color:var(--text-3)}.menu__item:hover,.menu__item:focus-visible{background:var(--surface-2);outline:none}.menu__item--danger,.menu__item--danger svg{color:var(--danger)}.menu__item .kbd{margin-left:auto}.menu__sep{background:var(--border);height:1px;margin:6px 4px}.menu__label{font-size:var(--text-xs);color:var(--text-3);padding:.4rem .7rem .2rem;font-weight:600}.progress{border-radius:var(--r-full);background:var(--surface-3);height:8px;overflow:hidden}.progress--sm{height:5px}.progress__bar{height:100%;width:var(--p,0%);border-radius:inherit;background:var(--brand-gradient);transition:width var(--dur-5) var(--ease-out)}.progress__bar--success{background:var(--success)}.progress__bar--warning{background:var(--warning)}.progress__bar--danger{background:var(--danger)}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee__track{gap:var(--gap,3rem);width:max-content;animation:marquee var(--speed,36s) linear infinite;display:flex}.marquee__track>*{flex:none}.marquee:hover .marquee__track{animation-play-state:paused}.marquee--reverse .marquee__track{animation-direction:reverse}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marquee__track{animation:none}}.spinner{border:2px solid color-mix(in oklch, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.empty{text-align:center;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--text-2);display:grid}.empty__icon{border-radius:var(--r-3);background:var(--brand-soft);width:56px;height:56px;color:var(--brand);place-items:center;display:grid}.empty__icon svg{width:26px;height:26px}.empty h4{color:var(--text)}.empty p{max-width:360px;font-size:var(--text-sm)}.player{aspect-ratio:16/9;border-radius:var(--r-3);background:#000;width:100%;position:relative;overflow:hidden}.player iframe,.player video{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.player--empty{background:var(--surface-2);border:1px dashed var(--border-strong)}:root{--sidebar-w:260px;--sidebar-rail-w:68px;--topbar-h:60px;--chart-1:#c4661a;--chart-2:#2a78d6;--chart-3:#1baf7a;--chart-4:#6250d6;--chart-5:#e87ba4;--chart-other:#9a948c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--chart-1:#c9772c;--chart-2:#3987e5;--chart-3:#199e70;--chart-4:#9085e9;--chart-5:#d55181;--chart-other:#7a746c}}:root[data-theme=dark]{--chart-1:#c9772c;--chart-2:#3987e5;--chart-3:#199e70;--chart-4:#9085e9;--chart-5:#d55181;--chart-other:#7a746c}body{background:var(--bg-subtle)}[data-density=compact]{--topbar-h:52px}[data-density=compact] .table td{padding-block:.45rem}[data-density=compact] .page{gap:var(--space-4)}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh;transition:grid-template-columns var(--dur-3) linear;display:grid}.shell[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-rail-w) 1fr}.shell__main{flex-direction:column;min-width:0;display:flex}.page{padding:var(--space-5) var(--gutter) var(--space-8);gap:var(--space-5);width:100%;max-width:1480px;animation:fade-up var(--dur-4) var(--ease-out) both;align-content:start;margin-inline:auto;display:grid}@media (width<=1023px){.shell,.shell[data-sidebar=collapsed]{grid-template-columns:1fr}}.sidebar{background:var(--surface);border-right:1px solid var(--border);height:100dvh;z-index:var(--z-drawer);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__head{height:var(--topbar-h);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:.6rem;padding:0 .9rem;display:flex}.sidebar__brand{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.sidebar__brand-text{min-width:0;line-height:1.05;display:grid}.sidebar__brand-text b{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:13px}.sidebar__brand-text span{color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.sidebar__nav{flex:1;align-content:start;gap:1rem;padding:.75rem .6rem;display:grid;overflow:hidden auto}.nav-group{gap:2px;display:grid}.nav-group__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;transition:opacity var(--dur-2);grid-template-columns:1fr;padding:.35rem .75rem .3rem;font-size:10.5px;font-weight:700;display:grid;overflow:hidden}.nav-item{border-radius:var(--r-2);height:38px;color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-1), color var(--dur-1), grid-template-columns var(--dur-3) linear;grid-template-columns:20px 1fr auto;align-items:center;gap:.7rem;padding:0 .6rem 0 .75rem;font-weight:500;display:grid;position:relative}.nav-item svg{flex:none;width:18px;height:18px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.is-active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item.is-active:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-.6rem}.nav-item__label{text-overflow:ellipsis;overflow:hidden}.nav-item__badge{background:var(--brand);min-width:18px;height:18px;color:var(--brand-contrast);border-radius:99px;place-items:center;padding:0 5px;font-size:10.5px;font-weight:700;display:grid}.nav-item .kbd{opacity:0;transition:opacity var(--dur-2)}.nav-item:hover .kbd{opacity:1}.sidebar__foot{border-top:1px solid var(--border);gap:.4rem;padding:.6rem;display:grid}.sidebar__user{border-radius:var(--r-2);text-align:left;width:100%;transition:background-color var(--dur-1);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.4rem .5rem;display:grid}.sidebar__user:hover{background:var(--surface-2)}.sidebar__user b{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar__user span{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar__collapse{justify-self:end}.shell[data-sidebar=collapsed] .sidebar__brand-text,.shell[data-sidebar=collapsed] .nav-group__label,.shell[data-sidebar=collapsed] .nav-item__label,.shell[data-sidebar=collapsed] .nav-item .kbd,.shell[data-sidebar=collapsed] .sidebar__user>:not(.avatar){display:none}.shell[data-sidebar=collapsed] .nav-item{grid-template-columns:20px;justify-content:center;width:44px;margin-inline:auto;padding:0}.shell[data-sidebar=collapsed] .nav-item__badge{min-width:14px;height:14px;padding:0 3px;font-size:9px;position:absolute;top:4px;right:4px}.shell[data-sidebar=collapsed] .nav-item.is-active:before{display:none}.shell[data-sidebar=collapsed] .nav-group{gap:4px}.shell[data-sidebar=collapsed] .sidebar__head{justify-content:center;padding:0}.shell[data-sidebar=collapsed] .sidebar__user{grid-template-columns:auto;justify-content:center}.shell[data-sidebar=collapsed] .sidebar__collapse{justify-self:center}@media (width>=1024px){.shell[data-sidebar=collapsed] .sidebar__head .sidebar__collapse{display:none}}@media (width<=1023px){.sidebar{width:var(--sidebar-w);transition:translate var(--dur-3) var(--ease-emphasized);box-shadow:var(--shadow-3);position:fixed;inset:0 auto 0 0;translate:-100%}.shell[data-mobile-open=true] .sidebar{translate:0}.scrim{z-index:calc(var(--z-drawer) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--dur-3);background:oklch(0% 0 0/.4);position:fixed;inset:0}.shell[data-mobile-open=true] .scrim{opacity:1;pointer-events:auto}}.topbar{z-index:var(--z-header);height:var(--topbar-h);padding:0 var(--gutter);background:color-mix(in oklch, var(--bg-subtle) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.topbar__menu{display:none}@media (width<=1023px){.topbar__menu{display:inline-flex}}.crumbs{font-size:var(--text-sm);color:var(--text-3);align-items:center;gap:.4rem;min-width:0;display:flex}.crumbs b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sys-mode{letter-spacing:.08em;background:var(--warning-soft);color:color-mix(in oklch, var(--warning) 70%, var(--text));border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.sys-mode[data-live=true]{background:var(--success-soft);color:var(--success)}.topbar__search{border-radius:var(--r-2);border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text-3);font-size:var(--text-sm);width:min(300px,40vw);transition:border-color var(--dur-2), box-shadow var(--dur-2);align-items:center;gap:.6rem;margin-left:auto;padding:0 .6rem 0 .8rem;display:inline-flex}.topbar__search:hover{border-color:var(--border-strong)}.topbar__search span{text-align:left;white-space:nowrap;flex:1;overflow:hidden}.topbar__actions{align-items:center;gap:.25rem;display:flex}@media (width<=640px){.topbar{gap:.4rem}.topbar__search{flex:none;justify-content:center;width:38px;padding:0}.topbar__search span,.topbar__search .kbd-group{display:none}.topbar__site,.topbar .lang-toggle{display:none!important}.crumbs>span:first-child,.crumbs>svg{display:none}.crumbs{flex:1}.crumbs b{font-size:var(--text-base)}}.notif-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:8px;right:8px}.notif{border-radius:var(--r-2);font-size:var(--text-sm);grid-template-columns:auto 1fr;align-items:start;gap:.6rem;padding:.6rem .7rem;display:grid}.notif:hover{background:var(--surface-2)}.notif__icon{border-radius:var(--r-2);background:var(--brand-soft);width:30px;height:30px;color:var(--brand);place-items:center;display:grid}.notif small{color:var(--text-3);font-size:11px}.palette{border-radius:var(--r-4);align-self:start;width:min(620px,100% - 2rem);margin-top:12vh;padding:0}.palette__input{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.palette__input input{font-size:var(--text-base);color:var(--text);background:0 0;border:0;outline:none;flex:1}.palette__input svg{color:var(--text-3)}.palette__list{max-height:52vh;padding:.5rem;overflow:auto}.palette__group{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:.5rem .75rem .25rem;font-size:11px;font-weight:700}.palette__item{border-radius:var(--r-2);text-align:left;width:100%;font-size:var(--text-sm);color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.6rem .75rem;display:grid}.palette__item svg{width:18px;height:18px;color:var(--text-3)}.palette__item[aria-selected=true]{background:var(--brand-soft);color:var(--brand)}.palette__item[aria-selected=true] svg{color:var(--brand)}.palette__empty{text-align:center;color:var(--text-3);font-size:var(--text-sm);padding:2rem}.palette__foot{border-top:1px solid var(--border);color:var(--text-3);gap:1rem;padding:.6rem 1rem;font-size:11px;display:flex}.palette__foot span{align-items:center;gap:.3rem;display:inline-flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--text-2xl)}.page-head p{color:var(--text-2);font-size:var(--text-sm);margin-top:.2rem}.page-head__actions{flex-wrap:wrap;gap:.5rem;display:flex}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));display:grid}.kpi{padding:var(--space-5);grid-template-columns:1fr auto;align-items:end;gap:.5rem 1rem;display:grid;container-type:inline-size}.kpi__label{font-size:var(--text-sm);color:var(--text-2);grid-column:1/-1;align-items:center;gap:.5rem;display:flex}.kpi__label svg{width:16px;height:16px;color:var(--brand)}.kpi__value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,4cqi + .8rem,2rem);font-weight:800;line-height:1}.kpi__delta{font-size:var(--text-xs);color:var(--text-2);align-items:center;gap:.25rem;margin-top:.4rem;font-weight:600;display:inline-flex}.kpi__delta svg{width:14px;height:14px}.kpi__delta.is-up{color:var(--success)}.kpi__delta.is-down{color:var(--danger)}.kpi__delta small{color:var(--text-3);font-weight:500}.kpi__spark{align-self:center;display:grid}.spark{display:block;overflow:visible}.spark .area{fill:var(--series,var(--chart-1));opacity:.12}.spark .line{fill:none;stroke:var(--series,var(--chart-1));stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.spark .dot{fill:var(--series,var(--chart-1));stroke:var(--surface);stroke-width:2px}@container (width<=170px){.kpi__spark{display:none}}.chart-card{gap:var(--space-4);display:grid}.chart-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.chart-card__head h3{font-size:var(--text-base)}.chart-card__head p{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}.chart{width:100%;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:var(--font-sans);fill:var(--text-3);font-size:11px}.chart .grid line{stroke:var(--border);stroke-width:1px}.chart .axis line{stroke:var(--border-strong)}.chart .area{fill:var(--series,var(--chart-1));opacity:.1}.chart .line{fill:none;stroke:var(--series,var(--chart-1));stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:dash 1.1s var(--ease-out) forwards}@keyframes dash{to{stroke-dashoffset:0}}.chart .dot{fill:var(--series,var(--chart-1));stroke:var(--surface);stroke-width:2px}.chart .crosshair{stroke:var(--border-strong);stroke-width:1px;pointer-events:none}.chart .bar{fill:var(--series,var(--chart-1));transition:opacity var(--dur-1);transform-origin:bottom}.chart .bar.is-dim{opacity:.45}.chart .bar-grow{animation:bar-grow .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}@keyframes bar-grow{0%{transform:scaleY(0)}}.chart .label{fill:var(--text-2);font-weight:600}.chart .label--end{fill:var(--text);font-weight:700}.chart-tip{z-index:5;pointer-events:none;border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2);font-size:var(--text-xs);color:var(--text-2);white-space:nowrap;opacity:0;transition:opacity var(--dur-1);gap:2px;padding:.5rem .7rem;display:grid;position:absolute;translate:-50% calc(-100% - 10px)}.chart-tip.is-on{opacity:1}.chart-tip b{color:var(--text);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.chart-tip i{vertical-align:0;background:var(--series,var(--chart-1));border-radius:2px;width:8px;height:8px;margin-right:.35rem;font-style:normal;display:inline-block}.donut-wrap{gap:var(--space-5);grid-template-columns:auto 1fr;align-items:center;display:grid}@media (width<=480px){.donut-wrap{grid-template-columns:1fr;justify-items:center}}.donut{place-items:center;display:grid;position:relative}.donut__center{text-align:center;line-height:1;display:grid;position:absolute}.donut__center b{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800}.donut__center span{color:var(--text-3);margin-top:4px;font-size:11px}.donut__seg{transition:opacity var(--dur-1), stroke-width var(--dur-2);cursor:pointer}.donut__seg.is-dim{opacity:.35}.legend{font-size:var(--text-sm);gap:.5rem;min-width:0;display:grid}.legend__row{border-radius:var(--r-1);cursor:default;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;padding:.3rem .4rem;display:grid}.legend__row:hover,.legend__row.is-on{background:var(--surface-2)}.legend__row i{background:var(--c);border-radius:3px;width:10px;height:10px}.legend__row span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.legend__row b{font-variant-numeric:tabular-nums;font-weight:600}.legend__row small{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;min-width:34px}.dash-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=1100px){.dash-grid{grid-template-columns:2fr 1fr}.dash-grid--3{grid-template-columns:1.4fr 1fr 1fr}}.list{gap:.25rem;display:grid}.list__row{border-radius:var(--r-2);transition:background-color var(--dur-1);font-size:var(--text-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.55rem .5rem;display:grid}.list__row:hover{background:var(--surface-2)}.list__row b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.list__row span{font-size:var(--text-xs);color:var(--text-3)}.list__row .num{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.feed{gap:0;display:grid;position:relative}.feed:before{content:"";background:var(--border);width:2px;position:absolute;top:12px;bottom:12px;left:15px}.feed__item{font-size:var(--text-sm);grid-template-columns:32px 1fr;gap:.75rem;padding:.5rem 0;display:grid;position:relative}.feed__icon{background:var(--surface-2);width:32px;height:32px;color:var(--text-2);box-shadow:0 0 0 3px var(--surface);border-radius:50%;place-items:center;display:grid;position:relative}.feed__icon svg{width:15px;height:15px}.feed__item small{color:var(--text-3);margin-top:2px;font-size:11px;display:block}.fill-bar{font-size:var(--text-xs);color:var(--text-3);grid-template-columns:1fr auto;align-items:center;gap:.3rem .6rem;min-width:120px;display:grid}.fill-bar .progress{grid-column:1/-1}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.toolbar__spacer{flex:1}.toolbar .input-group{width:min(320px,100%)}.toolbar .select{width:auto;min-width:160px;height:38px}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips .chip{height:32px;font-size:var(--text-xs);padding-inline:.8rem}.chips .chip .count{opacity:.7;margin-left:.2rem}.cell-user{align-items:center;gap:.6rem;min-width:0;display:flex}.cell-user b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.cell-user span{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.table tbody tr.is-clickable{cursor:pointer}.table td.is-truncate{max-width:0;overflow:hidden}.table td.is-nowrap{white-space:nowrap}.cell-user>div{min-width:0}.tag-row{max-width:300px}.sort-ind{opacity:.5;vertical-align:-2px;margin-left:4px;display:inline-block}.th-check,.td-check{width:36px;padding-right:0!important}.table-skel td{padding-block:.9rem}.dl{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}.dl div{gap:2px;display:grid}.dl dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:11px}.dl dd{font-size:var(--text-sm);font-weight:500}.dl .span-2{grid-column:1/-1}.status-actions{flex-wrap:wrap;gap:.5rem;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=560px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:1/-1}}.money{font-variant-numeric:tabular-nums}.pgrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.pcard-a{gap:var(--space-3);grid-template-rows:auto 1fr auto;display:grid}.pcard-a__top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.pcard-a h3{font-size:var(--text-base)}.pcard-a__stats{font-size:var(--text-xs);color:var(--text-3);gap:1rem;display:flex}.pcard-a__foot{padding-top:var(--space-3);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.pcard-a__foot b{font-family:var(--font-display);font-weight:800}.inbox{gap:var(--space-4);grid-template-columns:1fr;min-height:60dvh;display:grid}@media (width>=900px){.inbox{grid-template-columns:380px 1fr}}.inbox__list{align-content:start;gap:.35rem;max-height:70dvh;padding:.5rem;display:grid;overflow:auto}.lead{border-radius:var(--r-2);text-align:left;width:100%;transition:background-color var(--dur-1);grid-template-columns:auto 1fr auto;align-items:start;gap:.6rem;padding:.7rem .75rem;display:grid}.lead:hover{background:var(--surface-2)}.lead.is-active{background:var(--brand-soft)}.lead b{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lead p{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.lead small{color:var(--text-3);white-space:nowrap;font-size:11px}.lead.is-unread b:before{content:"";background:var(--brand);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.inbox__detail{gap:var(--space-4);align-content:start;display:grid}.msg{padding:var(--space-4);border-radius:var(--r-3);background:var(--bg-subtle);border:1px solid var(--border);line-height:1.6;font-size:var(--text-sm)}.tgrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.tcard-a{gap:var(--space-3);display:grid}.tcard-a p{font-size:var(--text-sm);color:var(--text);line-height:1.55}.tcard-a__who{align-items:center;gap:.6rem;display:flex}.tcard-a__who b{font-size:var(--text-sm);display:block}.tcard-a__who span{font-size:var(--text-xs);color:var(--text-3)}.stars{color:var(--brand);gap:2px;display:inline-flex}.rating-pick{gap:2px;display:inline-flex}.rating-pick button{color:var(--border-strong);transition:color var(--dur-1), transform var(--dur-1)}.rating-pick button.is-on{color:var(--brand)}.rating-pick button:hover{transform:scale(1.15)}.settings{gap:var(--space-5);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=900px){.settings{grid-template-columns:220px 1fr}}.settings__nav{top:calc(var(--topbar-h) + 1rem);gap:2px;display:grid;position:sticky}.settings__nav button{border-radius:var(--r-2);font-size:var(--text-sm);color:var(--text-2);text-align:left;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.settings__nav button svg{width:16px;height:16px}.settings__nav button:hover{background:var(--surface-2);color:var(--text)}.settings__nav button.is-active{background:var(--brand-soft);color:var(--brand);font-weight:600}.settings__panel{gap:var(--space-5);display:grid}.settings__panel h2{font-size:var(--text-xl)}.radio-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;display:grid}.radio-card{border-radius:var(--r-3);border:1.5px solid var(--border);background:var(--surface);font-size:var(--text-sm);color:var(--text-2);transition:border-color var(--dur-2), background-color var(--dur-2);justify-items:center;gap:.5rem;padding:.9rem;font-weight:600;display:grid}.radio-card[aria-checked=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.radio-card .swatch{border-radius:var(--r-2);border:1px solid var(--border);width:100%;height:44px}.danger-zone{border-color:color-mix(in oklch, var(--danger) 35%, var(--border))}.login{grid-template-columns:1fr;min-height:100dvh;display:grid}@media (width>=900px){.login{grid-template-columns:1.1fr 1fr}}.login__art{isolation:isolate;background:var(--bg-subtle);color:var(--text);border-right:1px solid var(--border);padding:clamp(2rem,5vw,4rem);display:none;position:relative;overflow:hidden}@media (width>=900px){.login__art{grid-template-rows:auto 1fr auto;display:grid}}.login__art h2{font-size:var(--text-5xl);text-transform:uppercase;max-width:10ch;line-height:1}.login__art p{max-width:42ch;color:var(--text-2);font-size:var(--text-lg);margin-top:var(--space-4)}.login__art .mock-window{max-width:560px;margin-top:var(--space-6)}.login__form{padding:clamp(1.5rem, 4vw, 4rem) var(--gutter);background:var(--bg);align-content:center;justify-items:center;display:grid}.login__card{gap:var(--space-5);width:100%;max-width:420px;display:grid}.login__card h1{font-size:var(--text-2xl)}.login__card .muted{font-size:var(--text-sm)}.demo-hint{font-size:var(--text-xs);color:var(--text-3);border-radius:var(--r-2);background:var(--bg-subtle);border:1px dashed var(--border-strong);align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.nf{text-align:center;place-items:center;min-height:60dvh;display:grid}.nf b{font-family:var(--font-display);background:var(--brand-gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:800;line-height:1}.split-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.split-head h3{font-size:var(--text-base)}.tag-row{flex-wrap:wrap;gap:.35rem;display:flex}.session-row{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--r-3);border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur-2), box-shadow var(--dur-3);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.session-row:hover{border-color:color-mix(in oklch, var(--brand) 40%, var(--border));box-shadow:var(--shadow-2)}.session-row__info b{font-size:var(--text-sm);font-weight:600;display:block}.session-row__info span{font-size:var(--text-xs);color:var(--text-3);align-items:center;gap:.3rem;margin-right:.75rem;display:inline-flex}@media (width<=760px){.session-row{grid-template-columns:auto 1fr!important}.session-row>:nth-child(n+3){grid-column:1/-1}}.chart-card{container-type:inline-size}@container (width<=520px){.donut-wrap{grid-template-columns:1fr;justify-items:stretch}.donut{margin-inline:auto}}.list__row--session{grid-template-columns:auto 1fr}.list__row--session .fill-bar{grid-column:1/-1;min-width:0}.list__row--session .session-row__info{gap:2px;min-width:0;display:grid}.list__row--session .session-row__info b{white-space:normal}.lesson-group{gap:.4rem;display:grid}.lesson-group__name{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:.5rem .25rem .1rem;font-weight:700}.lesson-row{gap:var(--space-3);border-radius:var(--r-3);border:1px solid var(--border);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;padding:.6rem .75rem;display:grid}.lesson-row__icon{background:var(--brand-soft);width:32px;height:32px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.lesson-row__main{min-width:0}.lesson-row__main b{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lesson-row__main span{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}@media (width<=720px){.lesson-row{grid-template-columns:auto 1fr}.lesson-row>.cluster{grid-column:1/-1}}.upload-box{padding:var(--space-5);border-radius:var(--r-3);border:1.5px dashed var(--border-strong);background:var(--bg-subtle);text-align:center;cursor:pointer;color:var(--text-2);font-size:var(--text-sm);transition:border-color var(--dur-2), background-color var(--dur-2);justify-items:center;gap:.4rem;display:grid}.upload-box:hover{border-color:var(--brand);background:var(--brand-soft)}.upload-box svg{color:var(--brand)}.upload-box small{word-break:break-all}