:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--amber-400: #fbbf24;--rose-400: #fb7185;--indigo-500: #6366f1;--glass: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .08);--font-heading: "Outfit", sans-serif;--font-sans: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:radial-gradient(circle at top left,#1e293b,#020617);color:var(--slate-50);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}#app{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--emerald-400),var(--indigo-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.status-badge{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;border-radius:1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.1)}.status-ok{background:#10b9811a;color:var(--emerald-400);border-color:#10b98133}.status-danger{background:#f43f5e1a;color:var(--rose-400);border-color:#f43f5e33}.glass-card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;box-shadow:0 20px 50px #0000004d;transition:transform .3s ease,border-color .3s ease}.glass-card:hover{border-color:#ffffff26}h2{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}}.btn{font-family:var(--font-heading);display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;border-radius:.875rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:.9rem;gap:.6rem}.btn-primary{background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600));color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-secondary{background:var(--slate-800);color:var(--slate-200);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--slate-700);color:#fff}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}