@layer base{html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg-deepest);color:var(--color-foreground-body);font-family:var(--font-family-body);font-size:var(--text-base);line-height:var(--font-line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.bg-grain{isolation:isolate;position:relative}.bg-grain:after{content:"";opacity:.03;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.display{font-family:var(--font-family-display);font-weight:var(--font-weight-extrabold);letter-spacing:var(--font-letter-spacing-tight);line-height:var(--font-line-height-tight);color:var(--color-foreground)}.font-heading{font-family:var(--font-heading)}h1,h2,h3,h4{font-family:var(--font-family-body);font-weight:var(--font-weight-extrabold);letter-spacing:var(--font-letter-spacing-tight);color:var(--color-foreground);margin:0}h1{font-size:var(--text-3xl);line-height:var(--font-line-height-tight)}h2{font-size:var(--text-2xl);line-height:var(--font-line-height-snug)}h3{font-size:var(--text-xl);line-height:var(--font-line-height-snug)}h4{font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-normal)}}@layer components{@keyframes accent-pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;white-space:nowrap;transition:all var(--duration-normal) var(--easing-spring);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:var(--shadow-accent-focus);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-xs{padding:var(--button-padding-y-xs) var(--button-padding-x-xs);font-size:var(--button-font-size-xs)}.btn-sm{padding:var(--button-padding-y-sm) var(--button-padding-x-sm);font-size:var(--button-font-size-sm)}.btn-lg{padding:var(--button-padding-y-lg) var(--button-padding-x-lg);font-size:var(--button-font-size-lg)}.btn-icon{padding:var(--button-padding-y);aspect-ratio:1}.btn-icon.btn-xs{padding:var(--button-padding-y-xs)}.btn-icon.btn-sm{padding:var(--button-padding-y-sm)}.btn-icon.btn-lg{padding:var(--button-padding-y-lg)}.btn svg{flex-shrink:0;width:20px;height:20px}.btn-xs svg{width:14px;height:14px}.btn-sm svg{width:16px;height:16px}.btn-lg svg{width:24px;height:24px}.btn-icon svg{width:20px;height:20px}.btn-icon.btn-xs svg{width:14px;height:14px}.btn-icon.btn-sm svg{width:16px;height:16px}.btn-icon.btn-lg svg{width:24px;height:24px}.btn-primary{background:var(--color-accent-500);color:#fff}.btn-primary:hover{background:var(--color-accent-400);transform:scale(1.02)}.btn-secondary{background:var(--color-neutral-300);color:var(--color-foreground-secondary)}.btn-secondary:hover{background:var(--color-accent-a08);color:var(--color-foreground)}.btn-outline{border-color:var(--color-border-strong);color:var(--color-foreground-body);background:0 0}.btn-outline:hover{border-color:var(--color-border-emphasis);color:var(--color-foreground);background:0 0}.btn-ghost{background:var(--color-accent-a12);color:var(--color-accent-300);border-color:var(--color-accent-a20)}.btn-ghost:hover{background:var(--color-accent-a20);border-color:var(--color-accent-a35)}.btn-danger{background:var(--color-crimson-500);color:#fff}.btn-danger:hover{background:var(--color-crimson-400)}.btn-danger:focus-visible{box-shadow:var(--shadow-danger-focus)}.btn-warning{background:var(--color-amber-500);color:var(--color-neutral-100)}.btn-warning:hover{background:var(--color-amber-400)}.btn-warning:focus-visible{box-shadow:var(--shadow-warning-focus)}.btn-link{color:var(--color-accent-300);background:0 0;border-color:#0000;padding:0;text-decoration:none}.btn-link:hover{text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.btn-link:active{transform:none}.icon-toggle{aspect-ratio:1;border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-foreground-muted);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-toggle-sm{width:28px;height:28px}.icon-toggle:hover:not(:disabled){color:var(--color-accent-300);background:var(--color-accent-a08)}.icon-toggle[data-state=on]{color:var(--color-accent-400)}.icon-toggle[data-state=on]:hover:not(:disabled){color:var(--color-accent-300)}.icon-toggle:focus-visible{box-shadow:var(--shadow-accent-focus);outline:none}.icon-toggle:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-sm)}.card-flush{padding:0}.card-accent-top{border-top:4px solid var(--color-accent-400)}.card-accent-left{border-left:4px solid var(--color-accent-400)}.card-accent-bottom{border-bottom:4px solid var(--color-accent-400)}.card-accent-right{border-right:4px solid var(--color-accent-400)}.card-tinted-accent{background:var(--color-accent-a08);border-color:var(--color-accent-a15)}.card-tinted-accent-strong{background:var(--color-accent-a10);border-color:var(--color-accent-a20)}.card-tinted-success{background:color-mix(in srgb, var(--color-success) 8%, transparent);border-color:color-mix(in srgb, var(--color-success) 15%, transparent)}.card-tinted-success-strong{background:color-mix(in srgb, var(--color-success) 10%, transparent);border-color:color-mix(in srgb, var(--color-success) 20%, transparent)}.card-tinted-warning{background:color-mix(in srgb, var(--color-warning) 8%, transparent);border-color:color-mix(in srgb, var(--color-warning) 15%, transparent)}.card-tinted-warning-strong{background:color-mix(in srgb, var(--color-warning) 10%, transparent);border-color:color-mix(in srgb, var(--color-warning) 20%, transparent)}.card-tinted-error{background:color-mix(in srgb, var(--color-error) 8%, transparent);border-color:color-mix(in srgb, var(--color-error) 15%, transparent)}.card-tinted-error-strong{background:color-mix(in srgb, var(--color-error) 10%, transparent);border-color:color-mix(in srgb, var(--color-error) 20%, transparent)}.card-tinted-info{background:color-mix(in srgb, var(--color-info) 8%, transparent);border-color:color-mix(in srgb, var(--color-info) 15%, transparent)}.card-tinted-info-strong{background:color-mix(in srgb, var(--color-info) 10%, transparent);border-color:color-mix(in srgb, var(--color-info) 20%, transparent)}.card[data-tint]{background:color-mix(in srgb, var(--color-tint-500) 8%, transparent);border-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.card:has(.card-header,.card-body,.card-footer){flex-direction:column;padding:0;display:flex}.card-header{align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;flex-shrink:0;padding:16px 24px;display:flex}.card-body{flex:1;padding:24px}.card-footer{align-items:center;gap:var(--spacing-3);border-top:1px solid var(--color-border-default);flex-wrap:wrap;flex-shrink:0;padding:16px 24px;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-foreground);letter-spacing:-.3px;margin:0}.card-description{font-size:var(--text-sm);color:var(--color-foreground-muted);flex-basis:100%;margin:0;line-height:1.5}.card-actions{align-items:center;gap:var(--spacing-2);margin-left:auto;display:flex}.card-sm{padding:var(--spacing-4)}.card-sm .card-header,.card-sm .card-footer{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.card-sm .card-body{padding:var(--spacing-4)}.card-tinted-accent .card-header,.card-tinted-accent-strong .card-header{border-bottom-color:var(--color-accent-a15)}.card-tinted-accent .card-footer,.card-tinted-accent-strong .card-footer{border-top-color:var(--color-accent-a15)}.card-tinted-success .card-header,.card-tinted-success-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-success) 15%, transparent)}.card-tinted-success .card-footer,.card-tinted-success-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-success) 15%, transparent)}.card-tinted-warning .card-header,.card-tinted-warning-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-warning) 15%, transparent)}.card-tinted-warning .card-footer,.card-tinted-warning-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-warning) 15%, transparent)}.card-tinted-error .card-header,.card-tinted-error-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-error) 15%, transparent)}.card-tinted-error .card-footer,.card-tinted-error-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-error) 15%, transparent)}.card-tinted-info .card-header,.card-tinted-info-strong .card-header{border-bottom-color:color-mix(in srgb, var(--color-info) 15%, transparent)}.card-tinted-info .card-footer,.card-tinted-info-strong .card-footer{border-top-color:color-mix(in srgb, var(--color-info) 15%, transparent)}.card[data-tint] .card-header{border-bottom-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.card[data-tint] .card-footer{border-top-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);align-items:center;gap:var(--spacing-6);display:flex}.stat-card-accent{border-left:4px solid var(--color-accent-400)}.stat-card-success{border-left:4px solid var(--color-success)}.stat-card-warning{border-left:4px solid var(--color-warning)}.stat-card-error{border-left:4px solid var(--color-error)}.stat-card-info{border-left:4px solid var(--color-info)}.stat-card-accent-top{border-top:4px solid var(--color-accent-400)}.stat-card-success-top{border-top:4px solid var(--color-success)}.stat-card-warning-top{border-top:4px solid var(--color-warning)}.stat-card-error-top{border-top:4px solid var(--color-error)}.stat-card-info-top{border-top:4px solid var(--color-info)}.stat-card-accent-bottom{border-bottom:4px solid var(--color-accent-400)}.stat-card-success-bottom{border-bottom:4px solid var(--color-success)}.stat-card-warning-bottom{border-bottom:4px solid var(--color-warning)}.stat-card-error-bottom{border-bottom:4px solid var(--color-error)}.stat-card-info-bottom{border-bottom:4px solid var(--color-info)}.stat-card-accent-right{border-right:4px solid var(--color-accent-400)}.stat-card-success-right{border-right:4px solid var(--color-success)}.stat-card-warning-right{border-right:4px solid var(--color-warning)}.stat-card-error-right{border-right:4px solid var(--color-error)}.stat-card-info-right{border-right:4px solid var(--color-info)}.stat-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-icon svg{width:24px;height:24px}.stat-card-body{gap:var(--spacing-1);flex-direction:column;flex:1;min-width:0;display:flex}.stat-card-label{font-size:var(--text-sm);color:var(--color-foreground-body);margin:0;display:block}.stat-card-value{font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight);line-height:var(--font-line-height-tight);margin:0;display:block}.stat-card-trend{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:.25rem;display:flex}.stat-card-trend svg{width:16px;height:16px}.stat-card-trend-up{color:var(--color-success)}.stat-card-trend-down{color:var(--color-error)}.badge{padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;gap:.25rem;line-height:1;display:inline-flex}.badge svg{width:14px;height:14px}.badge-accent{background:var(--color-accent-a15);color:var(--color-accent-300)}.badge-success{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-emerald-400)}.badge-warning{background:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-amber-400)}.badge-error{background:color-mix(in srgb, var(--color-error) 15%, transparent);color:var(--color-crimson-300)}.badge-info{background:color-mix(in srgb, var(--color-info) 15%, transparent);color:var(--color-blue-400)}.badge-neutral{background:var(--color-neutral-350);color:var(--color-foreground-muted)}.badge-outline{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 50%, transparent);background:0 0}.badge-ghost{background:0 0}.alert{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--alert-radius);font-size:var(--text-sm);color:var(--color-foreground-secondary);border:1px solid #0000;border-left:var(--alert-stripe-width) solid transparent;display:flex}.alert svg{flex-shrink:0;width:20px;height:20px}.alert-success{border-color:#10b98126;border-left-color:var(--color-success);background:#10b9810f}.alert-success svg{color:var(--color-success)}.alert-warning{border-color:#f59e0b26;border-left-color:var(--color-warning);background:#f59e0b0f}.alert-warning svg{color:var(--color-warning)}.alert-error{border-color:#dc262626;border-left-color:var(--color-error);background:#dc26260f}.alert-error svg{color:var(--color-error)}.alert-info{border-color:#3b82f626;border-left-color:var(--color-info);background:#3b82f60f}.alert-info svg{color:var(--color-info)}.toast{background:var(--toast-bg);border:1px solid var(--toast-border);border-radius:var(--toast-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-4);align-items:flex-start;gap:var(--spacing-3);display:flex}.toast-success{border-left:var(--toast-stripe-width) solid var(--color-success)}.toast-error{border-left:var(--toast-stripe-width) solid var(--color-error)}.toast-warning{border-left:var(--toast-stripe-width) solid var(--color-warning)}.toast-info{border-left:var(--toast-stripe-width) solid var(--color-info)}.toast-accent{border-left:var(--toast-stripe-width) solid var(--color-accent-400)}.toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-icon svg{width:14px;height:14px}.toast-title{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.toast-body{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.snackbar-container{bottom:var(--snackbar-container-offset);right:var(--snackbar-container-offset);z-index:var(--snackbar-z-index);gap:var(--snackbar-container-gap);pointer-events:none;flex-direction:column;display:flex;position:fixed}.snackbar-container-center{align-items:center;left:50%;right:auto;transform:translate(-50%)}.snackbar{pointer-events:auto;min-width:280px;max-width:var(--snackbar-width);background:var(--snackbar-bg);border:1px solid var(--snackbar-border);border-radius:var(--snackbar-radius);box-shadow:var(--snackbar-shadow);padding:var(--snackbar-padding-y) var(--snackbar-padding-x);align-items:flex-start;gap:var(--snackbar-gap);opacity:0;transition:opacity var(--duration-normal) var(--easing-spring), transform var(--duration-normal) var(--easing-spring);display:flex;transform:translate(110%)}.snackbar.open{opacity:1;transform:translate(0)}.snackbar-container-center .snackbar{transform:translateY(110%)}.snackbar-container-center .snackbar.open{transform:translateY(0)}.snackbar-success{border-left:var(--snackbar-stripe-width) solid var(--color-success)}.snackbar-error{border-left:var(--snackbar-stripe-width) solid var(--color-error)}.snackbar-warning{border-left:var(--snackbar-stripe-width) solid var(--color-warning)}.snackbar-info{border-left:var(--snackbar-stripe-width) solid var(--color-info)}.snackbar-accent{border-left:var(--snackbar-stripe-width) solid var(--color-accent-400)}.snackbar-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.snackbar-icon svg{width:14px;height:14px}.snackbar-content{flex:1;min-width:0}.snackbar-title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.snackbar-body{font-size:var(--text-sm);color:var(--color-foreground-subtle);margin-top:2px}.snackbar-action{color:var(--color-accent-300);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--spacing-2);background:0 0;border:none;padding:0}.snackbar-action:hover{color:var(--color-accent-400)}.snackbar-dismiss{color:var(--color-foreground-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast);background:0 0;border:none;flex-shrink:0;padding:2px}.snackbar-dismiss:hover{color:var(--color-foreground)}.snackbar-dismiss svg{width:16px;height:16px}.table-wrap{border:1px solid var(--color-border-subtle);border-radius:var(--table-radius);overflow:auto hidden}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--table-header-bg)}.table th{text-align:left;padding:var(--table-cell-padding-y) var(--table-cell-padding-x);font-size:var(--table-header-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-disabled);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-subtle)}.table td{padding:var(--table-cell-padding-y) var(--table-cell-padding-x)}.table tbody tr{border-top:1px solid var(--color-border-subtle);transition:background var(--duration-fast)}.table tbody tr:first-child{border-top:none}.table tbody tr:hover{background:var(--color-accent-a04)}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(var(--modal-blur));backdrop-filter:blur(var(--modal-blur));z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{z-index:201;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--modal-radius);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal-description{padding:0 var(--spacing-6) var(--spacing-3);color:var(--color-foreground-subtle);font-size:var(--text-sm);line-height:var(--font-line-height-loose);margin:0}.modal-sm{width:360px}.modal-md{width:500px}.modal-lg{width:680px}.modal-stripe{height:var(--modal-stripe-height);background:linear-gradient(90deg, var(--color-accent-500), transparent)}.modal-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight);margin:0}.modal-header .modal-description{flex-basis:100%;margin:0;padding:0}.modal-body{padding:var(--spacing-6)}.modal-footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-subtle);display:flex}.focus-mode-host{position:relative}.focus-mode{z-index:var(--z-focus-mode);background:var(--color-bg-base);view-transition-name:focus-mode;flex-direction:column;display:flex;position:absolute;inset:0}.focus-mode-header,.focus-mode-footer{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);display:flex}.focus-mode-header{border-bottom:1px solid var(--color-border-subtle)}.focus-mode-footer{border-top:1px solid var(--color-border-subtle)}.focus-mode-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.focus-mode-body{min-height:0;padding:var(--spacing-4) var(--spacing-6);flex:1;overflow-y:auto}.focus-mode-footer-left,.focus-mode-footer-right{align-items:center;gap:var(--spacing-2);display:flex}.focus-mode-exit{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-foreground-muted);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:0;display:inline-flex}.focus-mode-exit:hover{color:var(--color-foreground-secondary);background:var(--color-accent-a08)}.focus-mode-exit:focus-visible{box-shadow:var(--shadow-accent-focus);outline:0}.focus-mode-host[data-tint] .focus-mode-header,.focus-mode[data-tint] .focus-mode-header{border-bottom-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.focus-mode-host[data-tint] .focus-mode-footer,.focus-mode[data-tint] .focus-mode-footer{border-top-color:color-mix(in srgb, var(--color-tint-500) 15%, transparent)}.tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-top:var(--tooltip-stripe-height) solid var(--color-accent-400);border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);color:var(--color-foreground-secondary);box-shadow:var(--shadow-md);white-space:nowrap;z-index:50;padding:.5rem .875rem}.dropdown{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:var(--dropdown-radius);box-shadow:var(--shadow-md);z-index:50;padding:6px;overflow:hidden}.dropdown-item{justify-content:space-between;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);border-radius:var(--dropdown-item-radius);font-size:var(--text-sm);color:var(--color-foreground-secondary);cursor:pointer;transition:background var(--duration-fast);text-align:left;background:0 0;border:none;display:flex}.dropdown-item:hover,.dropdown-item-active{background:var(--color-accent-a08)}.dropdown-item-active{color:var(--color-foreground)}.dropdown-item-danger{color:var(--color-crimson-300)}.dropdown-item-danger:hover{background:#dc262614}.dropdown-item svg{flex-shrink:0;width:16px;height:16px}.dropdown-divider{background:var(--color-border-subtle);height:1px;margin:6px var(--spacing-3)}.scroll-area{position:relative;overflow:hidden}.scroll-area-viewport{border-radius:inherit;width:100%;height:100%}.scroll-area-scrollbar{-webkit-user-select:none;user-select:none;touch-action:none;padding:var(--spacing-1);transition:background var(--duration-fast);background:0 0;display:flex}.scroll-area-scrollbar[data-orientation=vertical]{width:10px;height:100%}.scroll-area-scrollbar[data-orientation=horizontal]{flex-direction:column;width:100%;height:10px}.scroll-area-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full);transition:background var(--duration-fast);flex:1;position:relative}.scroll-area-thumb:before{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-area-scrollbar:hover .scroll-area-thumb{background:var(--color-neutral-500)}.scroll-area-corner{background:0 0}.avatar{border-radius:var(--avatar-radius);font-weight:var(--font-weight-bold);color:#fff;background:linear-gradient(135deg, var(--color-accent-500), var(--color-accent-300));vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.avatar-xs{width:var(--avatar-size-xs);height:var(--avatar-size-xs);font-size:10px}.avatar-sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);font-size:12px}.avatar-md{width:var(--avatar-size-md);height:var(--avatar-size-md);font-size:15px}.avatar-lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:20px}.avatar-xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);font-size:26px}.avatar-image,.avatar-fallback{border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-image{object-fit:cover}.avatar-fallback{text-transform:uppercase;letter-spacing:.5px;line-height:1}.avatar-group{align-items:center;display:inline-flex}.avatar-group>*+*{margin-left:calc(-1 * var(--spacing-2))}.avatar-group>*{box-shadow:0 0 0 2px var(--color-bg-base)}.avatar-group>:first-child{z-index:8}.avatar-group>:nth-child(2){z-index:7}.avatar-group>:nth-child(3){z-index:6}.avatar-group>:nth-child(4){z-index:5}.avatar-group>:nth-child(5){z-index:4}.avatar-group>:nth-child(6){z-index:3}.avatar-group>:nth-child(7){z-index:2}.avatar-group>:nth-child(8){z-index:1}.avatar-group-count{background:var(--color-neutral-300);color:var(--color-foreground-muted);font-weight:var(--font-weight-semibold)}.avatar-badge{box-sizing:content-box;border-radius:var(--radius-full);background:var(--color-accent-500);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);border:2px solid var(--color-bg-base);justify-content:center;align-items:center;min-width:10px;min-height:10px;padding:0 3px;line-height:1;display:inline-flex;position:absolute;bottom:0;right:0}.avatar-xs .avatar-badge{display:none}.avatar-sm .avatar-badge{min-width:8px;min-height:8px;font-size:8px}.avatar-md .avatar-badge{min-width:10px;min-height:10px;font-size:9px}.avatar-lg .avatar-badge{min-width:12px;min-height:12px;font-size:10px}.avatar-xl .avatar-badge{min-width:14px;min-height:14px;font-size:11px}.avatar-badge-online{background:var(--color-success)}.avatar-badge-away{background:var(--color-warning)}.avatar-badge-busy{background:var(--color-error)}.avatar-badge-offline{background:var(--color-foreground-ghost)}.chip{padding:var(--chip-padding-y) var(--chip-padding-x);border-radius:var(--chip-radius);font-size:var(--chip-font-size);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:inline-flex}.chip-accent{background:var(--color-accent-a15);color:var(--color-accent-300)}.chip-neutral{background:var(--color-neutral-350);color:var(--color-foreground-muted)}.chip-close{width:var(--chip-close-size);height:var(--chip-close-size);border-radius:var(--radius-full);cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chip-close:hover{background:var(--color-accent-a25)}.chip-close svg{width:12px;height:12px}.chip-input-wrap{background:var(--color-bg-elevated-1);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);cursor:text;min-height:48px;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip-input-wrap:focus-within{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent-focus)}.chip-input-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-300);letter-spacing:.3px;flex-basis:100%;margin-bottom:2px}.chip-inline-input{font-size:var(--text-sm);color:var(--color-foreground);background:0 0;border:none;outline:none;flex:auto;min-width:80px;padding:0}.chip-inline-input::placeholder{color:var(--color-foreground-ghost)}.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--input-font-size);color:var(--color-foreground);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none}.input:focus{border-color:var(--color-accent-400);box-shadow:0 0 0 3px var(--color-accent-a15)}.input::placeholder{color:var(--color-foreground-disabled)}.input-float{position:relative}.input-float .input{padding-top:1.75rem;padding-bottom:.5rem}.input-float label{left:var(--spacing-4);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;color:var(--color-foreground-subtle);pointer-events:none;transition:all var(--duration-fast);position:absolute;top:.5rem}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--spacing-3);overflow-y:auto}.sidebar-app-header{align-items:center;gap:var(--sidebar-app-header-gap);padding-bottom:var(--sidebar-app-header-padding-bottom);margin-bottom:var(--sidebar-app-header-margin-bottom);border-bottom:1px solid var(--color-border-subtle);display:flex}.sidebar-app-mark{width:var(--sidebar-app-mark-size);height:var(--sidebar-app-mark-size);border-radius:var(--radius-md);color:var(--color-accent-400);cursor:inherit;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.sidebar-app-mark svg{width:100%;height:100%}.sidebar-app-name,.sidebar-app-name-plain{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--font-letter-spacing-tight);line-height:1}.sidebar-app-name{background:linear-gradient(135deg, var(--color-accent-300), var(--color-accent-600));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.sidebar-app-name-plain{color:var(--color-foreground)}.sidebar-collapsed .sidebar-app-name,.sidebar-collapsed .sidebar-app-name-plain,.sidebar-icon-only .sidebar-app-name,.sidebar-icon-only .sidebar-app-name-plain{display:none}.sidebar-item{align-items:center;gap:var(--spacing-3);padding:var(--sidebar-item-padding-y) var(--sidebar-item-padding-x);border-radius:var(--sidebar-item-radius);font-size:var(--sidebar-item-font-size);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--color-foreground-muted);background:var(--color-accent-a04)}.sidebar-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-item-active{color:var(--color-accent-300);background:var(--color-accent-a10);font-weight:var(--font-weight-semibold)}.sidebar-item-count{padding:var(--sidebar-item-count-padding-y) var(--sidebar-item-count-padding-x);border-radius:var(--radius-full);background:var(--color-neutral-350);color:var(--color-foreground-muted);font-size:var(--sidebar-item-count-font-size);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;line-height:1;display:inline-flex}.sidebar-item-count-accent,.sidebar-item-active .sidebar-item-count{background:var(--color-accent-a15);color:var(--color-accent-300)}.sidebar-collapsed .sidebar-item-count,.sidebar-icon-only .sidebar-item-count{min-width:var(--sidebar-item-count-bubble-size);height:var(--sidebar-item-count-bubble-size);padding:0 var(--sidebar-item-count-bubble-padding-x);background:var(--color-accent-a15);color:var(--color-accent-300);margin-left:0;position:absolute;top:2px;right:2px}.sidebar-group-label{font-size:var(--sidebar-group-font-size);font-weight:var(--font-weight-bold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--sidebar-item-padding-x)}.sidebar-collapsed{width:var(--sidebar-width-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--spacing-3) 0;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.sidebar-collapsed .sidebar-item{padding:var(--spacing-3) var(--spacing-2);text-align:center;border-radius:var(--radius-lg);flex-direction:column;gap:.25rem;width:56px;font-size:.6875rem}.sidebar-collapsed .sidebar-item svg{width:20px;height:20px}.sidebar-collapsed .sidebar-group-label{display:none}.sidebar-icon-only{width:var(--sidebar-width-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--spacing-3) 0;align-items:center;gap:var(--spacing-1);flex-direction:column;display:flex;overflow-y:auto}.sidebar-icon-only .sidebar-item{padding:var(--spacing-3);border-radius:var(--radius-lg);justify-content:center;gap:0;width:44px;height:44px;font-size:0}.sidebar-icon-only .sidebar-item svg{width:20px;height:20px}.sidebar-icon-only .sidebar-group-label{display:none}.sidebar-drawer{z-index:50;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:260px;padding:var(--spacing-3);transition:transform var(--duration-slow) var(--easing-out);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.sidebar-backdrop{z-index:40;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing-out);background:#00000080;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-topbar{z-index:40;padding:var(--spacing-3) var(--spacing-4);background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.hamburger{padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-foreground-subtle);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.hamburger:hover{color:var(--color-foreground-body);background:var(--color-accent-a04)}.hamburger svg{width:20px;height:20px}.mobile-nav{z-index:40;padding:var(--spacing-2) 0;background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{padding:var(--spacing-2) 0;min-height:44px;color:var(--color-foreground-subtle);font-size:.6875rem;font-weight:var(--font-weight-medium);transition:color var(--duration-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;text-decoration:none;display:flex}.mobile-nav-item:hover{color:var(--color-foreground-muted)}.mobile-nav-item-active{color:var(--color-accent-300)}.mobile-nav-item svg{width:20px;height:20px}.navbar{z-index:30;align-items:center;gap:var(--navbar-gap);height:var(--navbar-height);padding:0 var(--navbar-padding-x);background:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:var(--navbar-brand-gap);margin-right:var(--spacing-2);flex-shrink:0;text-decoration:none;display:flex}.navbar-nav{align-items:center;gap:var(--navbar-gap);display:flex}.navbar-item{align-items:center;gap:var(--spacing-2);padding:var(--navbar-item-padding-y) var(--navbar-item-padding-x);border-radius:var(--navbar-item-radius);font-size:var(--navbar-item-font-size);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast), background var(--duration-fast);text-decoration:none;display:inline-flex}.navbar-item:hover{color:var(--color-foreground-muted);background:var(--color-accent-a04)}.navbar-item svg{flex-shrink:0;width:18px;height:18px}.navbar-item-active{color:var(--color-accent-300);background:var(--color-accent-a15);font-weight:var(--font-weight-semibold)}.navbar-actions{align-items:center;gap:var(--spacing-3);flex-shrink:0;margin-left:auto;display:flex}.navbar .hamburger{display:none}.tab-list{border-bottom:1px solid var(--color-border-subtle);display:flex}.tab{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--tab-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-ghost);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;display:inline-flex;position:relative}.tab:hover{color:var(--color-foreground-muted)}.tab svg{flex-shrink:0;width:20px;height:20px}.tab-active,.tab[data-state=active]{color:var(--color-foreground)}.tab-active:after,.tab[data-state=active]:after{content:"";height:var(--tab-indicator-height);border-radius:var(--radius-full);background:var(--color-accent-400);box-shadow:0 2px 12px var(--color-accent-a25);position:absolute;bottom:-1px;left:6px;right:6px}.seg-control{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);align-items:center;gap:4px;padding:4px;display:inline-flex}.seg-btn{height:36px;padding:0 var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none}.seg-btn:hover{color:var(--color-foreground-muted)}.seg-btn-active{background:var(--color-neutral-300);color:var(--color-foreground)}.progress{height:var(--progress-height);background:var(--progress-track-bg);border-radius:var(--progress-radius);overflow:hidden}.progress-bar{border-radius:var(--progress-radius);background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-300));height:100%;transition:width var(--duration-slow) var(--easing-out)}.progress-bar-success{background:linear-gradient(90deg, var(--color-success), var(--color-emerald-300))}.progress-bar-error{background:linear-gradient(90deg, var(--color-error), var(--color-crimson-300))}.fab{width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background:var(--color-accent-500);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--easing-spring);border:none;justify-content:center;align-items:center;display:flex}.fab:hover{background:var(--color-accent-400);transform:scale(1.02)}.fab:active{transform:scale(.98)}.fab svg{width:var(--fab-icon-size);height:var(--fab-icon-size)}.fab-mini{width:var(--fab-size-mini);height:var(--fab-size-mini)}.fab-mini svg{width:20px;height:20px}.fab-extended{width:auto;padding:0 var(--spacing-6);gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.fab-extended svg{width:20px;height:20px}.pagination{align-items:center;gap:4px;display:flex}.page-btn{width:var(--pagination-button-size);height:var(--pagination-button-size);border-radius:var(--pagination-radius);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.page-btn:hover{background:var(--color-accent-a04);color:var(--color-foreground-muted)}.page-btn:focus-visible{box-shadow:var(--shadow-accent-focus);outline:none}.page-btn:disabled,.page-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.page-btn svg{width:16px;height:16px}.page-btn-active{background:var(--color-accent-500);color:#fff}.page-btn-arrow{color:var(--color-foreground-ghost)}.page-btn-arrow:hover{color:var(--color-foreground)}.page-btn-ellipsis{color:var(--color-foreground-ghost);cursor:default;pointer-events:none;background:0 0}.load-more{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.load-more-count{font-size:var(--text-sm);color:var(--color-foreground-subtle)}.load-more-btn{min-width:140px}.spinner{border-radius:var(--radius-full);border:3px solid var(--color-neutral-400);border-top-color:var(--color-accent-400);animation:.8s linear infinite spin}.spinner-sm{width:var(--spinner-size-sm);height:var(--spinner-size-sm);border-width:2px}.spinner-md{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-lg{width:var(--spinner-size-lg);height:var(--spinner-size-lg);border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.accordion{border-radius:var(--card-radius);overflow:hidden}.accordion-item{border-bottom:1px solid var(--card-border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{align-items:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);cursor:pointer;text-align:left;transition:background var(--duration-fast);background:0 0;border:none;display:flex}.accordion-trigger:hover{background:var(--color-accent-a04)}.accordion-body{padding:0 var(--spacing-6) var(--spacing-6);font-size:var(--text-sm);color:var(--color-foreground-body);line-height:var(--font-line-height-loose)}.divider{background:var(--color-border-subtle);border:0;height:1px}.divider-accent{background:var(--color-accent-400);height:2px}.empty-state{border:1px dashed var(--color-border-default);border-radius:var(--card-radius);padding:var(--spacing-12);text-align:center}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--color-foreground-ghost)}.empty-state-title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-foreground-secondary);margin-bottom:var(--spacing-2)}.empty-state-body{font-size:var(--text-sm);color:var(--color-foreground-body);max-width:320px;margin:0 auto var(--spacing-6)}.timeline{padding-left:32px;position:relative}.timeline__line{background:var(--color-border-default);width:2px;position:absolute;top:8px;bottom:8px;left:11px}.timeline__item{padding-bottom:var(--spacing-8);position:relative}.timeline__icon{border-radius:var(--radius-full);z-index:1;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2px;left:-32px}.timeline__icon svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.timeline__icon--accent{background:var(--color-accent-500)}.timeline__icon--success{background:var(--color-success)}.timeline__icon--warning{background:var(--color-warning)}.timeline__icon--info{background:var(--color-info)}.timeline__icon--error{background:var(--color-error)}.timeline__title{color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.timeline__time{color:var(--color-foreground-subtle);font-size:var(--text-xs);margin-bottom:8px}.timeline__card{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-foreground-body);font-size:var(--text-sm);padding:12px}.timeline--compact{padding-left:24px}.timeline--compact .timeline__line{left:7px}.timeline--compact .timeline__item{padding-bottom:var(--spacing-6)}.timeline__dot{border-radius:var(--radius-full);background:var(--color-neutral-600);border:3px solid var(--color-bg-elevated-1);z-index:1;width:16px;height:16px;position:absolute;top:6px;left:-24px}.timeline__dot--accent{background:var(--color-accent-500)}.code-block{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);position:relative;overflow:hidden}.code-block-header{background:var(--color-bg-elevated-3);border-bottom:1px solid var(--color-border-subtle);font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-foreground-subtle);padding:10px 16px}.code-block pre{font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-foreground);margin:0;padding:20px 20px 20px 0;line-height:1.5;overflow-x:auto}.line-number{text-align:right;min-width:32px;color:var(--color-foreground-ghost);-webkit-user-select:none;user-select:none;padding-right:16px;display:inline-block}.token-keyword{color:var(--color-accent-300)}.token-string{color:var(--color-emerald-300)}.token-punct{color:var(--color-foreground-ghost)}.token-subtle{color:var(--color-foreground-subtle)}.token-comment{color:var(--color-foreground-subtle);font-style:italic}.code-block-copy{background:var(--color-bg-elevated-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:12px}.code-block-copy:hover{background:var(--color-neutral-400);color:var(--color-foreground)}.code-block-copy.copied{color:var(--color-success)}.code-block-copy svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.code-block.has-header .code-block-copy{top:48px}.breadcrumb{flex-wrap:wrap;align-items:center;gap:0;display:inline-flex}.breadcrumb-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);transition:color var(--duration-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--color-foreground-body);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px;border-radius:2px}.breadcrumb-link--icon{align-items:center;gap:4px;display:inline-flex}.breadcrumb-link--icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.breadcrumb-sep{color:var(--color-foreground-ghost);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;margin:0 8px}.breadcrumb-current{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-300);cursor:default}.stepper{align-items:flex-start;gap:0;display:flex}.stepper-step{flex-direction:column;flex:1;align-items:center;display:flex}.stepper-step:not(:last-child){position:relative}.stepper-step:not(:last-child):after{content:"";background:var(--color-border-strong);height:2px;position:absolute;top:15px;left:calc(50% + 16px);right:calc(16px - 50%)}.stepper-step.completed:after,.stepper-step.current:after{background:var(--color-accent-500)}.stepper-circle{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);z-index:1;background:var(--color-bg-surface);border:2px solid;justify-content:center;align-items:center;display:flex;position:relative}.stepper-step.completed .stepper-circle{background:var(--color-accent-500);border-color:var(--color-accent-500);color:#fff}.stepper-step.completed .stepper-circle svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.stepper-step.current .stepper-circle{background:var(--color-accent-a15);border-color:var(--color-accent-400);color:var(--color-accent-300);animation:2s ease-out infinite stepper-pulse}@keyframes stepper-pulse{0%{box-shadow:0 0 0 0 var(--color-accent-a25)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.stepper-step.upcoming .stepper-circle{border-color:var(--color-border-strong);color:var(--color-foreground-disabled);background:0 0}.stepper-label{font-size:var(--text-xs);text-align:center;margin-top:8px}.stepper-step.completed .stepper-label{color:var(--color-foreground-subtle)}.stepper-step.current .stepper-label{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.stepper-step.upcoming .stepper-label{color:var(--color-foreground-disabled)}.radio-input{opacity:0;width:0;height:0;position:absolute}.radio-label{cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-body);transition:color var(--duration-fast);align-items:center;gap:10px;display:inline-flex}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-group.horizontal{flex-direction:row;gap:24px}.radio-circle{border-radius:var(--radius-full);border:2px solid var(--color-border-strong);background:var(--color-bg-surface);width:20px;height:20px;transition:background var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.radio-label:hover .radio-circle{border-color:var(--color-border-emphasis)}.radio-dot{border-radius:var(--radius-full);background:var(--color-accent-500);opacity:0;width:8px;height:8px;transition:opacity var(--duration-fast), transform var(--duration-fast) ease-out;transform:scale(0)}.radio-input:checked+.radio-circle{background:var(--color-accent-a15);border-color:var(--color-accent-400)}.radio-input:checked+.radio-circle .radio-dot{opacity:1;transform:scale(1)}.radio-input:focus-visible+.radio-circle{box-shadow:var(--shadow-accent-focus)}.radio-input:disabled+.radio-circle{opacity:.45;cursor:not-allowed}.radio-input:disabled~*{color:var(--color-foreground-disabled);cursor:not-allowed}.checkbox-input{opacity:0;width:0;height:0;position:absolute}.checkbox-label{cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-body);transition:color var(--duration-fast);align-items:center;gap:10px;display:inline-flex}.checkbox-group{flex-direction:column;gap:12px;display:flex}.checkbox-group.horizontal{flex-direction:row;gap:24px}.checkbox-box{border-radius:var(--radius-sm);border:2px solid var(--color-border-strong);background:var(--color-bg-surface);width:20px;height:20px;transition:background var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox-label:hover .checkbox-box{border-color:var(--color-border-emphasis)}.checkbox-box svg{color:#fff;opacity:0;width:14px;height:14px;transition:opacity var(--duration-fast), transform var(--duration-fast) ease-out;transform:scale(.6)}.checkbox-box:before{content:"";opacity:0;width:10px;height:2px;transition:opacity var(--duration-fast), transform var(--duration-fast) ease-out;background:#fff;border-radius:1px;position:absolute;transform:scale(.6)}.checkbox-input:checked+.checkbox-box{background:var(--color-accent-500);border-color:var(--color-accent-500)}.checkbox-input:checked+.checkbox-box svg{opacity:1;transform:scale(1)}.checkbox-input:indeterminate+.checkbox-box{background:var(--color-accent-500);border-color:var(--color-accent-500)}.checkbox-input:indeterminate+.checkbox-box:before{opacity:1;transform:scale(1)}.checkbox-input:focus-visible+.checkbox-box{box-shadow:var(--shadow-accent-focus)}.checkbox-input:disabled+.checkbox-box{opacity:.45;cursor:not-allowed}.checkbox-input:disabled~*{color:var(--color-foreground-disabled);cursor:not-allowed}.drop-zone{background:var(--color-bg-elevated-1);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast);padding:40px 24px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-accent-400);background:var(--color-accent-a15)}.drop-zone:focus-visible{box-shadow:var(--shadow-accent-focus);outline:none}.drop-zone-icon{color:var(--color-foreground-disabled);margin-bottom:12px}.drop-zone-icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.drop-zone-text{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground-body);margin-bottom:6px}.drop-zone-hint{font-size:var(--text-xs);color:var(--color-foreground-disabled)}.drop-zone--compact{padding:20px 24px}.drop-zone--compact .drop-zone-icon svg{width:28px;height:28px}.file-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.file-item{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;display:flex}.file-item-icon{color:var(--color-foreground-subtle);flex-shrink:0;display:flex}.file-item-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:20px;height:20px}.file-item-info{flex:1;min-width:0}.file-item-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-item-size{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.file-item-progress{background:var(--color-border-subtle);border-radius:var(--radius-full);height:4px;margin-top:6px;overflow:hidden}.file-item-progress-fill{background:var(--color-accent-500);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) ease-out}.file-item-remove{color:var(--color-foreground-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast);background:0 0;border:none;flex-shrink:0;padding:4px;display:flex}.file-item-remove:hover{color:var(--color-error)}.file-item-remove svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.cmd-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;animation:fade-in var(--duration-normal) ease-out;background:#000000a6;position:fixed;inset:0}.command-palette{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);z-index:501;width:100%;max-width:600px;animation:cmd-in var(--duration-normal) ease-out;position:fixed;top:20%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 48px #0009}@keyframes cmd-in{0%{opacity:0;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.command-palette-input-wrap{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;padding:14px 16px;display:flex}.command-palette-input-wrap svg{width:18px;height:18px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2px;flex-shrink:0}.command-palette-input{font-size:var(--text-base);color:var(--color-foreground);background:0 0;border:none;outline:none;flex:1}.command-palette-input::placeholder{color:var(--color-foreground-disabled)}.command-palette-results{max-height:400px;padding:8px 0;overflow-y:auto}.command-palette-group-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px}.command-palette-item{cursor:pointer;transition:background var(--duration-fast);align-items:center;gap:12px;padding:10px 14px;display:flex}.command-palette-item svg{width:18px;height:18px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2px;flex-shrink:0}.command-palette-item:hover,.command-palette-item:focus{background:var(--color-accent-a15);outline:none}.command-palette-item:hover .command-palette-item-label,.command-palette-item:focus .command-palette-item-label{color:var(--color-foreground)}.command-palette-item-label{font-size:var(--text-sm);color:var(--color-foreground-body);flex:1}.command-palette-kbd{font-family:var(--font-family-mono);color:var(--color-foreground-subtle);background:var(--color-neutral-350);border-radius:var(--radius-sm);white-space:nowrap;padding:3px 7px;font-size:12px}.command-palette-divider{background:var(--color-neutral-350);height:1px;margin:4px 0}.slider-wrap{align-items:center;gap:0;display:flex}.slider-min,.slider-max{font-size:var(--text-xs);color:var(--color-foreground-subtle);white-space:nowrap}.slider-min{margin-right:10px}.slider-max{margin-left:10px}.slider-value-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-400);text-align:right;min-width:32px;margin-left:12px}.slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(to right, var(--color-accent-500) 0%, var(--color-accent-500) var(--fill,40%), var(--color-border-default) var(--fill,40%), var(--color-border-default) 100%);outline:none;flex:1;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--color-accent-500);border:2px solid var(--color-accent-400);cursor:pointer;width:18px;height:18px;transition:background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast)}.slider::-webkit-slider-thumb:hover{background:var(--color-accent-400);transform:scale(1.1)}.slider:active::-webkit-slider-thumb{background:var(--color-accent-600);box-shadow:0 0 0 6px var(--color-accent-a15)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-accent-focus)}.slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-accent-500);border:2px solid var(--color-accent-400);cursor:pointer;width:18px;height:18px;transition:background var(--duration-fast), box-shadow var(--duration-fast)}.slider::-moz-range-progress{background:var(--color-accent-500);border-radius:var(--radius-full);height:6px}.slider::-moz-range-track{background:var(--color-border-default);border-radius:var(--radius-full);height:6px}.slider:disabled{cursor:not-allowed;opacity:.45}.datepicker-input-wrap{align-items:center;display:flex;position:relative}.datepicker-icon{color:var(--color-foreground-subtle);pointer-events:none;display:flex;position:absolute;right:14px}.datepicker-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.datepicker-calendar{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);animation:dp-in var(--duration-normal) ease-out;margin-top:4px;padding:12px}@keyframes dp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.datepicker-month-label{font-weight:var(--font-weight-extrabold);font-size:var(--text-base);color:var(--color-foreground)}.datepicker-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.datepicker-weekdays span{font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold)}.datepicker-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-day{width:var(--datepicker-day-size);height:var(--datepicker-day-size);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-foreground-muted);cursor:pointer;transition:background var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.datepicker-day:hover{background:#ffffff0d}.datepicker-day.today,.datepicker-day.selected{background:var(--color-accent-500);color:#fff}.datepicker-day.in-range{background:var(--color-accent-a15);color:var(--color-foreground);border-radius:0}.datepicker-day.range-start,.datepicker-day.range-end{background:var(--color-accent-500);color:#fff;border-radius:var(--radius-full)}.datepicker-day.empty{cursor:default}.datepicker-range-wrap{align-items:center;gap:12px;display:flex}.datepicker-range-wrap .datepicker-input-wrap{flex:1}.datepicker-range-arrow{color:var(--color-foreground-subtle);flex-shrink:0;display:flex}.datepicker-range-arrow svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.kbd{background:var(--color-neutral-350);color:var(--color-foreground-subtle);font-family:var(--font-family-mono);border-radius:var(--radius-sm);align-items:center;padding:2px 6px;font-size:12px;display:inline-flex}.search-pill{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-foreground-disabled);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.search-pill:hover{border-color:var(--color-border-strong);color:var(--color-foreground-subtle)}.search-pill .kbd{margin-left:auto}.search-bar{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;display:flex;position:relative}.search-bar-icon{color:var(--color-foreground-disabled);display:flex;position:absolute;left:12px}.search-bar-input{width:100%;font-size:var(--text-sm);color:var(--color-foreground);background:0 0;border:none;outline:none;padding:10px 14px 10px 40px}.search-bar:focus-within{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent-focus)}.search-results{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:100;border-top:none;padding:8px 0;position:absolute;top:100%;left:-1px;right:-1px}.search-section-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px;padding:6px 14px 4px}.search-result-item{cursor:pointer;transition:background var(--duration-fast);align-items:center;gap:10px;padding:9px 14px;display:flex}.search-result-item:hover{background:var(--color-accent-a15);color:var(--color-foreground)}.search-result-meta{color:var(--color-foreground-subtle);margin-left:auto;font-size:12px}.search-divider{background:var(--color-neutral-350);height:1px;margin:4px 0}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.swatch{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:transform var(--duration-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.swatch:hover{transform:scale(1.1)}.swatch--selected{box-shadow:0 0 0 2px var(--color-bg-base), 0 0 0 4px var(--color-foreground)}.swatch .check{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #00000080);width:16px;height:16px}.swatch:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.color-picker-extended{flex-direction:column;gap:12px;display:flex}.color-group-label{font-size:var(--text-xs);color:var(--color-foreground-ghost);margin-bottom:4px}.color-group-swatches{flex-wrap:wrap;gap:6px;display:flex}.color-group-swatches .swatch{border-radius:var(--radius-md);width:32px;height:32px}.cal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-title{font-size:var(--text-lg);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight)}.cal-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.cal-weekdays span{color:var(--color-foreground-subtle);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-day{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-xs);color:var(--color-foreground-muted);cursor:pointer;transition:background var(--duration-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.cal-day:hover{background:#ffffff0d}.cal-day.today{background:var(--color-accent-500);color:#fff}.cal-day.selected{background:var(--color-accent-a15);color:var(--color-foreground)}.cal-day.empty{cursor:default}.cal-day.has-event:after{content:"";border-radius:var(--radius-full);background:var(--color-accent-400);width:4px;height:4px;margin-top:2px;display:block}.cal-event-card{background:var(--color-bg-elevated-2);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.cal-event-card--accent{border-left:3px solid var(--color-accent-400)}.cal-event-card--success{border-left:3px solid var(--color-success)}.cal-event-card--warning{border-left:3px solid var(--color-warning)}.cal-event-title{font-weight:var(--font-weight-semibold);color:var(--color-foreground);font-size:var(--text-sm)}.cal-event-time{color:var(--color-foreground-subtle);font-size:var(--text-xs)}.cal-week-grid{grid-template-columns:60px repeat(7,1fr);gap:1px;display:grid}.cal-week-cell{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);min-height:48px;padding:4px}.cal-event-block{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:4px 8px}.cal-event-block--accent{background:var(--color-accent-a15);border-left:3px solid var(--color-accent-400);color:var(--color-accent-300)}.cal-event-block--success{border-left:3px solid var(--color-success);color:var(--color-success);background:#10b9811f}.cal-event-block--warning{border-left:3px solid var(--color-warning);color:var(--color-warning);background:#f59e0b1f}.select{align-items:center;gap:var(--select-chip-gap);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--select-radius);cursor:pointer;min-height:48px;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:8px 12px;display:flex;position:relative}.select--multi{flex-wrap:wrap}.select:hover{border-color:var(--color-border-strong)}.select.open{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent-focus)}.select-value{font-size:var(--text-sm);color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-value--empty{color:var(--color-foreground-disabled)}.select-chevron{color:var(--color-foreground-subtle);transition:transform var(--duration-normal);margin-left:auto;display:flex}.select.open .select-chevron{transform:rotate(180deg)}.select-chevron svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.select-count{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.select-dropdown{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--select-dropdown-radius);z-index:100;max-height:320px;animation:select-in var(--duration-normal) ease-out;margin-top:4px;overflow-y:auto}@keyframes select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-search{border-bottom:1px solid var(--color-border-default)}.select-search input{width:100%;font-size:var(--text-sm);color:var(--color-foreground);background:0 0;border:none;outline:none;padding:10px 14px}.select-search input::placeholder{color:var(--color-foreground-disabled)}.select-actions{border-bottom:1px solid var(--color-border-default);justify-content:space-between;padding:8px 14px;display:flex}.select-action-link{font-size:var(--text-xs);color:var(--color-accent-400);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none}.select-action-link:hover{color:var(--color-accent-300)}.select-group-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px}.select-option{cursor:pointer;color:var(--color-foreground-body);transition:background var(--duration-fast), color var(--duration-fast);align-items:center;gap:10px;padding:9px 14px;display:flex}.select-option:hover{background:var(--color-accent-a15);color:var(--color-foreground)}.select-option[aria-disabled=true]{color:var(--color-foreground-disabled);cursor:not-allowed}.select-option[aria-disabled=true]:hover{color:var(--color-foreground-disabled);background:0 0}.select-check{color:var(--color-accent-400);margin-left:auto;display:none}.select-option[aria-selected=true] .select-check{display:inline-flex}.select-check svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:16px;height:16px}.select-checkbox{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.select-checkbox.checked{background:var(--color-accent-500)}.select-checkbox.checked svg{stroke:#fff;fill:none;stroke-width:2.5px;width:11px;height:11px}.select-checkbox.unchecked{background:var(--color-border-subtle);border:1px solid var(--color-border-emphasis)}.select-empty{text-align:center;color:var(--color-foreground-disabled);font-size:var(--text-sm);padding:24px 14px}.segmented-control{background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.segmented-btn{border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 16px;display:inline-flex}.segmented-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.segmented-btn:hover:not(.active){color:var(--color-foreground-body);background:#ffffff08}.segmented-btn.active{background:var(--color-bg-elevated-3);color:var(--color-foreground);font-weight:var(--font-weight-semibold);border-color:var(--color-border-strong)}.segmented-control.accent .segmented-btn.active{background:var(--color-accent-a20);color:var(--color-accent-300);border-color:var(--color-accent-400)}.segmented-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent-400);outline:none}.segmented-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.accordion-header{width:100%;color:var(--color-foreground);font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;transition:background var(--duration-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.accordion-header:hover{background:#ffffff05}.accordion-header:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent-400);outline:none}.accordion-chevron{width:20px;height:20px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-normal) ease-in-out;flex-shrink:0}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-item.open .accordion-body{max-height:500px}.accordion-body-inner{color:var(--color-foreground-body);font-size:var(--text-sm);padding:0 20px 16px;line-height:1.6}.divider-compact{margin:8px 0}.divider-spacious{margin:32px 0}.divider-label{font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold);align-items:center;margin:16px 0;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--color-border-default);flex:1;height:1px}.divider-label:before{margin-right:16px}.divider-label:after{margin-left:16px}.divider-label-left{font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold);align-items:center;margin:16px 0;display:flex}.divider-label-left:after{content:"";background:var(--color-border-default);flex:1;height:1px;margin-left:12px}.empty-state__icon{opacity:.2;color:var(--color-foreground);flex-shrink:0;margin-bottom:20px}.empty-state__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-foreground-secondary);margin-bottom:8px}.empty-state__desc{font-size:var(--text-sm);color:var(--color-foreground-body);max-width:360px;margin-bottom:24px;line-height:1.6}.error-page{min-height:100vh;padding:var(--spacing-8);justify-content:center;align-items:center;display:flex}.error-page__content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;display:flex}.error-page__number{font-size:clamp(80px,15vw,160px);font-weight:var(--font-weight-extrabold);letter-spacing:-2px;background:linear-gradient(135deg, var(--color-neutral-350), var(--color-neutral-600));-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;line-height:1}.error-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight)}.error-page__desc{font-size:var(--text-base);color:var(--color-foreground-body);max-width:420px;line-height:1.6}.error-page__actions{gap:12px;margin-top:8px;display:flex}.error-page__icon-container{padding:var(--spacing-6);border-radius:var(--radius-lg);background:#b91c1c14;border:1px solid #b91c1c26;justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.rte-container{background:var(--color-bg-elevated-1);border:1px solid var(--color-border-default);border-radius:var(--rich-text-editor-radius);overflow:hidden}.rte-toolbar{background:var(--rich-text-editor-toolbar-bg);border-bottom:1px solid var(--rich-text-editor-toolbar-border);flex-wrap:wrap;align-items:center;gap:2px;padding:8px 12px;display:flex}.rte-toolbar-btn{width:var(--rich-text-editor-btn-size);height:var(--rich-text-editor-btn-size);border-radius:var(--radius-md);color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.rte-toolbar-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.rte-toolbar-btn:hover{background:var(--color-bg-elevated-3);color:var(--color-foreground)}.rte-toolbar-btn.active{background:var(--color-accent-a10);color:var(--color-accent-300)}.rte-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.rte-toolbar-divider{background:var(--color-border-default);flex-shrink:0;align-self:center;width:1px;height:20px;margin:0 6px}.rte-body{min-height:200px;color:var(--color-foreground-body);font-size:var(--text-base);outline:none;padding:20px 24px;line-height:1.6}.rte-body h2{color:var(--color-foreground);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:12px}.rte-body code{background:var(--color-accent-a10);color:var(--color-accent-300);font-family:var(--font-family-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);padding:2px 6px}.rte-footer{background:var(--rich-text-editor-toolbar-bg);border-top:1px solid var(--rich-text-editor-toolbar-border);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.rte-char-count{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.rte-toggle-label{font-size:var(--text-xs);color:var(--color-foreground-subtle);align-items:center;gap:8px;display:flex}.chat-msg-list{gap:var(--chat-msg-gap);flex-direction:column;display:flex}.chat-msg-wrapper{display:flex}.chat-msg-wrapper-sent{justify-content:flex-end}.chat-msg-wrapper-received{justify-content:flex-start}.chat-msg{padding:var(--chat-msg-padding-y) var(--chat-msg-padding-x);font-size:var(--chat-msg-font-size);max-width:var(--chat-msg-max-width);word-break:break-word;border-radius:1rem;line-height:1.6}.chat-msg-sent{background:linear-gradient(135deg, var(--color-accent-a10), var(--color-accent-a04));border:1px solid var(--color-accent-a15);color:var(--color-foreground);border-radius:1rem 1rem .375rem;box-shadow:0 4px 16px #0000001f}.chat-msg-received{border:1px solid var(--color-border-subtle);color:var(--color-foreground-body);background:linear-gradient(135deg,#b4b4b40f,#b4b4b405);border-radius:1rem 1rem 1rem .375rem;box-shadow:0 4px 16px #0003}.chat-msg-system{box-shadow:none;font-size:var(--chat-msg-font-size-system);color:var(--color-foreground-subtle);text-align:center;max-width:100%;padding:var(--chat-msg-padding-y) 0;background:0 0;border:none;border-radius:0;align-self:center}.chat-msg-tool{background:color-mix(in srgb, var(--color-warning) 4%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 8%, transparent);border-left:var(--chat-msg-tool-border) solid color-mix(in srgb, var(--color-warning) 30%, transparent);color:var(--color-foreground-subtle);font-size:var(--chat-msg-font-size-system);max-width:var(--chat-msg-max-width);box-shadow:none;border-radius:0 .5rem .5rem 0}.chat-msg-tool strong{color:var(--color-warning);font-weight:var(--font-weight-medium)}.chat-input{background:var(--chat-input-bg);border:1px solid var(--chat-input-border);border-radius:var(--chat-input-radius);padding:var(--chat-input-padding);box-shadow:var(--shadow-lg);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.chat-input:focus-within{border-color:var(--color-accent-a15);box-shadow:0 0 0 3px var(--color-accent-a08), var(--shadow-lg)}.chat-input-streaming{border-color:color-mix(in srgb, var(--color-error) 20%, var(--chat-input-border))}.chat-input-textarea{resize:none;width:100%;color:var(--color-foreground);font-size:var(--chat-input-font-size);max-height:var(--chat-input-max-height);background:0 0;border:none;outline:none;font-family:inherit;line-height:1.6;display:block;overflow-y:auto}.chat-input-textarea::placeholder{color:var(--color-foreground-disabled)}.chat-input-textarea:disabled{opacity:.5;cursor:not-allowed}.chat-input-footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;display:flex}.chat-input-count{color:var(--color-foreground-disabled);font-variant-numeric:tabular-nums;font-size:.6875rem}.chat-input-actions{align-items:center;gap:.5rem;display:flex}.chat-input-send{background:linear-gradient(135deg, var(--color-accent-300), var(--color-accent-500));color:#000;border-radius:var(--radius-lg);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;cursor:pointer;transition:opacity var(--duration-fast), transform var(--duration-fast);border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;display:inline-flex}.chat-input-send svg{width:16px;height:16px}.chat-input-send:hover{transform:scale(1.02)}.chat-input-send:active{transform:scale(.98)}.chat-input-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-input-stop{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error);border-radius:var(--radius-lg);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;border:1px solid color-mix(in srgb, var(--color-error) 20%, transparent);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;animation:1.5s ease-in-out infinite chat-input-pulse;display:inline-flex}.chat-input-stop svg{width:16px;height:16px}.chat-input-stop:hover{background:color-mix(in srgb, var(--color-error) 15%, transparent)}@keyframes chat-input-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-error) 20%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-error) 8%, transparent)}}.side-panel{width:var(--side-panel-width);background:var(--side-panel-bg);flex-direction:column;flex-shrink:0;height:100%;display:flex}.side-panel-right{border-left:1px solid var(--side-panel-border)}.side-panel-left{border-right:1px solid var(--side-panel-border)}.side-panel-header{padding:var(--side-panel-header-padding-y) var(--side-panel-header-padding-x);border-bottom:1px solid var(--side-panel-border);flex-shrink:0;align-items:center;gap:.75rem;display:flex}.side-panel-body{padding:var(--side-panel-body-padding-y) var(--side-panel-body-padding-x);flex:1;min-height:0;overflow-y:auto}.side-panel-body::-webkit-scrollbar{width:4px}.side-panel-body::-webkit-scrollbar-track{background:0 0}.side-panel-body::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}.side-panel-footer{padding:var(--side-panel-footer-padding-y) var(--side-panel-footer-padding-x);border-top:1px solid var(--side-panel-border);flex-shrink:0}.side-panel-backdrop{z-index:40;background:var(--side-panel-backdrop);-webkit-backdrop-filter:blur(var(--side-panel-blur));backdrop-filter:blur(var(--side-panel-blur));opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing-out);position:fixed;inset:0}.side-panel-backdrop.open{opacity:1;pointer-events:auto}.chip-sm{border-radius:6px;gap:4px;padding:3px 8px;font-size:.6875rem}.chip-sm .chip-close{width:14px;height:14px}.chip-success{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-emerald-300)}.chip-warning{background:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-amber-300)}.chip-error{background:color-mix(in srgb, var(--color-error) 15%, transparent);color:var(--color-crimson-300)}.chip-info{background:color-mix(in srgb, var(--color-info) 15%, transparent);color:var(--color-blue-400)}.chip-bar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.chip-bar-add{border:1px dashed var(--color-foreground-ghost);color:var(--color-foreground-disabled);font-size:.6875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.chip-bar-add:hover{border-color:var(--color-foreground-subtle);color:var(--color-foreground-muted)}.list-sidebar{width:var(--list-sidebar-width);background:var(--list-sidebar-bg);border-right:1px solid var(--list-sidebar-border);flex-direction:column;flex-shrink:0;height:100%;display:flex}.list-sidebar-header{border-bottom:1px solid var(--list-sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.list-sidebar-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:.5rem;display:flex;overflow-y:auto}.list-sidebar-list::-webkit-scrollbar{width:4px}.list-sidebar-list::-webkit-scrollbar-track{background:0 0}.list-sidebar-list::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}.list-sidebar-group{font-size:var(--list-sidebar-group-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-disabled);text-transform:uppercase;letter-spacing:.08em;padding:.75rem .75rem .375rem}.list-sidebar-item{padding:var(--list-sidebar-item-padding-y) var(--list-sidebar-item-padding-x);border-radius:var(--list-sidebar-item-radius);cursor:pointer;transition:background var(--duration-fast);flex-direction:column;gap:2px;display:flex;position:relative}.list-sidebar-item:hover{background:#ffffff08}.list-sidebar-item-title{font-size:var(--list-sidebar-item-font-size);color:var(--color-foreground-body);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-sidebar-item-meta{color:var(--color-foreground-disabled);align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.list-sidebar-item-active{background:var(--color-accent-a08)}.list-sidebar-item-active .list-sidebar-item-title{color:var(--color-foreground)}.list-sidebar-item-active .list-sidebar-item-meta{color:var(--color-foreground-subtle)}.list-sidebar-item-action{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--color-foreground-disabled);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none;position:absolute;top:.5rem;right:.5rem}.list-sidebar-item:hover .list-sidebar-item-action{display:flex}.list-sidebar-item-action:hover{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error)}.list-sidebar-item-action svg{width:12px;height:12px}.list-sidebar-footer{border-top:1px solid var(--list-sidebar-border);color:var(--color-foreground-disabled);text-align:center;flex-shrink:0;padding:.75rem 1rem;font-size:.6875rem}.toggle{opacity:0;width:0;height:0;position:absolute}.toggle__track{border-radius:var(--radius-full);background:var(--color-neutral-400);cursor:pointer;width:44px;height:24px;transition:background var(--duration-normal);flex-shrink:0;display:inline-block;position:relative}.toggle__thumb{border-radius:var(--radius-full);background:var(--color-foreground-muted);width:20px;height:20px;transition:transform var(--duration-normal), background var(--duration-normal), box-shadow var(--duration-normal);position:absolute;top:2px;left:2px}.toggle:checked~.toggle__track{background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-400))}.toggle:checked~.toggle__track .toggle__thumb{box-shadow:0 0 8px var(--color-accent-a25);background:#fff;transform:translate(20px)}.toggle:focus-visible~.toggle__track{box-shadow:0 0 0 3px var(--color-accent-a15)}.toggle:disabled~.toggle__track{opacity:.5;cursor:not-allowed}.toggle-sm~.toggle__track{width:36px;height:20px}.toggle-sm~.toggle__track .toggle__thumb{width:16px;height:16px}.toggle-sm:checked~.toggle__track .toggle__thumb{transform:translate(16px)}.toggle-label{cursor:pointer;font-size:var(--text-sm);color:var(--color-foreground-body);align-items:center;gap:.5rem;display:flex}.streaming-cursor:after{content:"";background:var(--color-accent-300);vertical-align:text-bottom;width:7px;height:17px;margin-left:2px;animation:.8s infinite streaming-blink;display:inline-block}@keyframes streaming-blink{0%,to{opacity:1}50%{opacity:0}}.streaming-pulse{animation:1.5s ease-in-out infinite streaming-pulse-anim}@keyframes streaming-pulse-anim{0%,to{opacity:.5}50%{opacity:1}}.streaming-dots{align-items:center;gap:4px;display:inline-flex}.streaming-dots:before,.streaming-dots:after,.streaming-dots span{content:"";border-radius:var(--radius-full);background:var(--color-foreground-subtle);width:6px;height:6px;animation:1.2s ease-in-out infinite streaming-bounce;display:block}.streaming-dots:after{animation-delay:.2s}.streaming-dots span{animation-delay:.4s}@keyframes streaming-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.diff-line{font-size:var(--text-sm);padding:.25rem 1rem;line-height:1.6;display:flex}.diff-line-add{background:var(--color-accent-a10);border-left:3px solid var(--color-accent-300)}.diff-line-remove{background:color-mix(in srgb, var(--color-error) 10%, transparent);border-left:3px solid var(--color-error)}.diff-line-context{border-left:3px solid #0000}.diff-marker{width:1.25rem;font-size:var(--text-xs);color:var(--color-foreground-disabled);-webkit-user-select:none;user-select:none;flex-shrink:0}.diff-marker-add{color:var(--color-accent-300)}.diff-marker-remove{color:var(--color-error)}.diff-text{white-space:pre-wrap;word-break:break-word;min-width:0;color:var(--color-foreground-muted);flex:1}.diff-text-add{color:var(--color-accent-300)}.diff-text-remove{color:var(--color-error);text-decoration:line-through}.status-dot{border-radius:var(--radius-full);background:var(--color-foreground-disabled);flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot-sm{width:6px;height:6px}.status-dot-lg{width:12px;height:12px}.status-dot-success{background:var(--color-success);animation:2s ease-in-out infinite status-dot-pulse}.status-dot-error{background:var(--color-error)}.status-dot-warning{background:var(--color-warning);animation:2s ease-in-out infinite status-dot-pulse}.status-dot-pending{background:var(--color-foreground-disabled)}@keyframes status-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.slider-input{align-items:center;gap:.75rem;display:flex}.slider-input .slider{flex:1;min-width:0}.slider-input .input{text-align:center;flex-shrink:0;width:6rem}.slider-input-label{font-size:var(--text-xs);color:var(--color-foreground-subtle);margin-bottom:.375rem;display:block}.slider-input-hint{color:var(--color-foreground-disabled);margin-top:.25rem;font-size:.6875rem}@media (width<=1023px){.navbar-nav{display:none}.navbar .hamburger{display:flex}}@media (width>=1024px){.sidebar-drawer{z-index:auto;width:var(--sidebar-width);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:static;transform:none}.sidebar-backdrop{display:none}}@media (prefers-reduced-motion:reduce){.stepper-step.current .stepper-circle{animation:none}}@media (width<=767px){.chat-msg{padding:.375rem .75rem}.chat-msg-list{gap:1rem}}@media (prefers-reduced-motion:reduce){.chat-input-stop{animation:none}}@media (width<=767px){.chat-input{border-radius:var(--radius-lg);padding:.625rem .75rem}.chat-input-send{padding:.5rem .75rem}.side-panel{z-index:50;width:100%;transition:transform var(--duration-slow) var(--easing-out);position:fixed;inset:0;transform:translate(100%)}.side-panel.open{transform:translate(0)}.side-panel-left{border-right:none;transform:translate(-100%)}.side-panel-left.open{transform:translate(0)}}@media (width>=768px){.side-panel{z-index:auto;position:static;transform:none}.side-panel-backdrop{display:none}}@media (width<=767px){.list-sidebar{z-index:45;transition:transform var(--duration-slow) var(--easing-out);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #0006}.list-sidebar.open{transform:translate(0)}.list-sidebar-item-action{display:flex}.chip-close{display:inline-flex}}@media (prefers-reduced-motion:reduce){.streaming-cursor:after,.streaming-pulse,.streaming-dots:before,.streaming-dots:after,.streaming-dots span,.status-dot-success,.status-dot-warning{animation:none}}@media (width<=767px){.diff-line{padding:.25rem .5rem}}.carousel{gap:var(--spacing-3);flex-direction:column;display:flex}.carousel-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.carousel-toolbar-end{gap:var(--spacing-2);margin-left:auto;display:flex}.carousel-viewport{background:var(--color-bg-elevated-1);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-4);min-height:8rem}.carousel-footer{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.carousel-prev,.carousel-next{flex-shrink:0}.carousel-prev:disabled,.carousel-next:disabled{opacity:.4;cursor:not-allowed}.carousel-counter{background:var(--color-accent-a15);color:var(--color-accent-300);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);padding:2px 10px;line-height:1.4}.carousel-empty{min-height:8rem;color:var(--color-foreground-muted);font-size:var(--text-base);justify-content:center;align-items:center;display:flex}@keyframes carousel-slide-in-right{0%{opacity:0;transform:translate(8%)}to{opacity:1;transform:translate(0)}}@keyframes carousel-slide-in-left{0%{opacity:0;transform:translate(-8%)}to{opacity:1;transform:translate(0)}}.carousel-viewport[data-direction=forward]{animation:carousel-slide-in-right var(--duration-normal) var(--easing-spring)}.carousel-viewport[data-direction=back]{animation:carousel-slide-in-left var(--duration-normal) var(--easing-spring)}@media (prefers-reduced-motion:reduce){.carousel-viewport[data-direction=forward],.carousel-viewport[data-direction=back]{animation:none}}.spectrum-slider{align-items:center;gap:var(--spacing-3);display:flex}.spectrum-slider-pole{color:var(--color-foreground-muted);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:color var(--duration-fast);flex-shrink:0}.spectrum-slider-pole-active{color:var(--color-accent-300)}.spectrum-slider-track-wrap{flex:1;position:relative}.spectrum-slider-anchor{background:var(--color-border-emphasis);pointer-events:none;width:1px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectrum-slider[data-disabled=true] .spectrum-slider-pole,.spectrum-slider[data-disabled=true] .spectrum-slider-pole-active{color:var(--color-foreground-disabled)}}@layer utilities{.text-foreground{color:var(--color-foreground)}.text-foreground-secondary{color:var(--color-foreground-secondary)}.text-foreground-body{color:var(--color-foreground-body)}.text-foreground-muted{color:var(--color-foreground-muted)}.text-foreground-subtle{color:var(--color-foreground-subtle)}.text-foreground-disabled{color:var(--color-foreground-disabled)}.text-foreground-ghost{color:var(--color-foreground-ghost)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}}:root [data-sonner-toaster][data-sonner-theme=light],:root [data-sonner-toaster][data-sonner-theme=dark],:root [data-sonner-toaster]{--normal-bg:var(--toast-bg);--normal-text:var(--color-foreground-body);--normal-border:var(--toast-border);--success-bg:var(--toast-bg);--success-text:var(--color-success);--success-border:var(--toast-border);--error-bg:var(--toast-bg);--error-text:var(--color-error);--error-border:var(--toast-border);--warning-bg:var(--toast-bg);--warning-text:var(--color-warning);--warning-border:var(--toast-border);--info-bg:var(--toast-bg);--info-text:var(--color-info);--info-border:var(--toast-border);--border-radius:var(--toast-radius)}:root [data-sonner-toast][data-type=success]{border-left:var(--toast-stripe-width) solid var(--color-success)}:root [data-sonner-toast][data-type=error]{border-left:var(--toast-stripe-width) solid var(--color-error)}:root [data-sonner-toast][data-type=warning]{border-left:var(--toast-stripe-width) solid var(--color-warning)}:root [data-sonner-toast][data-type=info]{border-left:var(--toast-stripe-width) solid var(--color-info)}