:root{--base-black: #000000;--bg-primary: #060814;--bg-secondary: #0a1026;--surface-elevated: #111935;--surface-card: #151d3d;--border-subtle: #27315b;--border-hover: #3e74ff;--text-primary: #f5f7ff;--text-secondary: #c9d1f0;--text-muted: #96a0c8;--brand-violet: #6c4dff;--brand-violet-bright: #7f5cff;--brand-indigo: #4c57ff;--brand-blue: #3e74ff;--brand-blue-bright: #59a6ff;--status-success: #35d07f;--status-danger: #ff5c7a;--status-warning: #ffb84d;--brand-400: var(--brand-blue-bright);--brand-500: var(--brand-violet);--brand-600: var(--brand-indigo);--brand-glow: rgba(108, 77, 255, .12);--border-color: var(--border-subtle);--radius-tech: 2px;--transition-fast: .12s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--base-black);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px),linear-gradient(var(--border-subtle) 1px,transparent 1px);background-size:32px 32px;opacity:.35;pointer-events:none;z-index:-1}.font-mono,.credential-label,.form-label,.section-header h2,.env-code,.code-block,.kbd,.login-footer p,.tab-btn,.btn{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.glass-panel,.login-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-tech);backdrop-filter:none;-webkit-backdrop-filter:none}.login-card{position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--brand-violet);opacity:1}.glow-effect{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--base-black)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-tech)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.login-card{padding:2rem;width:100%;max-width:420px}.login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.brand-logo-mark{display:block;width:auto;object-fit:contain}.brand-logo-mark--login{max-height:3.6rem;max-width:min(100%,24rem)}.brand-logo-mark--header{max-height:2.1rem;max-width:min(100%,17rem)}.login-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);letter-spacing:-.02em}.login-subtitle{color:var(--text-secondary);font-size:.8125rem;margin-bottom:1.5rem;line-height:1.55}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem;font-weight:500}.input-icon-wrapper{position:relative}.input-icon-wrapper svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.input-icon-wrapper input{width:100%;background:var(--base-black);border:1px solid var(--border-subtle);border-radius:var(--radius-tech);padding:.625rem .75rem .625rem 2.4rem;color:var(--text-primary);font-size:.875rem;transition:border-color var(--transition-fast),background var(--transition-fast)}.input-icon-wrapper input::placeholder{color:var(--text-muted);opacity:.7}.input-icon-wrapper input:focus{outline:none;border-color:var(--brand-violet);background:var(--bg-primary);box-shadow:none}.error-message{background:#ff5c7a14;border:1px solid var(--status-danger);color:var(--status-danger);padding:.75rem 1rem;border-radius:var(--radius-tech);font-size:.8125rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid transparent;border-radius:var(--radius-tech);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-primary{background:var(--brand-violet);color:var(--text-primary);width:100%}.btn-primary:hover:not(:disabled){background:var(--brand-violet-bright)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.submit-btn{width:100%;padding:.75rem;margin-top:.5rem}.login-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle);text-align:center}.login-footer p{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.7}.loading{color:var(--text-muted);font-size:.875rem;font-family:JetBrains Mono,monospace}.dashboard{min-height:100vh;display:flex;flex-direction:column;position:relative}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:none;backdrop-filter:none}.header-logo{display:flex;align-items:center}.header-user{display:flex;align-items:center;gap:1rem}.syncing{font-size:.75rem;color:var(--brand-blue-bright);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.06em;animation:pulse 1.5s ease-in-out infinite}.user-status{display:flex;align-items:center;gap:.5rem;padding:.4rem .65rem;background:var(--base-black);border:1px solid var(--border-subtle);border-radius:var(--radius-tech)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--status-success);box-shadow:0 0 8px var(--status-success);flex-shrink:0}.user-email{font-size:.8125rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.logout-btn{background:transparent;color:var(--text-muted);padding:.45rem .6rem;border:1px solid var(--border-subtle);border-radius:var(--radius-tech)}.logout-btn:hover{color:var(--text-primary);border-color:var(--brand-violet)}.dashboard-main{flex:1;padding:5.5rem 0 2rem}.container{max-width:80rem;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.dashboard-title{font-size:1.5rem;font-weight:600;margin-bottom:.35rem;color:var(--text-primary);letter-spacing:-.02em}.dashboard-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.credentials-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-top:2rem}@media (max-width: 1024px){.credentials-grid{grid-template-columns:1fr}}.section-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-tech);padding:1.25rem;margin-bottom:1.25rem}.section-card--accent{border-left:2px solid var(--brand-violet)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header h2{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;display:flex;align-items:center;gap:.5rem}.credential-field{margin-bottom:1rem}.credential-label{display:block;font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem;font-weight:500}.credential-input-group{display:flex;gap:.5rem}.credential-input-group input{flex:1;background:var(--base-black);border:1px solid var(--border-subtle);border-radius:var(--radius-tech);padding:.5rem .65rem;font-size:.8125rem;color:var(--brand-blue-bright);transition:border-color var(--transition-fast),background var(--transition-fast)}.credential-input-group input:focus{outline:none;border-color:var(--brand-violet);background:var(--bg-primary)}.credential-btn{padding:.45rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-tech);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.credential-btn:hover{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--brand-violet)}.quota-badge{font-size:.625rem;padding:.2rem .45rem;background:#35d07f1a;color:var(--status-success);border:1px solid rgba(53,208,127,.35);border-radius:var(--radius-tech);text-transform:uppercase;letter-spacing:.06em}.quota-stats{font-size:.8125rem}.quota-row{display:flex;justify-content:space-between;color:var(--text-secondary);margin-bottom:.65rem}.quota-row span:last-child{color:var(--text-primary)}.quota-bar{width:100%;height:4px;background:var(--base-black);border-radius:var(--radius-tech);border:1px solid var(--border-subtle);overflow:hidden}.quota-bar-fill{height:100%;background:var(--brand-violet);border-radius:var(--radius-tech)}.quota-used{font-size:.625rem;color:var(--text-muted);margin-top:.45rem;text-transform:uppercase;letter-spacing:.06em}.balance-display{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem}.balance-amount{font-size:2rem;font-weight:600;color:var(--text-primary)}.balance-currency{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.models-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.models-title{font-size:.625rem;color:var(--text-muted);margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.1em}.models-list{display:flex;flex-wrap:wrap;gap:.5rem}.models-loading{font-size:.75rem;color:var(--text-muted)}.model-select{width:100%;background:var(--base-black);border:1px solid var(--border-subtle);border-radius:var(--radius-tech);padding:.55rem .65rem;font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.model-select:focus{outline:none;border-color:var(--brand-violet)}.model-select option{background:var(--bg-primary);color:var(--text-primary)}.model-tag{font-size:.625rem;padding:.2rem .45rem;border:1px solid var(--border-subtle);border-radius:var(--radius-tech);background:var(--base-black);color:var(--text-muted)}.integration-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem 0;gap:.5rem 1.25rem}.tab-btn{background:transparent;border:none;color:var(--text-muted);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.65rem 0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--brand-violet)}.tab-content{padding:1.25rem;background:var(--base-black);border-top:1px solid var(--border-subtle)}.tab-pane h3{font-size:.9375rem;font-weight:600;margin-bottom:.35rem;color:var(--text-primary)}.tab-pane p{color:var(--text-secondary);font-size:.8125rem;margin-bottom:1.25rem;line-height:1.5}.tab-pane ol{list-style:decimal;padding-left:1.15rem;color:var(--text-secondary);font-size:.8125rem}.tab-pane li{margin-bottom:.75rem;padding-left:.35rem}.tab-pane li strong{color:var(--text-primary)}.kbd{font-size:.65rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);padding:.125rem .35rem;border-radius:var(--radius-tech);color:var(--text-secondary)}.code-block{background:var(--base-black);border:1px solid var(--border-subtle);border-radius:var(--radius-tech);padding:.85rem;font-size:.7rem;overflow-x:auto;margin-top:.65rem;color:var(--text-secondary)}.code-row{display:flex;gap:1rem}.code-label{color:var(--text-muted);min-width:4rem}.code-value{color:var(--brand-blue-bright)}.code-value.green{color:var(--status-success)}.env-code{background:var(--base-black);border:1px solid var(--border-subtle);border-radius:var(--radius-tech);padding:1rem;font-size:.7rem;color:var(--brand-blue-bright);white-space:pre-wrap;word-break:break-all;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.animate-fade-in{animation:fadeIn .15s ease forwards}.animate-slide-up{animation:slideUp .15s ease forwards}.mb-10{margin-bottom:2rem}