:root{--bg-void: #07050f;--bg-deep: #0d0a1a;--bg-surface: #150f2a;--bg-card: #1c1535;--bg-card-hover: #241c42;--purple-700: #4c1d95;--purple-600: #6d28d9;--purple-500: #7c3aed;--purple-400: #8b5cf6;--purple-300: #a78bfa;--purple-200: #c4b5fd;--accent: #a855f7;--accent-bright: #d946ef;--text-primary: #f0eaff;--text-secondary: #9d8ec4;--text-muted: #5a4f7c;--border: rgba(139, 92, 246, .15);--border-hover: rgba(139, 92, 246, .4);--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--font-display: "Rajdhani", sans-serif;--font-body: "Exo 2", sans-serif;--font-mono: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}a{text-decoration:none;color:inherit}.btn-primary{padding:.5rem 1.25rem;border-radius:6px;border:none;background:linear-gradient(135deg,var(--purple-500),var(--accent-bright));color:#fff;font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{padding:.5rem 1.25rem;border-radius:6px;border:1px solid var(--border-hover);background:transparent;color:var(--purple-300);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:#7c3aed1a}.btn-large{padding:.85rem 2rem;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.btn-large.primary{background:linear-gradient(135deg,var(--purple-500),var(--accent-bright));border:none;color:#fff}.btn-large.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.btn-large.secondary{background:transparent;border:1px solid var(--border-hover);color:var(--purple-300)}.btn-large.secondary:hover{background:#7c3aed14}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;letter-spacing:.5px;text-transform:uppercase}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:all .2s;outline:none}.form-input:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px #7c3aed26}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--red)}.form-error{font-size:.8rem;color:var(--red);margin-top:.35rem}.btn-full{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--purple-500),var(--accent-bright));border:none;border-radius:8px;color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px;margin-top:.5rem}.btn-full:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 25px #7c3aed66}.btn-full:disabled{opacity:.5;cursor:not-allowed}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-online{background:var(--green);box-shadow:0 0 6px #22c55e99;animation:pulse 2s infinite}.status-offline{background:var(--text-muted)}.status-starting,.status-stopping{background:var(--amber);box-shadow:0 0 6px #f59e0b99;animation:pulse 1s infinite}.status-error{background:var(--red)}.status-creating{background:var(--purple-400);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.res-bar-wrap{margin-bottom:.75rem}.res-bar-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem}.res-bar-bg{height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden}.res-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple-500),var(--accent-bright));transition:width .6s ease}