:root{--bg: #0a0a0a;--bg-card: #141414;--bg-hover: #1a1a1a;--border: #262626;--text: #e5e5e5;--text-muted: #737373;--primary: #3b82f6;--primary-hover: #2563eb;--success: #22c55e;--success-bg: #052e16;--error: #ef4444;--error-bg: #450a0a;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:24px}.login-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.login-view h1{font-size:2rem;font-weight:700;letter-spacing:-.02em}.login-view p{color:var(--text-muted);font-size:.875rem}.login-view input{width:320px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;outline:none}.login-view input:focus{border-color:var(--primary)}.login-view button{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer}.login-view button:hover{background:var(--primary-hover)}.login-error{color:var(--error);font-size:.8rem}.login-divider{display:flex;align-items:center;width:320px;gap:12px;color:var(--text-muted);font-size:.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid var(--border)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}header h1{font-size:1.25rem;font-weight:600}header .meta{display:flex;align-items:center;gap:12px}header .user-badge{font-size:.8rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);padding:4px 10px;border-radius:20px}header button{padding:6px 14px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;cursor:pointer}header button:hover{background:var(--bg-hover);color:var(--text)}.budget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:24px}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.budget-header span{font-size:.875rem;font-weight:500}.budget-header .count{color:var(--text-muted);font-size:.8rem}.budget-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.budget-fill{height:100%;border-radius:3px;transition:width .3s}.budget-breakdown{display:flex;gap:16px;margin-top:8px;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #166534}.alert-error{background:var(--error-bg);color:var(--error);border:1px solid #991b1b}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-weight:600;font-size:.8rem;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.card-body{padding:16px;flex:1}.card-icon{font-size:1.5rem;margin-bottom:8px}.card-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.card-title h3{font-size:.95rem;font-weight:600}.badge{font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:20px}.badge-connected{background:var(--success-bg);color:var(--success);border:1px solid #166534}.badge-disconnected{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.badge-error{background:#fef2f2;color:#dc2626;border:1px solid #dc2626}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:var(--radius);padding:10px 14px;font-size:.85rem}.card-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.card-tools{font-size:.75rem;color:var(--text-muted);margin-top:8px}.card-footer{border-top:1px solid var(--border);padding:12px 16px;display:flex;gap:8px;align-items:center}.btn{padding:6px 14px;border-radius:var(--radius);font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover)}.btn-danger{background:transparent;color:var(--error);border:1px solid var(--error)}.btn-danger:hover{background:var(--error-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080}.modal h3{font-size:1.1rem;font-weight:600;margin-bottom:4px}.modal p{font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.modal label{display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.modal input{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.85rem;outline:none;margin-bottom:4px}.modal input:focus{border-color:var(--primary)}.modal .help{font-size:.75rem;color:var(--text-muted);margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.profile-section{padding:0 16px 12px;position:relative}.profile-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.profile-row label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.profile-row select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px;font-size:.8rem;outline:none;cursor:pointer}.profile-row select:focus{border-color:var(--primary)}.toggle-expand{font-size:.75rem;color:var(--primary);cursor:pointer;background:none;border:none;padding:0}.toggle-expand:hover{text-decoration:underline}.tool-toggles{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);z-index:20;max-height:400px;overflow-y:auto;padding:8px 16px;box-shadow:0 8px 24px #0006}.tool-toggles.open{display:block}.tool-toggle-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8rem}.tool-toggle-item label{cursor:pointer;font-family:SF Mono,Menlo,monospace;font-size:.75rem;color:var(--text);flex:1}.tool-toggle-item label.disabled{color:var(--text-muted);text-decoration:line-through}.toggle-switch{position:relative;width:32px;height:18px;flex-shrink:0}.toggle-switch input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;margin:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:9px;transition:.2s}.toggle-switch .slider:before{content:"";position:absolute;height:14px;width:14px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:.2s}.toggle-switch input:checked+.slider{background:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(14px);background:#fff}.tools-section{margin-top:32px}.tools-section h2{font-size:1rem;font-weight:600;margin-bottom:12px}.tools-group{margin-bottom:20px}.tools-group-header{font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.tool-item{font-size:.8rem;padding:6px 0;color:var(--text-muted);display:flex;justify-content:space-between}.tool-item .name{color:var(--text);font-family:SF Mono,Menlo,monospace;font-size:.75rem}.tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--border)}.tab{padding:10px 20px;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;background:none;border-top:none;border-left:none;border-right:none;text-decoration:none}.tab:hover{color:var(--text);text-decoration:none}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.workspace-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.workspace-bar label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.workspace-bar select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;font-size:.8rem;outline:none}.workspace-bar select:focus{border-color:var(--primary)}.ws-actions{margin-left:auto;display:flex;gap:6px}.ws-new-modal{margin-top:8px;display:flex;gap:8px;align-items:center;width:100%}.ws-new-modal input{flex:1;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8rem;outline:none}.ws-key-display{background:var(--success-bg);border:1px solid #166534;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:.8rem}.ws-key-display code{font-family:SF Mono,Menlo,monospace;background:var(--bg);padding:2px 6px;border-radius:4px;-webkit-user-select:all;user-select:all}.loading{text-align:center;padding:60px;color:var(--text-muted)}.page-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}