:root{color:#16211d;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#0f8f6f;border:0;border-radius:6px;min-height:42px;padding:0 16px;font-weight:700}button:disabled{cursor:wait;opacity:.65}button.secondary{color:#16211d;background:#e7ebe4}input,select{color:#16211d;background:#fff;border:1px solid #cdd6cf;border-radius:6px;width:100%;min-height:42px;padding:0 12px}input:focus,select:focus{border-color:#0f8f6f;outline:none;box-shadow:0 0 0 3px #0f8f6f29}h1,h2,h3,p{margin:0}.auth-layout{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fff;border:1px solid #dbe2dc;border-radius:8px;gap:24px;width:min(100%,520px);padding:28px;display:grid;box-shadow:0 20px 60px #16211d14}.brand-row{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#0f8f6f;border-radius:8px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid}.brand-row h1{font-size:28px;line-height:1.1}.brand-row p,.thread-header span,.conversation-item p,.empty-thread p,.sidebar-top p{color:#59665f}.stack{gap:8px;display:grid}.label{color:#24332d;font-size:14px;font-weight:700}.inline-row{grid-template-columns:1fr auto;gap:10px;display:grid}.dev-code{color:#075b45;background:#eef8f4;border-radius:6px;width:fit-content;padding:6px 8px;font-size:14px}.error{color:#a32017;background:#fff1f0;border-radius:6px;padding:10px 12px}.messenger-layout{background:#fff;grid-template-columns:minmax(280px,360px) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid #dbe2dc;grid-template-rows:auto auto auto auto 1fr;min-height:100vh;display:grid}.sidebar-top,.thread-header{border-bottom:1px solid #dbe2dc;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.sidebar-top h1{font-size:24px}.create-room{border-bottom:1px solid #dbe2dc;gap:8px;padding:12px;display:grid}.notify-panel{background:#fbfcfa;border-bottom:1px solid #dbe2dc;gap:8px;padding:12px;display:grid}.telegram-panel{background:#fff;border-bottom:1px solid #dbe2dc;gap:8px;padding:12px;display:grid}.admin-panel{background:#fbfcfa;border-bottom:1px solid #dbe2dc;gap:10px;padding:12px;display:grid}.panel-heading,.telegram-account,.telegram-job,.admin-user-row,.thread-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-heading span,.telegram-account span,.telegram-job span,.admin-user-row span,.admin-retention span,.admin-audit span{color:#59665f;font-size:13px}.panel-note{color:#59665f;font-size:13px;line-height:1.4}.telegram-connect{gap:8px;display:grid}.telegram-jobs{gap:6px;display:grid}.telegram-job{align-items:start}.telegram-job div{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.telegram-job button,.admin-user-row button,.thread-actions button{min-height:34px;padding:0 10px}.admin-users,.admin-retention,.admin-audit{gap:8px;display:grid}.admin-user-row{align-items:start}.admin-user-row>div:first-child{gap:2px;min-width:0;display:grid}.admin-user-row strong{text-overflow:ellipsis;overflow:hidden}.admin-user-row>div:last-child{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.admin-retention label{color:#59665f;gap:4px;font-size:13px;display:grid}.notify-panel>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.notify-panel span,.notify-panel label{color:#59665f;font-size:13px}.notify-actions{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.notify-actions label{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.notify-actions input{width:auto;min-height:auto}.compact{padding:8px;font-size:13px}.sidebar-note{color:#59665f;padding:16px}.conversation-list{overflow:auto}.virtual-spacer{position:relative}.conversation-item{color:#16211d;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #eef1ee;border-radius:0;justify-items:start;gap:4px;min-height:76px;padding:14px 16px;font-weight:500;display:grid;position:absolute;left:0;right:0}.conversation-item.selected{background:#eef8f4}.conversation-item span{font-weight:800}.conversation-item small{color:#59665f}.conversation-item h2,.thread-header h2{font-size:16px}.thread{background:#fbfcfa;grid-template-rows:auto 1fr auto;min-width:0;display:grid}.empty-thread{text-align:center;align-content:center;justify-items:center;gap:10px;padding:24px;display:grid}.empty-thread h3{font-size:24px}.empty-thread p{max-width:520px;line-height:1.5}.timeline{flex-direction:column;gap:10px;min-height:0;padding:18px;display:flex;overflow:auto}.message{color:#16211d;background:#fff;border-radius:8px;align-self:flex-start;gap:4px;max-width:min(70%,680px);padding:10px 12px;display:grid;box-shadow:0 1px 2px #16211d14}.message.mine{color:#fff;background:#0f8f6f;align-self:flex-end}.message small{color:#6c7972}.message-sender{color:#3c4a43;font-size:13px}.message.mine small{color:#ffffffc2}.composer{background:#fff;border-top:1px solid #dbe2dc;grid-template-columns:140px minmax(180px,1fr) minmax(220px,2fr) auto;gap:10px;padding:12px;display:grid}.contact-fields{grid-column:2/4;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.media-message{gap:8px;display:grid}.media-message img,.media-message video{object-fit:contain;border-radius:6px;max-width:min(420px,100%);max-height:340px}.media-message audio{width:min(360px,100%)}.attachment-link{color:inherit;gap:4px;font-weight:700;text-decoration:none;display:grid}.attachment-link span{font-size:12px;font-weight:500}.sticker{font-size:48px;line-height:1}.contact-message,.unsupported-message{gap:4px;display:grid}.contact-message span,.unsupported-message span{opacity:.75;font-size:13px}.unsupported-message{border:1px dashed #b8c3bb;border-radius:6px;padding:10px}@media (width<=760px){.inline-row,.messenger-layout{grid-template-columns:1fr}.sidebar{border-right:0;min-height:42vh}.thread{min-height:58vh}.thread-header{flex-direction:column;align-items:flex-start}.thread-actions{width:100%}.message{max-width:88%}.composer{grid-template-columns:1fr}.contact-fields{grid-column:auto;grid-template-columns:1fr}}