:root{--primary: #00f2fe;--primary-glow: rgba(0, 242, 254, .4);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--background: #000000;--surface: #0a0a0c;--surface-light: #121214;--border: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-dim: #94a3b8;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1,h2,h3,h4,.outfit{font-family:Outfit,sans-serif}.premium-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{border-color:#00f2fe4d;box-shadow:0 10px 30px #00000080;transform:translateY(-2px)}.glass{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-primary{background:var(--primary);color:#000;border:none;padding:10px 20px;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.02)}.badge{padding:4px 10px;border-radius:100px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}@keyframes pulse-soft{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-offline{background:var(--text-dim)}.status-error{background:var(--danger);box-shadow:0 0 8px var(--danger)}