*{box-sizing:border-box}html,body{color:#111827;background:#f5f7fb;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.centerPage{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 16px 50px #11182714}.heroCard{text-align:center;width:100%;max-width:650px;padding:38px}.brandDot{background:#ef4444;border-radius:50%;width:12px;height:12px;display:inline-block}.homeActions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.primaryBtn,.secondaryBtn{border:0;border-radius:12px;padding:12px 16px;font-weight:700;text-decoration:none}.primaryBtn{color:#fff;background:#111827}.secondaryBtn{color:#111827;background:#eef2ff}.loginCard{gap:10px;width:min(430px,100%);padding:32px;display:grid}.loginCard h1{margin:0}.loginCard p{color:#6b7280;margin:0 0 16px}.loginCard input,.nameBox input{border:1px solid #d1d5db;border-radius:10px;outline:none;padding:12px}.loginCard input:focus,.nameBox input:focus,.composer textarea:focus,.customerComposer textarea:focus{border-color:#64748b}.eyebrow{letter-spacing:.16em;color:#6b7280;font-size:12px;font-weight:800}.errorBox,.chatError{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px}.adminShell{background:#eef1f6;grid-template-columns:250px 340px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.adminSidebar{color:#fff;background:#111827;flex-direction:column;gap:8px;min-height:0;padding:18px;display:flex}.adminBrand{align-items:center;gap:10px;padding:10px 6px 22px;display:flex}.adminBrand strong{display:block}.adminBrand span{color:#9ca3af;font-size:12px;display:block}.sidebarLabel{letter-spacing:.12em;color:#9ca3af;margin:16px 8px 6px;font-size:11px}.filterBtn{color:#d1d5db;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.filterBtn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filterBtn.active,.filterBtn:hover{color:#fff;background:#1f2937}.filterBtn b,.unreadBadge{color:#fff;background:#ef4444;border-radius:999px;flex:none;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:grid}.sidebarBottom{gap:8px;margin-top:auto;display:grid}.logoutBtn{color:#d1d5db;background:0 0;border:1px solid #374151;border-radius:10px;padding:10px}.notificationBtn{color:#fff;background:#1f2937;border:1px solid #374151;border-radius:10px;width:100%;padding:10px 12px;font-weight:700}.notificationBtn:hover{background:#374151}.notificationBtn:disabled{opacity:.6;cursor:not-allowed}.conversationList,.chatPanel{background:#fff;min-height:0;overflow:hidden}.conversationList{border-right:1px solid #e5e7eb;overflow-y:auto}.chatPanel{flex-direction:column;display:flex}.panelHeader,.chatHeader{background:#fff;border-bottom:1px solid #e5e7eb;min-height:78px;padding:18px}.panelHeader{z-index:2;position:sticky;top:0}.panelHeader h2,.chatHeader h2{margin:0}.panelHeader span,.chatHeader span{color:#6b7280;font-size:12px}.conversationRow{text-align:left;background:#fff;border:0;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;width:100%;padding:14px;display:flex}.conversationRow:hover,.conversationRow.selected{background:#f8fafc}.avatar,.supportAvatar{color:#3730a3;background:#e0e7ff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.conversationMeta{flex:1;min-width:0}.conversationMeta strong,.conversationMeta small,.conversationMeta span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.conversationMeta small{color:#6b7280;margin:2px 0}.conversationMeta span{color:#475569;font-size:13px}.chatHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.chatHeaderInfo{flex:1;min-width:0}.chatHeaderInfo h2,.chatHeaderInfo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.statusPill{text-transform:capitalize;background:#ecfdf5;border-radius:999px;flex:none;padding:6px 9px;color:#047857!important}.mobileBack{color:#111827;background:#f1f5f9;border:0;border-radius:9px;width:36px;height:36px;display:none}.messageArea,.customerMessages{flex-direction:column;flex:1;gap:9px;min-height:0;padding:18px;display:flex;overflow-y:auto}.messageBubble{word-break:break-word;border-radius:14px;max-width:76%;padding:10px 12px;line-height:1.35}.messageBubble small{opacity:.65;margin-top:5px;font-size:10px;display:block}.adminMsg{color:#fff;background:#111827;border-bottom-right-radius:4px;align-self:flex-end}.customerMsg{color:#111827;background:#f1f5f9;border-bottom-left-radius:4px;align-self:flex-start}.composer,.customerComposer{background:#fff;border-top:1px solid #e5e7eb;gap:9px;padding:12px;display:flex}.composer textarea,.customerComposer textarea{resize:none;border:1px solid #d1d5db;border-radius:12px;outline:none;flex:1;min-height:46px;max-height:130px;padding:10px}.sendBtn,.customerComposer button{color:#fff;background:#111827;border:0;border-radius:12px;padding:0 18px;font-weight:700}.emptyState,.emptyChat{color:#6b7280;text-align:center;padding:28px}.emptyChat{margin:auto}.emptyChat div{font-size:42px}.customerChat{background:#fff;flex-direction:column;height:100vh;display:flex;overflow:hidden}.customerHeader{color:#fff;background:#111827;align-items:center;gap:10px;padding:14px 16px;display:flex}.customerHeader span{color:#cbd5e1;font-size:12px;display:block}.supportAvatar{color:#111827;background:#fff}.welcomeBubble{background:#f1f5f9;border-radius:14px 14px 14px 4px;align-self:flex-start;padding:10px 12px}.nameBox{background:#f8fafc;border-top:1px solid #e5e7eb;gap:5px;padding:10px 12px;display:grid}.nameBox label{font-size:12px;font-weight:700}.customerComposer button{width:48px;padding:0;font-size:18px}.chatLoading{margin:auto}.chatError{margin:8px 12px}.mobileAdminActions{display:none}@media (max-width:1000px){.adminShell{grid-template-columns:210px 300px minmax(0,1fr)}}@media (max-width:760px){.adminShell{height:100vh;display:block}.adminSidebar{display:none}.conversationList{border-right:0;height:100vh}.chatPanel{display:none}.chatPanel.mobileOpen{z-index:50;display:flex;position:fixed;inset:0}.mobileBack{flex:none;place-items:center;display:grid}.mobileInboxHeader{justify-content:space-between;align-items:center;gap:12px;height:auto;min-height:86px;display:flex}.mobileInboxHeader>div:first-child{min-width:0}.mobileAdminActions{align-items:center;gap:6px;display:flex}.mobileAdminActions .notificationBtn{white-space:nowrap;width:auto;padding:9px 10px;font-size:11px}.mobileLogoutBtn{color:#111827;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 10px;font-size:11px;font-weight:700}.messageBubble{max-width:86%}}@media (max-width:480px){.mobileInboxHeader{flex-direction:column;align-items:flex-start}.mobileAdminActions{width:100%}.mobileAdminActions .notificationBtn{flex:1}.conversationRow{padding:13px 14px}}