:root{--green:#075e54;--green2:#00a884;--bg:#0b141a;--panel:#111b21;--panel2:#202c33;--text:#e9edef;--muted:#8696a0;--bubble:#005c4b;--danger:#e53935}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:360px 1fr;height:100vh}.sidebar{border-right:1px solid #26333a;background:var(--panel);overflow:hidden}.topbar,.chat-header{height:64px;background:var(--panel2);display:flex;align-items:center;padding:10px 14px;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-weight:800}.avatar.large{width:88px;height:88px;font-size:30px}.topbar small,.chat-title small,.topbar div:nth-child(2){display:block;color:var(--muted)}.top-actions{margin-left:auto;display:flex;gap:8px}.top-actions button,.top-actions a,.chat-header button{background:none;border:0;color:var(--text);font-size:22px;text-decoration:none;cursor:pointer}.search{padding:10px}.search input,.auth-card input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #314047;background:#202c33;color:white}.conversation-list{height:calc(100vh - 118px);overflow:auto}.conversation{display:flex;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid #1f2c33}.conversation:hover,.conversation.active{background:#202c33}.conversation .meta{min-width:0;flex:1}.conversation strong,.conversation small{display:block}.conversation small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{position:relative;background:linear-gradient(rgba(11,20,26,.92),rgba(11,20,26,.92)),radial-gradient(circle at 20% 20%,#1f3b38 0 2px,transparent 3px);background-size:auto,28px 28px}.empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state .brand-mark{margin:auto}.chat-panel{height:100%;display:grid;grid-template-rows:64px 1fr auto}.hidden{display:none!important}.chat-title{flex:1}.messages{padding:20px;overflow:auto}.message{max-width:72%;padding:9px 12px;margin:5px 0;border-radius:10px;background:#202c33;box-shadow:0 1px 1px #0004}.message.mine{margin-left:auto;background:var(--bubble)}.message .time{font-size:11px;color:#b3c1c8;text-align:right;margin-top:4px}.message img{max-width:100%;border-radius:8px}.composer{display:flex;gap:10px;padding:10px;background:var(--panel2);align-items:flex-end}.composer textarea{flex:1;resize:none;max-height:120px;padding:11px 14px;border-radius:18px;background:#2a3942;color:white;border:0}.composer button{width:46px;height:46px;border-radius:50%;border:0;background:var(--green2);color:white}.attach{font-size:24px;padding:8px;cursor:pointer}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#075e54,#0b141a)}.auth-card{width:min(430px,92vw);padding:30px;border-radius:20px;background:#111b21;box-shadow:0 24px 70px #0008}.auth-card h1{margin-bottom:4px}.auth-card p{color:var(--muted)}.auth-card form{display:grid;gap:12px}.auth-card h3{margin:12px 0 0}.brand-mark{width:70px;height:70px;border-radius:22px;background:var(--green2);display:grid;place-items:center;color:white;font-size:36px;font-weight:900}.btn{display:inline-block;text-align:center;padding:12px 16px;border-radius:10px;border:0;background:var(--green2);color:white;text-decoration:none;cursor:pointer}.alert{padding:11px;border-radius:8px;margin:12px 0}.error{background:#5d2020}.success{background:#174d3b}.call-modal{position:fixed;inset:0;background:#000d;z-index:20;display:grid;place-items:center}.call-card{position:relative;width:min(900px,100vw);height:min(720px,100vh);background:#111b21;overflow:hidden;border-radius:22px}.call-info{position:absolute;z-index:2;top:25px;left:0;right:0;text-align:center}.call-info .avatar{margin:auto}.call-card video#remoteVideo{width:100%;height:100%;object-fit:cover;background:#071014}.call-card video#localVideo{position:absolute;right:18px;bottom:100px;width:180px;height:135px;object-fit:cover;background:#222;border-radius:14px}.call-controls{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:14px}.call-controls button{width:58px;height:58px;border-radius:50%;border:0;font-size:23px}.danger{background:var(--danger);color:#fff}.accept{background:#22a447;color:#fff}.mobile-only{display:none}@media(max-width:760px){.shell{grid-template-columns:1fr}.chat{display:none}.shell.chat-open .sidebar{display:none}.shell.chat-open .chat{display:block}.mobile-only{display:inline-block}.call-card{border-radius:0}.call-card video#localVideo{width:120px;height:160px}.message{max-width:85%}}