.settings-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #cfdee7;margin:24px 0 0;padding:0 0 1px}.settings-tabs [role=tab]{flex-shrink:0;border:0;border-bottom:3px solid transparent;background:transparent;color:#526b80;padding:12px 20px;font-weight:600;border-radius:8px 8px 0 0}.settings-tabs [role=tab]:hover{background:#edf5f9}.settings-tabs [role=tab][aria-selected=true]{color:#075776;border-bottom-color:#00a5dc;background:#e8f5fa}.settings-tab-description{color:#62788b;font-size:.88rem;margin:18px 0}[role=tabpanel][hidden]{display:none}@media (max-width:600px){.settings-tabs [role=tab]{padding:10px 14px;font-size:.85rem}}.llm-credential-panel{display:grid;gap:12px;max-width:900px}.llm-credential-panel p,.llm-credential-panel h2,.llm-credential-panel h3{margin:0;overflow-wrap:anywhere}.llm-credential-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.llm-credential-panel li{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #d7dce3;padding:12px;border-radius:8px}.llm-credential-panel form{display:grid;gap:10px;border-top:1px solid #d7dce3;padding-top:16px}.llm-credential-panel button{width:fit-content;max-width:100%;white-space:normal}.llm-credential-panel input{box-sizing:border-box;width:100%;max-width:560px}.llm-credential-panel .work-notice{padding:12px;border-left:3px solid #64748b;background:#f1f5f9;color:#172033}.llm-credential-panel [role=alert]{color:#9f1239}.llm-credential-panel [role=status]{color:#166534}.llm-credential-panel :focus-visible{outline:3px solid #2563eb;outline-offset:3px}.llm-credential-panel li{display:grid;gap:8px}.llm-credential-panel .profile-title,.llm-credential-panel .profile-actions,.llm-credential-panel .profile-purpose{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.llm-credential-panel .profile-active{background:#e2f4ed;color:#166247;border-radius:16px;padding:3px 10px}.llm-credential-panel .profile-purpose [aria-pressed=true]{background:#123761;color:#fff}.llm-credential-panel select{width:100%;max-width:560px;padding:10px;border:1px solid #c7d8e5;border-radius:8px;font:inherit;background:#fff;color:#18374f}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,sans-serif;color:#0f172a;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;padding:1rem;gap:1rem}.brand{font-weight:700;font-size:1rem}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{padding:.5rem .75rem;border-radius:6px}.sidebar nav a.active{background:#334155}.logout{margin-top:auto;padding:.5rem;background:#1e293b;color:#e2e8f0;border:none;border-radius:6px;cursor:pointer}.main{flex:1;padding:1.5rem}.card{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 1px 3px #0f172a14;margin-bottom:1rem}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stat{font-size:1.75rem;font-weight:700}.muted{color:#64748b;font-size:.875rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid #e2e8f0}button.primary{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}input,textarea,select{width:100%;padding:.45rem .5rem;border:1px solid #cbd5e1;border-radius:6px}.form-row{margin-bottom:.75rem}.error{color:#b91c1c;font-size:.875rem}.login-wrap{max-width:360px;margin:4rem auto}.messages{max-height:420px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;background:#f8fafc}.msg-in{margin:.35rem 0;padding:.35rem .5rem;background:#fff;border-radius:6px}.msg-out{margin:.35rem 0;padding:.35rem .5rem;background:#dbeafe;border-radius:6px}:root{--abu-navy:#15365e;--abu-ink:#142d48;--abu-cyan:#00a5dc;--abu-blue:#087fa9;--abu-mist:#edf5f8;color:var(--abu-ink);background:#f3f7fa;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}body{line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}:focus-visible{outline:3px solid #008ab9;outline-offset:3px}button.primary{background:var(--abu-navy);border-radius:8px;padding:.65rem 1.15rem;font-weight:600;transition:background .15s}button.primary:hover:not(:disabled){background:#0a628b}input,textarea,select{border-color:#c7d5df;background:#fff;color:var(--abu-ink);padding:.65rem .75rem}input:focus,textarea:focus,select:focus{border-color:var(--abu-blue)}.card{border:1px solid #dce6ed;border-radius:12px;box-shadow:0 3px 14px #15365e08}th{color:#426078;background:#f4f8fa;font-weight:600}th,td{padding:.8rem .65rem}.main{min-width:0;padding:0 32px 32px;overflow-x:auto}.main h1{font-size:1.65rem;letter-spacing:.02em;margin-top:24px}.stat{color:var(--abu-navy)}.sidebar{flex:0 0 230px;width:230px;background:#fff;color:var(--abu-navy);border-right:1px solid #dce6ed;padding:24px 16px 20px;min-height:100vh}.sidebar .brand{display:flex;flex-direction:column;align-items:center;padding:0 18px 20px;border-bottom:1px solid #e5edf2;gap:5px}.sidebar .brand img{width:148px;height:auto;display:block}.sidebar .brand span{color:#536e84;font-size:.76rem;letter-spacing:.17em}.sidebar nav{gap:4px}.sidebar nav a{padding:10px 15px;border-radius:8px;border-left:3px solid transparent;color:#496279;font-size:.92rem}.sidebar nav a:hover{background:#f1f7fa;color:var(--abu-navy)}.sidebar nav a.active{background:#e8f5fa;color:#075776;border-left-color:var(--abu-cyan);font-weight:700}.logout{background:#f1f6f9;border:1px solid #dce6ed;color:#36536e;padding:9px}.workspace-brand-header{min-height:78px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe5ec;font-size:.82rem;color:#62788b}.workspace-brand-name{font-weight:700;color:var(--abu-navy);letter-spacing:.06em}.workspace-brand-divider{margin:0 10px;color:#a7bac9}.workspace-role{padding:4px 12px;border:1px solid #cfdee7;border-radius:20px;white-space:nowrap;font-size:.75rem}.msg-out{background:#e5f4fa}.brand-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,1fr);background:#f8fbfd}.brand-story{min-height:100vh;position:relative;overflow:hidden;background:var(--abu-navy);padding:46px 10% 30px;color:#fff;display:flex;flex-direction:column}.brand-logo-paper{position:relative;z-index:2;width:142px;background:#fff;border-radius:3px;padding:9px 12px}.brand-logo-paper img{width:100%;height:auto;display:block}.brand-story-copy{position:relative;z-index:2;margin-top:64px}.brand-eyebrow{font-size:.82rem;letter-spacing:.2em;font-weight:600;margin:0 0 18px}.brand-story .brand-eyebrow{color:#8addf3}.brand-story h1{font-size:clamp(30px,3.3vw,50px);font-weight:600;line-height:1.5;letter-spacing:.055em;margin:0 0 20px}.brand-story-caption{color:#c2d5e6;max-width:340px;font-size:.92rem;line-height:1.9}.brand-story-footer{margin-top:auto;padding-top:235px;position:relative;z-index:2;color:#adc6dc;font-size:.7rem;letter-spacing:.16em}.water-scene{position:absolute;width:600px;height:500px;bottom:-160px;right:-155px;transform:rotate(-23deg);pointer-events:none}.water-layer{position:absolute;width:580px;height:230px;border-radius:48%;border:1px solid rgb(123 224 252 / 45%)}.layer-one{top:90px;background:linear-gradient(140deg,#00b4e17a,#15365e00)}.layer-two{top:135px;background:linear-gradient(140deg,#019ecf7f,#093a6300)}.layer-three{top:180px;background:linear-gradient(140deg,#6ad6ee47,#009fd000)}.water-orbit{position:absolute;border:1px solid rgb(157 221 245 / 15%);border-radius:50%;width:690px;height:340px;left:-60px;top:30px}.orbit-two{width:780px;height:410px;top:0;left:-105px}.water-drop{position:absolute;width:64px;height:64px;border-radius:65% 4% 65% 65%;transform:rotate(-22deg);background:linear-gradient(135deg,#c3f5ff,#06aadd);box-shadow:inset 4px 4px 18px #ffffff73,0 16px 40px #00172f40;left:240px;top:60px}.brand-login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px 48px 24px}.login-form-inner{width:100%;max-width:370px;margin:auto 0}.brand-login-form .brand-eyebrow{color:var(--abu-blue);font-size:.75rem;margin-bottom:12px}.brand-login-form h2{font-size:32px;margin:0 0 8px;letter-spacing:.04em}.login-intro{color:#64788b;font-size:.9rem;margin:0 0 38px}.brand-login-form .form-row{margin-bottom:22px}.brand-login-form label{display:block;font-size:.88rem;font-weight:600;margin-bottom:8px}.brand-login-form input{min-height:48px;border-radius:8px}.brand-login-form .login-submit{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:50px;margin-top:30px}.login-access-note{text-align:center;font-size:.75rem;color:#738697;margin-top:22px}.login-footer{color:#7c8d9b;font-size:.7rem;margin-top:60px}.login-mobile-brand{display:none}@media (min-width:1100px){.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto}}@media (max-width:800px){.brand-login{grid-template-columns:1fr}.brand-story{display:none}.brand-login-form{min-height:100vh;padding:32px 24px 20px;border-top:5px solid var(--abu-cyan)}.login-mobile-brand{display:flex;align-items:center;gap:18px;margin-bottom:34px;color:var(--abu-navy);font-size:.8rem;letter-spacing:.08em}.login-mobile-brand img{width:100px;height:auto}.shell{display:block}.sidebar{width:100%;min-height:0;padding:12px 16px;gap:10px}.sidebar .brand{flex-direction:row;justify-content:flex-start;padding:0;gap:16px;border:0}.sidebar .brand img{width:74px}.sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:5px}.sidebar nav a{flex-shrink:0;padding:8px 12px}.logout{position:absolute;top:20px;right:16px;padding:4px 10px;font-size:.78rem}.main{padding:0 16px 24px}.workspace-brand-header{min-height:58px;font-size:.72rem}.workspace-brand-divider{margin:0 5px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}