:root{color:#172026;background:#eef3f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.page{display:grid;min-height:100vh;place-items:center;padding:32px 16px;background:linear-gradient(135deg,rgba(69,123,157,.16),transparent 40%),linear-gradient(315deg,rgba(226,135,67,.14),transparent 42%),#eef3f7}.auth-panel{width:min(100%,440px);padding:32px;border:1px solid #d7e0e7;border-radius:8px;background:#fff;box-shadow:0 24px 80px #17202624}.panel-header{margin-bottom:28px}.eyebrow{margin:0 0 10px;color:#3e7c78;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,8vw,2.65rem);line-height:1}h2{margin-bottom:8px;font-size:1.5rem}.lead{margin-bottom:0;color:#5a6872;line-height:1.55}.form{display:grid;gap:14px}label{color:#293841;font-size:.95rem;font-weight:700}input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #b8c8d4;border-radius:8px;color:#172026;background:#fbfdff;outline:none}textarea{width:100%;min-height:104px;resize:vertical;padding:12px 14px;border:1px solid #b8c8d4;border-radius:8px;color:#172026;background:#fbfdff;outline:none}input:focus,textarea:focus{border-color:#3e7c78;box-shadow:0 0 0 4px #3e7c7829}button{min-height:48px;border:0;border-radius:8px;color:#fff;background:#1f6f78;cursor:pointer;font-weight:800}button:hover:not(:disabled){background:#175c64}button:disabled{cursor:not-allowed;opacity:.58}.secondary-button{border:1px solid #c4d2dc;color:#1f6f78;background:#fff}.secondary-button:hover:not(:disabled){background:#edf7f6}.link-button{min-height:auto;padding:0;color:#1f6f78;background:transparent;font-weight:800}.link-button:hover:not(:disabled){background:transparent;color:#175c64}.email-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:#f4f8fa;color:#44545f;overflow-wrap:anywhere}.notice,.error{margin:18px 0 0;padding:12px 14px;border-radius:8px;line-height:1.45}.notice{color:#255653;background:#e6f4f1}.error{color:#8a1f1f;background:#ffecec}.success-box{display:grid;gap:16px}.success-box p{margin-bottom:0;color:#3f4e58}.app-page{align-items:stretch;place-items:stretch}.chat-panel,.admin-panel{display:grid;width:min(100%,980px);min-height:calc(100vh - 64px);margin:0 auto;padding:24px;border:1px solid #d7e0e7;border-radius:8px;background:#fff;box-shadow:0 24px 80px #1720261f;gap:18px}.chat-panel{grid-template-rows:auto auto 1fr auto}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.chat-header h1{margin:0;font-size:1.55rem;line-height:1.2;overflow-wrap:anywhere}.compact-button{width:auto;min-height:40px;padding:0 14px;white-space:nowrap}.messages-list{display:flex;min-height:280px;max-height:58vh;flex-direction:column;gap:12px;overflow-y:auto;padding:4px}.message{width:min(78%,620px);padding:12px 14px;border:1px solid #d7e0e7;border-radius:8px;background:#f8fbfc}.message-user{align-self:flex-start}.message-admin{align-self:flex-end;border-color:#cfe1d8;background:#eef8f3}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#5a6872;font-size:.82rem}.message-meta strong{color:#26343d;overflow-wrap:anywhere}.message-text{margin:0;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.chat-composer{display:grid;gap:12px;padding-top:12px;border-top:1px solid #e1e9ef}.composer-row{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto;gap:12px}.selected-file{grid-column:1 / -1;color:#52636f;font-size:.9rem;overflow-wrap:anywhere}.image-attachment{display:block;width:min(100%,280px);min-height:auto;margin-top:10px;padding:0;border:1px solid #cddae3;background:#fff;overflow:hidden}.image-attachment img{display:block;width:100%;max-height:220px;object-fit:cover}.file-attachment{display:flex;width:min(100%,360px);align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px;border:1px solid #cddae3;border-radius:8px;color:#1f6f78;background:#fff;text-decoration:none}.file-name{font-weight:800;overflow-wrap:anywhere}.file-size{color:#63727d;white-space:nowrap}.empty-state{display:grid;min-height:180px;place-items:center;border:1px dashed #c9d6df;border-radius:8px;color:#60717d;background:#f8fbfc}.users-list{display:grid;gap:10px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;border:1px solid #d4e0e7;color:#26343d;background:#f8fbfc;text-align:left;overflow-wrap:anywhere}.user-row:hover:not(:disabled){color:#fff;background:#1f6f78}.unread-badge{display:inline-block;padding:2px 6px;border-radius:999px;color:#fff;background:#b3261e;font-size:.75rem;font-weight:800}.inline-badge{margin-left:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#172026b8;z-index:10}.image-modal{display:grid;width:min(100%,920px);max-height:92vh;gap:12px}.image-modal img{max-width:100%;max-height:82vh;border-radius:8px;object-fit:contain;background:#fff}.modal-close{justify-self:end;width:auto;min-height:40px;padding:0 14px}.compact{margin-top:0}@media(max-width:520px){.auth-panel{padding:24px}.email-row{align-items:flex-start;flex-direction:column}.chat-panel,.admin-panel{min-height:calc(100vh - 32px);padding:18px}.chat-header{flex-direction:column}.message{width:100%}.composer-row{grid-template-columns:1fr}}