:root{--green-50: #f2f6f3;--green-100: #dfe9e2;--green-200: #c0d6c8;--green-300: #96b9a4;--green-400: #5f9579;--green-500: #366e51;--green-600: #2c5b43;--green-700: #254b38;--green-800: #1e3b2c;--green-900: #172e23;--teal-50: #ecfbfa;--teal-100: #cdf4f1;--teal-200: #9fe9e5;--teal-300: #5fd6d2;--teal-400: #21b9b7;--teal-500: #0d9499;--teal-600: #0c757d;--teal-700: #0f5c65;--teal-800: #134a52;--teal-900: #143d45;--neutral-0: #ffffff;--neutral-50: #f8f9fb;--neutral-100: #f1f3f6;--neutral-200: #e4e7ec;--neutral-300: #cdd2db;--neutral-400: #98a0ae;--neutral-500: #6b7280;--neutral-600: #4d5562;--neutral-700: #374151;--neutral-800: #222831;--neutral-900: #0b0d10;--bg-app: var(--neutral-100);--bg-surface: var(--neutral-0);--bg-surface-alt: var(--neutral-100);--text-primary: var(--neutral-800);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--text-faint: var(--neutral-400);--text-on-accent: var(--neutral-0);--border-default: var(--neutral-200);--border-strong: var(--neutral-300);--border-focus: var(--green-500);--focus-ring: 2px solid var(--border-focus);--focus-halo: 0 0 0 3px var(--accent-soft);--border-subtle: color-mix(in oklab, var(--border-default) 60%, transparent);--accent: var(--green-500);--accent-hover: var(--green-600);--accent-active: var(--green-700);--accent-soft: var(--green-100);--brand-gradient: linear-gradient(135deg, var(--green-600), var(--green-400));--text-on-brand: var(--neutral-0);--signal: var(--teal-500);--signal-strong: var(--teal-600);--signal-soft: var(--teal-50);--signal-border: var(--teal-200);--text-on-signal: var(--neutral-0);--accent-danger: #c0322b;--accent-danger-hover: #a52822;--accent-danger-active: #87201b;--text-on-danger: var(--neutral-0);--color-success-bg: #e7f6ec;--color-success-fg: #1c7a3e;--color-success-border: #b7e2c5;--color-warning-bg: #fdf3e2;--color-warning-fg: #8a5a09;--color-warning-border: #f1d9a8;--color-danger-bg: #fdecec;--color-danger-fg: #b3231c;--color-danger-border: #f3bdbb;--color-info-bg: #eaf2fe;--color-info-fg: #1b4fb0;--color-info-border: #c2d8fb;--overlay: rgba(0, 0, 0, .45);--overlay-blur: 3px;--tint-hover: rgba(0, 0, 0, .06);--tint-selected: color-mix(in oklab, var(--accent) 10%, transparent);--selection-bg: color-mix(in oklab, var(--accent) 26%, transparent);--toggle-thumb: var(--neutral-0);--bg-app-gradient: linear-gradient(180deg, var(--neutral-200) 0%, var(--bg-app) 220px);--sidebar-bg: var(--neutral-0);--sidebar-border: var(--border-default);--sidebar-item-active-bg: var(--accent-soft);--sidebar-item-active-fg: var(--accent-active);--header-bg: var(--bg-surface);--header-border: var(--border-default);--card-header-bg: var(--neutral-50);--card-highlight: rgba(255, 255, 255, .5);--shadow-edge: 2px 0 8px rgba(11, 13, 16, .1);--scroll-shadow: rgba(11, 13, 16, .14);--skeleton-base: var(--neutral-200);--skeleton-sheen: rgba(255, 255, 255, .6);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--line-tight: 1.2;--line-data: 1.4;--line-normal: 1.5;--tracking-tight: -.011em;--tracking-wide: .04em;--tracking-brand: .08em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(11, 13, 16, .04), 0 1px 1px rgba(11, 13, 16, .03);--shadow-md: 0 1px 2px rgba(11, 13, 16, .04), 0 4px 12px rgba(11, 13, 16, .06);--shadow-lg: 0 2px 4px rgba(11, 13, 16, .05), 0 10px 24px rgba(11, 13, 16, .08);--shadow-xl: 0 4px 8px rgba(11, 13, 16, .06), 0 20px 48px rgba(11, 13, 16, .12);--control-h-sm: 28px;--control-h-md: 34px;--control-h-lg: 40px;--avatar-sm: 32px;--avatar-lg: 48px;--header-height: 3.5rem;--sidebar-width: 16rem;--sidebar-width-collapsed: 4rem;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .32s ease;--ease-emphasized: cubic-bezier(.4, 0, .2, 1);--transition-layout: .24s var(--ease-emphasized);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--duration-slide: .38s;--duration-fade: .16s;--duration-fade-delay: .2s;--z-dropdown: 1000;--z-dialog: 1100;--z-toast: 1200;--z-offline-indicator: 1250;--z-tooltip: 1300;--z-offline: 1350;--z-loading: 1400;color-scheme:light}:root[data-theme=dark]{--bg-app: var(--neutral-900);--bg-surface: #161a20;--bg-surface-alt: var(--neutral-800);--text-primary: var(--neutral-100);--text-secondary: var(--neutral-300);--text-muted: var(--neutral-400);--text-faint: var(--neutral-500);--text-on-accent: var(--neutral-900);--border-default: #2c333d;--border-strong: #3c4450;--border-focus: var(--green-400);--accent: var(--green-400);--accent-hover: var(--green-300);--accent-active: var(--green-200);--accent-soft: var(--green-800);--signal: var(--teal-300);--signal-strong: var(--teal-200);--signal-soft: #143d45;--signal-border: var(--teal-700);--text-on-signal: var(--neutral-900);--accent-danger: #e08a86;--accent-danger-hover: #e9a4a0;--accent-danger-active: #f1bdba;--text-on-danger: var(--neutral-900);--overlay: rgba(0, 0, 0, .6);--tint-hover: rgba(255, 255, 255, .08);--tint-selected: color-mix(in oklab, var(--accent) 16%, transparent);--bg-app-gradient: linear-gradient(180deg, #11151b 0%, var(--bg-app) 220px);--sidebar-bg: #12161c;--sidebar-border: var(--border-default);--sidebar-item-active-bg: var(--accent-soft);--sidebar-item-active-fg: var(--neutral-100);--header-bg: var(--bg-surface);--header-border: var(--border-default);--card-header-bg: #1b2027;--card-highlight: rgba(255, 255, 255, .05);--shadow-edge: 2px 0 8px rgba(0, 0, 0, .4);--scroll-shadow: rgba(0, 0, 0, .55);--skeleton-base: var(--neutral-800);--skeleton-sheen: rgba(255, 255, 255, .06);--color-success-bg: #16321f;--color-success-fg: #7fcf99;--color-success-border: #2c5238;--color-warning-bg: #36280f;--color-warning-fg: #e8c07a;--color-warning-border: #5c4620;--color-danger-bg: #381818;--color-danger-fg: #e89a96;--color-danger-border: #5c2c2c;--color-info-bg: #15233a;--color-info-fg: #8fb4ee;--color-info-border: #2c456e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .25);--shadow-md: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .35), 0 10px 24px rgba(0, 0, 0, .45);--shadow-xl: 0 4px 8px rgba(0, 0, 0, .4), 0 20px 48px rgba(0, 0, 0, .55);color-scheme:dark}:root[data-density=compact]{--control-h-sm: 24px;--control-h-md: 28px;--control-h-lg: 34px}@media(pointer:coarse){:root,:root[data-density=compact]{--control-h-sm: 36px;--control-h-md: 44px;--control-h-lg: 48px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-normal);color:var(--text-primary);background-color:var(--bg-app);background-image:var(--bg-app-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--selection-bg)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}card.card--tinted .card-header{margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-4);padding:var(--space-3) var(--space-5);background:var(--card-header-bg);border-bottom:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0}card.card--tinted.card--pad-sm .card-header{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3);padding:var(--space-2) var(--space-3)}card.card--tinted.card--pad-lg .card-header{margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-8)) var(--space-5);padding:var(--space-4) var(--space-8)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.field__required{margin-left:2px;color:var(--color-danger-fg)}.field__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.field__error{font-size:var(--font-size-xs);color:var(--color-danger-fg)}.control{width:100%;height:var(--control-h-md);padding:0 var(--space-3);font-family:inherit;font-size:var(--font-size-md);font-variant-numeric:tabular-nums;line-height:var(--line-data);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}textarea.control{height:auto;padding:var(--space-2) var(--space-3)}.control::placeholder{color:var(--text-faint)}.control:hover:not(:disabled){border-color:var(--accent)}.control:focus,.control:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-halo)}.control:disabled{cursor:not-allowed;opacity:.55;background:var(--bg-surface-alt)}.control--invalid{border-color:var(--color-danger-fg)}.control--invalid:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}@media(pointer:coarse){.control{font-size:max(var(--font-size-md),1rem)}}.tabular-nums{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--transition-normal);animation-timing-function:var(--ease-emphasized)}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
