:root{--primary:#128c7e;--primary-dark:#075e54;--accent:#25d366;--outgoing:#dcf8c6;--incoming:#fff;--bg:#ece5dd;--surface:#fff;--muted:#f0f2f5;--border:#e0e0e0;--text:#111b21;--text-secondary:#667781;--danger:#e53935;color:var(--text);background:var(--muted);font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}button,input,textarea{font:inherit}a{color:var(--primary-dark)}.app-shell{height:100%}.auth-page{background:linear-gradient(160deg,#075e54 0%,#128c7e 45%,#dceee9 45%,#f0f2f5 100%);place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{background:var(--surface);border-radius:12px;width:min(420px,100%);padding:28px;box-shadow:0 12px 40px #0000001f}.brand{color:var(--primary-dark);margin:0 0 8px;font-size:40px;font-weight:800}.tagline{color:var(--text-secondary);margin:0 0 24px}.field{border:1px solid var(--border);background:var(--muted);border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;padding:12px 14px;font-weight:700}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.danger{background:var(--danger)}.error{color:var(--danger);margin:0 0 12px}.center-link{text-align:center;margin-top:16px;display:block}.lock-screen{color:#fff;background:#0b141a;place-items:center;min-height:100%;padding:24px;display:grid}.lock-screen .brand{color:var(--accent)}.lock-screen .field{color:#fff;background:#1f2c34;border:0}.chats-layout{grid-template-columns:360px 1fr;height:100%;display:grid}@media (width<=900px){.chats-layout{grid-template-columns:1fr}.chats-layout .thread-pane,.chats-layout.show-thread .list-pane{display:none}.chats-layout.show-thread .thread-pane{display:flex}}.list-pane,.thread-pane{background:var(--surface);flex-direction:column;min-height:0;display:flex}.thread-pane{background:var(--bg);border-left:1px solid var(--border)}.pane-header{background:var(--primary-dark);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pane-header h1,.pane-header h2{margin:0;font-size:18px}.pane-actions{gap:10px;display:flex}.pane-actions a,.pane-actions button{color:#fff;cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:none}.chat-row{border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;gap:12px;width:100%;padding:12px 16px;display:flex}.chat-row.active,.chat-row:hover{background:var(--muted)}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.chat-row .meta{flex:1;min-width:0}.chat-row .top{justify-content:space-between;gap:8px;display:flex}.chat-row .name{font-weight:700}.chat-row .preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge{background:var(--accent);color:#fff;border-radius:999px;min-width:20px;padding:2px 6px;font-size:12px;font-weight:700}.messages{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow:auto}.bubble-row{display:flex}.bubble-row.own{justify-content:flex-end}.bubble{background:var(--incoming);border-radius:8px;max-width:75%;padding:8px 10px}.bubble-row.own .bubble{background:var(--outgoing)}.bubble .sender{color:var(--primary-dark);font-size:12px;font-weight:700}.bubble .time{color:var(--text-secondary);text-align:right;margin-top:4px;font-size:11px}.composer{background:var(--muted);border-top:1px solid var(--border);gap:8px;padding:10px;display:flex}.composer textarea{resize:none;border:0;border-radius:18px;flex:1;min-height:42px;max-height:120px;padding:10px 14px}.composer .btn{border-radius:999px;width:auto;padding-inline:16px}.typing{color:var(--text-secondary);padding:0 16px 6px;font-size:12px;font-style:italic}.settings-page,.modal-page{max-width:560px;margin:0 auto;padding:24px}.placeholder{color:var(--text-secondary);flex:1;place-items:center;display:grid}.chip-list{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:6px 10px}.switch-row{justify-content:space-between;align-items:center;margin:12px 0;display:flex}