.admin-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.admin-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.5rem;background:var(--panel-2);border-bottom:1px solid var(--border);flex-shrink:0}.admin-header-left{display:flex;align-items:center}.admin-app-name{font-size:1.125rem;font-weight:600;color:var(--text);letter-spacing:-.02em}.admin-header-right{display:flex;align-items:center;gap:.75rem}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s,transform .15s}.header-icon:hover{opacity:.85}.header-icon:active{transform:scale(.95)}.header-icon-svg{width:22px;height:22px;flex-shrink:0}.header-icon-theme--sun{color:#eab308}.header-icon-theme--moon{color:#a78bfa}.header-icon-logout{color:#f87171}.admin-body{display:flex;flex:1;min-height:0}.admin-sidebar{width:220px;flex-shrink:0;background:var(--panel-2);border-right:1px solid var(--border);padding:1rem 0}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav-link{display:block;padding:.6rem 1.25rem;font-size:.9375rem;color:var(--muted);text-decoration:none;transition:color .2s,background .2s;border-left:3px solid transparent;margin-left:0}.admin-nav-link:hover{color:var(--text);background:#ffffff0a}.admin-nav-link.active{color:var(--accent);background:#7c9cff1f;border-left-color:var(--accent)}.admin-content{flex:1;overflow:auto;padding:2.25rem 2.5rem}@media(max-width:900px){.admin-content{padding:1.5rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 10%,rgba(124,156,255,.35),transparent 60%),radial-gradient(900px 600px at 80% 90%,rgba(90,200,120,.22),transparent 55%),var(--bg);padding:1rem}.login-card{background:#ffffff0f;border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:360px;box-shadow:0 8px 32px #0000004d}.login-card h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text)}.login-subtitle{margin:0 0 1.5rem;font-size:.875rem;color:var(--muted)}.login-card form label{display:block;margin-bottom:1rem;font-size:.875rem;color:var(--text)}.login-card form input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;font-size:1rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--field-bg);color:var(--text);box-sizing:border-box}.login-card form input:focus{outline:none;border-color:var(--accent)}.login-card form button{width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;cursor:pointer}.login-card form button:hover:not(:disabled){background:var(--accent-hover)}.login-card form button:disabled{opacity:.7;cursor:not-allowed}.login-error{margin-bottom:1rem;padding:.6rem;font-size:.875rem;color:var(--danger);background:var(--danger-bg);border-radius:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:0;max-width:400px;width:100%;box-shadow:0 8px 24px #00000040}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:0;padding:1.5rem 2.5rem 1.25rem 1.75rem}.modal-content{padding:.25rem 1.75rem}.modal-footer{padding:1.25rem 1.75rem 1.5rem}.modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text);flex:1}.modal-close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;line-height:0;color:var(--muted);background:none;border:none;border-radius:6px;cursor:pointer}.modal-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.modal-close:hover{color:var(--text);background:var(--field-bg)}.modal-desc{margin:0 0 1rem;font-size:.875rem;color:var(--muted);line-height:1.45}.modal-error{margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;color:var(--danger);background:var(--danger-bg);border-radius:8px}.modal-form label{display:block;margin-bottom:.75rem;font-size:.875rem;color:var(--text)}.modal-form input{display:block;width:100%;margin-top:.3rem;padding:.55rem .75rem;font-size:1rem;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box}.modal-form input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:0}.modal-actions--center{justify-content:center}.modal-message{margin:0 0 1.25rem;font-size:.9375rem;color:var(--muted);line-height:1.5}.modal-btn{padding:.5rem 1rem;font-size:.9375rem;color:var(--button-secondary-text);background:var(--button-secondary-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.modal-btn:hover:not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--border-strong)}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn-secondary{color:var(--muted);background:transparent}.modal-btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.modal-btn-primary{font-weight:600;color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.modal-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.modal-btn-danger{font-weight:600;color:#fff;background:var(--danger);border-color:var(--danger)}.modal-btn-danger:hover:not(:disabled){background:#c53030;border-color:#c53030}.models-page{width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.75rem}.page-header-left{min-width:0}.page-header-right{flex-shrink:0;padding-top:.15rem;display:flex;align-items:center;gap:.75rem}.page-title{margin:0;font-size:1.75rem;font-weight:600;color:var(--text)}.models-desc{margin:0;font-size:.9375rem;color:var(--muted);line-height:1.5}.models-error{margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px}.btn-primary{padding:.6rem 1.2rem;font-size:.9375rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-primary-link{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;font-size:.875rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);border-radius:10px;text-decoration:none;transition:background .2s}.btn-primary-link:hover{background:var(--accent-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;font-size:.875rem;font-weight:600;color:var(--button-secondary-text);background:var(--button-secondary-bg);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:background .2s,border-color .2s}.btn-secondary:hover{background:var(--button-secondary-hover-bg);border-color:var(--border-strong)}.model-form{margin-bottom:2rem;padding:1.75rem;background:var(--panel);border-radius:12px;border:1px solid var(--border)}.model-form-desc{margin:0 0 1rem;font-size:.9375rem;color:var(--muted);line-height:1.5}.model-form label{display:block;margin-bottom:1rem;font-size:.875rem;color:var(--text)}.model-form input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;font-size:1rem;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box}.model-form input::placeholder{color:var(--muted-2)}.model-form input:focus{outline:none;border-color:var(--accent)}.model-form button{margin-top:.5rem;padding:.6rem 1.2rem;font-size:.9375rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;cursor:pointer}.model-form button:disabled{opacity:.7;cursor:not-allowed}.models-loading,.models-empty{color:var(--muted);font-size:.9375rem}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.model-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .1s}.model-card:hover{border-color:var(--border-strong);box-shadow:0 10px 30px #00000040;transform:translateY(-1px)}.model-card-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.model-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.model-card-name{font-weight:600;font-size:1.1rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card-connection-error{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.model-card-connection-error-text{font-size:.8125rem;color:var(--danger);flex:1;min-width:0}.model-card-connection-error-tooltip{position:relative;display:inline-flex;flex:0 0 auto;white-space:nowrap}.model-card-connection-error-label{font-size:.8125rem;color:var(--danger);cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.model-card-connection-error-tooltip-text{position:absolute;left:0;bottom:100%;margin-bottom:6px;padding:8px 10px;font-size:.8125rem;color:var(--text);background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 4px 12px #00000040;white-space:normal;max-width:320px;min-width:120px;z-index:20;visibility:hidden;opacity:0;transition:visibility .15s ease,opacity .15s ease;pointer-events:none}.model-card-connection-error-tooltip:hover .model-card-connection-error-tooltip-text{visibility:visible;opacity:1}.model-card-connect-btn{padding:.25rem .5rem;font-size:.8125rem;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;flex-shrink:0}.model-card-connect-btn:hover{text-decoration:underline}.model-card-connecting{font-size:.8125rem;color:var(--muted)}.model-card-providers{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);width:100%;display:flex;flex-direction:column;gap:.35rem}.model-card-provider-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;align-items:center;column-gap:.5rem;font-size:.8125rem;min-height:28px;min-width:0}.model-card-provider-name{font-weight:600;color:var(--text);min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card-provider-center{min-width:0;display:flex;align-items:center;justify-content:center}.model-card-provider-action{display:flex;align-items:center;justify-content:flex-end}.model-card-provider-action-placeholder{width:28px;height:28px;display:inline-block}.model-card-provider-2fa{flex:1;min-width:100px;max-width:140px;padding:.35rem .5rem;font-size:.8125rem;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:6px;box-sizing:border-box}.model-card-provider-2fa::placeholder{color:var(--muted)}.model-card-provider-status{color:var(--muted);flex:0 0 auto;white-space:nowrap}.model-card-provider-status-ok{color:var(--success, #22c55e)}.model-card-provider-status-pending{color:var(--muted)}.model-card-provider-row--connecting{animation:provider-connecting-pulse 1.5s ease-in-out infinite}.model-card-provider-status-connecting{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent)}.model-card-provider-spinner{display:inline-block;width:.875rem;height:.875rem;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:provider-spin .7s linear infinite}@keyframes provider-spin{to{transform:rotate(360deg)}}@keyframes provider-connecting-pulse{0%,to{opacity:1}50%{opacity:.75}}.model-card-provider-stop-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:0;color:var(--danger, #dc3545);background:none;border:none;border-radius:6px;cursor:pointer;transition:color .2s,background .2s}.model-card-provider-stop-icon:hover:not(:disabled){color:var(--danger-hover, #e4606d);background:#dc354526}.model-card-provider-stop-icon:disabled{opacity:.6;cursor:wait}.model-card-provider-stop-icon svg{width:18px;height:18px}.model-card-provider-connect-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:0;color:var(--muted);background:none;border:none;border-radius:6px;cursor:pointer;transition:color .2s,background .2s}.model-card-provider-connect-icon:hover:not(:disabled){color:var(--accent);background:#7c9cff26}.model-card-provider-connect-icon:disabled{opacity:.6;cursor:not-allowed}.model-card-provider-connect-icon svg{width:16px;height:16px}.model-card-provider-retry{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;margin-left:auto;color:var(--accent);background:none;border:none;border-radius:6px;cursor:pointer}.model-card-provider-retry:hover:not(:disabled){background:#7c9cff26}.model-card-provider-retry:disabled{opacity:.6;cursor:not-allowed}.model-card-provider-retry svg{width:16px;height:16px}.models-create-error{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.models-retry-connect{padding:.35rem .65rem;font-size:.875rem;font-weight:600;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:6px;cursor:pointer}.models-retry-connect:hover{background:#7c9cff1f}.model-card-icons{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.model-card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--muted);transition:color .2s,background .2s;text-decoration:none}.model-card-icon svg{width:18px;height:18px}.model-card-icon:hover{color:var(--text);background:#ffffff0f}.model-card-icon-edit:hover{color:var(--accent)}.model-card-icon-delete:hover{color:var(--danger)}.model-card-icon-connect:hover{color:var(--accent)}.model-card-icon-stop{min-width:32px;font-size:.75rem;font-weight:600}.model-card-icon-stop:hover:not(:disabled){color:var(--danger);background:#dc354526}.model-card-icon-stop:disabled{opacity:.7;cursor:wait}.model-detail-page{width:100%}.model-detail-header{margin-bottom:1rem}.model-detail-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.model-detail-title{margin:0;font-size:1.75rem;font-weight:600;color:var(--text)}.model-detail-name{margin:.35rem 0 0;font-size:.9375rem;color:var(--muted)}.back-link{font-size:.9375rem;color:var(--accent);text-decoration:none}.back-link:hover{text-decoration:underline;color:var(--accent)}.model-detail-card{margin-bottom:2rem;padding:1.25rem;background:var(--panel);border:1px solid var(--border);border-radius:12px}.model-detail-card h1{margin:0;font-size:1.5rem;color:var(--text)}.model-name-form,.model-edit-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.5rem}.model-edit-form{flex-direction:column;align-items:stretch}.model-name-label,.model-edit-label{flex:1;min-width:200px;display:block;font-size:.875rem;color:var(--muted)}.model-edit-label{flex:none}.model-name-input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;font-size:1.125rem;font-weight:600;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box;font-family:inherit}.model-name-input:focus,.model-edit-input:focus{outline:none;border-color:var(--accent)}.model-edit-input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;font-size:1rem;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box;font-family:inherit}.btn-save-name{padding:.55rem 1rem;font-size:.875rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-save-name:hover:not(:disabled){background:var(--accent-hover)}.btn-save-name:disabled{opacity:.6;cursor:not-allowed}.model-of-username{margin:.35rem 0 0;font-size:.9375rem;color:var(--muted)}.model-detail-loading,.model-detail-error{margin-bottom:1rem}.model-detail-loading{color:var(--muted)}.model-detail-error{padding:.75rem 1rem;font-size:.875rem;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px}.model-providers-section h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--text)}.section-desc{margin:0 0 1rem;font-size:.875rem;color:var(--muted);line-height:1.5}.provider-links-list{list-style:none;margin:0 0 1rem;padding:0}.provider-link-item{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--panel);border-radius:8px;border:1px solid var(--border)}.provider-name{font-weight:600;color:var(--accent)}.btn-remove{margin-left:auto;padding:.35rem .75rem;font-size:.8125rem;color:var(--danger);background:transparent;border:1px solid var(--danger-border);border-radius:6px;cursor:pointer}.btn-remove:hover{background:#c83c3c26}.no-providers{margin:0 0 1rem;font-size:.9375rem;color:var(--muted)}.model-providers-section .btn-primary{margin-bottom:1rem}.btn-primary{padding:.6rem 1.2rem;font-size:.9375rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.add-provider-form{margin-top:1rem;padding:1.25rem;background:var(--panel);border-radius:12px;border:1px solid var(--border)}.add-provider-form label{display:block;margin-bottom:1rem;font-size:.875rem;color:var(--text)}.add-provider-form input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;font-size:.9375rem;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box;font-family:inherit}.add-provider-form button{margin-top:.5rem;padding:.6rem 1.2rem;font-size:.9375rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;cursor:pointer}.add-provider-form button:disabled{opacity:.7;cursor:not-allowed}.model-danger{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-delete{padding:.5rem 1rem;font-size:.875rem;color:var(--danger);background:transparent;border:1px solid var(--danger-border);border-radius:8px;cursor:pointer}.btn-delete:hover:not(:disabled){background:#c83c3c26}.btn-delete:disabled{opacity:.7;cursor:not-allowed}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}:root{--radius-sm: 8px;--radius-md: 12px;--radius-pill: 999px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .18);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.9375rem;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background .2s,border-color .2s,color .2s}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.input,input,select,textarea{color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}:root[data-theme=dark]{color-scheme:dark;--bg: #0f0f14;--panel: #1e1e28;--panel-2: #16161e;--border: #2a2a3a;--border-strong: #3a3a4a;--text: #ffffff;--muted: #a0a0b0;--muted-2: #6a6a7a;--accent: #7c9cff;--accent-hover: #6b8aef;--accent-contrast: #0f0f14;--button-secondary-bg: rgba(255, 255, 255, .06);--button-secondary-hover-bg: rgba(255, 255, 255, .09);--button-secondary-text: #cfd6ff;--field-bg: #16161e;--danger: #ff9090;--danger-bg: rgba(200, 60, 60, .2);--danger-border: #4a3030;--ok-bg: rgba(90, 200, 120, .12);--ok-border: rgba(90, 200, 120, .35);--ok-text: #aef2c3;--warn-bg: rgba(255, 180, 80, .12);--warn-border: rgba(255, 180, 80, .35);--warn-text: #ffe1b3}:root[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--panel: #ffffff;--panel-2: #ffffff;--border: #e5e7ef;--border-strong: #d6dae6;--text: #131626;--muted: #5b6075;--muted-2: #7a8097;--accent: #3b6cff;--accent-hover: #2f5df0;--accent-contrast: #ffffff;--button-secondary-bg: rgba(19, 22, 38, .04);--button-secondary-hover-bg: rgba(19, 22, 38, .07);--button-secondary-text: #131626;--field-bg: #fbfcff;--danger: #c33030;--danger-bg: rgba(200, 60, 60, .12);--danger-border: rgba(200, 60, 60, .25);--ok-bg: rgba(60, 170, 100, .12);--ok-border: rgba(60, 170, 100, .25);--ok-text: #1f7a45;--warn-bg: rgba(240, 170, 60, .12);--warn-border: rgba(240, 170, 60, .25);--warn-text: #8a5a10}