@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--bg: #131313;--surface-dim: #131313;--surface-container-lowest:#0e0e0e;--surface-container-low: #1c1b1b;--surface-container: #201f1f;--surface-container-high: #2a2a2a;--surface-container-highest:#353534;--surface-bright: #3a3939;--primary: #d2bbff;--primary-container: #7c3aed;--on-primary: #3f008e;--on-primary-container: #ede0ff;--secondary: #89ceff;--secondary-container:#00a2e6;--tertiary: #4edea3;--tertiary-container: #007650;--on-surface: #e5e2e1;--on-surface-variant: #ccc3d8;--outline: #958da1;--outline-variant: #4a4455;--error: #ffb4ab;--color-bg-deep: #131313;--color-bg-card: #201f1f;--color-bg-card-hover:#2a2a2a;--color-surface: rgba(255,255,255,.04);--color-surface-hover:rgba(255,255,255,.08);--color-primary: #d2bbff;--color-primary-glow: rgba(210,187,255,.25);--color-accent: #4edea3;--color-accent-glow: rgba(78,222,163,.25);--color-success: #4edea3;--color-danger: #ffb4ab;--color-text: #e5e2e1;--color-text-main: #e5e2e1;--color-text-muted: #ccc3d8;--glass-border: 1px solid rgba(74,68,85,.35);--glass-shadow: 0 8px 32px rgba(0,0,0,.45)}[data-theme=light]{--bg: #f1f5f9;--surface-container-lowest: #ffffff;--surface-container-low: #f8fafc;--surface-container: #f1f5f9;--surface-container-high: #e2e8f0;--surface-container-highest:#cbd5e1;--primary: #6d28d9;--primary-container: #7c3aed;--secondary: #0369a1;--tertiary: #059669;--on-surface: #1e293b;--on-surface-variant:#475569;--outline-variant: #cbd5e1;--color-bg-deep: #f1f5f9;--color-bg-card: rgba(255,255,255,.85);--color-bg-card-hover:rgba(255,255,255,.95);--color-primary: #6d28d9;--color-primary-glow:rgba(109,40,217,.2);--color-accent: #059669;--color-accent-glow: rgba(5,150,105,.2);--color-success: #059669;--color-danger: #dc2626;--color-text: #1e293b;--color-text-main: #1e293b;--color-text-muted: #64748b;--glass-border: 1px solid rgba(0,0,0,.08);--glass-shadow: 0 8px 32px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--on-surface);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.font-headline{font-family:Space Grotesk,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{box-shadow:0 0 #4edea380}70%{box-shadow:0 0 0 8px #4edea300}to{box-shadow:0 0 #4edea300}}.animate-fade-in{animation:fadeIn .4s ease-out}.spin{animation:spin 1s linear infinite}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-nav{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;background:#131313d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(74,68,85,.2);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:2rem}.top-nav-left{display:flex;align-items:center;gap:2.5rem;flex:1}.nav-logo{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.04em;color:var(--primary);text-decoration:none;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:var(--on-surface-variant);text-decoration:none;padding:.4rem .75rem;border-radius:8px;transition:color .15s,background .15s}.nav-link:hover{color:var(--secondary);background:#89ceff0f}.nav-link.active{color:var(--primary);border-bottom:2px solid var(--primary);border-radius:0}.top-nav-right{display:flex;align-items:center;gap:.75rem}.main-container{flex:1;padding-top:64px;max-width:1280px;margin:0 auto;width:100%;padding-left:2rem;padding-right:2rem;padding-bottom:3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:10px;border:none;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.875rem;letter-spacing:-.01em;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);box-shadow:0 4px 16px #7c3aed40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7c3aed59}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--surface-container-high);color:var(--on-surface);border:1px solid rgba(74,68,85,.3)}.btn-secondary:hover{background:var(--surface-container-highest);border-color:#4a445580}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:#ffb4ab14;color:var(--error);border:1px solid rgba(255,180,171,.25)}.btn-danger:hover{background:#ffb4ab26}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-success{background:#4edea31a;color:var(--tertiary);border:1px solid rgba(78,222,163,.3)}.btn-success:hover{background:#4edea32e}.btn-success:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:8px}.card{background:var(--surface-container);border:1px solid rgba(74,68,85,.2);border-radius:16px;transition:all .2s ease}.card:hover{border-color:#4a445566}.card-elevated{background:var(--surface-container);border:1px solid rgba(74,68,85,.2);border-radius:16px;box-shadow:var(--glass-shadow)}.status-pill{padding:.2rem .65rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-family:Space Grotesk,sans-serif}.status-pill.running,.status-pill.online{background:#4edea31f;color:var(--tertiary);border:1px solid rgba(78,222,163,.25)}.status-pill.starting{background:#f5a6231a;color:#f5a623;border:1px solid rgba(245,166,35,.3)}.status-pill.stopped{background:#ffb4ab14;color:var(--error);border:1px solid rgba(255,180,171,.2)}.status-pill.pending{background:#89ceff14;color:var(--secondary);border:1px solid rgba(137,206,255,.2)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.running,.status-dot.online{background:var(--tertiary);animation:pulse-glow 2s infinite}.status-dot.starting{background:#f5a623;animation:pulse-glow 1.2s infinite}.status-dot.stopped{background:var(--error)}.status-dot.pending{background:var(--secondary)}.breadcrumbs{display:flex;align-items:center;gap:.4rem;margin-bottom:1.75rem;margin-top:1.5rem;font-size:.82rem;font-weight:500;color:var(--on-surface-variant)}.breadcrumbs a{color:var(--on-surface-variant);text-decoration:none;transition:color .15s}.breadcrumbs a:hover{color:var(--secondary)}.breadcrumbs .sep{opacity:.4}.input{background:var(--surface-container-lowest);border:1px solid rgba(74,68,85,.3);color:var(--on-surface);padding:.7rem 1rem;border-radius:10px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{outline:none;border-color:#89ceff80;box-shadow:0 0 0 3px #89ceff14}.input:disabled{opacity:.5;cursor:not-allowed}.label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-variant);margin-bottom:.45rem;font-family:Inter,sans-serif}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ccc3d8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem}select.input option{background:var(--surface-container-lowest)}.tabs{display:flex;gap:0;border-bottom:1px solid rgba(74,68,85,.2)}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--on-surface-variant);padding:.7rem 1.1rem;cursor:pointer;font-weight:600;font-size:.875rem;font-family:Space Grotesk,sans-serif;letter-spacing:-.01em;transition:all .15s;margin-bottom:-1px}.tab-btn:hover{color:var(--on-surface);background:#ffffff08}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.console-window{background:var(--surface-container-lowest);border-radius:12px;border:1px solid rgba(74,68,85,.2);font-family:Fira Code,Courier New,monospace;font-size:.82rem;color:#e2e8f0;padding:1rem;overflow-y:auto;margin-top:.5rem;white-space:pre-wrap;word-break:break-word;line-height:1.55}.user-menu-container{position:relative}.user-profile-btn{display:flex;align-items:center;gap:.4rem;background:var(--surface-container-high);border:1px solid rgba(74,68,85,.3);border-radius:30px;padding:.3rem .7rem .3rem .3rem;cursor:pointer;transition:.15s}.user-profile-btn:hover{background:var(--surface-container-highest);border-color:var(--primary)}.user-profile-btn img{width:30px;height:30px;border-radius:50%}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;z-index:1000;padding:.75rem 0;background:var(--surface-container-high);border:1px solid rgba(74,68,85,.3);border-radius:14px;box-shadow:0 16px 40px #00000080}.dropdown-header{padding:.5rem 1.25rem .75rem;display:flex;flex-direction:column;gap:.15rem}.dropdown-divider{height:1px;background:#4a44554d;margin:.4rem 0}.dropdown-item{width:100%;padding:.65rem 1.25rem;display:flex;align-items:center;gap:.7rem;background:transparent;border:none;color:var(--on-surface);cursor:pointer;font-size:.9rem;font-family:Inter,sans-serif;transition:.15s;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:var(--primary)}.dropdown-item.danger:hover{color:var(--error);background:#ffb4ab0f}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.modal-content{width:100%;max-width:440px;padding:2rem;background:var(--surface-container-high);border:1px solid rgba(74,68,85,.3);border-radius:20px;box-shadow:0 24px 64px #0009;animation:fadeIn .25s ease-out}.boost-entry{padding:1.1rem 1.25rem;background:var(--surface-container-low);border:1px solid rgba(74,68,85,.2);border-radius:12px}.booster-name{font-weight:700;color:var(--on-surface)}.boost-date{font-size:.75rem;color:var(--on-surface-variant)}.boost-amount{font-weight:700;color:var(--tertiary);margin-top:.2rem}.boost-message{margin-top:.75rem;padding:.7rem .9rem;background:#0003;border-radius:8px;font-style:italic;font-size:.88rem;color:var(--on-surface);border-left:3px solid var(--primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.page-title{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.04em;color:var(--on-surface)}.section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--secondary);font-family:Space Grotesk,sans-serif}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;color:var(--on-surface-variant)}@media(max-width:768px){.main-container{padding-left:1rem;padding-right:1rem}.top-nav{padding:0 1rem}.nav-links{display:none}.card-grid{grid-template-columns:1fr}}[data-theme=light] .top-nav{background:#f1f5f9e6;border-bottom-color:#00000014}[data-theme=light] .console-window{background:#1e293b}[data-theme=light] .input{background:#00000008}[data-theme=light] .btn-secondary{background:#0000000d;color:var(--color-text-main)}[data-theme=light] .btn-secondary:hover{background:#00000017}[data-theme=light] .user-profile-btn{background:#0000000d}[data-theme=light] .user-dropdown{background:#fff}[data-theme=light] .dropdown-item:hover{background:#0000000a}[data-theme=light] .tab-btn:hover{background:#00000008}.w-full{width:100%}.mt-4{margin-top:1rem}.pt-4{padding-top:1rem}