@charset "UTF-8";:root{--bg: #0B1120;--bg-secondary: #0F172A;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--blur: 16px;--text-primary: #FFFFFF;--text-secondary:#CBD5E1;--text-muted: #94A3B8;--emerald: #10B981;--emerald-dim: rgba(16, 185, 129, .15);--coral: #EF4444;--coral-dim: rgba(239, 68, 68, .15);--amber: #F59E0B;--amber-dim: rgba(245, 158, 11, .15);--gray-dim: rgba(100, 116, 139, .15);--blue: #3B82F6;--blue-dim: rgba(59, 130, 246, .15);--radius-card: 12px;--radius-input: 8px;--radius-pill: 9999px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}body{background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 100%,rgba(16,185,129,.18) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(16,185,129,.08) 0%,transparent 40%),radial-gradient(ellipse at 80% 80%,rgba(16,185,129,.08) 0%,transparent 40%);background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}@media (max-width: 768px){body{background-attachment:scroll}}.glass,.glass-hover{background:var(--card-bg);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--card-border);border-radius:var(--radius-card)}.glass-hover{transition:background .2s,border-color .2s}.glass-hover:hover{background:#ffffff14;border-color:#ffffff2e}.input-dark{width:100%;padding:10px 14px;background:#ffffff0f;border:1px solid var(--card-border);border-radius:var(--radius-input);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s,background .2s}.input-dark::placeholder{color:var(--text-muted)}.input-dark:focus{border-color:var(--emerald);background:#10b98114}.btn,.btn-danger,.btn-ghost,.btn-emerald{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 16px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;box-sizing:border-box;vertical-align:middle;appearance:none;-webkit-appearance:none;margin:0}.btn:disabled,.btn-danger:disabled,.btn-ghost:disabled,.btn-emerald:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled),.btn-danger:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-emerald:active:not(:disabled){transform:scale(.96)}.btn svg,.btn-danger svg,.btn-ghost svg,.btn-emerald svg{flex-shrink:0}.btn-emerald{background:var(--emerald);color:#fff}.btn-emerald:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-emerald:active:not(:disabled){transform:scale(.96)}.btn-ghost{background:transparent;color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--card-border)}.btn-ghost:hover:not(:disabled){background:var(--card-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px #fff3}.btn-danger{background:var(--coral-dim);color:var(--coral);box-shadow:inset 0 0 0 1px #ef444433}.btn-danger:hover:not(:disabled){background:#ef444440}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600}.pill-up{background:var(--emerald-dim);color:var(--emerald)}.pill-down{background:var(--coral-dim);color:var(--coral)}.pill-paused{background:var(--amber-dim);color:var(--amber)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-up{background:var(--emerald)}.dot-down{background:var(--coral);animation:pulse-red 1.5s ease-in-out infinite}.dot-paused{background:var(--amber)}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 6px #ef444400}}.tab-nav{display:flex;gap:4px;border-bottom:1px solid var(--card-border);padding-bottom:0;margin-bottom:24px}.seg-group{display:flex;gap:4px;padding:4px;background:#ffffff08;border:1px solid var(--card-border);border-radius:12px;width:fit-content;flex-wrap:wrap}.seg-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;justify-content:center}.seg-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff08}.seg-btn.active{background:#ffffff14;color:var(--text-primary)}.seg-btn.active-up{background:var(--emerald-dim);color:var(--emerald)}.seg-btn.active-down{background:var(--coral-dim);color:var(--coral)}.seg-btn.active-paused{background:var(--amber-dim);color:var(--amber)}