@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Cairo:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";*{font-family:Poppins,Noto Sans Arabic,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}html[lang=ar],body[lang=ar],[dir=rtl]{font-family:Cairo,Poppins,system-ui,sans-serif!important}body{background:#f3f4f6;color:#111827;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{height:calc(100vh - 32px);max-width:1350px;margin:16px auto;padding:14px!important;display:flex;flex-direction:column;gap:12px}h3,h5{color:#111827}.chat-app.three-cols{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:220px 320px 1fr}.side-nav{background:#f5f6f8;border:1px solid #e6e8eb;border-radius:14px 0 0 14px;padding:0 23px 32px;display:flex;flex-direction:column;min-height:0}.side-stat{display:flex;align-items:center;gap:10px;padding:12px 36px 12px 14px}.side-stat-icon{display:grid;place-items:center;font-weight:400}.side-stat-value{font-weight:400;color:#1f2328;line-height:1;position:absolute}.side-stat-label{font-size:10px;color:#1f2328;line-height:1.2;font-weight:600}.side-block{margin-top:4px;margin-bottom:55px}.toggle-wrap{display:flex;grid-template-columns:1fr 1fr;gap:8px;flex-direction:column}.toggle-btn{padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-weight:400;transition:background .15s ease,color .15s ease;font-size:10px;gap:11px}.toggle-btn:hover{background:#f3f4f6}.toggle-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.badge{background:#10b981!important;color:#064e3b!important;font-weight:400;display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#1f2937;font-weight:600}.logout-btn{margin-top:auto;padding:10px 12px;border-radius:10px;background:#fff;border:0px solid #e5e7eb;color:#ef4444;font-weight:600;font-size:10px}.logout-btn:hover{background:#fff5f5;border-color:#fecaca}.inbox-list{background:#fff;border:1px solid #e6e8eb;display:flex;flex-direction:column;min-height:0;padding:0}.inbox-header{padding:10px 12px;border-bottom:1px solid #eef0f2}.inbox-search{width:100%;height:38px;border:0px solid #dee2e6;padding:0 12px;outline:none;background:#f9fafb;color:#111827;font-size:10px}.inbox-search::placeholder{color:#9aa0a6}.contacts{flex:1 1 auto;min-height:0;overflow-y:auto;background:#fff}.contact{padding:12px 14px;border-bottom:1px solid #f1f3f5;cursor:pointer;transition:background .15s ease,transform .15s ease}.contact:hover{background:#f7f8fb;transform:translate(3px)}.contact.active{background:#eef4ff}.contact-title{color:#111827;font-weight:600;font-size:12px}.list-time,.contact-preview{color:#6b7280;font-size:10px}.badge.rounded-pill.bg-success{background:#10b981!important;color:#064e3b!important;font-weight:800}.chat-col{background:#f7f8fa;border:1px solid #e6e8eb;border-radius:0 14px 14px 0;overflow:hidden;min-height:0}.chat-header{background:#f8fafc;padding:16px;border-bottom:1px solid #e6e8eb;display:flex;align-items:center;justify-content:space-between;color:#111827;margin:0 -16px;width:calc(100% + 32px);max-height:57px}.chat-box{flex:1 1 auto;min-height:0;overflow-y:auto;background:#f7f8fa;padding:16px;display:flex;flex-direction:column}.message{max-width:70%;padding:10px 14px;border-radius:16px;margin-bottom:10px;box-shadow:0 1px 2px #00000014;background:#f3f4f6;color:#111827;font-size:12px}.client{align-self:flex-start;background:#eaeef1;color:#111827}.bot{align-self:flex-end;background:#fff;color:#111827}.timestamp{font-size:10px;color:#6b7280;margin-top:4px}.reply-box{padding:10px 24px;border-top:1px solid #e6e8eb;background:#f8fafc;display:flex;gap:10px;margin:0 -16px;width:calc(100% + 32px)}.reply-box .form-control{height:40px;border-radius:12px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:12px}.reply-box .form-control:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd59}.reply-box .btn.btn-primary{height:40px;padding:0 16px;border-radius:12px;background:#eaeef1;border-color:#d9dcdf;color:#000;font-size:12px}.reply-box .btn.btn-primary:hover{background:#d9dcdf}.chat-app.three-cols>.col{min-width:0}@media(max-width:1100px){.chat-app.three-cols{grid-template-columns:200px 280px 1fr}}@media(max-width:992px){.chat-app.three-cols{grid-template-columns:1fr}.inbox-list,.chat-col{margin-top:8px}}.chat-app.three-cols{height:100%;align-items:stretch}.side-nav,.inbox-list,.chat-col{height:100%;min-height:0}.container{height:calc(100vh - 32px)}.inbox-title{padding:13px 12px;font-weight:600;color:#111827;font-size:20px}.avatar{display:inline-block;border-radius:999px;object-fit:cover;flex:none}.avatar-fallback{display:grid;place-items:center;font-weight:600;color:#1b1f28;border-radius:999px;-webkit-user-select:none;user-select:none}.contact .contact-main{display:grid;grid-template-columns:40px 1fr;grid-gap:12px;align-items:center}.contact .contact-text{min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between}.chat-header-left{display:grid;grid-auto-flow:column;align-items:center;gap:10px}.chat-header h5{line-height:1.2;font-size:12px}.chat-header .text-muted.small{font-size:10px;color:#777}@media(max-width:768px){.three-cols{display:block}.side-nav{display:none}.inbox-list,.chat-col{width:100%}.hidden-mobile{display:none!important}.chat-header{position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-back{margin-right:12px;border:none;background:#eef2ff;color:#334;padding:6px 10px;border-radius:8px;font-weight:600}.reply-box{position:sticky;bottom:0;background:#fff;z-index:2;padding-top:6px;border-top:1px solid #eee}}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.topbar-title{font-size:18px;font-weight:700}.topbar-right{margin-left:auto}.badge-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#1f2937;font-weight:600}.burger{width:40px;height:36px;border:none;background:#f3f4f6;border-radius:8px;padding:8px;display:inline-flex;flex-direction:column;justify-content:space-between;cursor:pointer}.burger span{display:block;height:2px;background:#111827;border-radius:2px}.menu-overlay{position:fixed;inset:0;background:#0f172a59;z-index:999}.menu-sheet{position:fixed;top:0;right:0;width:min(86vw,340px);height:100vh;background:#fff;box-shadow:-10px 0 30px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideIn .18s ease-out}@keyframes slideIn{0%{transform:translate(12px);opacity:.4}to{transform:translate(0);opacity:1}}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.menu-title{font-weight:700}.menu-close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer}.menu-section{padding:12px 16px}.menu-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:8px}.menu-item{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid #eef2ff;background:#f8fafc;margin-bottom:8px;font-weight:600;cursor:pointer}.menu-item.active{background:#e0e7ff;border-color:#c7d2fe}.menu-item.danger{background:#fff1f2;border-color:#ffe4e6;color:#991b1b}@media(max-width:768px){.three-cols{display:block}.side-nav{display:none}.inbox-list,.chat-col{width:100%}.hidden-mobile{display:none!important}.chat-header{position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6}.btn-back{margin-right:12px;border:none;background:#eef2ff;color:#334;padding:6px 10px;border-radius:8px;font-weight:600}.reply-box{position:sticky;bottom:0;background:#fff;z-index:2;padding-top:6px;border-top:1px solid #eee}}.contact-main{display:flex;gap:10px;align-items:flex-start}.contact-text{flex:1;min-width:0}.avatar{border-radius:999px;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;color:#334;font-weight:700}.side-block{background:transparent!important;box-shadow:none!important;border:0!important;padding:0}.toggle-wrap{display:flex;flex-direction:column;gap:8px}.toggle-btn{position:relative;display:flex;align-items:center;width:100%;text-align:left;padding:12px 36px 12px 14px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px;color:#2f3337;font-weight:600;cursor:pointer}.toggle-btn.active{background:#fff!important;color:#1f2328}.toggle-btn:focus-visible{outline:2px solid #dfe7ff;outline-offset:2px}.close-btn{cursor:pointer;padding-right:2%}.toggle-btn .badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background-color:red!important;color:#fff!important;min-width:20px;height:20px;border-radius:50%;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.side-stat .badge.grey{position:absolute;right:14px;top:50%;transform:translateY(-50%);background-color:#9e9e9e!important;color:#fff!important;min-width:20px;height:20px;border-radius:50%;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.side-stat{position:relative}.container.py-4{width:100vw;height:100vh;max-width:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column}.topbar{display:none}@media(max-width:768px){.topbar{display:flex}}.logo-bar{background:#fff;width:calc(100% + 46px);transform:translate(-23px);padding:2px 20px 13px;margin-bottom:20px;display:flex;align-items:center;border-bottom:1px solid #f0f1f3}.logo-img{width:94px;height:auto;display:block;padding-top:5px;margin-bottom:-5px}.inbox-top{border-bottom:1px solid #f0f1f3}.inbox-search-wrap{background:#fff;border-radius:0!important}