*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#10131a;color:#eef2f8}button,input{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.landing{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1e2940 0,#10131a 48%,#090b10 100%);position:relative}.brand{position:absolute;top:22px;left:28px;display:flex;gap:10px;align-items:center;font-size:21px}.brand img,.topbrand img{width:34px;height:34px;object-fit:contain}.landing-card{width:min(410px,calc(100% - 30px));text-align:center;padding:42px 38px;border:1px solid #2b3445;border-radius:24px;background:#171c25d9;box-shadow:0 25px 80px #0007}.landing-logo{width:90px;height:90px;object-fit:contain}.landing h1{font-size:36px;margin:10px 0 5px}.landing p{color:#9da8b9;margin:0 0 28px}.primary,.ghost,.danger{border-radius:12px;padding:11px 15px;color:#fff}.primary{background:#2776ff}.primary:hover{background:#3982ff}.ghost{background:#202633;color:#dce5f4}.ghost:hover{background:#2a3343}.danger{background:#e34c59}.full{width:100%;margin-top:8px}.app{height:100vh;display:grid;grid-template-columns:280px 1fr;background:#0f1218}.sidebar{border-right:1px solid #252c38;background:#131720;padding:14px;display:flex;flex-direction:column;min-width:0}.topbrand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;padding:5px 8px 16px}.start{width:100%;margin-bottom:20px}.section-title{font-size:12px;text-transform:uppercase;color:#778398;padding:0 8px 8px}.chat-list{overflow:auto;flex:1}.chat-item{width:100%;display:flex;align-items:center;gap:10px;background:transparent;color:#dfe6f1;text-align:left;padding:9px;border-radius:10px;margin:2px 0}.chat-item:hover,.chat-item.active{background:#232a37}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--avatar,#4777ff);font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.chat-meta{min-width:0}.chat-name{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-kind{font-size:11px;color:#7e8ba0}.side-bottom{margin-top:10px}.main{display:flex;flex-direction:column;min-width:0}.chat-head{height:72px;border-bottom:1px solid #252c38;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#131720}.chat-head #chatTitle{font-weight:700}.chat-head small{color:#7f8da1}.call-btn{background:#2475ff;color:#fff;border-radius:10px;padding:10px 14px}.messages{flex:1;overflow:auto;padding:22px 8%;display:flex;flex-direction:column;gap:8px}.empty{margin:auto;color:#7e8ba0;text-align:center}.msg{max-width:min(680px,85%);padding:9px 12px;border-radius:13px;background:#202734;align-self:flex-start}.msg.mine{background:#225dbb;align-self:flex-end}.msg .who{font-size:11px;color:#aab5c5;margin-bottom:3px}.msg .time{font-size:10px;color:#9aa6b7;margin-top:4px;text-align:right}.composer{padding:14px 8%;border-top:1px solid #252c38;display:flex;gap:8px}.composer input{flex:1;background:#1b212c;border:1px solid #30394a;color:#fff;border-radius:12px;padding:12px;outline:none}.composer button{width:48px;border-radius:12px;background:#2776ff;color:#fff}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:20}.modal-box{width:min(480px,100%);max-height:90vh;overflow:auto;background:#171d27;border:1px solid #30394a;border-radius:18px;padding:24px;position:relative}.x{position:absolute;right:12px;top:10px;background:none;color:#aab4c3;font-size:28px}.form h2{margin-top:0}.field{margin:12px 0}.field label{display:block;color:#aab5c5;font-size:13px;margin-bottom:6px}.field input,.field select{width:100%;background:#0f141c;border:1px solid #30394a;color:#fff;padding:11px;border-radius:10px;outline:none}.hint{color:#8490a3;font-size:12px}.form-actions{display:flex;gap:8px;margin-top:18px}.contact-row{display:flex;align-items:center;gap:8px;margin:7px 0;padding:7px;background:#202734;border-radius:10px}.contact-row label{flex:1}.checklist{max-height:260px;overflow:auto}.settings-avatar{display:flex;align-items:center;gap:14px;margin-bottom:15px}.call-panel{position:fixed;left:300px;right:20px;top:20px;background:#171d27;border:1px solid #364052;border-radius:18px;box-shadow:0 25px 70px #000a;z-index:15;padding:16px}.call-top{display:flex;justify-content:space-between;align-items:center}.call-top small{display:block;color:#8d9aac;margin-top:3px}.participants{display:flex;gap:10px;flex-wrap:wrap;padding:22px 4px;min-height:100px}.participant{width:110px;text-align:center}.participant .avatar{width:58px;height:58px;margin:auto}.call-actions{display:flex;gap:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:50}.toast-msg{background:#222b39;padding:11px 14px;border-radius:10px;margin-top:7px;box-shadow:0 8px 30px #0007}.file{padding:8px;background:#0f141c;border:1px solid #30394a;border-radius:10px;width:100%}@media(max-width:800px){.app{grid-template-columns:82px 1fr}.sidebar{padding:8px}.topbrand span,.start,.section-title,.chat-meta,.side-bottom{display:none}.chat-item{justify-content:center}.call-panel{left:10px;right:10px;top:10px}.messages{padding:16px 4%}.composer{padding:10px 4%}}