*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,system-ui,sans-serif;background:#060b14;color:#f4f7ff}body{min-height:100vh;background:radial-gradient(circle at 15% 8%,#183061 0,#08101e 48%,#050910 100%)}button,input,textarea{font:inherit}.hidden{display:none!important}.page{min-height:100vh;padding:24px}.center{display:grid;place-items:center}.glass{background:rgba(15,26,46,.92);border:1px solid #243b61;box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.auth-card{width:min(500px,100%);padding:34px;border-radius:24px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brand.compact{margin-bottom:18px}.brand h1,.brand h2{margin:0}.brand p{margin:4px 0 0;color:#8fa4c5}.logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#5b8cff,#735bff);font-weight:800;font-size:24px}.secure-pill,.e2ee{border-radius:10px;background:#102038;color:#b9c9e2;padding:10px 12px;font-size:12px}.secure-pill{margin-bottom:20px}.secure-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22d3a6;margin-right:8px}label{display:block;color:#8fa4c5;font-size:11px;font-weight:700;margin:13px 0}input,textarea{width:100%;margin-top:6px;background:#091426;border:1px solid #243b61;color:#f4f7ff;border-radius:10px;padding:12px;outline:none}input:focus,textarea:focus{border-color:#5b8cff;box-shadow:0 0 0 3px rgba(91,140,255,.12)}button{border:0;border-radius:10px;background:#5b8cff;color:#fff;font-weight:650;padding:11px 16px;cursor:pointer}.ghost{background:#172641;color:#d1dcf0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.install{width:100%;margin-top:12px;background:#163b32;color:#6cf0c6}.status{color:#afc1df;min-height:20px}.shell{height:100vh;display:grid;grid-template-columns:300px 1fr;gap:14px;padding:18px}.sidebar,.chat{border-radius:19px;overflow:hidden}.sidebar{padding:16px}.full{width:100%}.section-label{font-size:10px;color:#8fa4c5;font-weight:800;margin:18px 5px 8px}.contact{padding:12px;border-radius:10px;margin:3px 0;cursor:pointer}.contact:hover,.contact.active{background:#1b2e50}.contact.changed{color:#ffb3b3}.contact small{display:block;color:#7890b5;margin-top:3px}.chat{display:grid;grid-template-rows:auto 1fr auto;padding:18px;min-width:0}.chat header{display:flex;align-items:center;justify-content:space-between;gap:15px}.chat header h2{margin:0}.chat header p{margin:4px 0 0;color:#8fa4c5;font-size:11px;overflow-wrap:anywhere}.e2ee{background:#12372e;color:#55e3b8;font-weight:700}.messages{margin:18px 0;background:#091426;border-radius:14px;padding:14px;overflow-y:auto}.empty{display:grid;place-items:center;height:100%;color:#6f86aa}.bubble{max-width:min(650px,82%);background:#182b49;border-radius:13px;padding:10px 12px;margin:7px 0;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#24447a}.bubble time{display:block;color:#7f96ba;font-size:10px;margin-top:5px}.chat footer{display:grid;grid-template-columns:1fr 105px;gap:10px}.chat footer textarea{margin:0;resize:none;min-height:48px;max-height:140px}@media(max-width:760px){.shell{grid-template-columns:1fr;padding:8px}.sidebar{max-height:230px}.chat{min-height:calc(100vh - 254px)}.brand.compact{margin-bottom:8px}.messages{min-height:280px}}