@layer base{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{position:relative;isolation:isolate}.bg-grain:after{content:"";position:absolute;inset:0;opacity:.03;pointer-events:none;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;z-index:-1}.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{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;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);line-height:1;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--duration-normal) var(--easing-spring);text-decoration:none}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.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{width:20px;height:20px;flex-shrink:0}.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:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-400);transform:scale(1.02)}.btn-secondary{background:var(--color-neutral-300);color:var(--color-foreground-secondary);border-color:var(--color-border-default)}.btn-secondary:hover{background:var(--color-accent-a08);color:var(--color-foreground)}.btn-outline{background:transparent;border-color:var(--color-border-strong);color:var(--color-foreground-body)}.btn-outline:hover{background:transparent;border-color:var(--color-border-emphasis);color:var(--color-foreground)}.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:var(--color-on-accent)}.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-on-warning)}.btn-warning:hover{background:var(--color-amber-400)}.btn-warning:focus-visible{box-shadow:var(--shadow-warning-focus)}.btn-link{background:transparent;border-color:transparent;padding:0;color:var(--color-accent-300);text-decoration:none}.btn-link:hover{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px}.btn-link:active{transform:none}.icon-toggle{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;width:36px;height:36px;padding:0;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-foreground-muted);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.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{outline:none;box-shadow:var(--shadow-accent-focus)}.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){padding:0;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-3);padding:16px 24px;border-bottom:1px solid var(--color-border-default);flex-shrink:0}.card-body{padding:24px;flex:1}.card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-3);padding:16px 24px;border-top:1px solid var(--color-border-default);flex-shrink:0}.card-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-foreground);letter-spacing:-.3px;margin:0}.card-description{flex-basis:100%;font-size:var(--text-sm);color:var(--color-foreground-muted);margin:0;line-height:1.5}.card-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-2)}.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);display:flex;align-items:center;gap:var(--spacing-6)}.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{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:24px;height:24px}.stat-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.stat-card-label{display:block;font-size:var(--text-sm);color:var(--color-foreground-body);margin:0}.stat-card-value{display:block;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}.stat-card-trend{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:.25rem}.stat-card-trend svg{width:16px;height:16px}.stat-card-trend-up{color:var(--color-success)}.stat-card-trend-down{color:var(--color-error)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--spacing-4)}.badge{display:inline-flex;align-items:center;gap:.25rem;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);line-height:1;white-space:nowrap}.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-success-text)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning-text)}.badge-error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error-text)}.badge-info{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info-text)}.badge-neutral{background:var(--color-neutral-350);color:var(--color-foreground-muted)}.badge-outline{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 50%,transparent)}.badge-ghost{background:transparent}.alert{display:flex;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 transparent;border-left:var(--alert-stripe-width) solid transparent}.alert svg{width:20px;height:20px;flex-shrink:0}.alert-success{background:color-mix(in srgb,var(--color-success) 6%,transparent);border-color:var(--color-success-bg);border-left-color:var(--color-success)}.alert-success svg{color:var(--color-success)}.alert-warning{background:color-mix(in srgb,var(--color-warning) 6%,transparent);border-color:var(--color-warning-bg);border-left-color:var(--color-warning)}.alert-warning svg{color:var(--color-warning)}.alert-error{background:color-mix(in srgb,var(--color-error) 6%,transparent);border-color:var(--color-error-bg);border-left-color:var(--color-error)}.alert-error svg{color:var(--color-error)}.alert-info{background:color-mix(in srgb,var(--color-info) 6%,transparent);border-color:var(--color-info-bg);border-left-color:var(--color-info)}.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);display:flex;align-items:flex-start;gap:var(--spacing-3)}.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{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg{width:14px;height:14px}.toast-success .toast-icon{background:var(--color-success-bg-subtle);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-error-bg-subtle);color:var(--color-error)}.toast-warning .toast-icon{background:var(--color-warning-bg-subtle);color:var(--color-warning)}.toast-info .toast-icon{background:var(--color-info-bg-subtle);color:var(--color-info)}.toast-accent .toast-icon{background:var(--color-accent-a10);color:var(--color-accent-400)}.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{position:fixed;bottom:var(--snackbar-container-offset);right:var(--snackbar-container-offset);z-index:var(--snackbar-z-index);display:flex;flex-direction:column;gap:var(--snackbar-container-gap);pointer-events:none}.snackbar-container-center{right:auto;left:50%;transform:translate(-50%);align-items:center}.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);display:flex;align-items:flex-start;gap:var(--snackbar-gap);opacity:0;transform:translate(110%);transition:opacity var(--duration-normal) var(--easing-spring),transform var(--duration-normal) var(--easing-spring)}.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-success .snackbar-icon{background:var(--color-success-bg-subtle);color:var(--color-success)}.snackbar-error .snackbar-icon{background:var(--color-error-bg-subtle);color:var(--color-error)}.snackbar-warning .snackbar-icon{background:var(--color-warning-bg-subtle);color:var(--color-warning)}.snackbar-info .snackbar-icon{background:var(--color-info-bg-subtle);color:var(--color-info)}.snackbar-accent .snackbar-icon{background:var(--color-accent-a10);color:var(--color-accent-400)}.snackbar-icon{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.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{background:transparent;border:none;color:var(--color-accent-300);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;padding:0;margin-top:var(--spacing-2)}.snackbar-action:hover{color:var(--color-accent-400)}.snackbar-dismiss{flex-shrink:0;background:transparent;border:none;color:var(--color-foreground-subtle);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:color var(--duration-fast)}.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:hidden;overflow-x:auto}.table{width:100%;border-collapse:collapse;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)}.table-pin-first .table-cell-pin{position:sticky;left:0;z-index:1;background:var(--table-pinned-bg, var(--color-bg-base));box-shadow:1px 0 0 var(--color-border-subtle)}.table-pin-first thead .table-cell-pin{z-index:2;background:var(--table-header-bg)}.table-pin-first tbody tr:hover .table-cell-pin{background:color-mix(in srgb,var(--color-accent-400) 4%,var(--table-pinned-bg, var(--color-bg-base)))}.table-scroll-hint{background:linear-gradient(to left,var(--table-pinned-bg, var(--color-bg-base)),var(--table-pinned-bg, var(--color-bg-base))) right center / var(--table-scroll-hint-width, 40px) 100% no-repeat local,linear-gradient(to left,var(--table-scroll-hint-shadow, color-mix(in srgb, var(--color-foreground) 16%, transparent)),transparent) right center / var(--table-scroll-hint-width, 40px) 100% no-repeat scroll}.table tbody tr.table-row-detail{border-top:none;background:transparent}.table tbody tr.table-row-detail:hover{background:transparent}.table-row-detail>td{padding-top:0;background:var(--table-detail-bg, var(--color-bg-elevated-1))}.table-detail-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.table-detail-list dt{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-disabled);text-transform:uppercase;letter-spacing:.05em}.table-detail-list dd{margin:0;color:var(--color-foreground-secondary)}.table-row-toggle svg{transition:transform var(--duration-fast)}.table-row-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.table-cards,.table-cards thead,.table-cards tbody,.table-cards tr,.table-cards th,.table-cards td{display:block}.table-cards thead{display:none}.table-cards tbody{display:flex;flex-direction:column;gap:var(--spacing-3)}.table-cards tbody tr{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--table-cards-bg, var(--color-bg-elevated-1));padding:var(--spacing-2) 0}.table-cards tbody tr:first-child{border-top:1px solid var(--color-border-subtle)}.table-cards tbody tr:hover{background:color-mix(in srgb,var(--color-accent-400) 4%,var(--table-cards-bg, var(--color-bg-elevated-1)))}.table-cards td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-4)}.table-cards td:before{content:attr(data-label);flex:0 0 auto;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-disabled);text-transform:uppercase;letter-spacing:.05em}.table-cards td:not([data-label]):before,.table-cards td[data-label=""]:before{display:none}.table-cards .table-cell-title{display:block;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-3)}.modal-backdrop{position:fixed;inset:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(var(--modal-blur));backdrop-filter:blur(var(--modal-blur));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal-content);display:flex;flex-direction:column;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--modal-radius);overflow:hidden;box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;max-height:90dvh}.modal-description{flex-shrink:0;padding:0 var(--spacing-6) var(--spacing-3);margin:0;color:var(--color-foreground-subtle);font-size:var(--text-sm);line-height:var(--font-line-height-loose)}.modal-sm{width:360px}.modal-md{width:500px}.modal-lg{width:680px}.modal-stripe{flex-shrink:0;height:var(--modal-stripe-height);background:linear-gradient(90deg,var(--color-accent-500),transparent)}.modal-header{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle)}.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%;padding:0;margin:0}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-6)}.modal-footer{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-subtle)}.focus-mode-host{position:relative}.focus-mode{position:absolute;inset:0;z-index:var(--z-focus-mode);display:flex;flex-direction:column;background:var(--color-bg-base);view-transition-name:focus-mode}.focus-mode-header,.focus-mode-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6)}.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{flex:1;min-height:0;padding:var(--spacing-4) var(--spacing-6);overflow-y:auto}.focus-mode-footer-left,.focus-mode-footer-right{display:flex;align-items:center;gap:var(--spacing-2)}.focus-mode-exit{display:inline-flex;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);background:transparent;border:0;cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.focus-mode-exit:hover{color:var(--color-foreground-secondary);background:var(--color-accent-a08)}.focus-mode-exit:focus-visible{outline:0;box-shadow:var(--shadow-accent-focus)}.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);padding:.5rem .875rem;font-size:var(--tooltip-font-size);color:var(--color-foreground-secondary);box-shadow:var(--shadow-md);white-space:nowrap;z-index:var(--z-floating)}.dropdown{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:var(--dropdown-radius);padding:6px;box-shadow:var(--shadow-md);overflow:hidden;z-index:var(--z-floating)}.dropdown-item{display:flex;align-items:center;justify-content:flex-start;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);background:none;border:none;cursor:pointer;transition:background var(--duration-fast);text-align:left}.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:color-mix(in srgb,var(--color-error) 8%,transparent)}.dropdown-item svg{width:16px;height:16px;flex-shrink:0}.dropdown-item-trailing{margin-left:auto}.dropdown-label{padding:var(--spacing-1) var(--dropdown-item-padding-x);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-foreground-subtle)}.dropdown-divider{height:1px;background:var(--color-border-subtle);margin:6px var(--spacing-3)}.popover{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:var(--dropdown-radius);padding:var(--spacing-3);box-shadow:var(--shadow-lg);z-index:var(--z-floating)}.scroll-area{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent}.scroll-area[data-orientation=vertical]{overflow-x:hidden;overflow-y:auto}.scroll-area[data-orientation=horizontal]{overflow-x:auto;overflow-y:hidden}.scroll-area[data-orientation=both]{overflow:auto}.scroll-area::-webkit-scrollbar{width:10px;height:10px}.scroll-area::-webkit-scrollbar-track,.scroll-area::-webkit-scrollbar-corner{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:transparent;border:2px solid transparent;background-clip:content-box;border-radius:var(--radius-full);transition:background var(--duration-fast)}.scroll-area:hover,.scroll-area:focus-within{scrollbar-color:var(--color-neutral-800) transparent}.scroll-area:hover::-webkit-scrollbar-thumb,.scroll-area:focus-within::-webkit-scrollbar-thumb{background:var(--color-neutral-800);background-clip:content-box}.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-900);background-clip:content-box}.scroll-area[data-reveal=always]{scrollbar-color:var(--color-neutral-800) transparent}.scroll-area[data-reveal=always]::-webkit-scrollbar-thumb{background:var(--color-neutral-800);background-clip:content-box}.scroll-area[data-reveal=always]::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-900);background-clip:content-box}.avatar{border-radius:var(--avatar-radius);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--color-on-accent);flex-shrink:0;position:relative;overflow:visible;background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-300));vertical-align:middle;width:var(--avatar-size, var(--avatar-size-md));height:var(--avatar-size, var(--avatar-size-md));font-size:var(--avatar-font-size, 15px)}.avatar-square{border-radius:var(--avatar-radius-square)}.avatar-xs{--avatar-size: var(--avatar-size-xs);--avatar-font-size: 10px}.avatar-sm{--avatar-size: var(--avatar-size-sm);--avatar-font-size: 12px}.avatar-md{--avatar-size: var(--avatar-size-md);--avatar-font-size: 15px}.avatar-lg{--avatar-size: var(--avatar-size-lg);--avatar-font-size: 20px}.avatar-xl{--avatar-size: var(--avatar-size-xl);--avatar-font-size: 26px}.avatar-image,.avatar-fallback{width:100%;height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center}.avatar-image{object-fit:cover}.avatar-fallback{text-transform:uppercase;letter-spacing:.5px;line-height:1}.avatar-group{display:inline-flex;align-items:center}.avatar-group>*+*{margin-left:calc(-1 * var(--spacing-2))}.avatar-group>*{box-shadow:0 0 0 2px var(--color-bg-base)}.avatar-group>:nth-child(1){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-xs{--avatar-size: var(--avatar-size-xs);--avatar-font-size: 10px}.avatar-group-sm{--avatar-size: var(--avatar-size-sm);--avatar-font-size: 12px}.avatar-group-md{--avatar-size: var(--avatar-size-md);--avatar-font-size: 15px}.avatar-group-lg{--avatar-size: var(--avatar-size-lg);--avatar-font-size: 20px}.avatar-group-xl{--avatar-size: var(--avatar-size-xl);--avatar-font-size: 26px}.avatar-group-count{background:var(--color-neutral-300);color:var(--color-foreground-muted);font-weight:var(--font-weight-semibold)}.avatar-badge{position:absolute;bottom:0;right:0;box-sizing:content-box;border-radius:var(--radius-full);background:var(--color-accent-500);color:var(--color-on-accent);font-size:9px;font-weight:var(--font-weight-bold);line-height:1;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-base);min-width:10px;min-height:10px;padding:0 3px}.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{display:inline-flex;align-items:center;gap:6px;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)}.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-color{background:var(--chip-color, var(--color-neutral-500));color:oklch(from var(--chip-color, var(--color-neutral-500)) clamp(0,(.62 - l) * 1000,1) 0 0)}.chip-color-tint{background:color-mix(in srgb,var(--chip-color, var(--color-neutral-500)) 12%,transparent);border:1px solid var(--chip-color, var(--color-neutral-500));color:var(--chip-color, var(--color-neutral-500))}.chip-close{width:var(--chip-close-size);height:var(--chip-close-size);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;color:inherit}.chip-close:hover{background:var(--color-accent-a25)}.chip-close svg{width:12px;height:12px}.chip-input-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px;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);min-height:48px;cursor:text;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.chip-input-wrap:focus-within{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent-focus)}.chip-input-label{flex-basis:100%;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-300);letter-spacing:.3px;margin-bottom:2px}.chip-inline-input{border:none;background:transparent;outline:none;font-size:var(--text-sm);color:var(--color-foreground);min-width:80px;flex:1 1 auto;padding:0}.chip-inline-input::placeholder{color:var(--color-foreground-ghost)}.input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);padding:var(--spacing-3) var(--spacing-4);font-size:var(--input-font-size);color:var(--color-foreground);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.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:var(--spacing-6);padding-bottom:var(--spacing-2)}.input-float label{position:absolute;left:calc(var(--spacing-4) + 1px);top:50%;transform:translateY(-50%);font-size:var(--input-label-size-rest);font-weight:var(--font-weight-medium);color:var(--color-foreground-disabled);pointer-events:none;transition:top var(--duration-fast),transform var(--duration-fast),font-size var(--duration-fast),color var(--duration-fast)}.input-float:has(textarea.input) label{top:var(--spacing-6);transform:none}.input-float .input:focus+label,.input-float .input:not(:placeholder-shown)+label{top:var(--spacing-2);transform:translateY(0);font-size:var(--input-label-size-float)}.input-float .input:focus+label{color:var(--color-accent-400)}.input-float .input[aria-invalid=true]+label{color:var(--color-error)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto;padding:var(--spacing-3);display:flex;flex-direction:column}.sidebar-app-header{display:flex;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)}.sidebar-app-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sidebar-app-mark-size);height:var(--sidebar-app-mark-size);border-radius:var(--radius-md);color:var(--color-accent-400);background:transparent;border:0;padding:0;cursor:inherit}.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-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.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-identity{display:flex;align-items:center;gap:var(--sidebar-identity-gap);padding:var(--sidebar-identity-padding-y) var(--sidebar-identity-padding-x);margin-bottom:var(--sidebar-identity-margin-bottom);background:var(--sidebar-identity-bg);border:1px solid var(--sidebar-identity-border);border-radius:var(--sidebar-identity-radius);color:inherit;text-decoration:none;width:100%;text-align:left}.sidebar-identity-text{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-identity-name{font-size:var(--sidebar-identity-name-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-identity-meta{font-size:var(--sidebar-identity-meta-font-size);color:var(--color-foreground-subtle);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-identity-text,.sidebar-icon-only .sidebar-identity-text{display:none}.sidebar-collapsed .sidebar-identity,.sidebar-icon-only .sidebar-identity{justify-content:center;padding:0;background:none;border:0}.sidebar-footer{display:flex;align-items:center;gap:var(--sidebar-footer-gap);margin-top:auto;padding-top:var(--sidebar-footer-padding-top);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.sidebar-collapsed .sidebar-footer,.sidebar-icon-only .sidebar-footer{width:100%;justify-content:center}.sidebar-item{display:flex;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);text-decoration:none;cursor:pointer;position:relative;transition:color var(--duration-fast),background var(--duration-fast);background:transparent;border:none;font-family:inherit;text-align:left;width:100%}.sidebar-item:hover{color:var(--color-foreground-muted);background:var(--color-accent-a04)}.sidebar-item svg{width:var(--sidebar-item-icon-size);height:var(--sidebar-item-icon-size);flex-shrink:0}.sidebar-item-active{color:var(--color-accent-300);background:var(--color-accent-a10);font-weight:var(--font-weight-semibold)}.sidebar-item-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;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);line-height:1}.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{position:absolute;top:2px;right:2px;margin-left:0;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)}.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-group-trigger .sidebar-group-chevron{width:var(--sidebar-group-chevron-size);height:var(--sidebar-group-chevron-size);margin-left:auto;transition:transform var(--duration-fast)}.sidebar-item-count+.sidebar-group-chevron{margin-left:0}.sidebar-group-trigger[aria-expanded=true] .sidebar-group-chevron{transform:rotate(90deg)}.sidebar-item-nested{padding-left:var(--sidebar-item-nested-padding-x)}.sidebar-collapsed{width:var(--sidebar-width-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto;padding:var(--spacing-3) 0;display:flex;flex-direction:column;align-items:center}.sidebar-collapsed .sidebar-item{flex-direction:column;gap:.25rem;padding:var(--spacing-3) var(--spacing-2);font-size:.6875rem;text-align:center;border-radius:var(--radius-lg);width:56px}.sidebar-collapsed .sidebar-item svg{width:var(--sidebar-item-icon-size);height:var(--sidebar-item-icon-size)}.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);overflow-y:auto;padding:var(--spacing-3) 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.sidebar-icon-only .sidebar-item{justify-content:center;padding:var(--spacing-3);border-radius:var(--radius-lg);width:44px;height:44px;font-size:0;gap:0}.sidebar-icon-only .sidebar-item svg{width:var(--sidebar-item-icon-size);height:var(--sidebar-item-icon-size)}.sidebar-icon-only .sidebar-group-label,.sidebar-collapsed .sidebar-group-chevron,.sidebar-icon-only .sidebar-group-chevron{display:none}.sidebar-drawer{position:fixed;left:0;top:0;bottom:0;z-index:var(--z-drawer);width:260px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto;padding:var(--spacing-3);transform:translate(-100%);visibility:hidden;transition:transform var(--duration-slow) var(--easing-out),visibility 0s var(--duration-slow)}.sidebar-drawer.open{transform:translate(0);visibility:visible;transition:transform var(--duration-slow) var(--easing-out),visibility 0s 0s}.sidebar-drawer[data-state=open],.sidebar-drawer[data-state=closed]{visibility:visible;transition:none}.sidebar-drawer[data-state=open]{transform:translate(0);animation:sidebar-drawer-in var(--duration-slow) var(--easing-out)}.sidebar-drawer[data-state=closed]{animation:sidebar-drawer-out var(--duration-slow) var(--easing-out)}@keyframes sidebar-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebar-drawer-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.sidebar-backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);background:var(--sidebar-backdrop);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing-out)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-backdrop[data-state=open]{opacity:1;pointer-events:auto;animation:sidebar-backdrop-in var(--duration-slow) var(--easing-out)}.sidebar-backdrop[data-state=closed]{animation:sidebar-backdrop-out var(--duration-slow) var(--easing-out)}@keyframes sidebar-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sidebar-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sidebar-drawer[data-state=open],.sidebar-drawer[data-state=closed],.sidebar-backdrop[data-state=open],.sidebar-backdrop[data-state=closed]{animation:none}}dialog.sidebar-drawer{inset:0 auto 0 0;height:100%;max-width:none;max-height:none;margin:0;border:none;border-right:1px solid var(--sidebar-border);visibility:visible;transform:none}dialog.sidebar-drawer::backdrop{background:var(--sidebar-backdrop)}.sidebar-responsive{display:none}.mobile-topbar{position:fixed;left:0;right:0;top:0;z-index:var(--z-backdrop);height:var(--mobile-topbar-height);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border)}.hamburger{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-foreground-subtle);background:none;border:none;cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.hamburger:hover{color:var(--color-foreground-body);background:var(--color-accent-a04)}.hamburger svg{width:20px;height:20px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-backdrop);height:var(--mobile-nav-height);display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-2) 0;background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;flex:1;padding:var(--spacing-2) 0;min-height:44px;color:var(--color-foreground-subtle);text-decoration:none;font-size:.6875rem;font-weight:var(--font-weight-medium);transition:color var(--duration-fast)}.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{position:sticky;top:0;z-index:var(--z-navbar);display:flex;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)}.navbar-brand{display:flex;align-items:center;gap:var(--navbar-brand-gap);flex-shrink:0;margin-right:var(--spacing-2);text-decoration:none}.navbar-nav{display:flex;align-items:center;gap:var(--navbar-gap)}.navbar-item{display:inline-flex;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);text-decoration:none;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast),background var(--duration-fast)}.navbar-item:hover{color:var(--color-foreground-muted);background:var(--color-accent-a04)}.navbar-item svg{width:18px;height:18px;flex-shrink:0}.navbar-item-active{color:var(--color-accent-300);background:var(--color-accent-a15);font-weight:var(--font-weight-semibold)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-3);margin-left:auto;flex-shrink:0}.navbar .hamburger{display:none}.tab-list{display:flex;border-bottom:1px solid var(--color-border-subtle)}.tab{position:relative;display:inline-flex;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);background:none;border:none;cursor:pointer;transition:color var(--duration-fast)}.tab:hover{color:var(--color-foreground-muted)}.tab svg{width:20px;height:20px;flex-shrink:0}.tab-active,.tab[data-state=active]{color:var(--color-foreground)}.tab-active:after,.tab[data-state=active]:after{content:"";position:absolute;bottom:-1px;left:6px;right:6px;height:var(--tab-indicator-height);border-radius:var(--radius-full);background:var(--color-accent-400);box-shadow:0 2px 12px var(--color-accent-a25)}.tab-sortable{display:inline-flex;align-items:center}.tab-handle{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1);color:var(--color-foreground-ghost);cursor:grab;border-radius:var(--radius-sm);opacity:.5;transition:opacity var(--duration-fast),color var(--duration-fast)}.tab-sortable:hover .tab-handle,.tab-handle:focus-visible{opacity:1;color:var(--color-foreground-muted)}.tab-handle:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.tab-handle:active,.tab-sortable[data-dragging=true] .tab-handle{cursor:grabbing}.sortable-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.sortable-list[data-orientation=horizontal]{flex-direction:row;align-items:center}.sortable-list-item{display:flex;align-items:center;gap:var(--spacing-2)}.sortable-list-handle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--spacing-1);color:var(--color-foreground-ghost);cursor:grab;border-radius:var(--radius-sm);opacity:.5;transition:opacity var(--duration-fast),color var(--duration-fast)}.sortable-list-item:hover .sortable-list-handle,.sortable-list-handle:focus-visible{opacity:1;color:var(--color-foreground-muted)}.sortable-list-handle:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.sortable-list-handle:active,.sortable-list-item[data-dragging=true] .sortable-list-handle{cursor:grabbing}.sortable-list-item[data-disabled=true] .sortable-list-handle{opacity:.25;cursor:not-allowed}.sortable-list-item[data-drag-surface=full]:not([data-disabled=true]),.sortable-board-item[data-drag-surface=full]:not([data-disabled=true]){cursor:grab}.sortable-list-item[data-drag-surface=full][data-dragging=true],.sortable-board-item[data-drag-surface=full][data-dragging=true]{cursor:grabbing}.sortable-board{display:flex;align-items:flex-start;gap:var(--spacing-4)}.sortable-board-container{display:flex;flex-direction:column;gap:var(--spacing-2);border-radius:var(--radius-lg);transition:background var(--duration-fast) var(--easing-out)}.sortable-board-container[data-over=true]{background:var(--color-accent-a08)}.sortable-board-item{position:relative}.sortable-board-handle{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1);color:var(--color-foreground-ghost);cursor:grab;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--duration-fast),color var(--duration-fast)}.sortable-board-item:hover .sortable-board-handle,.sortable-board-handle:focus-visible{opacity:1;color:var(--color-foreground-muted)}.sortable-board-handle:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.sortable-board-item[data-disabled=true] .sortable-board-handle{cursor:not-allowed}.progress{height:var(--progress-height);background:var(--progress-track-bg);border-radius:var(--progress-radius);overflow:hidden}.progress-bar{height:100%;border-radius:var(--progress-radius);background:linear-gradient(90deg,var(--color-accent-500),var(--color-accent-300));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))}.progress-ring{display:inline-flex;position:relative}.progress-ring__svg{transform:rotate(-90deg)}.progress-ring__track{stroke:var(--progress-track-bg);fill:none}.progress-ring__indicator{stroke:var(--color-accent-500);fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--easing-out)}.progress-ring__indicator-success{stroke:var(--color-success)}.progress-ring__indicator-error{stroke:var(--color-error)}.progress-ring__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.meter{display:inline-flex;align-items:center;gap:var(--spacing-1)}.meter__segment{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-neutral-300);transition:background var(--duration-fast)}.meter__segment-filled{background:var(--color-accent-500)}.meter__segment-success{background:var(--color-success)}.meter__segment-warning{background:var(--color-warning)}.meter__segment-error{background:var(--color-error)}.meter-bars .meter__segment{width:20px;height:6px;border-radius:var(--radius-sm)}.distribution{display:flex;align-items:stretch;width:100%;height:var(--distribution-height);border-radius:var(--distribution-radius);overflow:hidden;background:var(--distribution-track-bg)}.distribution__segment{flex-basis:0;min-width:var(--distribution-segment-min-width);transition:flex-grow var(--duration-slow) var(--easing-out)}.distribution__segment-neutral{background:var(--color-neutral-600)}.distribution__segment-muted{background:var(--color-neutral-800)}.distribution__segment-accent{background:var(--color-accent-500)}.distribution__segment-info{background:var(--color-info)}.distribution__segment-success{background:var(--color-success)}.distribution__segment-warning{background:var(--color-warning)}.distribution__segment-error{background:var(--color-error)}.fab{width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background:var(--color-accent-500);color:var(--color-on-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--easing-spring)}.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{display:flex;align-items:center;gap:4px}.page-btn{width:var(--pagination-button-size);height:var(--pagination-button-size);border-radius:var(--pagination-radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);background:none;border:none;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.page-btn:hover{background:var(--color-accent-a04);color:var(--color-foreground-muted)}.page-btn:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.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:var(--color-on-accent)}.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:none}.load-more{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.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:spin .8s linear infinite}.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)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated-1) 25%,var(--color-bg-elevated-2) 50%,var(--color-bg-elevated-1) 75%);background-size:200% 100%;animation:shimmer 1.8s ease infinite;border-radius:4px}.skeleton--text{height:14px;margin-bottom:10px}.skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--card{height:160px;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-bg-elevated-2)}}.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{display:flex;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);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--duration-fast)}.accordion-trigger:hover{background:var(--color-accent-a04)}.accordion-trigger svg{flex-shrink:0;transition:transform var(--duration-fast) var(--easing-out)}.accordion-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.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{border:0;height:1px;background:var(--color-border-subtle)}.divider-accent{height:2px;background:var(--color-accent-400)}.divider-vertical{width:1px;height:auto;min-height:16px;align-self:stretch;margin:0 12px}.divider-vertical.divider-accent{width:2px;height:auto}.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{position:relative;padding-left:32px}.timeline__line{position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--color-border-default)}.timeline__item{position:relative;padding-bottom:var(--spacing-8)}.timeline__icon{position:absolute;left:-32px;top:2px;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;z-index:1}.timeline__icon svg{width:14px;height:14px;stroke:var(--color-on-accent);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.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);padding:12px;color:var(--color-foreground-body);font-size:var(--text-sm)}.timeline--compact{padding-left:24px}.timeline--compact .timeline__line{left:7px}.timeline--compact .timeline__item{padding-bottom:var(--spacing-6)}.timeline__dot{position:absolute;left:-24px;top:6px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-neutral-600);border:3px solid var(--color-bg-elevated-1);z-index:1}.timeline__dot--accent{background:var(--color-accent-500)}.code-block{position:relative;background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{background:var(--color-bg-elevated-3);border-bottom:1px solid var(--color-border-subtle);padding:10px 16px;font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-foreground-subtle)}.code-block pre{margin:0;padding:20px 20px 20px 0;overflow-x:auto;font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:1.5;color:var(--color-foreground)}.line-number{display:inline-block;min-width:32px;padding-right:16px;text-align:right;color:var(--color-foreground-ghost);-webkit-user-select:none;user-select:none}.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{position:absolute;top:10px;right:12px;width:32px;height:32px;background:var(--color-bg-elevated-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-foreground-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.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{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.code-block.has-header .code-block-copy{top:48px}.breadcrumb{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0}.breadcrumb-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);text-decoration:none;transition:color var(--duration-fast)}.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{display:inline-flex;align-items:center;gap:4px}.breadcrumb-link--icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.breadcrumb-sep{margin:0 8px;color:var(--color-foreground-ghost);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.breadcrumb-current{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-300);cursor:default}.stepper{display:flex;align-items:flex-start;gap:0}.stepper-step{flex:1;display:flex;flex-direction:column;align-items:center}.stepper-step:not(:last-child){position:relative}.stepper-step:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:var(--color-border-strong)}.stepper-step.completed:after,.stepper-step.current:after{background:var(--color-accent-500)}.stepper-circle{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:2px solid;position:relative;z-index:1;background:var(--color-bg-surface)}.stepper-step.completed .stepper-circle{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--color-on-accent)}.stepper-step.completed .stepper-circle svg{width:14px;height:14px;stroke:var(--color-on-accent);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.stepper-step.current .stepper-circle{background:var(--color-accent-a15);border-color:var(--color-accent-400);color:var(--color-accent-300);animation:stepper-pulse 2s ease-out infinite}@keyframes stepper-pulse{0%{box-shadow:0 0 0 0 var(--color-accent-a25)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.stepper-step.upcoming .stepper-circle{background:transparent;border-color:var(--color-border-strong);color:var(--color-foreground-disabled)}.stepper-label{margin-top:8px;font-size:var(--text-xs);text-align:center}.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{position:absolute;opacity:0;width:0;height:0}.radio-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-body);transition:color var(--duration-fast)}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-group.horizontal{flex-direction:row;gap:24px}.radio-circle{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-border-strong);background:var(--color-bg-surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.radio-label:hover .radio-input:not(:disabled)+.radio-circle{border-color:var(--color-border-emphasis)}.radio-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-500);opacity:0;transform:scale(0);transition:opacity var(--duration-fast),transform var(--duration-fast) ease-out}.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:checked~.radio-text{color:var(--color-foreground)}.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{position:absolute;opacity:0;width:0;height:0}.checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-body);transition:color var(--duration-fast)}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group.horizontal{flex-direction:row;gap:24px}.checkbox-box{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--color-border-strong);background:var(--color-bg-surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.checkbox-label:hover .checkbox-input:not(:disabled)+.checkbox-box{border-color:var(--color-border-emphasis)}.checkbox-box svg{width:14px;height:14px;color:var(--color-on-accent);opacity:0;transform:scale(.6);transition:opacity var(--duration-fast),transform var(--duration-fast) ease-out}.checkbox-box:before{content:"";position:absolute;width:10px;height:2px;border-radius:1px;background:var(--color-on-accent);opacity:0;transform:scale(.6);transition:opacity var(--duration-fast),transform var(--duration-fast) ease-out}.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);padding:40px 24px;text-align:center;cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-accent-400);background:var(--color-accent-a15)}.drop-zone:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.drop-zone-icon{margin-bottom:12px;color:var(--color-foreground-disabled)}.drop-zone-icon svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.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}.drop-zone--error{border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 8%,transparent)}.drop-zone-error{margin-top:8px;font-size:var(--text-xs);color:var(--color-error)}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.file-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.file-item-icon{color:var(--color-foreground-subtle);display:flex;flex-shrink:0}.file-item-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.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;overflow:hidden;text-overflow:ellipsis}.file-item-size{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.file-item-progress{height:4px;background:var(--color-border-subtle);border-radius:var(--radius-full);margin-top:6px;overflow:hidden}.file-item-progress-fill{height:100%;background:var(--color-accent-500);border-radius:var(--radius-full);transition:width var(--duration-normal) ease-out}.file-item-remove{background:none;border:none;color:var(--color-foreground-subtle);cursor:pointer;display:flex;padding:4px;border-radius:var(--radius-sm);transition:color var(--duration-fast);flex-shrink:0}.file-item-remove:hover{color:var(--color-error)}.file-item-remove svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.cmd-backdrop{position:fixed;inset:0;background:var(--command-palette-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-command);animation:fade-in var(--duration-normal) ease-out}.command-palette{position:fixed;top:20%;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);box-shadow:var(--command-palette-shadow);overflow:hidden;z-index:var(--z-command-content);animation:cmd-in var(--duration-normal) ease-out}@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{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-border-default)}.command-palette-input-wrap svg{width:18px;height:18px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2;flex-shrink:0}.command-palette-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-base);color:var(--color-foreground)}.command-palette-input::placeholder{color:var(--color-foreground-disabled)}.command-palette-results{max-height:400px;overflow-y:auto;padding:8px 0}.command-palette-group-label{padding:8px 14px 4px;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px}.command-palette-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background var(--duration-fast)}.command-palette-item svg{width:18px;height:18px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2;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{flex:1;font-size:var(--text-sm);color:var(--color-foreground-body)}.command-palette-kbd{font-family:var(--font-family-mono);font-size:12px;color:var(--color-foreground-subtle);background:var(--color-neutral-350);border-radius:var(--radius-sm);padding:3px 7px;white-space:nowrap}.command-palette-divider{height:1px;background:var(--color-neutral-350);margin:4px 0}.slider-wrap{display:flex;align-items:center;gap:0}.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);margin-left:12px;min-width:32px;text-align:right}.slider{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:var(--radius-full);outline:none;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%)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-accent-500);border:2px solid var(--color-accent-400);cursor:pointer;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{width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-accent-500);border:2px solid var(--color-accent-400);cursor:pointer;transition:background var(--duration-fast),box-shadow var(--duration-fast)}.slider::-moz-range-progress{background:var(--color-accent-500);height:6px;border-radius:var(--radius-full)}.slider::-moz-range-track{background:var(--color-border-default);height:6px;border-radius:var(--radius-full)}.slider:disabled{cursor:not-allowed;opacity:.45}.slider-root{position:relative;display:flex;align-items:center;flex:1;height:18px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.slider-track{position:relative;flex-grow:1;height:6px;border-radius:var(--radius-full);background:var(--color-border-default)}.slider-range{position:absolute;height:100%;border-radius:var(--radius-full);background:var(--color-accent-500)}.slider-thumb{display:block;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-accent-500);border:2px solid var(--color-accent-400);cursor:pointer;transition:background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.slider-thumb:hover{background:var(--color-accent-400);transform:scale(1.1)}.slider-thumb:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.slider-thumb:active{background:var(--color-accent-600);box-shadow:0 0 0 6px var(--color-accent-a15)}.slider-root[data-disabled]{cursor:not-allowed;opacity:.45}.datepicker-input-wrap{position:relative;display:flex;align-items:center}.datepicker-icon{position:absolute;right:14px;color:var(--color-foreground-subtle);display:flex;pointer-events:none}.datepicker-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.datepicker-calendar{background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);padding:12px;margin-top:4px;animation:dp-in var(--duration-normal) ease-out}@keyframes dp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.datepicker-month-label{font-weight:var(--font-weight-extrabold);font-size:var(--text-base);color:var(--color-foreground)}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:8px}.datepicker-weekdays span{font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold)}.datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.datepicker-day{width:var(--datepicker-day-size);height:var(--datepicker-day-size);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-foreground-muted);cursor:pointer;transition:background var(--duration-fast);background:transparent;border:0;padding:0;font-family:inherit}.datepicker-day:hover{background:var(--color-foreground-a05)}.datepicker-day:disabled{color:var(--color-foreground-disabled);cursor:not-allowed}.datepicker-day:disabled:hover{background:transparent}.datepicker-day.today,.datepicker-day.selected{background:var(--color-accent-500);color:var(--color-on-accent)}.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:var(--color-on-accent);border-radius:var(--radius-full)}.datepicker-day.empty{cursor:default}.datepicker-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:0;background:transparent;color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.datepicker-nav-btn:hover{background:var(--color-foreground-a05);color:var(--color-foreground)}.datepicker-nav-btn svg{width:18px;height:18px}.datepicker-range-wrap{display:flex;align-items:center;gap:12px}.datepicker-range-wrap .datepicker-input-wrap{flex:1}.datepicker-range-arrow{color:var(--color-foreground-subtle);display:flex;flex-shrink:0}.datepicker-range-arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.time-picker{position:relative;display:flex;align-items:center}.time-picker-icon{position:absolute;right:14px;color:var(--color-foreground-subtle);display:flex;pointer-events:none}.time-picker-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.time-picker-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;min-width:8rem}.time-picker-option{display:flex;align-items:center;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);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--duration-fast)}.time-picker-option:hover{background:var(--color-accent-a08)}.time-picker-option.selected{background:var(--color-accent-a15);color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.kbd{display:inline-flex;align-items:center;background:var(--color-neutral-350);color:var(--color-foreground-subtle);font-family:var(--font-family-mono);font-size:12px;border-radius:var(--radius-sm);padding:2px 6px}.search-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;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)}.search-pill:hover{border-color:var(--color-border-strong);color:var(--color-foreground-subtle)}.search-pill .kbd{margin-left:auto}.search-pill svg{width:16px;height:16px;flex-shrink:0}.search-bar{position:relative;display:flex;align-items:center;background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.search-bar-icon{position:absolute;left:12px;color:var(--color-foreground-disabled);display:flex}.search-bar-icon svg{width:16px;height:16px;flex-shrink:0}.search-bar-input{width:100%;background:transparent;border:none;outline:none;padding:10px 14px 10px 40px;font-size:var(--text-sm);color:var(--color-foreground)}.search-bar:focus-within{border-color:var(--color-accent-400);box-shadow:var(--shadow-accent-focus)}.search-results{position:absolute;top:100%;left:-1px;right:-1px;background:var(--color-bg-elevated-2);border:1px solid var(--color-neutral-400);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:8px 0;z-index:var(--z-floating)}.search-section-label{padding:6px 14px 4px;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px}.search-result-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background var(--duration-fast)}.search-result-item:hover{background:var(--color-accent-a15);color:var(--color-foreground)}.search-result-item svg{width:16px;height:16px;flex-shrink:0}.search-result-meta{margin-left:auto;font-size:12px;color:var(--color-foreground-subtle)}.search-divider{height:1px;background:var(--color-neutral-350);margin:4px 0}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:36px;height:36px;border-radius:var(--radius-full);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--duration-fast)}.color-swatch:hover{transform:scale(1.1)}.color-swatch--selected{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-foreground)}.color-swatch .check{width:16px;height:16px;stroke:var(--color-on-accent);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.color-swatch:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.color-picker-extended{display:flex;flex-direction:column;gap:12px}.color-group-label{font-size:var(--text-xs);color:var(--color-foreground-ghost);margin-bottom:4px}.color-group-swatches{display:flex;gap:6px;flex-wrap:wrap}.color-group-swatches .swatch{width:32px;height:32px;border-radius:var(--radius-md)}.color-picker-advanced{display:flex;flex-direction:column;gap:12px;width:16rem}.color-field{position:relative;width:100%;height:140px;border-radius:var(--radius-md);cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0),var(--color-field-hue, hsl(0, 100%, 50%))}.color-field:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.color-field-axis{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.color-field-axis:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.color-field-dot,.color-hue-dot{position:absolute;width:14px;height:14px;border-radius:var(--radius-full);border:2px solid rgb(255,255,255);box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.color-hue{position:relative;width:100%;height:14px;border-radius:var(--radius-full);cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-hue:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.color-hue-dot{top:50%}.color-picker-row{display:flex;align-items:center;gap:8px}.color-preview{width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0;border:1px solid var(--color-border-subtle);background:var(--color-preview-fill, #000)}.color-hex-input{flex:1;text-transform:lowercase}.color-presets{display:flex;gap:6px;flex-wrap:wrap}.color-preset{width:24px;height:24px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);cursor:pointer;padding:0;background:var(--color-preset-fill, #000)}.color-preset:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.color-trigger{display:inline-flex;flex-shrink:0;padding:var(--spacing-3);font-size:var(--input-font-size);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--color-trigger-fill, #000);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.color-trigger:before{content:"";display:block;width:1lh;height:1lh}.color-trigger:hover:not(:disabled){border-color:var(--color-accent-a25)}.color-trigger:focus-visible{outline:none;border-color:var(--color-accent-400);box-shadow:0 0 0 3px var(--color-accent-a15)}.color-trigger:disabled{cursor:not-allowed;opacity:.45}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.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{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:8px}.cal-weekdays span{color:var(--color-foreground-subtle);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-day{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-foreground-muted);cursor:pointer;transition:background var(--duration-fast)}.cal-day:hover{background:var(--color-foreground-a05)}.cal-day.today{background:var(--color-accent-500);color:var(--color-on-accent)}.cal-day.selected{background:var(--color-accent-a15);color:var(--color-foreground)}.cal-day.empty{cursor:default}.cal-day.has-event:after{content:"";display:block;width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-accent-400);margin-top:2px}.cal-event-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-elevated-2);border-radius:var(--radius-md)}.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{display:grid;grid-template-columns:60px repeat(7,1fr);gap:1px}.cal-week-cell{min-height:48px;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);padding:4px}.cal-event-block{border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.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{background:color-mix(in srgb,var(--color-success) 12%,transparent);border-left:3px solid var(--color-success);color:var(--color-success)}.cal-event-block--warning{background:color-mix(in srgb,var(--color-warning) 12%,transparent);border-left:3px solid var(--color-warning);color:var(--color-warning)}.select{position:relative;display:flex;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);padding:8px 12px;min-height:48px;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.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);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value--empty{color:var(--color-foreground-disabled)}.select-chevron{margin-left:auto;color:var(--color-foreground-subtle);display:flex;transition:transform var(--duration-normal)}.select.open .select-chevron{transform:rotate(180deg)}.select-chevron svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.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);margin-top:4px;max-height:320px;z-index:var(--z-floating);animation:select-in var(--duration-normal) ease-out;display:flex;flex-direction:column}.select-options{overflow-y:auto;min-height:0;overscroll-behavior:contain}@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%;background:transparent;border:none;outline:none;padding:10px 14px;font-size:var(--text-sm);color:var(--color-foreground)}.select-search input::placeholder{color:var(--color-foreground-disabled)}.select-actions{display:flex;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--color-border-default)}.select-action-link{background:none;border:none;font-size:var(--text-xs);color:var(--color-accent-400);cursor:pointer;transition:color var(--duration-fast)}.select-action-link:hover{color:var(--color-accent-300)}.select-group-label{padding:8px 14px 4px;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:.5px}.select-option{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;color:var(--color-foreground-body);transition:background var(--duration-fast),color var(--duration-fast)}.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{background:transparent;color:var(--color-foreground-disabled)}.select-check{margin-left:auto;display:none;color:var(--color-accent-400)}.select-option[aria-selected=true] .select-check{display:inline-flex}.select-check svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5}.select-checkbox{width:16px;height:16px;border-radius:var(--radius-sm);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.select-checkbox.checked{background:var(--color-accent-500)}.select-checkbox.checked svg{width:11px;height:11px;stroke:var(--color-on-accent);fill:none;stroke-width:2.5}.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{display:inline-flex;flex-wrap:wrap;flex-shrink:0;max-width:100%;background:var(--color-bg-elevated-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:3px;gap:2px}.segmented-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid transparent;border-radius:calc(var(--radius-md) - 2px);background:transparent;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)}.segmented-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.segmented-btn:hover:not(.active){color:var(--color-foreground-body);background:var(--color-foreground-a03)}.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{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent-400)}.segmented-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.accordion-body-inner{padding:0 20px 16px;color:var(--color-foreground-body);font-size:var(--text-sm);line-height:1.6}.divider-compact{margin:8px 0}.divider-spacious{margin:32px 0}.divider-label{display:flex;align-items:center;margin:16px 0;font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold)}.divider-label:before,.divider-label:after{content:"";flex:1;height:1px;background:var(--color-border-default)}.divider-label:before{margin-right:16px}.divider-label:after{margin-left:16px}.divider-label-left{display:flex;align-items:center;margin:16px 0;font-size:var(--text-xs);color:var(--color-foreground-subtle);font-weight:var(--font-weight-semibold)}.divider-label-left:after{content:"";flex:1;height:1px;background:var(--color-border-default);margin-left:12px}.divider-label.divider-compact,.divider-label-left.divider-compact{margin:8px 0}.divider-label.divider-spacious,.divider-label-left.divider-spacious{margin:32px 0}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}.error-page__content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;gap:16px}.error-page__number{font-size:clamp(80px,15vw,160px);font-weight:var(--font-weight-extrabold);letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,var(--color-neutral-350),var(--color-neutral-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;-webkit-user-select:none;user-select:none}.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);line-height:1.6;max-width:420px}.error-page__actions{display:flex;gap:12px;margin-top:8px}.error-page__icon-container{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-6);background:color-mix(in srgb,var(--color-error) 8%,transparent);border:1px solid var(--color-error-bg);border-radius:var(--radius-lg);margin-bottom:8px}.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{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:8px 12px;background:var(--rich-text-editor-toolbar-bg);border-bottom:1px solid var(--rich-text-editor-toolbar-border)}.rte-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--rich-text-editor-btn-size);height:var(--rich-text-editor-btn-size);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-foreground-subtle);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.rte-toolbar-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.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{width:1px;height:20px;background:var(--color-border-default);margin:0 6px;align-self:center;flex-shrink:0}.rte-body{padding:20px 24px;min-height:200px;color:var(--color-foreground-body);font-size:var(--text-base);line-height:1.6;outline:none}.rte-body h2{color:var(--color-foreground);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:12px}.rte-body p{margin-bottom:12px}.rte-body ul,.rte-body ol{padding-left:24px;margin-bottom:12px}.rte-body ul{list-style:disc}.rte-body ol{list-style:decimal}.rte-body li{margin-bottom:4px}.rte-body>:last-child{margin-bottom:0}.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{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--rich-text-editor-toolbar-bg);border-top:1px solid var(--rich-text-editor-toolbar-border)}.rte-char-count{font-size:var(--text-xs);color:var(--color-foreground-subtle)}.rte-toggle-label{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--color-foreground-subtle)}.chat-msg-list{display:flex;flex-direction:column;gap:var(--chat-msg-gap)}.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);line-height:1.6;max-width:var(--chat-msg-max-width);border-radius:1rem;word-break:break-word}.chat-msg-sent{background:linear-gradient(135deg,var(--color-accent-a10),var(--color-accent-a04));border:1px solid var(--color-accent-a15);border-radius:1rem 1rem .375rem;color:var(--color-foreground);box-shadow:0 4px 16px #0000001f}.chat-msg-received{background:linear-gradient(135deg,color-mix(in srgb,var(--color-foreground-body) 6%,transparent),color-mix(in srgb,var(--color-foreground-body) 2%,transparent));border:1px solid var(--color-border-subtle);border-radius:1rem 1rem 1rem .375rem;color:var(--color-foreground-body);box-shadow:0 4px 16px #0003}.chat-msg-system{background:none;border:none;border-radius:0;box-shadow:none;font-size:var(--chat-msg-font-size-system);color:var(--color-foreground-subtle);text-align:center;max-width:100%;align-self:center;padding:var(--chat-msg-padding-y) 0}.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);border-radius:0 .5rem .5rem 0;color:var(--color-foreground-subtle);font-size:var(--chat-msg-font-size-system);max-width:var(--chat-msg-max-width);box-shadow:none}.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{display:block;width:100%;background:transparent;border:none;outline:none;resize:none;color:var(--color-foreground);font-size:var(--chat-input-font-size);font-family:inherit;line-height:1.6;max-height:var(--chat-input-max-height);overflow-y:auto}.chat-input-textarea::placeholder{color:var(--color-foreground-disabled)}.chat-input-textarea:disabled{opacity:.5;cursor:not-allowed}.chat-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-subtle)}.chat-input-count{font-size:.6875rem;color:var(--color-foreground-disabled);font-variant-numeric:tabular-nums}.chat-input-actions{display:flex;align-items:center;gap:.5rem}.chat-input-send{display:inline-flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,var(--color-accent-300),var(--color-accent-500));color:var(--chat-input-send-fg);padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;border:none;cursor:pointer;transition:opacity var(--duration-fast),transform var(--duration-fast)}.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{display:inline-flex;align-items:center;gap:.375rem;background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);padding:.5rem 1rem;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;animation:chat-input-pulse 1.5s ease-in-out infinite}.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 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);flex-shrink:0;background:var(--side-panel-bg);display:flex;flex-direction:column;height:100%}.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{display:flex;align-items:center;gap:.75rem;padding:var(--side-panel-header-padding-y) var(--side-panel-header-padding-x);border-bottom:1px solid var(--side-panel-border);flex-shrink:0}.side-panel-body{flex:1;overflow-y:auto;padding:var(--side-panel-body-padding-y) var(--side-panel-body-padding-x);min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-neutral-800) transparent}.side-panel-body::-webkit-scrollbar{width:4px}.side-panel-body::-webkit-scrollbar-track{background:transparent}.side-panel-body::-webkit-scrollbar-thumb{background:var(--color-neutral-800);border-radius:var(--radius-full)}.side-panel-body::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-900)}.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{position:fixed;inset:0;z-index:var(--z-backdrop);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)}.side-panel-backdrop.open{opacity:1;pointer-events:auto}.side-panel[data-overlay]{position:fixed;inset:0;width:100%;z-index:var(--z-drawer);visibility:visible}.side-panel[data-overlay][data-state=open]{animation:side-panel-in var(--duration-slow) var(--easing-out)}.side-panel[data-overlay][data-state=closed]{animation:side-panel-out var(--duration-slow) var(--easing-out)}.side-panel-left[data-overlay][data-state=open]{animation:side-panel-left-in var(--duration-slow) var(--easing-out)}.side-panel-left[data-overlay][data-state=closed]{animation:side-panel-left-out var(--duration-slow) var(--easing-out)}@keyframes side-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes side-panel-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes side-panel-left-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes side-panel-left-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.side-panel-backdrop[data-overlay][data-state=open]{opacity:1;pointer-events:auto;animation:side-panel-backdrop-in var(--duration-slow) var(--easing-out)}.side-panel-backdrop[data-overlay][data-state=closed]{animation:side-panel-backdrop-out var(--duration-slow) var(--easing-out)}@keyframes side-panel-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes side-panel-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.side-panel[data-overlay][data-state],.side-panel-backdrop[data-overlay][data-state]{animation:none}}dialog.side-panel{position:fixed;inset:0 0 0 auto;width:var(--side-panel-width);max-width:100%;height:100%;max-height:none;margin:0;padding:0;border:none;border-left:1px solid var(--side-panel-border);transform:none;visibility:visible}dialog.side-panel:not([open]){display:none}dialog.side-panel.side-panel-left{inset:0 auto 0 0;border-left:none;border-right:1px solid var(--side-panel-border)}dialog.side-panel::backdrop{background:var(--side-panel-backdrop)}.chip-sm{padding:3px 8px;font-size:.6875rem;gap:4px;border-radius:6px}.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{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem}.chip-bar-add{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px dashed var(--color-foreground-ghost);background:none;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)}.chip-bar-add:hover{border-color:var(--color-foreground-subtle);color:var(--color-foreground-muted)}.list-sidebar{width:var(--list-sidebar-width);height:100%;background:var(--list-sidebar-bg);border-right:1px solid var(--list-sidebar-border);display:flex;flex-direction:column;flex-shrink:0}.list-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--list-sidebar-border);flex-shrink:0}.list-sidebar-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:2px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-neutral-800) transparent}.list-sidebar-list::-webkit-scrollbar{width:4px}.list-sidebar-list::-webkit-scrollbar-track{background:transparent}.list-sidebar-list::-webkit-scrollbar-thumb{background:var(--color-neutral-800);border-radius:var(--radius-full)}.list-sidebar-list::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-900)}.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{display:flex;flex-direction:column;gap:2px;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);position:relative}.list-sidebar-item:hover{background:var(--color-foreground-a03)}.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;overflow:hidden;text-overflow:ellipsis}.list-sidebar-item-meta{font-size:.6875rem;color:var(--color-foreground-disabled);display:flex;align-items:center;gap:.375rem}.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:has(.list-sidebar-item-leading,.list-sidebar-item-trailing,.list-sidebar-item-controls){display:grid;grid-template-columns:auto 1fr auto auto;row-gap:2px}.list-sidebar-item-leading{grid-column:1;grid-row:1;width:var(--list-sidebar-item-leading-size);margin-right:var(--spacing-3);display:flex;align-items:center;justify-content:center;align-self:start;font-size:var(--list-sidebar-item-font-size);height:1lh;color:var(--color-foreground-subtle)}.list-sidebar-item-leading svg{width:16px;height:16px;flex-shrink:0}.list-sidebar-item-trailing{grid-column:3;grid-row:1;align-self:center;margin-left:var(--spacing-3);display:flex;align-items:center;flex-shrink:0}.list-sidebar-item:has(.list-sidebar-item-meta) .list-sidebar-item-trailing{grid-row:1 / span 2}.list-sidebar-item-controls{grid-column:4;grid-row:1;align-self:center;margin-left:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0}.list-sidebar-item:has(.list-sidebar-item-meta) .list-sidebar-item-controls{grid-row:1 / span 2}.list-sidebar-item:has(.list-sidebar-item-leading,.list-sidebar-item-trailing,.list-sidebar-item-controls)>.list-sidebar-item-title,.list-sidebar-item:has(.list-sidebar-item-leading,.list-sidebar-item-trailing,.list-sidebar-item-controls)>.list-sidebar-item-meta{grid-column:2;min-width:0}.list-sidebar-item-surface{border:1px solid var(--color-border-default);background:var(--color-bg-surface);transition:background var(--duration-fast),border-color var(--duration-fast)}.list-sidebar-item-surface:hover{border-color:var(--color-accent-a25)}.list-sidebar-item-surface.list-sidebar-item-active{background:var(--color-accent-a08);border-color:var(--color-accent-400)}.list-sidebar-item-action{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;background:transparent;border:none;color:var(--color-foreground-disabled);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),opacity var(--duration-fast)}.list-sidebar-item:hover .list-sidebar-item-action,.list-sidebar-item-action:focus{opacity:1;pointer-events:auto}.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{padding:.75rem 1rem;border-top:1px solid var(--list-sidebar-border);font-size:.6875rem;color:var(--color-foreground-disabled);text-align:center;flex-shrink:0}.toggle{position:absolute;opacity:0;width:0;height:0}.toggle__track{display:inline-block;width:44px;height:24px;border-radius:var(--radius-full);background:var(--color-neutral-400);position:relative;cursor:pointer;transition:background var(--duration-normal);flex-shrink:0}.toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-foreground-muted);transition:transform var(--duration-normal),background var(--duration-normal),box-shadow var(--duration-normal)}.toggle:checked~.toggle__track{background:linear-gradient(90deg,var(--color-accent-500),var(--color-accent-400))}.toggle:checked~.toggle__track .toggle__thumb{transform:translate(20px);background:var(--color-on-accent);box-shadow:0 0 8px var(--color-accent-a25)}.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{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--text-sm);color:var(--color-foreground-body)}.streaming-cursor:after{content:"";display:inline-block;width:7px;height:17px;background:var(--color-accent-300);margin-left:2px;vertical-align:text-bottom;animation:streaming-blink .8s infinite}@keyframes streaming-blink{0%,to{opacity:1}50%{opacity:0}}.streaming-pulse{animation:streaming-pulse-anim 1.5s ease-in-out infinite}@keyframes streaming-pulse-anim{0%,to{opacity:.5}50%{opacity:1}}.streaming-dots{display:inline-flex;align-items:center;gap:4px}.streaming-dots:before,.streaming-dots:after,.streaming-dots span{content:"";display:block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-foreground-subtle);animation:streaming-bounce 1.2s ease-in-out infinite}.streaming-dots:after{animation-delay:.2s}.streaming-dots span{animation-delay:.4s}@keyframes streaming-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.diff-line{display:flex;padding:.25rem 1rem;font-size:var(--text-sm);line-height:1.6}.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 transparent}.diff-marker{width:1.25rem;flex-shrink:0;font-size:var(--text-xs);color:var(--color-foreground-disabled);-webkit-user-select:none;user-select:none}.diff-marker-add{color:var(--color-accent-300)}.diff-marker-remove{color:var(--color-error)}.diff-text{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word;color:var(--color-foreground-muted)}.diff-text-add{color:var(--color-accent-300)}.diff-text-remove{color:var(--color-error);text-decoration:line-through}.status-dot{display:inline-block;width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0;background:var(--color-foreground-disabled)}.status-dot-sm{width:6px;height:6px}.status-dot-lg{width:12px;height:12px}.status-dot-success{background:var(--color-success);animation:status-dot-pulse 2s ease-in-out infinite}.status-dot-error{background:var(--color-error)}.status-dot-warning{background:var(--color-warning);animation:status-dot-pulse 2s ease-in-out infinite}.status-dot-pending{background:var(--color-foreground-disabled)}.status-dot-accent{background:var(--color-accent-400)}.status-dot-info{background:var(--color-info)}@keyframes status-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.swatch{display:inline-block;width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0;background:var(--swatch-color, var(--color-foreground-disabled));box-shadow:0 0 0 1px var(--color-border-strong)}.swatch-sm{width:10px;height:10px}.heatmap{overflow-x:auto;padding-bottom:var(--spacing-2)}.heatmap-months{display:flex;margin-bottom:var(--spacing-1);font-size:var(--text-xs);color:var(--color-foreground-subtle)}.heatmap-month-label{flex:0 0 auto;width:calc(var(--span, 1) * 23px)}.heatmap-months[data-daylabels]{padding-left:calc(32px + var(--spacing-2))}.heatmap-body{display:flex;gap:var(--spacing-2)}.heatmap-days{display:grid;grid-template-rows:repeat(7,20px);gap:3px;width:32px;font-size:var(--text-xs);color:var(--color-foreground-subtle)}.heatmap-day-label{line-height:20px}.heatmap-grid{display:flex;gap:3px;position:relative}.heatmap-tip-anchor{position:absolute;pointer-events:none}.heatmap-col{display:grid;grid-template-rows:repeat(7,20px);gap:3px}.heatmap-cell{position:relative;width:20px;height:20px;padding:0;border:none;border-radius:var(--radius-sm);overflow:hidden;background:var(--heatmap-level-0);cursor:pointer}.heatmap-cell[data-level="0"]{background:var(--heatmap-level-0)}.heatmap-cell[data-level="1"]{background:color-mix(in srgb,var(--heatmap-ramp-color, var(--color-accent-500)) 28%,var(--color-bg-elevated-2))}.heatmap-cell[data-level="2"]{background:color-mix(in srgb,var(--heatmap-ramp-color, var(--color-accent-500)) 52%,var(--color-bg-elevated-2))}.heatmap-cell[data-level="3"]{background:color-mix(in srgb,var(--heatmap-ramp-color, var(--color-accent-500)) 76%,var(--color-bg-elevated-2))}.heatmap-cell[data-level="4"]{background:var(--heatmap-ramp-color, var(--color-accent-500))}.heatmap-cell[data-tone=success]{background:var(--color-success)}.heatmap-cell[data-tone=warning]{background:var(--color-warning)}.heatmap-cell[data-tone=error]{background:var(--color-error)}.heatmap-cell[data-tone=info]{background:var(--color-info)}.heatmap-cell[data-tone=accent]{background:var(--color-accent-400)}.heatmap-cell[data-tone=neutral]{background:var(--color-neutral-500)}.heatmap-cell:focus-visible{outline:none;box-shadow:var(--shadow-accent-focus)}.heatmap-cell-empty{background:transparent;cursor:default}.heatmap-cell[aria-hidden]{cursor:default}.heatmap-cell-marker{position:absolute;width:9px;height:9px;background:var(--marker-color, transparent)}.heatmap-cell-marker-tr{top:0;right:0;clip-path:polygon(100% 0,0 0,100% 100%)}.heatmap-cell-marker-bl{bottom:0;left:0;clip-path:polygon(0 100%,0 0,100% 100%)}.heatmap-cell-marker[data-tone=success]{--marker-color: var(--color-success)}.heatmap-cell-marker[data-tone=warning]{--marker-color: var(--color-warning)}.heatmap-cell-marker[data-tone=error]{--marker-color: var(--color-error)}.heatmap-cell-marker[data-tone=info]{--marker-color: var(--color-info)}.heatmap-cell-marker[data-tone=accent]{--marker-color: var(--color-accent-400)}.heatmap-cell-marker[data-tone=neutral]{--marker-color: var(--color-neutral-500)}.heatmap-legend{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:var(--spacing-2);font-size:var(--text-xs);color:var(--color-foreground-subtle)}.heatmap-legend-item{display:inline-flex;align-items:center;gap:var(--spacing-1);margin-right:var(--spacing-2)}.heatmap-legend-swatch{position:relative}.slider-input{display:flex;align-items:center;gap:.75rem}.slider-input .slider{flex:1;min-width:0}.slider-input .input{width:6rem;text-align:center;flex-shrink:0}.slider-input-label{display:block;font-size:var(--text-xs);color:var(--color-foreground-subtle);margin-bottom:.375rem}.slider-input-hint{font-size:.6875rem;color:var(--color-foreground-disabled);margin-top:.25rem}@media(max-width:1023px){.navbar-nav{display:none}.navbar .hamburger{display:flex}}@media(min-width:1024px){.sidebar-drawer:not([data-overlay]):not(dialog){position:static;transform:none;visibility:visible;z-index:auto;width:var(--sidebar-width);display:flex;flex-direction:column;flex-shrink:0;height:100%}.sidebar-backdrop:not([data-overlay]){display:none}.sidebar-responsive{display:flex;flex-direction:column;flex-shrink:0;height:100%}}@media(prefers-reduced-motion:reduce){.stepper-step.current .stepper-circle{animation:none}}@media(max-width:767px){.table th,.table td{padding-left:var(--table-cell-padding-x-compact);padding-right:var(--table-cell-padding-x-compact)}}@media(max-width:767px){.chat-msg{padding:.375rem .75rem}.chat-msg-list{gap:1rem}}@media(prefers-reduced-motion:reduce){.chat-input-stop{animation:none}}@media(max-width:767px){.chat-input{padding:.625rem .75rem;border-radius:var(--radius-lg)}.chat-input-send{padding:.5rem .75rem}}@media(max-width:767px){.side-panel{position:fixed;inset:0;width:100%;z-index:var(--z-drawer);transform:translate(100%);visibility:hidden;transition:transform var(--duration-slow) var(--easing-out),visibility 0s var(--duration-slow)}.side-panel.open{transform:translate(0);visibility:visible;transition:transform var(--duration-slow) var(--easing-out),visibility 0s 0s}.side-panel-left{transform:translate(-100%);border-right:none}.side-panel-left.open{transform:translate(0)}}@media(min-width:768px){.side-panel:not([data-overlay]):not(dialog){position:static;transform:none;visibility:visible;z-index:auto}.side-panel-backdrop:not([data-overlay]){display:none}}@media(max-width:767px){.list-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:45;transform:translate(-100%);transition:transform var(--duration-slow) var(--easing-out);box-shadow:4px 0 20px #0006}.list-sidebar.open{transform:translate(0)}.list-sidebar-item-action{opacity:1;pointer-events:auto}}@media(max-width:767px){.chip-close{display:inline-flex}}@media(prefers-reduced-motion:reduce){.streaming-cursor:after{animation:none}.streaming-pulse{animation:none}.streaming-dots:before,.streaming-dots:after,.streaming-dots span{animation:none}.status-dot-success,.status-dot-warning{animation:none}}@media(max-width:767px){.diff-line{padding:.25rem .5rem}}@media(max-width:767px){.modal{inset:0;transform:none;width:auto;max-width:none;max-height:none;border:none;border-radius:0;animation:modal-sheet-in var(--duration-slow) var(--easing-out)}.modal-sm,.modal-md,.modal-lg{width:auto}.modal[data-state=closed]{animation:modal-sheet-out var(--duration-slow) var(--easing-out)}}@keyframes modal-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.modal,.modal[data-state]{animation:none}}.carousel{display:flex;flex-direction:column;gap:var(--spacing-3)}.carousel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2)}.carousel-toolbar-end{display:flex;gap:var(--spacing-2);margin-left:auto}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.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);padding:2px 10px;border-radius:var(--radius-full);line-height:1.4}.carousel-empty{display:flex;align-items:center;justify-content:center;min-height:8rem;color:var(--color-foreground-muted);font-size:var(--text-base)}@keyframes carousel-slide-in-right{0%{transform:translate(8%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes carousel-slide-in-left{0%{transform:translate(-8%);opacity:0}to{transform:translate(0);opacity:1}}.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{display:flex;align-items:center;gap:var(--spacing-3)}.spectrum-slider-pole{flex-shrink:0;color:var(--color-foreground-muted);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:color var(--duration-fast)}.spectrum-slider-pole-active{color:var(--color-accent-300)}.spectrum-slider-track-wrap{flex:1;position:relative}.spectrum-slider-anchor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:12px;background:var(--color-border-emphasis);pointer-events:none}.spectrum-slider[data-disabled=true] .spectrum-slider-pole,.spectrum-slider[data-disabled=true] .spectrum-slider-pole-active{color:var(--color-foreground-disabled)}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.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)}