@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&display=swap";
:root{--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--bg-primary:#050505;--bg-secondary:#0c0c0c;--bg-card:#111;--bg-card-hover:#1a1a1a;--bg-surface:#ffffff08;--bg-glass:#ffffff0a;--border-primary:#22c55e1a;--border-hover:#22c55e38;--text-primary:#e8ede8;--text-secondary:#8a9a8e;--text-muted:#5a6b5e;--accent-green:#22c55e;--accent-green-bg:#22c55e14;--accent-green-border:#22c55e38;--accent-red:#ef4444;--accent-red-bg:#ef444414;--accent-red-border:#ef444433;--accent-amber:#f59e0b;--accent-amber-bg:#f59e0b14;--accent-amber-border:#f59e0b33;--accent-blue:#3b82f6;--accent-blue-bg:#3b82f614;--accent-blue-border:#3b82f633;--accent-purple:#8b5cf6;--gradient-hero:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);--gradient-card:linear-gradient(135deg,#22c55e0a,#22c55e03);--sidebar-width:260px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow-green:0 0 16px #22c55e33;--shadow-glow-red:0 0 16px #ef444433;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:JetBrains Mono,Fira Code,Consolas,monospace;line-height:1.6}a{color:var(--accent-green);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#16a34a}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#22c55e26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#22c55e4d}code,pre,kbd,samp,.mono{font-family:var(--font-mono)}input,select,textarea{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-bg)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235a6b5e' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.6875rem;font-weight:700;display:block}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-green);color:#050505;font-weight:700}.btn-primary:hover:not(:disabled){background:#1db954}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-danger{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid var(--accent-red-border)}.btn-danger:hover:not(:disabled){background:#ef444426}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-up{background:var(--accent-green-bg);color:var(--accent-green);border:1px solid var(--accent-green-border)}.badge-down{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid var(--accent-red-border)}.badge-paused{background:var(--accent-amber-bg);color:var(--accent-amber);border:1px solid var(--accent-amber-border)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:1.5rem}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px)}.stat-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:700}.stat-card .stat-value{letter-spacing:-.02em;font-size:2rem;font-weight:800}.stat-card .stat-value.green{color:var(--accent-green)}.stat-card .stat-value.red{color:var(--accent-red)}.stat-card .stat-value.amber{color:var(--accent-amber)}.stat-card .stat-value.blue{color:var(--accent-blue)}.uptime-bar{align-items:stretch;gap:2px;height:32px;display:flex}.uptime-bar .bar-segment{transition:transform var(--transition-fast),opacity var(--transition-fast);cursor:pointer;border-radius:3px;flex:1;min-width:3px;position:relative}.uptime-bar .bar-segment:hover{opacity:.85;transform:scaleY(1.3)}.uptime-bar .bar-segment.up{background:var(--accent-green)}.uptime-bar .bar-segment.down{background:var(--accent-red)}.uptime-bar .bar-segment.partial{background:var(--accent-amber)}.uptime-bar .bar-segment.empty{background:var(--bg-surface)}.table-wrapper{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-primary);padding:.75rem 1rem}th{background:var(--bg-surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:700}td{font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-glass)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.4s both fadeIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-up{background:var(--accent-green);box-shadow:var(--shadow-glow-green)}.dot-down{background:var(--accent-red);box-shadow:var(--shadow-glow-red)}.dot-paused{background:var(--accent-amber)}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state svg{opacity:.4;width:64px;height:64px;margin-bottom:1rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.125rem}@media (max-width:768px){:root{--sidebar-width:0px}.stat-card .stat-value{font-size:1.5rem}}