:root{color:#f7f8fb;background:#0c111d;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1b2945,#0c111d 60%);min-height:100vh;margin:0}#root{min-height:100vh}:root{--brand:#ff8a00;--brand-dark:#e27400;--panel:#111b2b;--panel-soft:#0d1524;--line:#25324b;--text:#edf2ff;--sub:#9ba9c9}.authScreen{place-items:center;min-height:100vh;padding:20px;display:grid}.authCard{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:420px;padding:18px;box-shadow:0 20px 45px #00000040}.authCard h1{margin:0;font-size:24px}.authSubtitle{color:var(--sub);margin:6px 0 14px;font-size:14px}.app{min-height:100vh;color:var(--text);grid-template-columns:320px 1fr;display:grid}.sidebar{border-right:1px solid var(--line);background:#090e1ab8;flex-direction:column;gap:12px;padding:14px;display:flex}.brand,.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.brand h1{margin:0;font-size:22px}.brand p{color:var(--sub);margin:4px 0 0;font-size:13px}.card h2{margin:0 0 10px;font-size:16px}input,textarea,button{font:inherit}input,textarea,select{background:var(--panel-soft);width:100%;color:var(--text);border:1px solid #2c3c5e;border-radius:10px;margin-bottom:8px;padding:10px}button{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:10px;padding:9px 12px}button:hover:not(:disabled){background:var(--brand-dark)}button:disabled{opacity:.6;cursor:not-allowed}.tabs{gap:8px;margin-bottom:10px;display:flex}.tab{background:0 0;border:1px solid #415276;flex:1}.tab.active{background:var(--brand);border-color:var(--brand)}.verifyRow,.row{gap:8px;display:flex}.verificationBlock{margin-top:8px;margin-bottom:6px}.verifyRowSpaced{margin-top:10px}.secondaryButton{width:100%;color:var(--text);background:0 0;border-color:#516184}.secondaryButton:hover:not(:disabled){background:#1a2640}.authError{color:#ffad9c;margin:10px 0 0;font-size:13px}.authInfo{color:#8be6b0;background:#10261b;border:1px solid #2b6042;border-radius:10px;margin:10px 0 0;padding:8px 10px;font-size:13px}.smallMuted{color:var(--sub);margin:4px 0;font-size:12px}.smallHeading{margin:10px 0 8px;font-size:14px}.toggleLine{color:var(--text);align-items:center;gap:8px;margin:6px 0 10px;font-size:13px;display:flex}.toggleLine input{width:auto;margin:0}.simpleList{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.simpleList li{background:#13233f;border:1px solid #2b3f64;border-radius:10px;padding:8px}.sessionRow{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.dangerButton{background:#7d1f1f;border-color:#a52d2d}.dangerButton:hover:not(:disabled){background:#932929}.chatList{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.chatBtn{text-align:left;background:#14223c;border-color:#2b3f64;gap:2px;width:100%;padding-right:56px;display:grid;position:relative}.chatBtn.active{background:var(--brand-dark);border-color:var(--brand)}.chatName{font-size:14px;font-weight:600}.chatPreview{color:var(--sub);font-size:12px}.chatTime{color:var(--sub);font-size:11px;position:absolute;top:9px;right:10px}.settingsOverlay{z-index:40;background:#020912a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.settingsModal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,100%);max-height:88vh;padding:14px;overflow:auto}.settingsHeader{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.settingsHeader h2{margin:0;font-size:18px}.dialog{grid-template-rows:auto 1fr auto;display:grid}.dialogHeader{border-bottom:1px solid var(--line);background:#090e1ab8;padding:14px 16px}.dialogHeader h2{margin:0;font-size:18px}.dialogHeader p{color:var(--sub);margin:4px 0 0;font-size:13px}.messageArea{flex-direction:column;gap:10px;padding:16px;display:flex;overflow:auto}.empty{color:var(--sub);margin:auto}.bubble{background:#1a2a47;border:1px solid #2f446d;border-radius:12px;max-width:420px;padding:10px 12px}.bubble p{margin:0}.bubble span{color:var(--sub);margin-top:6px;font-size:12px;display:block}.composer{border-top:1px solid var(--line);background:#090e1ab8;grid-template-columns:1fr auto;gap:10px;padding:12px;display:grid}.composer textarea{resize:none;min-height:52px;margin:0}@media (width<=980px){.app{grid-template-columns:1fr}}
