:root{--bg:#f5f5f5;--surface:#ffffff;--border:#e0e0e0;--text:#1a1a1a;--text-secondary:#666666;--primary:#7b61ff;--primary-hover:#6a4ff0;--danger:#e53935;--danger-hover:#c62828;--success:#2e7d32;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.container{max-width:860px;margin:0 auto;padding:2rem 1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{font-size:1.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:#d0d0d0}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-header h3{font-size:.95rem}.card-actions{display:flex;gap:.5rem}.card-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:var(--text-secondary)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-active{background:#e8f5e9;color:var(--success)}.badge-paused{background:#fff3e0;color:#e65100}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.form-card h2{font-size:1.1rem;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group.full{grid-column:1/-1}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.context-bar{display:flex;gap:.5rem;align-items:center;margin-bottom:1.25rem}.context-select{padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;background:var(--surface);outline:none}.context-select:focus{border-color:var(--primary)}.context-input{flex:1 1;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;outline:none;font-family:monospace}.context-input:focus{border-color:var(--primary)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:380px}.login-card h1{font-size:1.5rem;margin-bottom:.25rem}.login-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.login-card .form-group{margin-bottom:1rem}.login-card .form-group input{width:100%}.login-btn{width:100%;margin-top:.5rem}.empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.error{background:#ffebee;color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}