@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0b0e0f;--bg-card:#13171a;--bg-card-hover:#181d20;--bg-sidebar:#0f1315;--border:#232a2e;--border-subtle:#1a2023;--text-primary:#f0f4f8;--text-secondary:#8a9ba8;--text-muted:#506070;--accent-green:#3ecf8e;--accent-green-dim:#3ecf8e26;--accent-amber:#e8a33d;--accent-amber-dim:#e8a33d26;--accent-red:#e5484d;--accent-red-dim:#e5484d26;--accent-blue:#4a9eff;--accent-blue-dim:#4a9eff26;--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:56px;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 1px 3px #0006;--shadow-modal:0 8px 32px #0009;--transition:.2s ease}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#app{height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}a{color:var(--accent-green);text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);transition:border-color var(--transition);outline:none;width:100%;padding:8px 12px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent-green)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.btn{border-radius:var(--radius-sm);transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-green);color:#0b0e0f}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent-green)}.btn-danger{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid var(--accent-red)}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;padding:8px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.badge{font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:99px;align-items:center;padding:2px 8px;display:inline-flex}.badge-green{background:var(--accent-green-dim);color:var(--accent-green)}.badge-amber{background:var(--accent-amber-dim);color:var(--accent-amber)}.badge-red{background:var(--accent-red-dim);color:var(--accent-red)}.badge-blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.badge-muted{background:var(--border);color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-green{color:var(--accent-green)}.text-amber{color:var(--accent-amber)}.text-red{color:var(--accent-red)}