:root{--bg-page:#cfefff;--bg-panel:#d8f2ff;--bg-panel-strong:#fff;--bg-sidebar:#d6f1ff;--bg-chat:#bfe7fb;--bg-chat-soft:#edf9ff;--bg-user:#006f95;--bg-accent:#18a8d1;--bg-accent-strong:#007aa0;--text-main:#0a5278;--text-soft:#5f96b4;--border-soft:#2177a02e;--shadow-soft:0 18px 38px #1c6e9329;color:var(--text-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#44c2e547,#0000 26%),linear-gradient(#daf4ff 0%,#d1efff 42%,#c6ebff 100%);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text-main)}button,input,textarea{font:inherit}code{background:#10243a0f;border-radius:8px;padding:4px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.screen-shell{box-sizing:border-box;background:linear-gradient(#dcf6ffeb,#c7ebfcf5);grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:0;height:100vh;min-height:100vh;padding:0;display:grid;overflow:hidden}.sidebar-backdrop,.menu-toggle{display:none}.centered-shell,.auth-shell{grid-template-columns:minmax(0,1fr);place-items:center}.status-card,.auth-panel,.sidebar,.chat-layout{border:1px solid var(--border-soft);background:var(--bg-panel-strong);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-card{color:var(--text-main);border-radius:24px;padding:24px 28px}.auth-panel{border-radius:32px;gap:28px;width:min(560px,100%);padding:34px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(10px);opacity:.5;pointer-events:none;border-radius:999px;position:absolute}.auth-glow-one{background:#0b8f5a29;width:180px;height:180px;top:-52px;right:-26px}.auth-glow-two{background:#0a6c8c29;width:140px;height:140px;bottom:-42px;left:-30px}.brand-block h1,.chat-topbar h1,.sidebar-top h2{color:var(--text-main);z-index:1;letter-spacing:-.03em;margin:0;font-weight:800;position:relative}.brand-block h1{font-size:44px;line-height:1}.auth-copy{color:var(--text-soft);z-index:1;margin:14px 0 0;font-size:17px;position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#1498bf;margin:0 0 10px;font-size:12px;font-weight:700}.hero-badge{color:var(--text-main);z-index:1;background:#ffffffe6;border-radius:999px;align-items:center;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.login-mode-switch{z-index:1;gap:10px;display:flex;position:relative}.mode-chip{color:var(--text-main);font:inherit;cursor:pointer;background:#ffffffeb;border:1px solid #1ba3ce33;border-radius:999px;padding:10px 14px;font-weight:700}.mode-chip.active{background:linear-gradient(135deg, var(--bg-accent) 0%, var(--bg-accent-strong) 100%);color:#fff}.auth-form,.sidebar,.chat-layout{flex-direction:column;display:flex}.auth-form{z-index:1;gap:16px;position:relative}.auth-form label{color:var(--text-main);gap:8px;font-size:14px;display:grid}.auth-form input,.composer textarea{box-sizing:border-box;width:100%;color:var(--text-main);font:inherit;background:#fffffffa;border:2px solid #1ba3ce42;border-radius:24px}.auth-form input{padding:16px 18px}.auth-actions,.composer-footer,.sidebar-top,.history-head,.chat-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-actions{z-index:1;position:relative}.primary-button,.ghost-button{font:inherit;cursor:pointer;border-radius:999px;padding:13px 20px;font-weight:700;transition:transform .2s,opacity .2s,background .2s}.icon-button{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:18px;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--bg-accent) 0%, var(--bg-accent-strong) 100%);border:none;box-shadow:0 12px 20px #007aa03d}.ghost-button{color:var(--text-main);background:#ffffffe6;border:1px solid #1ba3ce33}.small-action-button{width:100%;margin-bottom:12px}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed}.auth-message,.helper-copy{color:var(--text-soft);margin:0}.sidebar{box-shadow:none;background:linear-gradient(#dbf4fffa,#cfeefcfa);border-right:1px solid #4897bc3d;border-radius:0;min-height:100vh;padding:16px 14px;overflow:hidden}.account-card{background:linear-gradient(#f5fcfffa,#e7f8fffa);border:1px solid #2897c424;border-radius:18px;margin-top:12px;padding:12px}.account-card span{color:var(--text-soft);font-size:12px;display:block}.account-card strong{color:var(--text-main);margin-top:4px;font-size:18px;display:block}.account-meta,.topbar-badges{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.status-pill,.topbar-chip{color:var(--text-main);background:#ffffffd6;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.online{color:#0e8e6f}.small-action-button{width:100%;margin-bottom:8px;padding:9px 12px;font-size:13px}.history-section{flex-direction:column;flex:1;min-height:0;margin-top:12px;display:flex}.history-head h3{color:var(--text-main);margin:0;font-size:15px}.history-head span{color:var(--text-soft);font-size:12px}.history-list{flex-direction:column;gap:6px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.empty-history{color:var(--text-soft);background:#f5fcffd1;border-radius:20px;padding:18px;font-size:14px}.history-item{text-align:left;cursor:pointer;background:#f5fcffc2;border:1px solid #2a96c20f;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;min-height:58px;padding:10px 10px 10px 12px;display:flex}.history-item.active{background:linear-gradient(#ecfaff,#e1f7fffa);border-color:#18a8d14d;box-shadow:0 8px 14px #007aa00f}.history-item-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;overflow:hidden}.history-item strong,.history-item span{display:block}.history-item strong{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.history-item-copy span{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35;overflow:hidden}.history-delete{color:#7aa9c0;flex-shrink:0;margin-top:2px;font-size:16px;line-height:1}.chat-layout{height:100vh;min-height:100vh;box-shadow:none;background:linear-gradient(#c8ecff 0%,#bde5fb 100%);border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.chat-topbar{background:#e8f8fff5;border-bottom:1px solid #4897bc3d;padding:20px 24px 18px}.chat-topbar h1{font-size:30px;line-height:1.05}.brand-mark{font-size:24px}.chat-topbar-copy{min-width:0}.conversation-meta{color:var(--text-soft);margin:8px 0 0;font-size:13px}.messages-panel{background:linear-gradient(#c4e7f8d6,#bae1f6e6);flex-direction:column;gap:24px;min-height:0;padding:26px 28px 22px;display:flex;overflow-y:auto}.welcome-panel{background:#ffffffe0;border:1px solid #239bc824;border-radius:24px;align-items:center;gap:16px;padding:18px;display:flex}.welcome-icon{background:linear-gradient(135deg, var(--bg-accent) 0%, var(--bg-accent-strong) 100%);color:#fff;letter-spacing:.08em;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;font-weight:800;display:flex}.welcome-panel h3{color:var(--text-main);margin:0 0 6px;font-size:18px}.welcome-panel p{color:var(--text-soft);margin:0;font-size:14px}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-bubble{border-radius:28px;width:fit-content;max-width:min(720px,68%);padding:18px 20px;font-weight:700;box-shadow:0 12px 24px #237aa01f}.message-row.assistant .message-bubble{color:var(--text-main);background:#ffffffe0;border:1px solid #299dc91f;border-top-left-radius:14px}.message-row.user .message-bubble{color:#fff;background:linear-gradient(135deg,#00789c 0%,#006487 100%);border-top-right-radius:14px}.message-role{letter-spacing:.12em;text-transform:uppercase;opacity:.68;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.message-bubble p{white-space:pre-wrap;margin:0;line-height:1.55}.loading-bubble{opacity:.82}.composer{background:#ecf9fff5;border-top:1px solid #4897bc3d;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:14px 18px 18px;display:grid}.composer textarea{resize:none;grid-area:1/1/3/2;min-height:92px;padding:16px 18px;box-shadow:0 0 0 4px #28b4dd14}.composer-footer{flex-direction:column;grid-area:1/2/3/3;justify-content:flex-end;align-items:stretch;min-width:146px;height:100%}.helper-copy{text-align:right;max-width:220px}.send-button{width:100%;min-width:0}.mic-button{border-color:#0000;width:100%}.error-text{color:#d44d5c}.admin-shell{grid-template-columns:280px minmax(0,1fr)}.admin-layout{background:linear-gradient(#d2efff 0%,#c4e9fb 100%)}.admin-topbar h1{font-size:28px}.admin-panel{padding:22px 24px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-card{background:#ffffffe6;border:1px solid #299dc91f;border-radius:24px;padding:20px;box-shadow:0 12px 24px #237aa01a}.admin-card h3{color:var(--text-main);margin:0 0 14px}.admin-card p{color:var(--text-soft);margin:8px 0 0}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a2a3d61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.credential-modal{background:#f4fcfffa;border:1px solid #299dc929;border-radius:28px;width:min(560px,100%);max-height:min(88vh,760px);padding:24px;overflow:auto;box-shadow:0 24px 60px #1460823d}.credential-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.credential-modal-head h3{color:var(--text-main);margin:0;font-size:28px}.modal-close{padding-inline:16px}.credential-form{gap:14px}.admin-card-wide{grid-column:1/-1}.settings-form{gap:12px;display:grid}.settings-form input{box-sizing:border-box;width:100%;font:inherit;color:var(--text-main);background:#fffffffa;border:2px solid #1ba3ce33;border-radius:18px;padding:12px 14px}.settings-form textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--text-main);resize:vertical;background:#fffffffa;border:2px solid #1ba3ce33;border-radius:18px;padding:12px 14px}.smtp-form{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-row{color:var(--text-main);align-items:center;gap:10px;display:flex}.user-table{gap:10px;display:grid}.user-table-head,.user-table-row{grid-template-columns:1.1fr 1.2fr .85fr .75fr .75fr .9fr;align-items:center;gap:12px;display:grid}.user-table-head{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:12px;font-weight:800}.user-table-row{color:var(--text-main);background:#f0fbffeb;border-radius:16px;padding:12px 14px}.admin-inline-button{width:100%;padding:10px 12px}.plan-list{gap:10px;margin-top:14px;display:grid}.plan-row{color:var(--text-main);background:#f0fbffeb;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.plan-row-button{text-align:left;cursor:pointer;border:1px solid #299dc91f;width:100%}.plan-row-button.active{background:linear-gradient(#ecfaff,#e1f7fffa);border-color:#18a8d14d}.plan-row strong{color:var(--text-main)}.plan-row span{color:var(--text-soft);font-size:13px}.inline-action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.helper-copy-block{gap:10px;margin-top:12px;display:grid}.danger-button{color:#a23b3b;border-color:#d74a4a33}.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1080px){.screen-shell{grid-template-columns:1fr;height:auto;padding:14px;overflow:visible}.chat-layout{height:auto;min-height:auto}.chat-topbar,.sidebar-top,.composer-footer,.auth-actions{flex-direction:column;align-items:stretch}.brand-block h1,.chat-topbar h1{font-size:30px}.sidebar{min-height:auto;padding:18px}.messages-panel{padding:18px}.message-bubble{max-width:94%}.admin-grid,.smtp-form,.user-table-head,.user-table-row{grid-template-columns:1fr}.credential-modal-head{flex-direction:column}}@media (width<=768px){html,body,#root{height:100%;overflow:hidden}.screen-shell{min-height:var(--app-height,100dvh);background:linear-gradient(#d9f3ff 0%,#caedff 100%);padding:0;display:block;overflow:hidden}.sidebar-backdrop.visible{z-index:20;background:#10243a47;display:block;position:fixed;inset:0}.sidebar{z-index:30;border-radius:0 24px 24px 0;width:min(290px,86vw);height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-104%);box-shadow:0 20px 50px #0d1e332e}.sidebar-top h2{font-size:17px}.sidebar-top .eyebrow{margin-bottom:6px;font-size:11px}.sidebar-top .primary-button{padding:10px 14px}.account-card{border-radius:16px;margin-top:10px;padding:11px}.account-card strong{margin-top:3px;font-size:17px}.account-card span{font-size:11px}.account-meta{gap:5px;margin:8px 0 10px}.status-pill{padding:6px 9px;font-size:10px}.small-action-button,.account-card .ghost-button{padding:9px 12px;font-size:13px}.history-section{margin-top:10px}.history-head h3{font-size:14px}.history-list{gap:5px;margin-top:8px}.history-item{border-radius:12px;min-height:54px;padding:9px 9px 9px 11px}.history-item strong{font-size:12.5px}.history-item-copy span{font-size:10.5px}.sidebar.open{transform:translate(0)}.chat-layout{min-height:var(--app-height,100dvh);height:var(--app-height,100dvh);box-shadow:none;background:linear-gradient(#c7ebff 0%,#bbe4fb 100%);border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.chat-topbar{background:linear-gradient(90deg,#58b7e9 0%,#3ca8dd 100%);border-bottom:1px solid #4897bc2e;flex-direction:row;justify-content:flex-start;gap:12px;min-height:57px;padding:14px 14px 13px}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:32px;height:32px;padding:0;display:inline-flex}.menu-toggle span{background:#0c4e72;border-radius:999px;width:100%;height:4px;display:block}.chat-topbar-copy{align-items:center;min-width:0;display:flex}.chat-topbar h1{color:#fff;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.brand-mark{font-size:18px}.messages-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:0 0;gap:18px;min-height:0;padding:10px 0 12px;scroll-padding-bottom:12px}.welcome-panel{display:none}.message-row{padding:0 12px}.message-bubble{max-width:92%;box-shadow:0 10px 18px #1f779b1f}.composer{padding:10px 12px max(10px, calc(env(safe-area-inset-bottom,0px) - var(--keyboard-offset,0px)));background:#edf9fffa;border-top:1px solid #4897bc33;flex-shrink:0;align-items:center;gap:6px;display:flex}.composer textarea{resize:none;border-radius:999px;grid-area:auto;width:100%;height:40px;min-height:40px;padding:10px 16px;font-size:15px;overflow:hidden}.composer-footer{flex-direction:row;grid-area:auto;align-items:center;gap:8px;min-width:auto;height:auto;margin-left:auto}.send-button{background:linear-gradient(135deg,#18a8d1 0%,#007aa0 100%);width:42px;min-width:42px}.mic-button{color:#fff;background:linear-gradient(135deg,#18a8d1 0%,#007aa0 100%);width:42px}.desktop-only{display:none!important}.modal-backdrop{align-items:end;padding:12px}.credential-modal{border-radius:24px 24px 18px 18px;width:100%;max-height:86vh;padding:18px}.credential-modal-head h3{font-size:22px}}