:root{--bg:#06070a;--panel:#0d1014;--panel-2:#12161b;--border:#1a1f24;--border-2:#2a3138;--green:#2de38c;--green-glow:rgba(45,227,140,.4);--amber:#f0b132;--red:#ff5c5c;--text-hi:#f5f7f5;--text-mid:#b6bfc2;--text-low:#778086;--mono:"Geist Mono",Menlo,monospace}*{box-sizing:border-box}body{margin:0;font-family:Geist,system-ui,sans-serif;background:radial-gradient(1200px 500px at 50% -200px,rgba(45,227,140,.06),transparent 70%),var(--bg);color:var(--text-hi);min-height:100vh}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;padding:14px 24px;background:rgba(6,7,10,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-brand{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--green);text-shadow:0 0 10px var(--green-glow);margin-right:8px;white-space:nowrap}.nav-link{color:var(--text-mid);font-size:14px;padding:6px 12px;border-radius:8px;transition:color .15s,background .15s}.nav-link:hover{text-decoration:none}.nav-link.active,.nav-link:hover{color:var(--text-hi);background:var(--panel-2)}.nav-spacer{flex:1 1}.nav-links{display:contents}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:16px;padding:18px 22px;margin-bottom:14px;transition:border-color .2s,transform .15s}.card:hover{border-color:var(--border-2)}.section-title{font-size:18px;margin:36px 0 6px}.section-sub{color:var(--text-low);font-size:13px;margin:0 0 14px}.input,select.input{background:var(--bg);border:1px solid var(--border-2);border-radius:10px;color:var(--text-hi);padding:9px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(45,227,140,.15)}.input::placeholder{color:var(--text-low)}.btn{background:var(--green);border:none;border-radius:10px;color:var(--bg);font-weight:600;font-family:inherit;padding:9px 16px;font-size:14px;cursor:pointer;transition:filter .15s,transform .1s,box-shadow .15s}.btn:hover{filter:brightness(1.1);box-shadow:0 0 18px rgba(45,227,140,.25)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn-ghost{background:transparent;border:1px solid var(--border-2);border-radius:10px;color:var(--text-mid);font-family:inherit;padding:8px 14px;font-size:14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn-ghost:hover{color:var(--text-hi);border-color:var(--text-low);background:var(--panel-2)}.btn-danger{composes:btn-ghost}.btn-danger,.btn-ghost.danger{color:var(--red);border-color:rgba(255,92,92,.35)}.btn-ghost.danger:hover{background:rgba(255,92,92,.1);border-color:var(--red);color:var(--red)}.btn.danger-solid{background:#7f1d1d;color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:3px 10px;border-radius:999px;border:1px solid var(--border-2);color:var(--text-mid);white-space:nowrap}.badge.up{color:var(--green);border-color:rgba(45,227,140,.35);background:rgba(45,227,140,.08)}.badge.error{color:var(--amber);border-color:rgba(240,177,50,.35);background:rgba(240,177,50,.08)}.badge.down{color:var(--red);border-color:rgba(255,92,92,.35);background:rgba(255,92,92,.08)}.badge.paused{color:var(--text-low)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.badge.up .dot{box-shadow:0 0 8px var(--green-glow);animation:pulse 2.4s ease-in-out infinite}.badge.down .dot{box-shadow:0 0 8px rgba(255,92,92,.5);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-mid)}.chip button{background:none;border:none;color:var(--red);cursor:pointer;font-size:14px;padding:0;line-height:1}.tl-bar{width:6px;height:16px;border-radius:2px;flex-shrink:0;opacity:.9;transition:transform .1s}.tl-bar:hover{transform:scaleY(1.25)}.footer{text-align:center;padding:28px 20px;font-family:var(--mono);font-size:12px;color:var(--text-low);letter-spacing:.08em}@media (max-width:640px){.app-nav{flex-wrap:wrap;gap:8px 4px;padding:10px 14px}.app-nav .nav-brand{flex:1 1 auto;margin-right:0}.app-nav .nav-hide-sm,.app-nav .nav-spacer{display:none}.app-nav .nav-links{display:flex;order:2;flex:1 1 100%;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-nav .nav-links::-webkit-scrollbar{display:none}.app-nav .nav-link{white-space:nowrap;padding:8px 10px}.card{padding:14px 16px;border-radius:14px}.input,select.input{font-size:16px}.btn,.btn-ghost{padding:10px 14px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}