@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--color-bg:#080b12;--color-surface:#0f1520;--color-surface-2:#161e2e;--color-border:#ffffff14;--color-border-hover:#ffffff29;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-glow:#3b82f626;--color-orange:#f97316;--color-green:#22c55e;--color-red:#ef4444;--color-yellow:#eab308;--color-text:#f1f5f9;--color-text-muted:#64748b;--color-text-sub:#94a3b8;--sidebar-width:240px;--topbar-height:56px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:.15s ease;--transition-md:.25s ease;--z-sidebar:20;--z-topbar:30;--z-modal:50;--z-toast:60}*,: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-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.25rem,3vw,1.75rem)}h3{font-size:1.125rem}p{line-height:1.7}a{color:var(--color-primary);transition:opacity var(--transition);text-decoration:none}a:hover{opacity:.8}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), transform var(--transition), opacity var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;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(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-ghost{color:var(--color-text-sub);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text);background:var(--color-surface-2)}.btn-danger{color:var(--color-red);background:#ef44441f;border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition), background var(--transition);background:0 0;border:none;padding:8px}.btn-icon:hover{color:var(--color-text);background:var(--color-surface-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes entrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entrance{animation:.4s ease-out forwards entrance}.glass{-webkit-backdrop-filter:blur(12px);background:#0f1520b3;border:1px solid #ffffff14}.card-hover{cursor:pointer;transition:border-color var(--transition), transform var(--transition-md), box-shadow var(--transition-md)}.card-hover:hover{border-color:var(--color-border-hover);transform:translateY(-4px)scale(1.01);box-shadow:0 12px 24px -12px #00000080}.input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:.9375rem}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}label{color:var(--color-text-sub);letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.form-group{margin-bottom:16px}.score-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:800;display:inline-flex}.score-good{color:var(--color-green);background:#22c55e1f;border:1px solid #22c55e33}.score-warn{color:var(--color-yellow);background:#eab3081f;border:1px solid #eab30833}.score-bad{color:var(--color-red);background:#ef44441f;border:1px solid #ef444433}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--color-green);box-shadow:0 0 6px var(--color-green)}.status-dot.offline{background:var(--color-red)}.status-dot.loading{background:var(--color-yellow);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pill{letter-spacing:.02em;white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pill-done{color:var(--color-green);background:#22c55e1f}.pill-running{color:var(--color-primary);background:#3b82f61f}.pill-queued{color:var(--color-text-muted);background:#94a3b81a}.pill-failed{color:var(--color-red);background:#ef44441f}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.divider{border:none;border-top:1px solid var(--color-border);margin:24px 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:768px){:root{--sidebar-width:0px}}