@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--color-surface-base:#000;--color-surface-elevated:#0d0d0d;--color-surface-raised:#1a1a1a;--color-surface-glass:#0d0d0db3;--color-border-subtle:#2a2b2f;--color-border-strong:#3a3b40;--color-border-glow:#00e5994d;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-brand-mint:#00e599;--color-brand-mint-muted:#00e59926;--color-brand-danger:#f36;--color-brand-danger-muted:#ff336626;--color-brand-warning:#ffb020;--color-brand-warning-muted:#ffb02026;--color-brand-info:#00a3ff;--font-hero:"Space Grotesk", system-ui, sans-serif;--font-ui:"Inter", system-ui, sans-serif;--radius-sharp:4px;--radius-panel:12px;--radius-pill:9999px;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--shadow-glow:0 0 20px #00e59926}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-surface-base);color:var(--color-text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1,h2,h3,h4,h5,h6,.hero-metric{font-family:var(--font-hero);letter-spacing:-.02em;font-weight:600}button{cursor:pointer;border-radius:var(--radius-sharp);font-family:var(--font-hero);transition:all var(--transition-fast);font-weight:500}button.btn-primary{background-color:var(--color-brand-mint);color:var(--color-surface-base);border:1px solid var(--color-brand-mint);text-transform:uppercase;letter-spacing:1px;padding:10px 20px}button.btn-primary:hover:not(:disabled){color:var(--color-brand-mint);box-shadow:0 0 15px var(--color-brand-mint-muted);background-color:#0000}button.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-subtle);text-transform:uppercase;letter-spacing:1px;background-color:#0000;padding:10px 20px}button.btn-secondary:hover:not(:disabled){border-color:var(--color-text-secondary);background-color:var(--color-surface-raised)}button.btn-danger{color:var(--color-brand-danger);border:1px solid var(--color-brand-danger);text-transform:uppercase;letter-spacing:1px;background-color:#0000;padding:10px 20px}button.btn-danger:hover:not(:disabled){background-color:var(--color-brand-danger);color:var(--color-text-primary);box-shadow:0 0 15px var(--color-brand-danger-muted)}button:disabled,button.btn-disabled{border-color:var(--color-border-subtle);background-color:var(--color-surface-elevated);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-base)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#333}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.glass-panel{background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle)}.badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:700}.badge-mint{background:var(--color-brand-mint-muted);color:var(--color-brand-mint);border:1px solid #00e5994d}.badge-danger{background:var(--color-brand-danger-muted);color:var(--color-brand-danger);border:1px solid #ff33664d}.badge-warning{background:var(--color-brand-warning-muted);color:var(--color-brand-warning);border:1px solid #ffb0204d}.badge-neutral{background:var(--color-surface-raised);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}input,textarea,select{font-family:var(--font-ui);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 1px var(--color-brand-mint);outline:none;border-color:var(--color-brand-mint)!important}@keyframes pulse-mint{0%{box-shadow:0 0 #00e59966}70%{box-shadow:0 0 0 10px #00e59900}to{box-shadow:0 0 #00e59900}}.animate-pulse-mint{animation:2s infinite pulse-mint}.app-container{background-color:var(--color-surface-base);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--color-surface-elevated);border-right:1px solid var(--color-border-subtle);width:260px;height:100vh;transition:width var(--transition-smooth);flex-direction:column;display:flex}.main-content{background-color:var(--color-surface-base);flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;display:flex;overflow:hidden auto}.main-content>*{flex:auto;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn var(--transition-smooth) forwards}