:root{--color-bg: #0b0f19;--color-surface: #111827;--color-surface-hover: #1a2332;--color-border: rgba(255, 255, 255, .06);--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-glow: rgba(99, 102, 241, .25);--color-accent: #22d3ee;--color-danger: #f87171;--color-warning: #fbbf24;--color-success: #34d399;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 20px rgba(99, 102, 241, .35);--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit;border:none;outline:none}.container{max-width:1440px;margin:0 auto;padding:0 1.5rem}@media(min-width:1024px){.container{padding:0 2rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.875rem;font-weight:700;border-radius:var(--radius-sm);transition:all var(--transition);letter-spacing:.01em}.btn--primary{background:linear-gradient(135deg,var(--color-primary),#4f46e5);color:#fff;box-shadow:var(--shadow-primary)}.btn--primary:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f114}.btn--accent{background:var(--color-accent);color:var(--color-bg);font-weight:700}.btn--accent:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn--ghost{background:var(--color-surface-hover);color:var(--color-text)}.btn--ghost:hover{background:var(--color-primary);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;filter:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s ease}.card:hover{border-color:#6366f166;box-shadow:0 8px 32px #6366f11f;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;font-size:.7rem;font-weight:600;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}.badge--running{background:#34d3991f;color:var(--color-success);border:1px solid rgba(52,211,153,.2)}.badge--starting{background:#fbbf241f;color:var(--color-warning);border:1px solid rgba(251,191,36,.2)}.badge--stopped,.badge--error{background:#ef44441a;color:var(--color-danger)}.badge--admin{background:#6366f126;color:var(--color-primary-hover);border:1px solid rgba(99,102,241,.2)}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:900;letter-spacing:-.033em;color:var(--color-text)}.page-header p{color:var(--color-text-secondary);margin-top:.4rem;font-size:.9rem}.empty-state{text-align:center;padding:4rem 1.5rem;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-state .material-symbols-outlined{font-size:3.5rem;margin-bottom:1rem;opacity:.3;color:var(--color-primary)}.empty-state h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.empty-state p{max-width:400px;margin:0 auto}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;font-size:.9rem;font-family:inherit;background:var(--color-surface-hover);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #6366f126}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:80px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease forwards}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.section-header h2 .material-symbols-outlined{color:var(--color-primary);font-size:1.3rem}