#root{min-height:100vh}.page-grid{display:grid;gap:var(--space-4)}.page-two-column{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.inline-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.surface-muted{border:1px solid var(--app-border-light);border-radius:var(--radius-md);background:var(--app-surface-2);padding:var(--space-4)}@media(max-width:768px){.f4-header{align-items:flex-start;flex-direction:column}.f4-app-shell__content{padding-inline:var(--space-4)}}:root{--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: Inter, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--font-display: Inter, system-ui, -apple-system, sans-serif;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--content-max-width: 1660px;--content-max-width-wide: 1660px;--page-padding-x: 1.75rem;--page-padding-bottom: 2rem;--modal-max-width: 32rem;--modal-top-offset: 49px;--transition-base: .15s ease;--transition-fast: .1s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-popover: 350;--z-modal: 400;--z-modal-backdrop: 1000;--z-tooltip: 500;--z-drawer: 350;--z-critical: 600;--z-toast: 700;--z-legacy-2: 2;--z-legacy-10: 10;--app-primary: #3b82f6;--app-primary-dark: #1d4ed8;--app-primary-light: #60a5fa;--app-primary-pale: #dbeafe;--app-secondary: #8b5cf6;--app-primary-rgb: 59 130 246;--app-success: #22c55e;--app-success-pale: #dcfce7;--app-success-rgb: 34 197 94;--app-warning: #eab308;--app-warning-pale: #fef9c3;--app-warning-rgb: 234 179 8;--app-warning-strong: #b45309;--app-error: #ef4444;--app-error-pale: #fee2e2;--app-error-rgb: 239 68 68;--app-error-strong: #d1242f;--app-danger-rgb: 153 27 27;--app-danger: #991b1b;--app-danger-hover: #7f1d1d;--app-danger-border: #7f1d1d;--app-danger-subtle: rgb(var(--app-danger-rgb) / .12);--app-danger-strong: #7f1d1d;--app-accent-rgb: 16 185 129;--app-accent-strong: #0f766e;--app-overlay-rgb: 15 23 42;--app-overlay-muted-rgb: 60 65 75;--app-overlay-accent-rgb: 230 57 70;--app-neutral-rgb: 107 114 128;--app-neutral-muted-rgb: 71 85 105;--app-surface-1: #ffffff;--app-surface-2: #f9fafb;--app-surface-3: #f3f4f6;--app-surface-1-rgb: 255 255 255;--app-surface-2-rgb: 249 250 251;--app-surface-3-rgb: 243 244 246;--page-bg: var(--app-surface-2);--app-text-primary: #111827;--app-text-secondary: #6b7280;--app-text-tertiary: #9ca3af;--app-text-muted: #9ca3af;--app-text-inverse: #ffffff;--app-text-primary-rgb: 17 24 39;--app-text-secondary-rgb: 107 114 128;--app-gray-600: #4b5563;--app-gray-900: #111827;--app-gray-50: #f9fafb;--app-border-light: #e5e7eb;--app-border-medium: #d1d5db;--app-border-dark: #9ca3af;--app-border-light-rgb: 229 231 235;--app-border-medium-rgb: 209 213 219;--app-dark-page-bg: #0b1220;--app-dark-surface-1: #111827;--app-dark-surface-2: #1f2937;--app-dark-surface-3: #334155;--app-dark-surface-1-rgb: 17 24 39;--app-dark-surface-2-rgb: 31 41 55;--app-dark-surface-3-rgb: 51 65 85;--app-dark-text-primary: #f9fafb;--app-dark-text-secondary: #cbd5e1;--app-dark-text-tertiary: #94a3b8;--app-dark-border-light: #334155;--app-dark-border-medium: #475569;--app-dark-border-dark: #64748b;--app-dark-primary-pale: rgb(var(--app-primary-rgb) / .28);--app-dark-overlay-rgb: 2 6 23;--chart-blue: #3b82f6;--chart-green: #22c55e;--chart-yellow: #eab308;--chart-red: #ef4444;--chart-purple: #a855f7;--chart-orange: #f97316;--chart-cyan: #06b6d4;--chart-pink: #ec4899;--chart-indigo: #6366f1;--chart-teal: #14b8a6;--chart-success: #2f9e5b;--chart-warning: #f59e0b;--chart-primary: #1f3f63;--chart-danger: #d42029;--chart-rate: #d42029;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--input-height: 2.5rem;--input-padding-x: .75rem;--input-border-radius: .375rem;--input-border-color: var(--app-border-medium);--input-focus-ring: 0 0 0 2px var(--app-primary-light)}:root{--density-input-padding: 12px;--density-input-radius: 6px}[data-density=comfortable]{--density-input-padding: 12px;--density-input-radius: 6px}[data-density=compact]{--density-input-padding: 8px;--density-input-radius: 4px}.f4-form-grid{display:grid;gap:var(--space-3)}.f4-form-grid--two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.f4-inline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--app-text-primary);background:var(--page-bg)}a{color:var(--app-primary-dark)}.f4-app-shell{min-height:100vh}.f4-app-shell__content{margin:0 auto;max-width:var(--content-max-width);padding:var(--space-6) var(--page-padding-x) var(--page-padding-bottom)}.f4-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--page-padding-x);border-bottom:1px solid var(--app-border-light);background:var(--app-surface-1)}.f4-header__left{display:flex;align-items:center;gap:var(--space-3)}.f4-header__brand{font-weight:var(--font-semibold)}.f4-header__dropdown summary{cursor:pointer;list-style:none}.f4-header__menu{position:absolute;z-index:var(--z-dropdown);margin-top:var(--space-2);min-width:14rem;padding:var(--space-2);border:1px solid var(--app-border-light);border-radius:var(--radius-md);background:var(--app-surface-1);box-shadow:var(--shadow-md)}.f4-header__menu a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:inherit;text-decoration:none}.f4-header__menu a:hover,.f4-header__menu a:focus-visible{background:var(--app-primary-pale);outline:none}.f4-header__meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--app-text-secondary)}.f4-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.f4-page-header h1{margin:0;font-size:var(--text-2xl)}.f4-page-header p{margin:var(--space-2) 0 0;color:var(--app-text-secondary)}.f4-card{border:1px solid var(--app-border-light);border-radius:var(--radius-lg);background:var(--app-surface-1);box-shadow:var(--shadow-sm)}.f4-card__head,.f4-card__body,.f4-card__foot{padding:var(--space-4)}.f4-card__head{border-bottom:1px solid var(--app-border-light);font-weight:var(--font-semibold)}.f4-card__foot{border-top:1px solid var(--app-border-light)}.f4-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.f4-button:disabled{opacity:.6;cursor:not-allowed}.f4-button--sm{min-height:2rem;padding:0 var(--space-3)}.f4-button--md{min-height:2.5rem;padding:0 var(--space-4)}.f4-button--lg{min-height:3rem;padding:0 var(--space-5)}.f4-button--primary{background:var(--app-primary);color:var(--app-text-inverse)}.f4-button--secondary{background:var(--app-surface-3);border-color:var(--app-border-light)}.f4-button--ghost{background:transparent;border-color:var(--app-border-light)}.f4-button--danger{background:var(--app-danger);color:var(--app-text-inverse)}.f4-field{display:flex;flex-direction:column;gap:var(--space-2)}.f4-field__label{font-size:var(--text-sm);font-weight:var(--font-medium)}.f4-field__control,.f4-select,.f4-textarea{width:100%;min-height:var(--input-height);padding:0 var(--input-padding-x);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--app-surface-1);color:var(--app-text-primary)}.f4-textarea{min-height:6rem;padding-block:var(--space-2)}.f4-field__control:focus,.f4-select:focus,.f4-textarea:focus{outline:none;box-shadow:var(--input-focus-ring)}.f4-field__error{color:var(--app-error-strong);font-size:var(--text-xs)}.f4-form-group{display:grid;gap:var(--space-2)}.f4-form-group__hint{font-size:var(--text-xs);color:var(--app-text-secondary)}.f4-form-group__error{font-size:var(--text-xs);color:var(--app-error-strong)}.f4-check,.f4-radio,.f4-toggle{display:inline-flex;align-items:center;gap:var(--space-2)}.f4-toggle__input{width:2.5rem;height:1.5rem}.f4-badge{display:inline-flex;align-items:center;padding:0 var(--space-2);min-height:1.5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.f4-badge--neutral{background:var(--app-surface-3);color:var(--app-text-primary)}.f4-badge--success{background:var(--app-success-pale);color:#166534}.f4-badge--warning{background:var(--app-warning-pale);color:#854d0e}.f4-badge--danger{background:var(--app-error-pale);color:var(--app-error-strong)}.f4-badge--info{background:var(--app-primary-pale);color:var(--app-primary-dark)}.f4-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.f4-tabs__tab{border:1px solid var(--app-border-light);border-radius:var(--radius-full);background:var(--app-surface-1);color:var(--app-text-primary);cursor:pointer;padding:var(--space-2) var(--space-4)}.f4-tabs__tab.active{border-color:var(--app-primary);background:var(--app-primary-pale)}.f4-table{width:100%;border-collapse:collapse;background:var(--app-surface-1)}.f4-table th,.f4-table td{padding:var(--space-3);border-bottom:1px solid var(--app-border-light);text-align:left}.f4-spinner{display:inline-block;border-radius:var(--radius-full);border:2px solid var(--app-border-light);border-top-color:var(--app-primary);animation:f4-spin .8s linear infinite}.f4-spinner--sm{width:1rem;height:1rem}.f4-spinner--md{width:1.5rem;height:1.5rem}.f4-spinner--lg{width:2rem;height:2rem}@keyframes f4-spin{to{transform:rotate(360deg)}}.f4-skeleton{display:inline-block;background:linear-gradient(90deg,var(--app-surface-3) 0%,var(--app-surface-2) 50%,var(--app-surface-3) 100%);background-size:200% 100%;animation:f4-skeleton 1.25s ease-in-out infinite}.f4-skeleton--rounded{border-radius:var(--radius-md)}@keyframes f4-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.f4-modal{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:flex-start;justify-content:center;padding-top:var(--modal-top-offset);background:rgb(var(--app-overlay-rgb) / .55)}.f4-modal__dialog{width:min(100%,var(--modal-max-width));max-height:calc(100vh - var(--modal-top-offset) - var(--space-6));overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--app-border-light);background:var(--app-surface-1);box-shadow:var(--shadow-xl)}.f4-modal__header,.f4-modal__body,.f4-modal__footer{padding:var(--space-4)}.f4-modal__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--app-border-light)}.f4-modal__footer{border-top:1px solid var(--app-border-light)}.f4-modal--fullscreen .f4-modal__dialog{width:min(96vw,1200px);max-width:96vw;max-height:calc(100vh - var(--space-6))}.f4-code{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:#0f172a;color:#e2e8f0;font-family:var(--font-mono);font-size:var(--text-sm);overflow-x:auto}.f4-link{color:var(--app-primary-dark);text-underline-offset:2px}