@layer base{html{color-scheme:dark}body{background:var(--color-bg-deepest);color:var(--color-foreground-body);font-family:var(--font-family-body);font-size:var(--text-base);line-height:var(--font-line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bg-grain{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)}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{.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-sm{padding:var(--button-padding-y-sm) var(--button-padding-x-sm);font-size:var(--button-font-size-sm)}.btn-icon{padding:var(--button-padding-y);aspect-ratio:1}.btn-icon.btn-sm{padding:var(--button-padding-y-sm)}.btn svg{width:20px;height:20px;flex-shrink:0}.btn-sm svg{width:16px;height:16px}.btn-icon svg{width:20px;height:20px}.btn-icon.btn-sm svg{width:16px;height:16px}.btn-primary{background:var(--color-accent-500);color:#fff}.btn-primary:hover{background:var(--color-accent-400);transform:scale(1.02)}.btn-secondary{background:var(--color-neutral-300);color:var(--color-foreground-secondary)}.btn-secondary:hover{background:var(--color-accent-a08);color:var(--color-foreground)}.btn-ghost{background:var(--color-accent-a12);color:var(--color-accent-300);border-color:var(--color-accent-a20)}.btn-ghost:hover{background:var(--color-accent-a20);border-color:var(--color-accent-a35)}.btn-danger{background:var(--color-crimson-500);color:#fff}.btn-danger:hover{background:var(--color-crimson-400)}.btn-warning{background:var(--color-amber-500);color:var(--color-neutral-100)}.btn-warning:hover{background:var(--color-amber-400)}.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-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-2)}.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}.stat-card-label{font-size:var(--text-sm);color:var(--color-foreground-body)}.stat-card-value{font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);color:var(--color-foreground);letter-spacing:var(--font-letter-spacing-tight);line-height:var(--font-line-height-tight)}.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)}.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-emerald-400)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-amber-400)}.badge-error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-crimson-300)}.badge-info{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-blue-400)}.badge-neutral{background:var(--color-neutral-350);color:var(--color-foreground-muted)}.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:#10b9810f;border-color:#10b98126;border-left-color:var(--color-success)}.alert-success svg{color:var(--color-success)}.alert-warning{background:#f59e0b0f;border-color:#f59e0b26;border-left-color:var(--color-warning)}.alert-warning svg{color:var(--color-warning)}.alert-error{background:#dc26260f;border-color:#dc262626;border-left-color:var(--color-error)}.alert-error svg{color:var(--color-error)}.alert-info{background:#3b82f60f;border-color:#3b82f626;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-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-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-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)}.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:200}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;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}.modal-description{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{height:var(--modal-stripe-height);background:linear-gradient(90deg,var(--color-accent-500),transparent)}.modal-header{display:flex;align-items:center;justify-content:space-between;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)}.modal-body{padding:var(--spacing-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-subtle)}.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:50}.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:50}.dropdown-item{display:flex;align-items:center;justify-content:space-between;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:#dc262614}.dropdown-item svg{width:16px;height:16px;flex-shrink:0}.dropdown-divider{height:1px;background:var(--color-border-subtle);margin:6px var(--spacing-3)}.avatar{border-radius:var(--avatar-radius);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-300))}.avatar-xs{width:var(--avatar-size-xs);height:var(--avatar-size-xs);font-size:10px}.avatar-sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);font-size:12px}.avatar-md{width:var(--avatar-size-md);height:var(--avatar-size-md);font-size:15px}.avatar-lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:20px}.avatar-xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);font-size:26px}.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-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}.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:1.75rem;padding-bottom:.5rem}.input-float label{position:absolute;left:var(--spacing-4);top:.5rem;font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;color:var(--color-foreground-subtle);pointer-events:none;transition:all var(--duration-fast)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto;padding:var(--spacing-3)}.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)}.sidebar-item:hover{color:var(--color-foreground-muted);background:var(--color-accent-a04)}.sidebar-item svg{width:20px;height:20px;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-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:20px;height:20px}.sidebar-collapsed .sidebar-group-label{display:none}.sidebar-icon-only{width:var(--sidebar-width-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);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:20px;height:20px}.sidebar-icon-only .sidebar-group-label{display:none}.sidebar-drawer{position:fixed;left:0;top:0;bottom:0;z-index:50;width:260px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto;padding:var(--spacing-3);transform:translate(-100%);transition:transform var(--duration-slow) var(--easing-out)}.sidebar-drawer.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:40;background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing-out)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-topbar{position:fixed;left:0;right:0;top:0;z-index:40;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:40;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}.tab-list{display:flex;border-bottom:1px solid var(--color-border-subtle)}.tab{position:relative;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{color:var(--color-foreground)}.tab-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)}.seg-control{display:inline-flex;align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:4px;gap:4px}.seg-btn{height:36px;padding:0 var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-subtle);background:none;border:none;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast),background var(--duration-fast)}.seg-btn:hover{color:var(--color-foreground-muted)}.seg-btn-active{background:var(--color-neutral-300);color:var(--color-foreground)}.progress{height:var(--progress-height);background:var(--progress-track-bg);border-radius:var(--progress-radius);overflow:hidden}.progress-bar{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))}.fab{width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background:var(--color-accent-500);color:#fff;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:#fff}.page-btn-arrow{color:var(--color-foreground-ghost)}.page-btn-arrow:hover{color:var(--color-foreground)}.page-btn-ellipsis{color:var(--color-foreground-ghost);cursor:default;pointer-events:none;background: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)}}.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-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{height:1px;background:var(--color-border-subtle)}.divider-accent{background:linear-gradient(90deg,var(--color-accent-a25),var(--color-border-subtle),transparent)}.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:#fff;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:#fff}.stepper-step.completed .stepper-circle svg{width:14px;height:14px;stroke:#fff;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-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: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}.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}.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:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;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:0 24px 48px #0009;overflow:hidden;z-index:501;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}.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)}.datepicker-day:hover{background:#ffffff0d}.datepicker-day.today,.datepicker-day.selected{background:var(--color-accent-500);color:#fff}.datepicker-day.in-range{background:var(--color-accent-a15);color:var(--color-foreground);border-radius:0}.datepicker-day.range-start,.datepicker-day.range-end{background:var(--color-accent-500);color:#fff;border-radius:var(--radius-full)}.datepicker-day.empty{cursor:default}.datepicker-range-wrap{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}.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-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-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:100}.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-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}.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)}.swatch:hover{transform:scale(1.1)}.swatch--selected{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-foreground)}.swatch .check{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.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)}.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:#ffffff0d}.cal-day.today{background:var(--color-accent-500);color:#fff}.cal-day.selected{background:var(--color-accent-a15);color:var(--color-foreground)}.cal-day.empty{cursor:default}.cal-day.has-event:after{content:"";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:#10b9811f;border-left:3px solid var(--color-success);color:var(--color-success)}.cal-event-block--warning{background:#f59e0b1f;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;overflow-y:auto;z-index:100;animation:select-in var(--duration-normal) ease-out}@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:#fff;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;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:#ffffff08}.segmented-btn.active{background:var(--color-bg-elevated-3);color:var(--color-foreground);font-weight:var(--font-weight-semibold);border-color:var(--color-border-strong)}.segmented-control.accent .segmented-btn.active{background:var(--color-accent-a20);color:var(--color-accent-300);border-color:var(--color-accent-400)}.segmented-btn:focus-visible{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-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:var(--color-foreground);font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;transition:background var(--duration-fast)}.accordion-header:hover{background:#ffffff05}.accordion-header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent-400)}.accordion-chevron{width:20px;height:20px;stroke:var(--color-foreground-subtle);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform var(--duration-normal) ease-in-out}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-item.open .accordion-body{max-height:500px}.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}.empty-state__icon{opacity:.2;color:var(--color-foreground);margin-bottom:20px;flex-shrink:0}.empty-state__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-foreground-secondary);margin-bottom:8px}.empty-state__desc{font-size:var(--text-sm);color:var(--color-foreground-body);max-width:360px;margin-bottom:24px;line-height:1.6}.error-page{min-height:100vh;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:#b91c1c14;border:1px solid rgba(185,28,28,.15);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 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,#b4b4b40f,#b4b4b405);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:#000;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}.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-400);border-radius:var(--radius-full)}.side-panel-footer{padding:var(--side-panel-footer-padding-y) var(--side-panel-footer-padding-x);border-top:1px solid var(--side-panel-border);flex-shrink:0}.side-panel-backdrop{position:fixed;inset:0;z-index:40;background:var(--side-panel-backdrop);-webkit-backdrop-filter:blur(var(--side-panel-blur));backdrop-filter:blur(var(--side-panel-blur));opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing-out)}.side-panel-backdrop.open{opacity:1;pointer-events:auto}.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}.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-400);border-radius:var(--radius-full)}.list-sidebar-group{font-size:var(--list-sidebar-group-font-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-disabled);text-transform:uppercase;letter-spacing:.08em;padding:.75rem .75rem .375rem}.list-sidebar-item{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:#ffffff08}.list-sidebar-item-title{font-size:var(--list-sidebar-item-font-size);color:var(--color-foreground-body);font-weight:var(--font-weight-medium);white-space:nowrap;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-action{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;border-radius:var(--radius-sm);display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-foreground-disabled);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.list-sidebar-item:hover .list-sidebar-item-action{display:flex}.list-sidebar-item-action:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error)}.list-sidebar-item-action svg{width:12px;height:12px}.list-sidebar-footer{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:#fff;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)}@keyframes status-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.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(min-width:1024px){.sidebar-drawer{position:static;transform:none;z-index:auto;width:var(--sidebar-width);display:flex;flex-direction:column;flex-shrink:0;height:100%}.sidebar-backdrop{display:none}}@media(prefers-reduced-motion:reduce){.stepper-step.current .stepper-circle{animation:none}}@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:50;transform:translate(100%);transition:transform var(--duration-slow) var(--easing-out)}.side-panel.open{transform:translate(0)}.side-panel-left{transform:translate(-100%);border-right:none}.side-panel-left.open{transform:translate(0)}}@media(min-width:768px){.side-panel{position:static;transform:none;z-index:auto}.side-panel-backdrop{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{display:flex}}@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}}}@layer utilities{.text-foreground{color:var(--color-foreground)}.text-foreground-secondary{color:var(--color-foreground-secondary)}.text-foreground-body{color:var(--color-foreground-body)}.text-foreground-muted{color:var(--color-foreground-muted)}.text-foreground-subtle{color:var(--color-foreground-subtle)}.text-foreground-disabled{color:var(--color-foreground-disabled)}.text-foreground-ghost{color:var(--color-foreground-ghost)}}