:root{--bg-app:#f4f6fb;--bg-sidebar:#fff;--bg-surface:#fff;--bg-surface-elevated:#f8fafc;--bg-surface-hover:#f1f5f9;--bg-card:#fff;--bg-input:#fff;--bg-modal:#fff;--bg-overlay:#0f172a73;--border-subtle:#e2e8f0;--border-light:#cbd5e1;--border-base:#cbd5e1;--border-focus:#0284c7;--border-card:#e2e8f0;--primary:#0284c7;--primary-light:#0ea5e9;--primary-hover:#0369a1;--primary-glow:#0284c729;--primary-surface:#e0f2fe;--secondary:#4f46e5;--secondary-light:#6366f1;--secondary-hover:#4338ca;--secondary-surface:#e0e7ff;--success:#16a34a;--success-light:#22c55e;--success-bg:#dcfce7;--success-border:#bbf7d0;--success-text:#15803d;--warning:#d97706;--warning-light:#f59e0b;--warning-bg:#fef3c7;--warning-border:#fde68a;--warning-text:#b45309;--danger:#dc2626;--danger-light:#ef4444;--danger-bg:#fee2e2;--danger-border:#fecaca;--danger-text:#b91c1c;--info:#0284c7;--info-light:#38bdf8;--info-bg:#e0f2fe;--info-border:#bae6fd;--info-text:#0369a1;--accent:#6366f1;--accent-light:#818cf8;--accent-bg:#e0e7ff;--accent-border:#c7d2fe;--accent-text:#4338ca;--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--text-inverse:#fff;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 8px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 12px 24px -4px #00000017, 0 4px 8px -2px #0000000a;--shadow-card:0 2px 8px -2px #0f172a0f;--shadow-glow:0 0 18px #0284c72e;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app:#080d1a;--bg-sidebar:#0f172a;--bg-surface:#131d36;--bg-surface-elevated:#1a2747;--bg-surface-hover:#223259;--bg-card:#131d36;--bg-input:#0f172a;--bg-modal:#131d36;--bg-overlay:#030712bf;--border-subtle:#ffffff14;--border-light:#ffffff24;--border-base:#ffffff24;--border-focus:#38bdf8;--border-card:#38bdf829;--primary:#0284c7;--primary-light:#38bdf8;--primary-surface:#0284c72e;--success-bg:#16a34a29;--success-border:#16a34a59;--success-text:#4ade80;--warning-bg:#d9770629;--warning-border:#d9770659;--warning-text:#fbbf24;--danger-bg:#dc262629;--danger-border:#dc262659;--danger-text:#f87171;--info-bg:#0284c729;--info-border:#0284c759;--info-text:#38bdf8;--accent-bg:#6366f129;--accent-border:#6366f159;--accent-text:#a5b4fc;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--shadow-card:0 4px 16px -2px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);font-size:14px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.02em;font-weight:700}.kroma-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem}.kroma-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md), var(--shadow-glow)}.kroma-card-static{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.5rem}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #0369a1 100%);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-focus);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #b91c1c 100%);color:#fff;box-shadow:0 2px 8px #dc262640}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, var(--danger-light) 0%, var(--danger) 100%);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg, var(--success) 0%, #15803d 100%);color:#fff;box-shadow:0 2px 8px #16a34a40}.btn-success:hover:not(:disabled){background:linear-gradient(135deg, var(--success-light) 0%, var(--success) 100%);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.badge-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.badge-accent{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-border)}.input-field{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.625rem .875rem;font-size:.875rem}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0284c72e}.input-field::placeholder{color:var(--text-dim)}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.kroma-table{border-collapse:collapse;text-align:left;width:100%}.kroma-table th{background:var(--bg-surface-elevated);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.875rem 1.125rem;font-size:.75rem;font-weight:700}.kroma-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:.875rem 1.125rem;font-size:.875rem}.kroma-table tbody tr{transition:background-color var(--transition-fast)}.kroma-table tbody tr:hover{background-color:var(--bg-surface-hover)}.kroma-table tbody tr:last-child td{border-bottom:none}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.97)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}