@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f7f8fc;font-synthesis:none;background:#11131d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}.shell{background:radial-gradient(circle at 20% 0,#272044 0,#0000 45%),#11131d;place-items:center;min-height:100vh;padding:28px;display:grid}.card{background:#1c1f2df0;border:1px solid #323648;border-radius:24px;box-shadow:0 28px 80px #06070d99}.auth-card{width:min(460px,100%);padding:36px}.widget{flex-direction:column;width:min(600px,100%);min-height:640px;display:flex;overflow:hidden}.widget-header{border-bottom:1px solid #323648;justify-content:space-between;align-items:center;padding:25px 28px;display:flex}.brand{align-items:center;gap:10px;font:700 20px Space Grotesk;display:flex}.brand-mark{color:#171522;background:#b9ed6a;border-radius:10px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.eyebrow{color:#b9ed6a;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}h1,h2{margin:10px 0;font-family:Space Grotesk}h1{font-size:38px}h2{font-size:24px}.muted,.footnote{color:#9298ac;line-height:1.5}.footnote{margin-top:22px;font-size:12px}.stack{gap:15px;margin-top:26px;display:grid}label{color:#cdd1dc;gap:7px;font-size:13px;display:grid}input,textarea{color:#f7f8fc;background:#171a26;border:1px solid #3a3f52;border-radius:10px;outline:none;width:100%;padding:12px 14px}input:focus,textarea:focus{border-color:#b9ed6a}button{color:#171522;cursor:pointer;background:#b9ed6a;border:0;border-radius:10px;padding:13px 18px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.header-actions{align-items:center;gap:9px;display:flex}.status{color:#b9ed6a;border:1px solid #52732b;border-radius:20px;padding:6px 11px;font-size:12px}.status.closed{color:#ff9e9e;border-color:#754044}.logout-button{color:#cdd1dc;background:0 0;border:1px solid #3a3f52;padding:7px 10px;font-size:12px}.empty{text-align:center;flex:1;align-content:center;place-items:center;padding:48px;display:grid}.empty-icon{color:#b9ed6a;font-size:42px}.messages{flex-direction:column;flex:1;gap:13px;padding:24px;display:flex;overflow-y:auto}.empty-line{text-align:center;margin:auto}.message{border-radius:16px;max-width:80%;padding:13px 16px}.message p{white-space:pre-wrap;margin:0;line-height:1.45}.message time{color:#9298ac;margin-top:8px;font-size:11px;display:block}.message.support{background:#2b3043;border-bottom-left-radius:4px;align-self:flex-start}.message.client{background:#384c2b;border-bottom-right-radius:4px;align-self:flex-end}.attachments{gap:8px;margin-top:10px;display:grid}.attachment{color:#f7f8fc;text-align:left;background:#171a26aa;border:1px solid #4b5268;align-items:center;gap:9px;width:230px;padding:6px;display:flex}.attachment-preview{object-fit:cover;border-radius:6px;width:48px;height:48px}.attachment-info{gap:3px;min-width:0;display:grid}.attachment-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-info small{color:#9298ac;font-size:11px}.file-icon{color:#171522;background:#b9ed6a;border-radius:6px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.file-icon.large{width:72px;height:72px;font-size:32px}.preview-backdrop{z-index:10;background:#06070dcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-modal{background:#1c1f2d;border:1px solid #3a3f52;border-radius:16px;gap:16px;width:min(900px,100%);max-height:90vh;padding:18px;display:grid;overflow:auto;box-shadow:0 28px 80px #000b}.preview-modal header{justify-content:space-between;align-items:center;display:flex}.preview-close{color:#f7f8fc;background:0 0;padding:2px 10px;font-size:26px}.preview-image,.preview-video{object-fit:contain;border-radius:8px;max-width:100%;max-height:65vh;margin:auto}.preview-document{background:#fff;border:0;border-radius:8px;width:100%;height:65vh}.text-document{background:#f5f5f5}.preview-non-image{place-items:center;min-height:180px;display:grid}.download-button{color:#171522;background:#b9ed6a;border-radius:10px;justify-self:end;padding:11px 15px;font-weight:700;text-decoration:none}.document-icon{color:#fff;background:#4b6fff;border-radius:6px;place-items:center;width:48px;height:48px;font-size:11px;font-weight:700;display:grid}.document-icon.large{width:84px;height:84px;font-size:18px}.document-icon[aria-label=PDF]{background:#d94a4a}.document-icon[aria-label=XLS],.document-icon[aria-label=XLSX]{background:#2d9b63}.document-icon[aria-label=PPT],.document-icon[aria-label=PPTX]{background:#d8793b}.document-icon[aria-label=TXT],.document-icon[aria-label=RTF]{background:#64748b}.composer{border-top:1px solid #323648;padding:16px 24px}.composer textarea{resize:vertical}.composer-actions{align-items:center;gap:10px;margin-top:10px;display:flex}.composer-actions button{margin-left:auto}.file-button{cursor:pointer;border:1px solid #3a3f52;border-radius:9px;place-items:center;width:36px;height:36px;font-size:22px;display:inline-grid}.file-button input{display:none}.file-names{color:#9298ac;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.error{color:#ff9e9e;font-size:13px;line-height:1.4}.inline{margin:0 24px}@media (width<=520px){.shell{padding:0}.card{border-radius:0;min-height:100vh}.auth-card{padding:28px 22px}h1{font-size:32px}.widget-header{padding:20px}.messages,.composer{padding-left:16px;padding-right:16px}}