*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#070a0f;color:#e8edf4}button,input,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#10233a 0,#070a0f 48%)}.login-card{width:min(410px,92vw);padding:38px;border:1px solid #263344;border-radius:24px;background:#0d1219;box-shadow:0 24px 80px #0008;text-align:center}.logo{width:90px;height:90px;object-fit:contain}.login h1{font-size:25px;letter-spacing:1.5px;margin:14px 0 4px}.login h1 span{font-weight:400;color:#78aee8}.muted,.small{color:#8492a6}.demo-badge{display:inline-block;margin:18px 0;padding:7px 11px;border:1px solid #244d74;border-radius:20px;color:#8bc5ff;font-size:11px;letter-spacing:.8px}.login label{display:block;text-align:left;color:#aeb9c8;font-size:13px;margin:12px 0}.login input{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #2a3544;border-radius:10px;background:#080c12;color:#fff;outline:none}.login input:focus{border-color:#508cc8}.login button,.composer button{border:0;background:#2878c7;color:#fff;border-radius:10px;cursor:pointer}.login form>button{width:100%;padding:13px;margin-top:10px}.error{min-height:18px;color:#ff8e8e;font-size:12px}.small{font-size:11px}.app{height:100%;display:grid;grid-template-columns:360px 1fr}.sidebar{background:#0b1017;border-right:1px solid #202a36;min-width:0;display:flex;flex-direction:column}.sidebar>header,.chat-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #202a36}.sidebar header small{color:#5e9ddd}.icon,.back{border:0;background:transparent;color:#b8c4d3;font-size:22px;cursor:pointer}.me{padding:10px 16px;color:#8d9bad;font-size:12px}.tabs{display:flex;padding:0 10px 8px;gap:6px}.tabs button{flex:1;border:0;border-radius:8px;padding:8px;background:#121923;color:#8f9bab;cursor:pointer}.tabs button.active{background:#17283b;color:#9dcbfa}.list{overflow:auto;flex:1}.item{padding:13px 16px;border-bottom:1px solid #151d27;cursor:pointer;display:flex;gap:11px;align-items:center}.item:hover,.item.active{background:#111a25}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#19324c;color:#9ed0ff;font-weight:700;flex:0 0 auto}.item-text{min-width:0}.item b,.item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item small{color:#77879a;margin-top:4px}.chat{min-width:0;background:#080c12}.empty{height:100%;display:grid;place-content:center;text-align:center;color:#7f8da0}.empty img{width:110px;opacity:.25;margin:auto}.empty h2{margin-bottom:0;color:#9aa8ba}.chat-view{height:100%;display:flex;flex-direction:column}.chat-head{justify-content:flex-start;gap:12px;background:#0c1118}.chat-head small{display:block;color:#62a76f;font-size:11px;margin-top:3px}.back{display:none}.messages{flex:1;overflow:auto;padding:22px max(18px,5vw);background-image:linear-gradient(#080c12dd,#080c12dd),url(wallpaper.png);background-size:auto,520px}.msg{max-width:min(680px,78%);margin:7px 0;padding:9px 12px;border-radius:14px;background:#17202b;box-shadow:0 1px 2px #0005}.msg.mine{margin-left:auto;background:#123252}.msg .sender{font-size:11px;color:#7db8ef;margin-bottom:4px}.msg .time{font-size:9px;color:#738196;text-align:right;margin-top:4px}.msg.error-msg{border:1px solid #673d3d;color:#dba1a1}.composer{display:flex;gap:10px;padding:12px 16px;background:#0c1118;border-top:1px solid #202a36}.composer textarea{resize:none;flex:1;max-height:120px;border:1px solid #273341;background:#111821;color:#eef3f8;border-radius:12px;padding:11px 13px;outline:none}.composer button{width:46px;font-size:19px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1a2633;border:1px solid #34485d;padding:10px 16px;border-radius:10px;z-index:9}.toast.bad{border-color:#6e3e3e;color:#ffc0c0}@media(max-width:700px){.app{grid-template-columns:1fr}.chat{display:none}.app.chat-open .sidebar{display:none}.app.chat-open .chat{display:block}.back{display:block}.sidebar{border:0}.messages{padding:14px 10px}.msg{max-width:88%}.login-card{padding:28px 20px}}