@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-base:#08080d;--bg-surface:#0f0f17;--bg-elevated:#17172a;--bg-hover:#1e1e32;--border-subtle:#1a1a2e;--border-default:#252540;--border-accent:#6ee7b7;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6ee7b7;--accent-dim:#052e16;--accent-hover:#a7f3d0;--destructive:#f87171;--warning:#fbbf24;--success:#34d399;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-weight:600;line-height:1.2}code,kbd,pre,.mono{font-family:JetBrains Mono,Courier New,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-dim);color:var(--accent)}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}input,textarea,select{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);width:100%;padding:.5rem .75rem;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6ee7b71f}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#08080d}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-ghost{border:1px solid var(--border-default);color:var(--text-primary);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-accent)}.btn-danger{border:1px solid var(--destructive);color:var(--destructive);background:0 0}.btn-danger:hover{background:#f8717114}.btn-sm{padding:.3rem .7rem;font-size:12px}.btn-icon{border-radius:var(--radius-sm);padding:.45rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .15s}.card:hover{border-color:var(--border-default)}.tag{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.15rem .45rem;font-family:JetBrains Mono,monospace;font-size:11px}.tag-accent{background:var(--accent-dim);color:var(--accent);border-color:#6ee7b740}.label-mono{color:var(--text-muted);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px}.divider{border:none;border-top:1px solid var(--border-subtle);margin:1.5rem 0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#08080dcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:90%;max-width:520px;padding:1.75rem}.toast{background:var(--bg-elevated);border:1px solid var(--border-default);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text-primary);padding:.7rem 1rem;font-size:13px}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:JetBrains Mono,monospace}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
