:root{--csako-blue:#003d7a;--csako-blue-light:#0052a3;--csako-blue-glow:#06c;--csako-blue-dark:#002b57;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fcd34d;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-card:hsla(0,0%,100%,.9);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--border-color:var(--gray-200);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,61,122,.05);--shadow-sm:0 4px 6px -1px rgba(0,61,122,.08),0 2px 4px -1px rgba(0,61,122,.04);--shadow-md:0 10px 15px -3px rgba(0,61,122,.1),0 4px 6px -2px rgba(0,61,122,.05);--shadow-lg:0 20px 25px -5px rgba(0,61,122,.15),0 10px 10px -5px rgba(0,61,122,.04);--shadow-xl:0 25px 50px -12px rgba(0,61,122,.25);--shadow-2xl:0 25px 50px -12px rgba(0,61,122,.35);--shadow-success:0 10px 20px -5px rgba(16,185,129,.3);--shadow-warning:0 10px 20px -5px rgba(245,158,11,.3);--shadow-error:0 10px 20px -5px rgba(239,68,68,.3);--transition-fast:200ms ease;--transition-base:300ms ease;--transition-slow:600ms ease-out;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Arial",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--container-max:1200px;--nav-height:72px;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-notification:50;--z-tooltip:60;--btn-height:48px;--btn-padding-x:2rem;--btn-font-size:var(--text-base);--btn-font-weight:var(--font-medium);--card-padding:2rem;--card-radius:var(--radius-lg);--card-shadow:var(--shadow-sm);--card-border:1px solid var(--border-color);--input-height:48px;--input-padding-x:1rem;--input-border-width:2px;--input-radius:var(--radius-sm);--glass-bg:hsla(0,0%,100%,.9);--glass-blur:blur(10px);--glass-saturate:saturate(180%);--glass-border:1px solid hsla(0,0%,100%,.2);--status-running:var(--color-success);--status-waiting:var(--color-warning);--status-stopped:var(--color-error);--status-setup:var(--csako-blue)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:rgba(30,41,59,.8);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:hsla(0,0%,100%,.1);--shadow-sm:0 4px 6px -1px rgba(0,0,0,.3);--shadow-md:0 10px 15px -3px rgba(0,0,0,.4);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.5);--glass-bg:rgba(30,41,59,.7);--glass-border:1px solid hsla(0,0%,100%,.1)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);border:var(--glass-border)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot--running{background:var(--status-running);animation:pulse 3s ease-out infinite}.status-dot--waiting{background:var(--status-waiting);animation:pulse 3s ease-out infinite}.status-dot--stopped{background:var(--status-stopped)}.status-dot--setup{background:var(--status-setup);animation:pulse 3s ease-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 8px transparent;opacity:.8}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(200%) translateY(200%) rotate(45deg)}}@media (max-width:1024px){:root{--container-max:100%;--card-padding:1.5rem}}@media (max-width:640px){:root{--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--card-padding:1rem;--btn-padding-x:1.5rem}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}