:root{--color-bg: #f4f3ef;--color-surface: #ffffff;--color-surface-alt: #f0eeea;--color-surface-hover:#e8e6e0;--color-border: #e2dfd8;--color-border-strong:#c8c5be;--color-text: #1c1a17;--color-text-muted: #6b6860;--color-text-faint: #a09d98;--color-primary: #1a6fc4;--color-primary-hover:#155ea8;--color-primary-text: #ffffff;--color-accent: #f59e0b;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #e85d9a;--color-info: #1a6fc4;--color-focus-ring: rgba(8, 145, 178, .35);--sidebar-bg: #111827;--sidebar-bg-hover: #1f2937;--sidebar-bg-active: #1d3550;--sidebar-text: #d1d5db;--sidebar-text-muted: #6b7280;--sidebar-accent: #60c8f5;--sidebar-border: #1f2937;--sidebar-logo-text: #f9fafb;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--header-bg: #ffffff;--header-border: #e2dfd8;--header-height: 56px;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed:1.625;--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;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full:9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-sidebar: 40;--z-header: 50;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-alt: #1c2128;--color-surface-hover:#21262d;--color-border: #30363d;--color-border-strong:#484f58;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-text-faint: #484f58;--color-primary: #60c8f5;--color-primary-hover:#90d8f7;--color-primary-text: #0c1a2e;--color-accent: #fbbf24;--color-success: #3fb950;--color-danger: #f85149;--color-warning: #d29922;--color-info: #38bdf8;--color-focus-ring: rgba(56, 189, 248, .35);--sidebar-bg: #0d1117;--sidebar-bg-hover: #161b22;--sidebar-bg-active: #1c3a5e;--sidebar-text: #c9d1d9;--sidebar-text-muted: #484f58;--sidebar-accent: #58c4f8;--sidebar-border: #21262d;--sidebar-logo-text: #f0f6fc;--header-bg: #161b22;--header-border: #30363d;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.4);--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.btn-outline{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.form-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--line-height-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-input::-moz-placeholder{color:var(--color-text-faint)}.form-input::placeholder{color:var(--color-text-faint)}.form-input.error{border-color:var(--color-danger)}.form-input.error:focus{box-shadow:0 0 0 3px #dc262633}.form-error{font-size:var(--text-xs);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-1)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.5}.badge-primary{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.badge-success{background-color:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.badge-danger{background-color:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.badge-warning{background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge-neutral{background-color:var(--color-surface-alt);color:var(--color-text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}.page-wrapper{display:flex;min-height:100vh;background-color:var(--color-bg)}.page-main{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow)}.page-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.page-content{flex:1;padding:var(--space-6);margin-top:var(--header-height)}.divider{height:1px;background-color:var(--color-border);margin:var(--space-4) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) both}.data-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em}