@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0c10;--bg-secondary: #161b22;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--accent-primary: #00f2fe;--accent-secondary: #4facfe;--text-primary: #f0f6fc;--text-secondary: #8b949e;--success: #3fb950;--warning: #d29922;--danger: #f85149;--glow: 0 0 20px rgba(79, 172, 254, .3)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-primary);background:radial-gradient(circle at top right,#1b2735,#090a0f);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000005e;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:var(--glow);border-color:#4facfe66}h1,h2,h3{font-weight:700;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}button.premium{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);border:none;padding:12px 24px;border-radius:12px;color:#000;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00f2fe4d}button.premium:hover{transform:scale(1.05);box-shadow:0 6px 20px #00f2fe80}.sidebar{height:100vh;background:#161b2280;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column}.main-content{flex:1;padding:0;overflow-y:auto;overflow-x:hidden}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:13px}.nav-item:hover,.nav-item.active{background:var(--glass-bg);color:var(--text-primary)}.status-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.status-up{background:#3fb9501a;color:var(--success)}.status-down{background:#f851491a;color:var(--danger)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 2s linear infinite}