@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--bg-ground:#08090a;--bg-surface-1:#121318;--bg-surface-2:#181920;--bg-surface-3:#22232b;--border-hairline:hsla(0,0%,100%,.05);--border-hairline-hover:hsla(0,0%,100%,.1);--text-primary:#f7f8f8;--text-secondary:#8e939e;--text-muted:#5b606a;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--panel-border:var(--border-hairline);--color-accent:#5e6ad2;--color-accent-hover:#707de3;--color-accent-bg:rgba(94,106,210,.08);--color-success:#34d399;--color-success-bg:rgba(52,211,153,.06);--color-warning:#fbbf24;--color-warning-bg:rgba(251,191,36,.06);--color-danger:#f87171;--color-danger-bg:hsla(0,91%,71%,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-ground);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1400px;height:500px;background:radial-gradient(ellipse at top,rgba(94,106,210,.07),transparent 60%);z-index:-1;pointer-events:none}.glass-panel{background:var(--bg-surface-1);border:1px solid var(--border-hairline);border-radius:12px;padding:28px;box-shadow:0 1px 3px rgba(0,0,0,.5),0 10px 40px rgba(0,0,0,.2);transition:border-color .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.glass-panel:hover{border-color:var(--border-hairline-hover);transform:translateY(-1px)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.03em;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.55;font-size:.92rem}.btn-primary{background:var(--color-accent);color:#fff;border:1px solid hsla(0,0%,100%,.08);padding:10px 20px;border-radius:6px;font-weight:500;font-size:.88rem;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{transform:translateY(.5px)}.btn-secondary{background:hsla(0,0%,100%,.03);color:var(--text-primary);border:1px solid var(--border-hairline);padding:10px 20px;border-radius:6px;font-weight:500;font-size:.88rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.06);border-color:var(--border-hairline-hover)}.btn-secondary.active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent-hover)}.input-field{background:var(--bg-surface-2);border:1px solid var(--border-hairline);color:var(--text-primary);padding:10px 14px;border-radius:6px;font-family:var(--font-sans);font-size:.9rem;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.textarea-field{background:var(--bg-surface-2);border:1px solid var(--border-hairline);color:var(--text-primary);padding:14px;border-radius:6px;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;width:100%;min-height:280px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.textarea-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;background:hsla(0,0%,100%,.08);border:1px solid var(--border-hairline);border-radius:11px;position:relative;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.22,1,.36,1);flex-shrink:0}input[type=checkbox]:checked{background:var(--color-accent-bg);border-color:var(--color-accent)}input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:all .2s cubic-bezier(.22,1,.36,1)}input[type=checkbox]:checked:after{left:19px;background:var(--color-accent-hover)}.nav-container{justify-content:space-between;padding:18px 48px;background:rgba(8,9,10,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-hairline);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:1.15rem;font-weight:700;color:var(--text-primary);text-decoration:none;gap:8px;letter-spacing:-.03em}.nav-links{display:flex;gap:8px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:500;padding:8px 16px;border-radius:6px;transition:color .15s ease,background-color .15s ease}.nav-link:hover{color:var(--text-primary);background:hsla(0,0%,100%,.04)}.nav-link.active{color:var(--text-primary);background:hsla(0,0%,100%,.06);border:1px solid var(--border-hairline)}.main-content{max-width:1200px;margin:40px auto;padding:0 32px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;font-size:.72rem;font-family:var(--font-mono);font-weight:600;border:1px solid var(--border-hairline);text-transform:uppercase;letter-spacing:.05em;line-height:1}.status-pill.active{background:var(--color-success-bg);color:var(--color-success);border-color:rgba(52,211,153,.15)}.status-pill.paused{background:var(--color-warning-bg);color:var(--color-warning);border-color:rgba(251,191,36,.15)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;display:inline-block}.status-dot.pulse{animation:status-pulse 2s infinite}@keyframes status-pulse{0%{transform:scale(.95);opacity:.6}50%{transform:scale(1.25);opacity:1}to{transform:scale(.95);opacity:.6}}code{font-family:var(--font-mono);font-size:.85rem;background:var(--bg-surface-2);color:#a78bfa;padding:2px 6px;border-radius:4px;border:1px solid var(--border-hairline)}hr{border:none;border-bottom:1px solid var(--border-hairline);margin:32px 0}