.mobile-bottom-nav{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 8px #0000000a;display:flex;height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:100}.mobile-nav-item{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;font-size:13px;height:100%;justify-content:center;text-decoration:none;transition:color .2s}.mobile-nav-item.active,.mobile-nav-item:active{color:#2563eb}.mobile-nav-item i{font-size:1.3rem;margin-bottom:2px}.mail-compose-fab{align-items:center;background:#2563eb;border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 16px #0000002e;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:56px;justify-content:center;position:fixed;right:24px;transition:all .2s;width:56px;z-index:101}.mail-compose-fab:hover{background:#1d4ed8;transform:scale(1.05)}.mail-compose-fab:active,.mail-compose-fab:focus{background:#1d4ed8;outline:none;transform:scale(.95)}.mobile-menu-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;background:#00000080;bottom:60px;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:102}.mobile-menu-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #00000026;max-width:400px;padding:20px;width:100%}.mobile-menu-item{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;font-size:16px;padding:16px 0;text-decoration:none;transition:background-color .2s}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item.active,.mobile-menu-item:hover{background-color:#f9fafb;color:#2563eb}.mobile-menu-item i{color:#6b7280;font-size:18px;margin-right:16px;width:24px}.mobile-quick-menu-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;min-width:140px;padding:8px 0;width:auto}.mobile-quick-menu-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:flex-start;padding:12px 16px;text-decoration:none;transition:background-color .2s;white-space:nowrap}.mobile-quick-menu-item:hover{background-color:#f3f4f6;color:#2563eb}.mobile-quick-menu-item i{color:#6b7280;font-size:16px;margin-right:12px;width:20px}.mobile-quick-menu-item:hover i{color:#2563eb}.chat-panel-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.chat-panel-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.chat-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.chat-close-btn:hover{color:#2563eb}.chat-panel-content{flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.chat-open-contacts-btn,.chat-panel-content{align-items:center;display:flex;justify-content:center}.chat-open-contacts-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;color:#fff;font-weight:600;gap:10px;margin-top:20px;padding:12px 24px;text-decoration:none;transition:background .2s}.chat-open-contacts-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff}.chat-open-contacts-btn i{font-size:16px}.sheet-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040}.profile-sheet{background:#0000;bottom:0;display:flex;flex-direction:column;max-width:360px;position:fixed;right:0;top:0;width:80%;z-index:1050}.mail-preview{overflow:visible}.mail-preview-head{overflow:visible;position:relative}.mail-preview-actions-right{align-items:center;display:flex;position:absolute;right:12px;top:12px}.mail-more-btn{align-items:center;background:#895a5a9c;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:18px;height:36px;justify-content:center;width:36px}.mail-more-btn:hover{background:#0000000a}.mail-more-menu{background:#fff;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;display:flex;flex-direction:column;min-width:160px;padding:6px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1400}.mail-more-item{align-items:center;color:#111827;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 12px}.mail-more-item i{color:#6b7280;text-align:center;width:18px}.mail-more-item:hover{background:#f3f4f6}.mail-more-sep{background:#eef2f6;height:1px;margin:6px 0}.mail-more-item.danger{color:#b91c1c}.mail-more-item.reply-all{transition:all .2s ease}.mail-more-item.reply-all:hover{background:#dbeafe;color:#1e40af}.mail-more-item.reply-all i{color:#2563eb}.mail-meta-more{align-items:center;border-radius:20px;display:inline-flex;height:40px;justify-content:center;width:40px}.mail-meta-more:hover{background:#0000000a}.mail-meta-more-right{margin-left:8px}.mail-options-overlay{position:absolute;right:0;top:100%;z-index:1000}.mail-options-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;min-width:180px;padding:6px 0}.mail-option{all:unset;align-items:center;color:#202124;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px}.mail-option i{color:#5f6368;font-size:14px;text-align:center;width:16px}.mail-option:hover{background:#f1f3f4}.mail-option.delete i,.mail-option.delete span{color:#d93025}.mail-options-sep{background:#e0e0e0}.mail-meta-more{background:#0000;border:none;border-radius:50%;cursor:pointer;font-size:20px;padding:4px 8px}.mail-meta-more:hover{background:#f1f3f4}.mail-options-link{align-items:center;color:#111827;display:flex;font-size:15px;gap:12px;padding:10px 16px;text-decoration:none}.mail-options-link:hover{background:#f8fafc}.mail-options-link.disabled{opacity:.45;pointer-events:none}.mail-options-icon{color:#374151;text-align:center;width:20px}.mail-options-text{line-height:1}.mail-options-sep{background:#eef2f7;height:1px;margin:6px 0}.mail-options-delete{color:#b91c1c}.mobile-menu-item.active i{color:#2563eb}.mobile-nav-item.menu-button{background:none;border:none;cursor:pointer}.mobile-nav-item.menu-button:active{background-color:#f3f4f6}.left-quick-nav{display:flex;flex-direction:column;gap:12px;left:12px;position:fixed;top:50%;transform:translateY(-50%);z-index:120}.left-quick-nav.shifted{left:272px;left:calc(var(--sidebar-width) + 12px)}.left-quick-nav.collapsed{left:84px;left:calc(var(--sidebar-collapsed-width) + 12px)}.left-quick-nav .lqn-btn{align-items:center;background:#ffffffe6;border-radius:10px;box-shadow:0 6px 18px #0f172a14;color:#374151;display:inline-flex;height:44px;justify-content:center;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;width:44px}.left-quick-nav .lqn-btn i{font-size:18px}.left-quick-nav .lqn-btn:hover{background:#fff;box-shadow:0 12px 30px #0f172a1f;color:#111827;transform:translateX(4px)}.right-quick-nav{display:flex;gap:12px;position:fixed;right:417px;top:6%;transform:translateY(-50%);z-index:120}.right-quick-nav .rqn-btn{align-items:center;background:#ffffffe6;border-radius:10px;box-shadow:0 6px 18px #0f172a14;color:#374151;display:inline-flex;height:34px;justify-content:center;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;width:34px}.right-quick-nav .rqn-btn i{font-size:14px}.right-quick-nav .rqn-btn:hover{background:red;box-shadow:0 12px 30px #0f172a1f;color:#fff}.right-bookmarks-panel{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:300px;overflow:hidden;position:absolute;right:0;top:40px;width:200px;z-index:130}.right-bookmarks-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px}.right-bookmarks-header button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px}.right-bookmarks-list{flex:1 1;max-height:250px;overflow-y:auto}.right-bookmark-item{border-bottom:1px solid #f3f4f6;color:#374151;display:block;font-size:13px;padding:8px 12px;text-decoration:none;transition:background .1s}.right-bookmark-item:hover{background:#f9fafb}.right-bookmarks-empty{color:#6b7280;font-size:13px;padding:12px;text-align:center}.right-chat-header{border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:500;padding:10px 12px}.right-chat-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.right-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.right-chat-message{word-wrap:break-word;border-radius:6px;display:flex;flex-direction:column;font-size:13px;gap:4px;max-width:70%;padding:8px 12px}.right-chat-message.own{align-self:flex-end;background:#3b82f6;border-radius:18px 18px 4px 18px;color:#fff}.right-chat-message.other{align-self:flex-start;border-radius:18px 18px 18px 4px;color:#1f2937}.right-chat-message-content{word-wrap:break-word;line-height:1.4}.secure-pill{background:#ecfeff;border:1px solid #a7f3d0;border-radius:12px;color:#065f46;display:inline-block;font-size:12px;margin-left:8px;padding:4px 8px}.encrypted-badge{color:#f97316;display:inline-block;font-size:13px;margin-right:8px}.secure-toggle{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:16px;margin-left:8px}.secure-toggle.active{color:#ef4444}.secure-toggle:focus{outline:2px solid #6366f1;outline-offset:2px}.right-chat-message-actions{align-items:center;display:flex;gap:8px;justify-content:space-between}.msg-action-buttons{display:flex;gap:4px}.msg-edit{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px}.msg-edit:hover{background:#3b82f614}.msg-delete{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:9px;padding:6px}.msg-delete:hover{background:#ef444414}.msg-edited-label{color:#6b7280;font-size:10px;font-style:italic;margin-left:6px}.right-chat-message-time{font-size:11px;margin-top:2px;opacity:.8}.right-chat-message.own .right-chat-message-time{color:#fffc;opacity:.7}.right-chat-input{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:10px}.right-chat-input input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:12px;padding:11px 8px}.right-chat-input button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:0 8px}.right-chat-input button:hover{background:#1d4ed8}.right-chat-contacts{display:flex;flex:1 1;flex-direction:column}.right-chat-contacts-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:500;padding:10px 12px}.chat-search{border:none;border-radius:15px;color:#fff;outline:none;padding:6px}mark{background:#ffe58a;border-radius:3px;padding:1px 3px}.reply-text{font-size:13px;opacity:.8}.reply-close{background:none;border:none;color:#fff;cursor:pointer}.reply-bubble{background:#f1f3f529;border-left:4px solid #f57011;border-radius:4px;font-size:12px;margin-bottom:4px;padding:4px 8px}.reaction-bar span{cursor:pointer;margin-right:5px}.highlight{animation:highlightFlash 1s ease}@keyframes highlightFlash{0%{background:#ffeaa7}to{background:inherit}}.reaction-display{bottom:-10px;font-size:14px;position:absolute;right:-10px}.right-chat-search-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:13px;margin:8px 12px;padding:8px 12px;transition:border-color .2s;width:calc(100% - 24px)}.right-chat-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.right-chat-contacts-list{flex:1 1;max-height:300px;overflow-y:auto}.right-chat-contact-item{background:none;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;display:block;padding:10px 12px;text-align:left;transition:background .1s;width:100%}.right-chat-contact-item:hover{background:#f9fafb}.right-chat-contact-name{color:#374151;font-size:14px;font-weight:500}.right-chat-contact-email{color:#6b7280;font-size:12px;margin-top:2px}.right-chat-contacts-empty{color:#6b7280;font-size:13px;padding:20px;text-align:center}.right-chat-back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-right:8px;padding:8px 12px}.right-chat-back-btn:hover{background:#4b5563}.mail-header .right-quick-nav{align-items:center;display:inline-flex;gap:8px;margin-left:12px;position:static;right:auto;top:auto;transform:none;z-index:auto}.mail-header .right-quick-nav .rqn-btn{background:#3b21ffb5;border-radius:8px;box-shadow:none;color:#fff;height:32px;padding:0;width:32px}.auth-card select{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.auth-card select:disabled{background:#f3f4f6;color:#6b7280}:after,:before{box-sizing:border-box}:root{--sidebar-width:260px;--sidebar-collapsed-width:72px;--bg:#fff;--text:#1f2937;--app-bg:linear-gradient(135deg,#fff,#f8fafc);--app-text:#1f2937;color-scheme:light}[data-theme=light]{--app-bg:linear-gradient(135deg,#fff,#f8fafc);--app-text:#0f172a;--bg:#fff;--text:#0f172a}[data-theme=dark]{--bg:#0f172a;--text:#e5e7eb;--app-bg:linear-gradient(135deg,#0b1220,#07101a);--app-text:#e5e7eb}body{background:linear-gradient(135deg,#fff,#f8fafc);background:var(--app-bg,linear-gradient(135deg,#f5f8ff,#eef2ff 40%,#fef4ff));color:#1f2937;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;margin:0;min-height:100vh}.has-custom-bg .mail-main{background:#0000!important}.contact-requests{padding:10px}.pending-request-banner{align-items:flex-start;flex-direction:column}.user-list{border:1px solid #eee;border-radius:6px;padding:4px}.user-item{background:#fff;border:1px solid #e2e2e2;border-radius:4px;font-size:13px;margin-bottom:4px;padding:6px 8px;.attachment{font-size:13px;margin-top:6px}.attachment.image-attachment{gap:6px}.attachment.image-attachment,.msg{display:flex;flex-direction:column}.msg{border-radius:18px;gap:4px;max-width:78%;padding:12px 16px;position:relative}.msg.sent .attachment.image-attachment{align-items:flex-start}.msg.received .attachment.image-attachment{align-items:flex-end}.msg.sent{align-self:flex-end;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff}.msg.received{align-self:flex-start;background:#00a0e3;color:#fff}.attachment a{color:#06f;text-decoration:none}.attachment a:hover{text-decoration:underline}.attachment-image{border:1px solid #ddd;border-radius:6px;max-height:220px;max-width:220px;object-fit:cover}.attachment-preview{align-items:center;background:#eef3ff;border:1px dashed #06f;border-radius:6px;display:flex;font-size:13px;gap:10px;justify-content:space-between;margin-bottom:8px;padding:6px 10px}.remove-attachment{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:12px;padding:4px 6px}.attachment-error{color:#d93025;font-size:13px;margin-bottom:6px}}.user-item:hover{background:#f0f8ff}.user-item.selected{background:#06f;border-color:#06f}.clear-btn{background:#888}.clear-btn:disabled{cursor:default;opacity:.5}.manual-label{color:#555;font-size:12px}.add-contact{display:flex;flex-direction:column;gap:6px}.add-contact button{width:auto}.main{flex:1 1}.empty{color:#777;font-size:12px;padding:6px}.videos{display:flex;gap:12px;margin-top:8px}.video{background:#000;border-radius:6px;height:240px;width:320px}.controls{gap:8px;margin-top:8px}button:hover{opacity:.95}.pending-request-banner{align-items:center;background:#dbeafea6;border:1px dashed #3b82f673;border-radius:14px;box-shadow:0 12px 28px #3b82f638;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.pending-request-banner .banner-copy{color:#1d2547;display:flex;flex-direction:column;font-size:14px;gap:2px}.pending-request-banner .banner-copy strong{font-size:15px}.pending-request-banner .banner-actions{align-items:center;display:flex;gap:10px}.msg.received .meta{justify-content:flex-end;text-align:right}.meta{color:#666;display:flex;gap:8px;margin-bottom:4px}input{border:1px solid #ddd;border-radius:6px;padding:8px}.incoming-call-banner{align-items:center;background:#fff7e6;border:1px solid #ffa940;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;margin-top:12px;padding:10px 14px}.incoming-call-actions{display:flex}.incoming-call-actions .accept-btn{background:#52c41a}.incoming-call-actions .reject-btn{background:#ff4d4f}.edited-label{color:#666;font-size:11px;margin-left:4px}.forwarded-label{color:#555;font-size:12px;margin-bottom:4px}.forwarded-snippet{color:#666;margin-top:2px}.reply-preview{align-items:center;background:#18263e;border-left:3px solid #2a9d8f;display:flex;justify-content:space-between;padding:6px 10px}.reply-preview .reply-author{font-weight:700;margin-bottom:2px}.reply-preview .reply-text{font-style:italic}.composer-banner{align-items:center;background:#eef3ff;border:1px solid #8cafff;border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:6px 10px}.composer-banner .composer-text{display:flex;flex-direction:column;gap:2px}.composer-banner .composer-snippet{color:#555;font-size:12px}.composer-banner button{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:12px;padding:4px 6px}.composer-banner button:hover{opacity:1;text-decoration:underline}.message-context-menu{background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 12px 24px #00000029}.brandicon{width:45px!important}.message-context-menu button{color:#333;padding:8px 14px}.message-context-menu button:hover{background:#e6f4ff}.app-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 20px 56px}.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #cad4ff99;border-radius:24px;box-shadow:0 14px 40px #2b387c1f;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 28px}.app-header,.brand{align-items:center;display:flex}.brand{gap:16px}.brand-mark{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;box-shadow:0 10px 20px #6366f159;color:#fff;display:flex;font-size:20px;font-weight:700;height:52px;justify-content:center;letter-spacing:1px;width:52px}.brand-copy h1{color:#161b3d;font-size:26px;font-weight:600;margin:0}.brand-copy p{color:#647196;font-size:14px;margin:4px 0 0}.session-info{align-items:center;color:#314362;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.session-user strong{color:#1a237e}.mail-meta-delete{font-size:10px;padding:3px 9px!important}button{background:linear-gradient(135deg,#f57011,#f57011);border:none;border-radius:12px;box-shadow:0 12px 24px #6366f140;color:#fff;cursor:pointer;font-weight:600;padding:10px 11px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .2s ease}button:hover:not(:disabled){box-shadow:0 16px 32px #4f46e547;transform:translateY(-1px)}button:focus-visible{outline:3px solid #6366f18c;outline-offset:2px}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.logout-btn{background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 12px 26px #ef444447}.logout-btn:hover:not(:disabled){box-shadow:0 16px 32px #ef444457}.layout{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:0}.sidebar{display:flex;flex-direction:column;gap:16px;min-height:0}.sidebar-title{color:#1c2460;font-size:18px;font-weight:600;margin:0}.contacts-header{gap:12px}.contacts-add-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 12px 24px #6366f140;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:600;height:38px;justify-content:center;line-height:1;padding:0;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;width:38px}.contacts-add-btn:hover{box-shadow:0 16px 28px #4f46e547;transform:translateY(-1px)}.contacts-add-btn:focus{box-shadow:0 0 0 4px #818cf859;outline:none}.contacts-add-btn.active{background:linear-gradient(135deg,#4f46e5,#4338ca)}.user-list{border:1px solid #d7dbeae6;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:12px 10px}.user-item{border:1px solid #0000;border-radius:12px;color:#1d2547;cursor:pointer;font-size:14px;padding:10px 12px;transition:transform .15s ease,box-shadow .15s ease,border .2s ease}.user-item:hover{border-color:#6366f140;box-shadow:0 10px 20px #6366f12e;transform:translateY(-1px)}.mail-color-btn{align-items:center;border-radius:4px;display:inline-flex;height:30px;justify-content:center;width:30px}.mail-color-btn:hover{background:#f0f0f0}.mail-color-btn input{cursor:pointer}.drodwoncs{background:#fffffff2;border:1px solid #d1d5dbe6;border-radius:12px;color:#1c2547;font-size:14px;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease;width:100%}.user-item.selected{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 14px 28px #4f46e54d;color:#fff}.contact-requests{background:#edf2ff99;border:1px dashed #6366f159;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:12px}.contact-requests h4{color:#1c2460;font-size:15px;font-weight:600;margin:0}.request-list{display:flex}.request-item,.request-list{flex-direction:column;gap:10px}.request-item{background:#ffffffe6;border:1px solid #c4cbffb3;border-radius:14px;box-shadow:0 12px 24px #6366f11f;padding:10px}.request-body{align-items:flex-start;background:#0000;border:none;color:#1d2547;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:4px;padding:0;text-align:left;width:100%}.request-body:focus,.request-body:hover{text-decoration:underline}.request-body:focus{outline:none}.request-name{font-size:14px;font-weight:600}.request-snippet{color:#5c6a92;font-size:12px;line-height:1.3}.request-actions{display:flex;gap:8px}.request-accept{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 10px 20px #10b9813d;color:#fff}.request-reject{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 10px 20px #ef444440;color:#fff}.add-contact{gap:8px;margin-top:8px}.clear-btn{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 10px 22px #64748b40}input,textarea{border:1px solid #6c6f73e6!important;border-radius:8px;padding:10px}.status-upload{border-bottom:1px solid #ddd;padding:8px}.status-list{display:flex;flex-direction:column;gap:8px}.status-add-btn{padding:4px 7px;position:absolute}.status-item{align-items:center;cursor:pointer;display:flex;gap:8px}.status-avatar{border:2px solid #25d366;height:40px;width:40px}.add-status{cursor:pointer;font-size:13px}.status-viewer{z-index:9999}.status-full{border-radius:10px}.status-top-bar{display:flex;gap:10px;position:absolute;right:15px;top:15px}.status-menu-btn{font-size:24px}.status-close,.status-menu-btn{background:#0000;border:none;color:#fff;cursor:pointer}.status-close{font-size:22px}.status-menu{background:#111;border-radius:6px;padding:8px 0;position:absolute;right:15px;top:50px;width:150px}.status-menu div{color:#fff;cursor:pointer;padding:8px 12px}.status-menu div:hover{background:#222}.status-container{padding:10px}.status-scroll{display:flex;gap:12px;overflow-x:auto;padding-top:10px}.status-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:70px}.status-container{border-bottom:1px solid #1e293b;padding:15px}.status-title{font-size:18px;margin-bottom:10px}.my-status{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:20px}.status-avatar{height:45px;width:45px}.add-status-icon{align-items:center;background:#25d366;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:14px;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.status-text span{display:block;font-size:12px;opacity:.7}.status-back,.status-close{background:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:6px 10px}.status-viewer-header{display:flex;justify-content:space-between;left:10px;position:absolute;right:10px;top:10px;z-index:10}.status-delete{background:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:6px 10px}.status-avatar-wrapper{height:48px;position:relative;width:48px}.status-avatar{height:48px;width:48px}.status-row{align-items:center;cursor:pointer;display:flex;gap:10px}.status-info span{display:block;font-size:12px;opacity:.7}.status-avatar{background:#111;height:55px;object-fit:cover;width:55px}.status-name{color:#ddd;font-size:12px;margin-top:5px;text-align:center}.add-status .status-avatar{background:#25d366;color:#fff;font-size:22px}.add-status .status-avatar,.status-viewer{align-items:center;display:flex;justify-content:center}.status-viewer{background:#000;height:100%;left:0;position:fixed;top:0;width:100%}.status-full{max-height:90%;max-width:90%}.status-progress{display:flex;gap:4px;left:15px;position:absolute;right:15px;top:15px;z-index:5}.progress-bar{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.progress-fill{animation:statusProgress 5s linear forwards;background:#fff;width:0}@keyframes statusProgress{0%{width:0}to{width:100%}}.status-left{left:0}.status-left,.status-right{height:100%;position:absolute;top:0;width:50%}.status-right{right:0}.status-avatar.add{align-items:center;background:#22c55e;color:#fff;display:flex;font-size:23px;font-weight:700;height:30px;justify-content:center;width:30px}.status-avatar{border:3px solid #22c55e;border-radius:50%}.status-avatar.seen{border:3px solid #6b7280}input:focus,textarea:focus{border-color:#6366f173;box-shadow:0 0 0 4px #6366f11f;outline:none}.main{display:flex;flex-direction:column;gap:16px;min-height:0}.videos{grid-gap:16px;background:#f8f9ffad;border:1px solid #d7dbeaa6;border-radius:18px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:16px}.videos p{color:#5c6a92;font-size:13px;margin:0 0 6px}.video{aspect-ratio:4/3;background:#0f172a;border-radius:14px;box-shadow:inset 0 0 0 1px #0f172a66;object-fit:cover;width:100%}.chat{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0}.chat h2{color:#1b2559;font-size:20px;font-weight:600;margin:0}.chat-header h2{flex:1 1;min-width:0}.chat-header .call-toggle{align-items:center;background:none;border-radius:50%;box-shadow:0 14px 26px #22c55e4d;color:#fff;display:inline-flex;font-size:20px;justify-content:center;min-width:44px;transition:transform .16s ease,box-shadow .16s ease;width:44px}.avatar-letter,.chat-avatar img{border-radius:50%;height:38px;width:38px}.avatar-letter{align-items:center;background:#10b981;color:#fff;display:flex;justify-content:center}.chat-user-status{gap:5px}.status-dot.online{background:#22c55e}.status-dot.offline{background:#6b7280}.chat-phone{margin-left:6px}.call-screen{background:linear-gradient(135deg,#0f172a,#020617);color:#fff;flex-direction:column;font-family:sans-serif;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.call-avatar,.call-screen{align-items:center;display:flex;justify-content:center}.call-avatar{background:#22c55e;border-radius:50%;font-size:40px;font-weight:700;height:120px;margin-bottom:20px;width:120px}.call-name{font-size:28px;font-weight:600;margin-bottom:5px}.call-status{margin-bottom:40px;opacity:.7}.call-controls{gap:30px}.call-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:65px;justify-content:center;transition:.2s;width:65px}.call-btn:hover{transform:scale(1.1)}.btn-mute{background:#f59e0b;color:#fff}.btn-end{background:#ef4444;color:#fff}.btn-camera{background:#3b82f6;color:#fff}.chat-container{display:flex;flex-direction:column;height:calc(var(--vh)*100)}.chat-header{border-bottom:1px solid #1f2937;padding:10px 15px}.chat-header .call-toggle img{height:22px;object-fit:contain;pointer-events:none;width:22px}.chat-header .call-toggle:hover:not(:disabled){box-shadow:0 18px 32px #22c55e5c;transform:translateY(-2px)}.chat-header .call-toggle:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.chat-header .call-toggle.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 14px 28px #ef444452}.message-text{white-space:pre-wrap}.edit-message-input{border:1px solid #ccc;border-radius:6px;outline:none;padding:6px;width:100%}.typing-indicator{font-size:13px;opacity:.8}.typing-dots{display:flex;gap:3px}.typing-dots span{animation:blink 1s infinite;background:#fff;border-radius:50%;display:inline-block;height:4px;margin:2px;width:4px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}to{opacity:.2;transform:translateY(0)}}.contact-actions{gap:8px}.contact-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:#111c33;height:32px;justify-content:center;transition:.2s;width:32px}.icon-btn:hover{background:#e5e7eb}.group-title{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-top:10px}.btnaddgroup{background:#2a9d8f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:2px 8px}.icon-btn.chat{color:#3b82f6}.icon-btn.mail{color:#6366f1}.icon-btn.video{color:#10b981}.icon-btn.edit{color:#f59e0b}.icon-btn.delete{color:#ef4444}.contact-search{background:#18263e;border:none;border-radius:20px;color:#fff;margin-bottom:10px;outline:none;padding:8px}.contact-search:focus{border-color:#10b981;outline:none}.chat-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:.7}.video-call-btn{background:none;border:none;cursor:pointer}.video-call-btn:hover{background:#4756e6}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:5px;width:8px}.online{background:#22c55e}.offline{background:#9ca3af}.composer-input{align-items:flex-end;border:1px solid #d7dbead9;border-radius:18px;box-shadow:inset 0 -1px 0 #dde2f8b3;display:flex;gap:12px;padding:12px 16px;transition:border .2s ease,box-shadow .2s ease,transform .2s ease}.composer-input:focus-within{border-color:#6366f173;box-shadow:0 0 0 4px #6366f11f}.composer-input.disabled{opacity:.6;pointer-events:none}.composer-icon-group{align-items:center;display:flex;flex-shrink:0;gap:8px;padding-bottom:4px}.composer-icon-group.left{padding-right:8px}.composer-icon-group.right{padding-left:8px}.composer-textarea{background:#0000;border:none;color:#1c2547;flex:1 1;font-size:14px;margin:0;max-height:200px;min-height:48px;padding:4px 0;resize:vertical}.composer-textarea::placeholder{color:#9da7c2}.composer-textarea:disabled{color:#9da7c2;cursor:not-allowed}.composer-textarea:focus{box-shadow:none;outline:none}.icon-button{align-items:center;background:#e2e8f0cc;border:none;border-radius:50%;color:#1b2559;cursor:pointer;display:inline-flex;font-size:17px;height:35px;justify-content:center;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;width:35px}.icon-button span[aria-hidden=true]{line-height:1}.icon-button:hover:not(:disabled){box-shadow:0 12px 24px #3b82f638;transform:translateY(-2px)}.icon-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.icon-button.emoji-toggle{background:#f4ebffe0;color:#7c3aed}.icon-button.emoji-toggle[aria-pressed=true]{background:#8b5cf633}.icon-button.voice-toggle{background:#fee2e2eb;color:#dc2626}.icon-button.voice-toggle:hover:not(:disabled){box-shadow:0 12px 28px #ef444447}.icon-button.voice-toggle.active,.icon-button.voice-toggle[aria-pressed=true]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 16px 32px #ef444459;color:#fff}.icon-button.attachment-toggle{background:#dbeafee6;color:#2563eb}.icon-button.send-toggle{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 14px 28px #6366f14d;color:#fff}.icon-button.send-toggle:hover:not(:disabled){box-shadow:0 18px 34px #6366f166}.icon-button.send-toggle:disabled{background:#cbd5e1f0;box-shadow:none;color:#475569}.recording-indicator{align-items:center;background:#fee2e2e6;border:1px solid #f8717199;border-radius:999px;box-shadow:0 8px 18px #f8717147;color:#b91c1c;display:inline-flex;gap:10px;margin-top:8px;padding:6px 14px 6px 10px}.recording-indicator .indicator-dot{animation:recordingPulse 1.2s ease-in-out infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 0 4px #f871714d;height:10px;width:10px}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.recording-indicator button{background:#0000;border:none;color:#7f1d1d;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.recording-indicator button:hover{color:#450a0a}.recording-error{color:#b91c1c;font-size:13px;margin-top:6px}.chat-box{border:1px solid #d7dbeacc;border-radius:20px;box-shadow:inset 0 -1px 0 #dde2f8b3;display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:520px;min-height:320px;overflow-y:auto;padding:20px 22px}.chat-placeholder{align-items:center;color:#66769c;display:flex;flex:1 1;font-size:14px;justify-content:center;padding:40px 16px;text-align:center}.msg.sent .meta{color:#ffffffc7}.msg-header{color:#5f6d92;display:flex;font-size:12px;gap:8px;justify-content:flex-start;margin-bottom:4px}.msg-header .from{color:#fff;font-weight:600}.msg-footer{align-items:right;color:#fff;display:flex;font-size:11px;gap:2px;margin-top:2px}.msg.sent .msg-footer{color:#ffffffc7}.msg .time{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.msg.sent .msg-footer .edited-label{color:#ffffffc7}.day-separator{align-items:center;color:#5c6a92;display:flex;font-size:12px;justify-content:center;letter-spacing:.08em;margin:16px 0;position:relative;text-transform:uppercase}.day-separator:after,.day-separator:before{background:#94a3b84d;content:"";flex:1 1;height:1px;margin:0 12px}.day-separator span{border-radius:999px;box-shadow:0 6px 16px #0f172a14;padding:4px 12px}.system-message{align-self:center;background:#e2e8f0a6;border-radius:999px;box-shadow:0 8px 20px #0f172a1f;color:#334155;font-size:12px;margin:6px auto;padding:6px 14px}.forwarded-label,.reply-preview{color:inherit;opacity:.9}.forwarded-snippet{background:#ffffff2e;border-radius:10px;font-style:italic;margin-top:4px;padding:6px 8px}.attachment{display:flex;flex-direction:column;font-size:13px;gap:6px;margin-top:6px}.attachment-image{border:1px solid #e2e8f0b3;border-radius:12px;box-shadow:0 12px 22px #0f172a33;max-height:260px;max-width:260px;object-fit:cover}.attachment-preview{background:#6366f114;border:1px dashed #6366f159;border-radius:12px;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:10px 12px}.attachment-preview-header{align-items:center;color:#1f2937;display:flex;font-weight:500;gap:12px;justify-content:space-between}.attachment-preview.audio-preview audio{background:#0f172a0d;border-radius:10px;width:100%}.attachment.audio-attachment audio{background:#0f172a0d;border-radius:12px;max-width:260px;width:100%}.emoji-picker{grid-gap:6px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0f172a1f;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));margin-top:8px;max-width:240px;padding:10px}.emoji-picker .emoji-option{background:#0000;border:none;box-shadow:none;color:inherit;cursor:pointer;font-size:20px;line-height:1;padding:6px;transition:transform .14s ease}.emoji-picker .emoji-option:hover{opacity:1;transform:translateY(-2px)}.controls .emoji-toggle{background:#f3f4f6;border:1px solid #d1d5dbcc;color:#1f2937}.controls .emoji-toggle:hover{background:#e5e7eb}.remove-attachment:hover{text-decoration:underline;transform:none}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.incoming-call-banner{background:#fff7e6e6;border:1px solid #f9731666;border-radius:18px;box-shadow:0 10px 20px #fbbf2438;flex-wrap:wrap;padding:12px 18px}.incoming-call-actions{gap:8px}.incoming-call-actions .accept-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 12px 24px #22c55e47}.incoming-call-actions .reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 12px 24px #ef444447}.composer-banner{background:#6366f11a;border:1px solid #6366f140;border-radius:14px;padding:8px 12px}.message-context-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #d7dbeae6;border-radius:12px;box-shadow:0 18px 40px #1f293729;min-width:168px;padding:4px 0;position:fixed;z-index:2000}.message-context-menu button{background:none;border:none;border-radius:0;box-shadow:none;color:#1c2547;cursor:pointer;font-size:13px;padding:10px 18px;text-align:left;width:100%}.message-context-menu button:hover{background:#6366f11a;transform:none}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4f46e573}.auth-container{background:#f4f6fa;display:flex;min-height:100vh}.auth-left{align-items:center;background:#fff;border-right:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.auth-left img{height:auto;margin-bottom:20px;width:180px}.auth-left h1{color:#222;font-size:40px;font-weight:700}.auth-left p{color:#444;font-size:16px;margin-top:8px}.auth-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:380px;padding:40px;width:100%}.auth-card h1{margin-bottom:20px;text-align:center}.auth-card input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.auth-info-text{color:#445;font-size:.85rem;margin:4px 0 12px;text-align:left}.auth-step-indicator{color:#1d3b70;font-weight:600;margin-bottom:18px;text-align:center}.auth-step-actions{display:flex;gap:10px;margin-top:12px}.auth-step-actions button{flex:1 1;width:auto}.auth-secondary-button{background:#e5e7eb;color:#1f2937}.auth-secondary-button:hover{background:#d1d5db}.auth-field-label{color:#333;display:block;font-size:14px;margin:6px 0}.auth-email-field{align-items:center;background:#f9fbff;border:1px solid #ccc;border-radius:6px;display:flex;margin-bottom:10px}.auth-email-field input{background:#0000;border:none;border-radius:6px 0 0 6px;flex:1 1;margin:0;padding:12px}.auth-email-field input:disabled{background:#0000;color:#666}.auth-email-field--disabled{opacity:.7}.auth-email-suffix{border-left:1px solid #ccc;color:#1d3b70;font-size:15px;padding:12px 14px;white-space:nowrap}.auth-card button{background:#0056ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}.auth-card button:hover{background:#003fcc}.auth-toggle{margin-top:15px;text-align:center}.auth-toggle button{background:#0000;border:none;color:#0056ff;cursor:pointer;font-weight:700}.auth-error{background:#ffe1e1;color:#c80000}.auth-error,.auth-success{border-radius:6px;margin-bottom:10px;padding:10px;text-align:center}.auth-success{background:#e1ffe1;color:#008c00}.otp-actions{margin:10px 0 14px}.auth-hint{color:#555;font-size:14px;margin:0 0 18px}.mail-shell{display:flex;height:100vh;overflow:hidden;width:100%}.mail-sidebar{box-shadow:0 12px 30px #0f172a59;color:#fff;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:5px;transition:width .25s ease;width:50px}.label-existing-list{margin-bottom:15px;max-height:200px;overflow-y:auto}.mail-label-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 8px}.mail-label-item:hover{background:#f5f5f53b}.icon-wrapper{position:relative}.icon-count{background:#ff3b3b;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 4px;position:absolute;right:-8px;top:-6px}.mail-sidebar.collapsed{min-width:32px;width:72px;width:var(--sidebar-collapsed-width)}.mail-sidebar.collapsed .mail-brand-meta,.mail-sidebar.collapsed .mail-nav-btn span,.mail-sidebar.collapsed .mail-stat-label,.mail-sidebar.collapsed .mail-stat-value{opacity:0;pointer-events:none;transform:translateX(-8px);transition-delay:.05s}.mail-sidebar.collapsed .mail-nav-btn{align-items:center;display:flex;justify-content:center;padding:12px}.mail-sidebar-toggle{background:#000000cf;border:none;cursor:pointer;font-size:14px;margin-right:4px}.mail-add-label{padding:4px 12px}.mail-labels{display:flex;flex-direction:column}.mail-labels-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.mail-labels-title{align-items:center;display:flex;gap:8px}.mail-labels-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.mail-labels-toggle:hover{background:#ffffff0a}.mail-labels-list{display:flex;flex-direction:column;gap:6px;overflow:hidden;transition:max-height .22s ease,opacity .18s ease}.mail-labels.collapsed .mail-labels-list{max-height:0;opacity:0;pointer-events:none}.mail-labels .mail-label-item{align-items:center;background:#ffffff08;border:1px solid #ffffff08;border-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:8px 10px;text-align:left}.mail-labels .mail-label-item .mail-label-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-labels .mail-label-item .mail-label-count{flex-shrink:0;margin-left:8px;opacity:.85}.mail-labels .mail-label-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #2563eb2e;color:#fff}.label-dot{border-radius:50%;flex-shrink:0;height:10px;margin-right:8px;width:10px}.mail-labels .mail-label-item{gap:8px}.label-actions{display:inline-flex;gap:6px;margin-left:8px}.label-action{border:none;border-radius:6px;cursor:pointer;padding:6px}.label-action:hover{background:#ffffff0a}.label-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1600}.label-modal{background:#fff;border-radius:10px;box-shadow:0 18px 48px #02061766;padding:18px;width:360px}.label-modal h3{margin:0 0 10px}.label-modal-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.label-modal-row label{color:#333;font-size:13px}.label-modal-row input[type=color],.label-modal-row input[type=text]{border:1px solid #ddd;border-radius:6px;padding:8px}.label-modal-actions{display:flex;gap:10px;justify-content:flex-end}.mobile-menu-section{padding:6px 8px}.mobile-menu-section-header{align-items:center;display:flex;font-weight:700;gap:8px;justify-content:space-between;padding:6px 8px}.mobile-labels-toggle{background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;padding:6px}.mobile-labels-list{display:flex;flex-direction:column;gap:6px;max-height:1000px;overflow:hidden;padding:6px 4px 12px;transition:max-height .22s ease,opacity .18s ease}.mobile-labels-list.collapsed{max-height:0;opacity:0;padding:0 4px;pointer-events:none}.mobile-label-row{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.mail-sidebar .storage-progress-footer{background:#0003;border-radius:6px;border-top:1px solid #ffffff1a;margin-top:auto;padding:10px 12px}.mail-sidebar .storage-label-footer{color:#ffffffb3}.mail-sidebar .storage-value-footer{color:#ffffffe6}.mail-sidebar-overlay{background:#0f172a1a;border:none;cursor:pointer;inset:0;margin:0;padding:0;transition:opacity .2s ease;z-index:80}.mail-sidebar-overlay.show{opacity:1;pointer-events:auto}.mail-brand{border:1px solid #ffffff14;border-radius:10px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mail-brand-dot{background:linear-gradient(135deg,#22c55e,#4ade80);border-radius:50%;box-shadow:0 0 0 6px #22c55e29;height:12px;width:12px}.mail-brand-name{font-weight:700;letter-spacing:.3px}.mail-brand-meta{font-size:12px;opacity:.8}.mail-brand-content{align-items:center;display:flex;gap:10px}.mail-brand-icon{width:20px}.mail-nav{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mail-menu-group{margin-bottom:10px}.menu-divider{background:#e5e5e5;height:1px;margin:10px 0}.bottomcsd{margin-bottom:4px}.mail-nav-btn{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;color:#fff;cursor:pointer;font-size:8px;font-weight:600;padding:5px;text-align:center;text-decoration:none}.mail-list-from{flex:1 1}.mail-mobile-back-btn{background:none;border:none;box-shadow:none;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:500;padding:10px 12px;text-align:left}.mail-mobile-back-btn:active{opacity:.7}.mail-star-toggle{background:none;border:none;border-radius:12px;box-shadow:none;color:#c4c42c;cursor:pointer;flex-shrink:0;font-weight:600;padding:2px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .2s ease;width:19px}.mail-nav-btn.active{background:linear-gradient(135deg,#f57011,#f57011);border-color:#ffffff26;box-shadow:0 10px 24px #2563eb59;color:#fff}.mail-stats{grid-gap:10px;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;display:grid;font-size:13px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.mail-stat-label{opacity:.7}.mail-stat-value{font-weight:700}.mail-main{box-shadow:0 12px 32px #0000000f;color:#fff;display:flex;flex:1 1 auto;flex-direction:column;gap:16px;min-height:0;min-width:0}.mail-settings{background:#ffffffc4;border:1px solid #94a3b859;border-radius:18px;padding:18px}.mail-settings,.mail-settings-container{box-shadow:0 22px 48px #0f172a1f;display:flex;flex-direction:column;margin-bottom:51px}.mail-settings-container{background:#fff;border:1px solid #e5e7eb;border-radius:18px;height:100%}.settings-header{border-bottom:1px solid #e5e7eb;padding:24px}.settings-header h1{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:12px;margin:0}.settings-layout{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1.5fr;overflow:hidden}.settings-categories-section{border-right:1px solid #e5e7eb;overflow-y:auto;padding:20px}.settings-categories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.settings-category-card{align-items:flex-start;background:#ffffff17;border-radius:12px;gap:16px;position:relative;transition:all .2s ease}.settings-category-card:hover{background:#2f1b1b61;border-color:#e2e8f0}.settings-category-card.active{background:#0b0b0c;border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.category-icon{background:#f0f4f8;color:#2563eb;height:40px;width:40px}.settings-category-card.active .category-icon{background:#2563eb;color:#fff}.category-content{flex:1 1;min-width:0}.category-title{font-size:14px;margin:0 0 4px}.category-description{lines:2;color:#64748b}.settings-details-section{color:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:24px}.settings-details-panel{display:flex;flex-direction:column;gap:24px}.settings-panel-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.settings-panel-header h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:12px;margin:0}.settings-form{display:flex;flex-direction:column;gap:18px}.settings-form-group{display:flex;flex-direction:column;gap:8px}.settings-form-group label{font-size:13px;font-weight:600}.settings-form-group input[type=email],.settings-form-group input[type=text],.settings-form-group select,.settings-form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;padding:10px 12px;transition:border .2s}.settings-form-group input:focus,.settings-form-group select:focus,.settings-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-radio-group{display:flex;flex-direction:column;gap:10px}.form-radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:0}.form-radio-group input[type=radio]{cursor:pointer;height:18px;margin:0;width:18px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:500!important;gap:8px!important;margin-bottom:0}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.btn-save{align-self:flex-start;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 24px;transition:background .2s}.btn-save:hover{background:#1d4ed8}.settings-placeholder{align-items:center;color:#64748b;display:flex;font-size:16px;justify-content:center;min-height:300px;text-align:center}.settings-placeholder p{align-items:center;display:flex;gap:8px}.mail-settings-tabs{display:flex;gap:6px}.mail-settings-title{font-size:22px;font-weight:700;margin:0}.mail-settings-description{font-size:14px;margin:0}.mail-settings-status{background:#eef2ff;border:1px solid #818cf859;border-radius:10px;color:#312e81;font-size:13px;padding:10px 12px;width:-webkit-fit-content;width:fit-content}.mail-settings-form{display:flex;flex-direction:column;gap:16px}.mail-settings-field{display:flex;flex-direction:column;gap:8px}.mail-settings-label{font-size:14px;font-weight:600}.mail-settings-textarea{background:#fff;border:1px solid #cbd5f5;border-radius:12px;color:#0f172a;font-family:inherit;font-size:14px;line-height:1.6;min-height:160px;padding:12px;resize:vertical}.mail-settings-textarea:disabled{background:#e2e8f0;color:#475569;cursor:not-allowed}.mail-settings-editor{border:1px solid #cbd5f5;border-radius:12px;box-shadow:inset 0 1px 3px #0f172a0d;font-family:inherit;font-size:14px;line-height:1.6;min-height:160px;overflow-y:auto;padding:12px}.mail-settings-editor:focus{outline:2px solid #2563eb4d}.mail-settings-editor:empty:before{color:#94a3b8;content:attr(data-placeholder)}.mail-settings-editor.disabled{background:#e2e8f0;color:#475569;cursor:not-allowed}.mail-settings-meta{color:#64748b;display:flex;font-size:12px;justify-content:space-between}.mail-settings-message{background:#38bdf829;border-left:4px solid #38bdf8;border-radius:10px;color:#0f172a;font-size:13px;padding:10px 12px}.mail-settings-message.success{background:#22c55e24;border-left-color:#22c55e;color:#166534}.mail-settings-message.error{background:#ef444429;border-left-color:#ef4444;color:#991b1b}.mail-settings-actions{display:flex;flex-wrap:nowrap;gap:12px}.mail-signatures-wrapper{align-items:stretch;gap:24px}.mail-signatures-list{border:1px solid #cbd5f5;border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:18px 16px}.mail-signatures-list-head{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between}.mail-signatures-count{background:#e2e8f0;border-radius:999px;color:#475569;font-size:12px;padding:2px 8px}.mail-signatures-list ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.mail-signature-option{align-items:center;background:#eef2ff;border:1px solid #0000;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:5px 8px;transition:background .2s ease,border .2s ease;width:100%}.mail-signature-option:hover{background:#e0e7ff}.mail-signature-option.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.mail-signature-option.active .mail-pill{background:#ffffff59;color:#fff}.mail-signature-option-label{flex:1 1;text-align:left}.mail-signatures-editor{display:flex;flex:1 1;flex-direction:column;gap:28px}.mail-settings-tab{align-content:flex-end;background:#cad1d7;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:8px;justify-content:flex-end;margin-bottom:20px;padding:10px 16px}.mail-settings-tab.active{background:#2563eb;color:#fff}.mail-settings-tab:hover:not(.active){background:#e5e7eb}.mail-settings-form.secondary{border-top:1px solid #94a3b859;padding-top:24px}.mail-settings-form.secondary .mail-settings-textarea{min-height:120px}.mail-settings-subtitle{font-size:16px;font-weight:600;margin:0}.mail-settings-checkbox{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.mail-settings-checkbox input{width:auto}.mail-settings-divider{border:none;border-top:1px solid #e5e7eb;margin:32px 0}.mail-button-danger{background:#ef4444;color:#fff}.mail-button-danger:hover{background:#dc2626}.mail-button-danger:disabled{cursor:not-allowed;opacity:.45}.mail-button-secondary{background:#e2e8f0;color:#1f2937}.mail-button-secondary:hover{background:#cbd5f5}.mail-button-secondary:disabled{cursor:not-allowed;opacity:.6}.mail-header{flex-shrink:0;justify-content:space-between}.mail-header,.mail-header-right{align-items:center;display:flex;gap:12px}.mail-header-actions{align-items:center;display:flex;gap:10px}.mail-profile{position:relative}.mail-profile-button{align-items:center;background:#eef2ff;border:1px solid #cbd5f5;border-radius:999px;color:#1e1b4b;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:3px 4px}.mail-profile-button:hover{background:#e0e7ff}.mail-profile-initial{align-items:center;background:#4338ca;border-radius:50%;color:#f8fafc;display:flex;font-size:16px;font-weight:700;height:34px;justify-content:center;width:34px}.mail-profile-identity{align-items:center;display:flex;font-size:13px;gap:6px}.mail-profile-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-profile-arrow{font-size:10px}.mail-profile-menu{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px #0f172a26;display:flex;flex-direction:column;gap:10px;min-width:200px;padding:12px;position:absolute;right:0;top:calc(100% + 6px);z-index:10}.mail-profile-detail{color:#475569;font-size:13px}.mail-profile-action{background:#1d4ed8;border:none;border-radius:8px;color:#eef2ff;cursor:pointer;font-weight:600;padding:8px 10px;text-align:left}.mail-profile-action:hover{background:#1e40af}.mail-profile-signout{background:#ef4444;border:none;border-radius:8px;color:#fff7ed;cursor:pointer;font-weight:600;padding:8px 10px}.mail-profile-signout:hover{background:#dc2626}.mail-modal-backdrop{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:140}.mail-modal{background:#fff;border-radius:18px;box-shadow:0 24px 64px #0f172a40;display:flex;flex-direction:column;gap:16px;max-width:380px;padding:26px;width:100%}.mail-modal-subtitle{color:#475569;font-size:14px;margin:0}.mail-modal-error{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px;padding:10px 12px}.mail-modal-form{display:flex;flex-direction:column;gap:12px}.mail-modal-form label{color:#1f2937;display:flex;flex-direction:column;font-size:14px;gap:6px}.mail-modal-form input{border:1px solid #cbd5f5;border-radius:8px;font-size:14px;padding:10px}.mail-modal-form input:disabled{background:#f1f5f9}.mail-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.mail-modal-actions button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 16px}.mail-modal-actions button[disabled]{cursor:default;opacity:.7}.mail-modal-actions button:not(.mail-modal-cancel){background:#2563eb;color:#f8fafc}.mail-modal-actions button:not(.mail-modal-cancel):hover:not([disabled]){background:#1d4ed8}.mail-modal-cancel{background:#e2e8f0;color:#1f2937}.mail-modal-cancel:hover:not([disabled]){background:#cbd5f5}.mail-mobile-menu{align-items:center;background:#0f172a;border:none;border-radius:999px;box-shadow:0 6px 16px #0f172a40;color:#f8fafc;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;width:100px}.mail-mobile-menu:hover{opacity:.92}.mail-title{color:#0f172a;font-size:22px;font-weight:700}.mail-subtitle{color:#64748b;font-size:14px}.mail-toast{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:10px;color:#166534;font-size:13px;padding:10px 12px}.mail-toast-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mail-toast-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;width:90%}.mail-toast-modal.success{border-left:4px solid #22c55e}.mail-toast-modal.error{border-left:4px solid #ef4444}.mail-toast-modal-content{align-items:center;color:#166534;display:flex;font-size:14px;font-weight:500;gap:12px;padding:20px}.mail-toast-modal.error .mail-toast-modal-content{color:#dc2626}.mail-toast-icon.success{color:#22c55e;font-size:20px}.mail-toast-icon.error{color:#ef4444;font-size:20px}.mail-grid{display:grid;flex:1 1 auto;grid-template-columns:360px 1fr;grid-template-rows:1fr;min-height:0;overflow:hidden}.mail-list{display:flex;flex-direction:column;height:99%;min-height:0;overflow-y:auto}.setcloses{background:#6a0707;border:none;color:#fff;cursor:pointer;font-size:26px;height:42px;padding:6px;width:63px}.mail-list-item{border-bottom:2px solid #1e2d4566;color:#94a3b8;cursor:pointer;font-size:13px;padding:12px;position:relative;transition:background .15s ease,box-shadow .15s ease}.mail-list-item:hover{background:#eef2ff}.mail-list-item.selected{background:#1c3166;box-shadow:inset 3px 0 0 #0ea5e9;color:#fff}.mail-list-item.unread{font-weight:600}.mail-list-item.read{opacity:.85}.mail-list-top{align-items:center;display:flex;gap:5px;min-height:28px;width:100%}.mail-list-from{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fas,.mail-toolbar-actions .fa-solid{font-size:11px}.mail-toolbar-actions{gap:8px}.mail-action-small{align-items:center;border:1px solid #00000014;border-radius:6px;cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:4px;width:22px}.mail-action-small:disabled{cursor:default;opacity:.45}.mail-action-small i{font-size:11px}.mail-list-subject{font-weight:700;margin-top:4px}.notes-view{display:flex;gap:20px;height:100%;overflow:hidden;padding:20px}.mail-list-snippet{color:#475569;font-size:13px;margin-top:2px}.mail-list-date{color:#64748b;flex-shrink:0;font-size:12px;margin-left:auto;white-space:nowrap}.mail-date-status{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;margin-left:auto}.mail-status-badge{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;white-space:nowrap}.unread-badge{align-items:center;background:#22c55e;box-shadow:0 0 6px #22c55e99;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:8px;padding:0 6px}.read-badge{background:#dbeafe;border:1px solid #bfdbfe;color:#0c4a6e}.fa-trash{color:red}.mail-list-toolbar{align-items:center;border-bottom:1px solid #e6eefc;display:flex;gap:8px;padding:6px 15px;pointer-events:auto;position:-webkit-sticky;position:sticky;top:36px;z-index:9}.mail-list-toolbar input[type=checkbox]{height:14px;margin:0;vertical-align:middle;width:14px}.mail-list-toolbar *,.mail-list-toolbar input,.mail-list-toolbar label{pointer-events:auto}.has-custom-bg:after,.has-custom-bg:before,body:after,body:before{pointer-events:none!important}.select-all-wrap{align-items:center;display:flex;z-index:10000}.select-all-wrap input{height:22px;transform:scale(1.2);width:22px}.mail-list-toolbar select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:11px;height:25px;padding:4px 8px;width:60px}.mail-select-checkbox{-webkit-tap-highlight-color:rgba(0,0,0,.06);cursor:pointer;height:14px;pointer-events:auto;position:relative;touch-action:manipulation;width:14px;z-index:6}.mail-checkbox-label{align-items:center;display:flex;margin-right:8px}.mail-pill{background:#e0f2fe;border-radius:999px;color:#0369a1;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.4px;margin-top:6px;padding:4px 8px;text-transform:uppercase}.mail-preview{border:1px solid #142244;display:flex;flex-direction:column;gap:10px;height:94%;min-height:0;overflow:hidden;padding:14px}.mail-preview-head{display:flex;gap:10px;justify-content:space-between}.mail-preview-actions{align-items:center;display:flex;gap:8px;position:relative}.mail-preview-actions-trigger{background:#2563eb;border:none;border-radius:999px;box-shadow:0 6px 16px #2563eb40;color:#fff;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:8px 12px}.mail-preview-actions-trigger:hover{opacity:.92}.mail-preview-actions-menu{background:#fff;border:1px solid #cbd5f5;border-radius:10px;box-shadow:0 12px 28px #0f172a2e;display:flex;flex-direction:column;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:10}.mail-preview-actions-item{background:none;border:none;color:#0f172a;cursor:pointer;font-size:13px;padding:10px 14px;text-align:left}.mail-preview-actions-item:hover{background:#eff6ff;color:#1d4ed8}.mail-preview-subject{color:#fff;font-size:20px;font-weight:800}.mail-preview-meta{color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.contact-popover{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0206171f;min-width:260px;padding:12px;z-index:2400}.contact-avatar{background:#2c3e6f}.contact-popover-row{align-items:center;display:flex;gap:12px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.contact-initials{align-items:center;background:linear-gradient(135deg,#e6f0ff,#dbeafe);color:#1f2937;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.contact-name{font-size:16px;font-weight:700}.contact-email{color:#64748b;font-size:13px}.contact-btn{background:#0000;border:1px solid #e6eefc;border-radius:8px;cursor:pointer;padding:8px 12px}.contact-btn.primary{background:#cfe6ff;border-color:#b6dbff}.contact-link{color:#1d4ed8;display:block;margin-top:8px;text-decoration:none}.contact-msg{color:green;font-size:13px;margin-top:8px}.mail-preview-tabs{background:#e2e8f0;border-radius:999px;display:inline-flex;gap:8px;margin-top:8px;padding:4px}.mail-preview-tab{background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background .15s ease,color .15s ease}.mail-preview-tab:hover{background:#3b82f629}.mail-preview-tab.active{background:#1d4ed8;box-shadow:0 8px 20px #1d4ed859;color:#fff}.mail-preview-attachments{display:flex;flex-direction:column;gap:12px;margin-top:12px}.mail-preview-attachments .mail-preview-attachment{margin-top:0}.mail-preview-empty{background:#f8fafc;border-radius:12px;color:#475569;font-size:13px;margin-top:16px;padding:20px;text-align:center}.mail-preview-body{color:#94a3b8;flex:1 1 auto;line-height:1.6;overflow-y:auto}.mail-empty{color:#64748b;padding:16px}.mail-compose{min-height:0;overflow:auto;padding:10px}.mail-compose,.mail-compose-form{display:flex;flex:1 1 auto;flex-direction:column}.mail-compose-form{gap:12px;padding-right:4px}.mail-compose-address{align-items:center;background:#fff;border:1px solid #cbd5f5;border-radius:10px;display:flex;overflow:hidden}.mail-compose-address input{background:#0000;border:none;border-radius:10px;flex:1 1;font-size:14px;min-width:0;padding:12px}.mail-compose-address input:focus{outline:none}.mail-compose-address-actions{gap:10px;margin:4px 0 8px}.mail-compose-address-toggle{color:#1d4ed8;flex:none;font-weight:600;padding:0}.mail-compose-inline-field{display:flex;flex-direction:column;gap:6px}.mail-compose-input-row{align-items:center;display:flex;gap:12px}.mail-compose-input-row .email-chip-container{flex:1 1 auto;min-width:0}.mail-compose-address-actions{align-items:center;display:flex;gap:8px}.mail-compose-address-hint{color:#475569;font-size:12px;white-space:nowrap}.mail-compose-address-toggle button{background:#0000009e;border:1px solid #0000;border-radius:6px;cursor:pointer;margin-left:6px;padding:6px 8px}.mail-compose-address-toggle button:hover{background:#1d4ed80f;border-color:#1d4ed829}.mail-compose-address-remove{background:none;border:none;border-left:1px solid #cbd5f5;color:#64748b;cursor:pointer;font-size:18px;height:100%;line-height:1;padding:0 12px}.mail-compose-address-remove:hover{color:#ef4444}.mail-compose-field{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.mail-compose-form label.mail-compose-field:last-of-type{flex:1 1 auto;min-height:0}.mail-compose-field.drag-active{background:#2563eb14;border-radius:12px;transition:background .2s ease}.mail-compose-field.drag-active .mail-compose-toolbar{border-color:#7c9cff}.mail-compose-field.drag-active .mail-compose-editor{background:#f8fafc;border-color:#2563eb}.mail-compose-toolbar{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:6px 8px;white-space:nowrap}.mail-compose-toolbar::-webkit-scrollbar{height:6px}.mail-compose-toolbar::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}.mail-compose-toolbar button{background:#fff;border:1px solid #cbd5f5;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:6px 10px}.mail-compose-toolbar button:hover{background:#eff6ff}.mail-compose-toolbar button.voice-active{animation:pulse 1.5s infinite;background:#dc2626;color:#fff}.mail-compose-toolbar button.voice-active:hover{background:#b91c1c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.mail-toolbar-divider{align-self:stretch;background:#94a3b866}.mail-color-select{background:#fff;border:1px solid #cbd5f5;border-radius:6px;font-size:13px;padding:6px 8px}.mail-compose-editor{border:1px solid #cbd5f5;border-radius:12px;box-shadow:inset 0 1px 3px #0f172a0d;flex:1 1 auto;min-height:230px;overflow-y:auto;padding:12px}.mail-compose-editor:focus{outline:2px solid #2563eb4d}.mail-compose-editor:empty:before{color:#94a3b8;content:attr(data-placeholder)}.mail-attachment-hint{color:#475569;margin-top:8px}.mail-attachment-preview{align-items:flex-start;background:#eff6ff;border:1px dashed #60a5fa;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-top:10px;padding:10px 12px}.mail-attachment-name{color:#0f172a;font-weight:600}.mail-attachment-meta{color:#475569;font-size:12px}.mail-compose-form label{color:#0f172a;display:flex;flex-direction:column;font-size:13px;gap:6px}.mail-compose-actions{background-color:#000000c9;bottom:10px;display:flex;gap:10px;margin-top:auto;padding:6px;position:-webkit-sticky;position:sticky}.mail-compose-actions button[disabled]{cursor:not-allowed;opacity:.6}.align-actions{align-items:center;display:flex;justify-content:space-between}.mail-compose-actions-left{gap:10px}.mail-compose-actions-left,.mail-compose-actions-right{align-items:center;display:flex}.mail-compose-actions button{width:auto!important}.mail-compose-actions-left button[type=submit]{border-radius:8px;font-weight:600;padding:8px 18px;white-space:nowrap}.mail-mobile-back{align-items:center;align-self:flex-start;background:#0f172a;border:none;border-radius:999px;box-shadow:0 6px 16px #0f172a40;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.mail-mobile-back:hover{opacity:.92}.mail-list-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mail-pill.attachment-pill{background:#f5f3ff;color:#6d28d9}.mail-preview-attachment{align-items:stretch;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding:12px}.mail-preview-attachment-main{display:flex;flex-direction:column;gap:6px;min-width:0}.mail-attachment-link,.mail-preview-attachment a{color:#2563eb;font-weight:600;text-decoration:none}.mail-attachment-link:hover,.mail-preview-attachment a:hover{text-decoration:underline}.mail-attachment-mime,.mail-attachment-size{color:#475569;font-size:12px}.mail-preview-attachment-thumb{background:#fff;border:1px solid #cbd5f5;border-radius:10px;flex:none;max-width:180px;overflow:hidden}.mail-preview-attachment-thumb img{display:block;height:auto;width:100%}.login-page{align-items:center;background-color:#0a2435;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:10px}.imglogo{width:45px}.login-card{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:45px 40px}.login-layout{border-radius:16px;box-shadow:0 20px 50px #00000026;display:flex;gap:12px;max-width:1200px;min-height:480px;overflow:hidden;width:100%}.ad-card{align-items:center;background:#f4f6fa;display:flex;flex:2.5 1;justify-content:center;padding:25px}.ad-image,.ad-media{height:100%;width:100%}.ad-image{border-radius:14px;object-fit:cover}.login-form input{border:1px solid #dcdcdc;border-radius:8px;font-size:14px;margin-bottom:18px;padding:12px 14px;transition:.3s;width:100%}.login-form input:focus{border-color:#a156fb;box-shadow:0 0 0 2px #a156fb22;outline:none}.login-title{color:#333;font-size:22px;font-weight:500;margin-bottom:25px;text-align:center}.login-card label{color:#666;font-size:13px;margin-bottom:6px}.hide-chat{display:none}@media(min-width:768px){.settings-layout{display:inline-flex!important}.hide-chat{display:flex}}.textboxcss{border:1px solid #353637e6;border-radius:8px;color:#fff;height:25px;padding:6px 10px;width:93%}.mobileback{display:none!important}@media (max-width:992px){.settings-layout{display:inline-flex!important}.mobileback{display:block!important}.login-layout{flex-direction:column}.chat-input{bottom:62px!important;position:fixed!important;width:94%!important}.chat-image{max-width:170px!important}.chat-header{position:fixed;width:94%}.ad-card{height:250px}.ad-image{max-height:220px}.login-card{padding:30px}}@media (max-width:480px){.settings-layout{display:inline-flex!important}.login-card{padding:25px 20px}.login-title{font-size:20px}}.login-card input{border:1px solid #cfd6df;border-radius:3px;font-size:14px;margin-bottom:18px;padding:10px 12px}.login-card input:focus{border-color:#2b7dbc;box-shadow:0 0 0 1px #2b7dbc4d;outline:none}.login-actions button:disabled{cursor:not-allowed;opacity:.6}.login-actions button,.login-actions input[type=submit]{background:linear-gradient(90deg,#a156fb,#7b2ff7);background-color:#a156fb;border:none;border-radius:8px;box-shadow:none;color:#fff;font-size:16px;font-weight:700;padding:8px 35px}.login-footer{margin-top:15px;text-align:left}.login-footer a{color:#2b7dbc;font-size:13px;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-error{background:#fdecea;border-radius:4px;color:#b71c1c;font-size:13px;margin-bottom:15px;padding:8px 10px}.mail-toolbar-divider{background:#ccc;height:20px;margin:0 6px;width:1px}.mail-toolbar-select{border:1px solid #ccc;border-radius:4px;font-size:12px;padding:4px;width:60px}.mail-color-btn{cursor:pointer;position:relative}.mail-color-btn input{inset:0;opacity:0;position:absolute}.mail-brand-meta,.mail-nav-btn span,.mail-stat-label,.mail-stat-value{opacity:1;transform:translateX(0);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.mail-nav-btn span{white-space:nowrap}.mail-header-left{align-items:center;display:flex;gap:2px}.mail-nav-btn i{font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.mail-profile-avatar{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:inline-flex;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.mail-profile-avatar img{height:100%;object-fit:cover;width:100%}.mail-profile-image-preview{align-items:center;display:flex;gap:16px;margin-bottom:12px}.mail-profile-image-preview img{border:2px solid #2563eb;border-radius:50%;height:72px;object-fit:cover;width:72px}.mail-profile-image-empty{color:#6b7280;font-size:13px;margin-bottom:12px}.mail-dashboard .page-title{font-size:20px;margin-bottom:12px}.mail-dashboard{padding:18px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.stat-card{align-items:center;border-radius:12px;box-shadow:0 8px 24px #1414281f;color:#fff;cursor:pointer;display:flex;gap:12px;padding:14px;transition:transform .12s ease,box-shadow .12s ease}.stat-card:hover{box-shadow:0 16px 36px #14142824;transform:translateY(-6px)}.stat-card-icon{align-items:center;background:#ffffff1f;border-radius:10px;display:inline-flex;font-size:28px;height:48px;justify-content:center;width:48px}.stat-card-body .stat-card-label{font-size:13px;opacity:.95}.stat-card-body .stat-card-value{font-size:22px;font-weight:700}.dashboard-chart-shell{background:#fff;border-radius:12px;box-shadow:0 8px 20px #1414280f;padding:14px}.dashboard-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.chart-title{font-weight:700}.chart-legend{align-items:center;display:flex;font-size:13px;gap:12px}.chart-legend .legend-item{align-items:center;display:flex;gap:8px}.chart-legend .legend-dot{border-radius:3px;display:inline-block;height:12px;width:12px}.chart-legend .legend-dot.open{background:#f59e0b}.chart-legend .legend-dot.closed{background:#ef4444}.dashboard-chart .dashboard-bar{background:#eef2ff;border-radius:8px;display:flex;height:28px;overflow:hidden}.dashboard-bar .bar-segment{height:100%}.dashboard-bar .bar-segment.open{background:linear-gradient(90deg,#f59e0b,#f97316)}.dashboard-bar .bar-segment.in-progress{background:linear-gradient(90deg,#f50bf5,#8e1d94)}.dashboard-bar .bar-segment.closed{background:linear-gradient(90deg,#ef4444,#f43f5e)}.dashboard-chart-stats{color:#374151;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}.dashboard-status-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;margin-top:10px;padding:12px}.status-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.status-table{border-collapse:collapse;width:100%}.status-table td,.status-table th{border-bottom:1px solid #eef2f7;font-size:13px;padding:8px 10px;text-align:left}.status-table td button.link-like{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.modal-overlay{background:#00000080;z-index:9999}.modal-content{background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:90vh;max-width:900px;overflow:auto;width:90%}.modal-header{padding:10px 12px}.modal-body{padding:12px}.dashboard-loading{color:#6b7280;padding:20px}.mail-header-actions-left{align-items:center;display:flex;gap:10px}.mail-top-btn{align-items:center;background:#0482ff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 10px}.mail-top-btn.warning{background:#b1a60e;border-color:#b1a60e;color:#fff}.mail-top-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.mail-top-btn.secondary{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.mail-top-btn.secondary:hover{background:#e5e7eb}.mail-top-btn:disabled{cursor:not-allowed;opacity:.5}.mail-search-box{align-items:center;background:#0f172a;display:flex;padding:4px 9px;position:-webkit-sticky;position:sticky;top:52px;z-index:11}.mail-search-box input{border:none;border:1px solid I!important;font-size:14px;outline:none;width:315px}.mail-meta-toggle{background:none;border:none;color:#555;cursor:pointer;font-size:11px;margin-left:15px;padding:4px;width:32px}.mail-header-details{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 20px #00000026;font-size:13px;left:20px;line-height:1.6;max-width:320px;padding:6px 9px;top:60px;z-index:50}.mail-header-details div{display:flex;gap:6px}.mail-header-details strong{color:#555;width:90px}.mail-compose-toolbar button{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:6px}.mail-compose-toolbar button:hover{background:#e5e7eb}.mail-compose-toolbar button.is-active{background:#e0e7ff;color:#1e1b4b}.mail-compose-editor[contenteditable=true]:empty:before{pointer-events:none}.mail-compose-address-row{align-items:center;display:flex;gap:8px}.mail-compose-address{flex:1 1}.mail-compose-address input{width:100%}.mail-compose-address-actions-inline{display:flex;gap:6px;white-space:nowrap}.mail-compose-address-toggle{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;padding:4px 6px}.mail-compose-address-toggle:hover{text-decoration:underline}.composebuton{background:#7f421b;border:1px solid #ffffff14;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.panel{background:#ffffffe6;border-radius:20px;box-shadow:0 16px 36px #1f293714;padding:20px}.notes-sidebar{border-radius:12px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;padding:20px;width:300px}.notes-header{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.notes-meta{color:#6b7280;font-size:12px;margin:6px 0 10px}.notes-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.notes-list-item{align-items:center;background:#d6cbcb45;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;padding:10px;text-align:left;width:100%}.notes-list-item:hover{background:#f3f4f6}.notes-list-item.active{background:#e5f0ff}.notes-list-title{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-list-date{color:#6b7280;flex-shrink:0;font-size:11px;margin-left:10px}.notes-editor{border-radius:12px;flex:1 1;overflow-y:auto;padding:20px}.notes-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.notes-field span{font-size:13px;font-weight:600}.notes-field input,.notes-field textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px}.notes-field textarea{min-height:220px;resize:vertical}.notes-actions{display:flex;gap:10px;margin-top:12px}.step-buttons{display:flex;gap:12px;margin-top:20px}.step-buttons button{border-radius:12px;flex:1 1;font-size:15px;font-weight:600;padding:14px}.btn-primary{background:#2f80ed}.login-card input,.login-card select{box-sizing:border-box;width:100%}.login-card select{border-radius:10px;padding:12px}.login-card label{display:block;font-size:14px;margin-top:14px}.success-box{padding:20px 10px;text-align:center}.success-icon{background:#27ae60;color:#fff;height:56px;width:56px}.email-chip-container{position:relative}.email-suggestions{background:#fff;border:1px solid #e6eef9;border-radius:8px;box-shadow:0 8px 24px #0d142814;left:0;max-height:320px;min-width:320px;overflow:auto;position:absolute;top:calc(100% + 6px);z-index:1400}.email-suggestion{align-items:center;cursor:pointer;display:flex;padding:10px 12px}.email-suggestion.active{background:#fff;color:#000;font-weight:700}.email-suggestion-left{display:flex;flex-direction:column}.email-suggestion-name{color:#111827;font-weight:600}.email-suggestion-email{color:#6b7280;font-size:12px}.success-box h3{color:#2f80ed;margin:8px 0 6px}.success-box p{margin:4px 0}.mail-header-overlay{inset:0;position:fixed;z-index:1000}.mail-header-details.modal{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0003;color:#000;font-size:14px;left:50%;max-width:calc(100% - 32px);padding:16px;position:absolute;top:20%;transform:translateX(-50%)}.mail-header-details.modal div{margin-bottom:6px}.mail-header-details.modal strong{color:#555}.mail-more-menu.modal{background:#fff;border-radius:10px;left:auto;max-width:240px;padding:8px 0;position:absolute;right:12px;top:18%;transform:none}.mail-more-menu.modal .mail-more-item{padding:10px 14px}.admin-users{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.admin-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-users-header h1{font-size:22px;font-weight:600}.admin-users-actions button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.admin-users-actions button:disabled{background:#9ca3af}.admin-users-grid{align-items:start;flex:1 1 auto;gap:20px;grid-template-columns:minmax(0,360px) minmax(0,1fr);min-height:0;width:96%}.admin-users-form,.admin-users-list{border-radius:10px;box-shadow:0 6px 20px #0000000f;min-height:0;overflow-y:auto;padding:18px}select{border:1px solid #6c6f73e6!important;border-radius:6px;color:#7c7878;font-size:14px;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease;width:100%}.admin-users-list{gap:14px;min-height:0}.admin-users-form h2,.admin-users-list h2{font-size:16px;font-weight:600;margin-bottom:15px}.form-group{margin-bottom:12px}.form-group span{color:#374151;font-size:13px;margin-bottom:4px}.form-group input,.form-group select{border:1px solid #d1d5db;padding:10px 12px}.admin-users-form button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:5px;padding:15x;width:100%}.admin-users-form button:disabled{background:#9ca3af}.admin-users-error{background:#fee2e2;color:#991b1b}.admin-users-error,.admin-users-info{border-radius:6px;font-size:13px;margin-top:8px;padding:8px}.admin-users-info{background:#ecfeff;color:#155e75}.notification-toast-wrapper{align-items:flex-end;bottom:18px;display:flex;flex-direction:column;gap:10px;position:fixed;right:12px;z-index:9999}.notification-toast-wrapper.top{align-items:flex-end;bottom:auto;top:18px}.notification-toast{animation:toast-in .22s ease-out forwards;background:#fff;border-left:4px solid #2563eb;border-radius:8px;box-shadow:0 6px 18px #0f172a1f;color:#111827;cursor:pointer;max-width:380px;min-width:260px;opacity:0;padding:10px 12px;transform:translateY(8px)}.notification-toast-title{font-size:14px;font-weight:600;margin-bottom:4px}.notification-toast-body{color:#374151;font-size:13px;line-height:1.2}@keyframes toast-in{to{opacity:1;transform:translateY(0)}}.admin-users-table-wrapper{max-height:60vh;overflow-x:auto}.admin-users-table{border-collapse:collapse;font-size:14px;width:100%}.admin-users-table td{border-bottom:1px solid #e5e7eb;padding:5px}.mail-empty{color:#6b7280;padding:20px;text-align:center}.admin-users-list{display:flex;flex-direction:column;max-height:calc(100vh - 160px)}.admin-users-table-wrapper{border-radius:8px;flex:1 1;max-height:420px;overflow-y:auto}.admin-users-table thead th{background-color:#000;color:#fff;font-weight:600;padding:3px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.mail-attachment-preview-list{margin-top:8px}.mail-attachment-preview.clickable{cursor:pointer}.mail-attachment-preview.clickable:hover{background:#e2e8f0;border-color:#cbd5e1}.mail-attachment-name{color:#374151;font-size:13px;font-weight:500;margin-bottom:2px}.mail-attachment-meta{color:#6b7280;font-size:11px}.remove-attachment{align-items:center;background:#ef4444;border:none;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:25px;justify-content:center;transition:background-color .2s ease;width:60px}.remove-attachment:hover{background:#dc2626}.mail-attachment-hint{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.contacts-view{background:#ffffff1a;border-radius:10px;height:100%;overflow-y:auto;padding:10px}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.contacts-header h2{color:#fff;margin:0}.contacts-primary-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}.contacts-primary-btn:hover{background:#1d4ed8}.contacts-secondary-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:10px 16px}.contacts-secondary-btn:hover{background:#e5e7eb}.contacts-form-overlay{background:#00000080;bottom:0;right:0;z-index:1000}.contacts-form{background:#fff;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:80%}.contacts-form h3{margin:0 0 20px}.contacts-field{margin-bottom:16px}.contacts-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.contacts-field input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:93%}.contacts-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.contacts-form-actions{display:flex;gap:12px;margin-top:20px}.contacts-empty{color:#6b7280;padding:40px;text-align:center}.contacts-list{display:flex;flex-direction:column;gap:12px}.contacts-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:10px}.contacts-info{flex:1 1}.contacts-name{color:#1f2937;font-weight:600;margin-bottom:2px}.contacts-email{color:#6b7280;font-size:14px}.contacts-actions{display:flex;gap:8px}.contacts-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:8px;width:32px}.contacts-action-btn.send-btn{background:#10b981;color:#fff}.contacts-action-btn.send-btn:hover{background:#059669}.contacts-action-btn.edit-btn{background:#f59e0b;color:#fff}.contacts-action-btn.edit-btn:hover{background:#d97706}.contacts-action-btn.delete-btn{background:#ef4444;color:#fff}.contacts-action-btn.delete-btn:hover{background:#dc2626}.theme-options{display:flex;gap:16px;margin-top:12px}.theme-option{cursor:pointer;font-weight:500}.email-chip-container{border:1px solid #ccc;border-radius:6px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:38px}.email-chip{background:#0f172a;border:1px solid #353637e6;border-radius:8px;color:#fff;height:25px;padding:6px 10px}.email-chip button{background:#f7c6c6;border:none;color:#000;cursor:pointer;font-size:15px;margin-left:0;margin-right:8px;padding:2px 6px}.email-chip-remove{align-items:center;border-radius:999px;display:inline-flex;height:24px;justify-content:center;padding:0;width:24px}.email-chip-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-chip-input{border:none;flex:1 1;min-width:160px;outline:none}.modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-card{animation:modalFade .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;max-height:500px;overflow:scroll;padding:24px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:12px}.modal-header h3{font-size:20px;font-weight:600;margin:0}.modal-form{margin-top:16px}.form-group{display:flex;flex-direction:column;margin-bottom:14px}.form-row{display:flex;gap:12px}.form-group label{color:#333;font-size:13px;font-weight:500;margin-bottom:4px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:6px;font-size:14px;height:40px;padding:0 12px}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}.form-error{color:#b00020;font-size:13px;margin-top:4px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.btn-primary{background:#2563eb;color:#fff;font-weight:500;padding:10px 16px}.btn-primary:hover{background:#1e4fd6}.btn-secondary{background:#f3f4f6;border:1px solid #ccc;padding:10px 16px}.btn-secondary:hover{background:#e5e7eb}@keyframes modalFade{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mail-floating-send{display:none}.mail-list-item.mobile-selected{background:#e8f0fe;position:relative}.mail-mobile-check{align-items:center;background:#1a73e8;border-radius:50%;color:#fff;display:flex;font-size:14px;height:26px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:26px}.right-chat-panel{background:#fff;border-radius:8px;bottom:20px;box-shadow:0 4px 20px #0003;height:450px;position:fixed;right:20px;width:320px;z-index:9999}.right-chat-header{align-items:center;background:#2563eb;color:#fff;cursor:move;display:flex;justify-content:space-between;padding:10px}.storage-progress-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;padding:8px 10px}.storage-info-footer{align-items:center;display:flex;justify-content:space-between}.storage-label-footer{color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase}.storage-value-footer{color:#374151;font-size:11px;font-weight:500}.storage-bar-footer{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:100%}.storage-fill-footer{background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:width .3s ease}.storage-bar-footer.storage-warning{background:#fef3c7}.storage-bar-footer.storage-warning .storage-fill-footer{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.storage-bar-footer.storage-critical{background:#fee2e2}.storage-bar-footer.storage-critical .storage-fill-footer{background:linear-gradient(90deg,#ef4444,#f87171)}.storage-settings{border-radius:8px;margin-bottom:20px;padding:20px}.storage-settings h3{font-size:18px;font-weight:600;margin-bottom:20px}.storage-container{display:flex;flex-direction:column;gap:20px}.storage-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.storage-info-item{border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;padding:15px}.storage-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:6px;text-transform:uppercase}.storage-value{color:#2563eb;font-size:20px;font-weight:700}.storage-progress-container{display:flex;flex-direction:column;gap:10px}.storage-progress-bar{background:#e5e7eb;border:1px solid #d1d5db;border-radius:12px;height:24px;overflow:hidden;width:100%}.storage-progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:width .3s ease}.storage-progress-bar.storage-warning{background:#fef3c7;border-color:#fcd34d}.storage-progress-bar.storage-warning .storage-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.storage-progress-bar.storage-critical{background:#fee2e2;border-color:#fca5a5}.storage-progress-bar.storage-critical .storage-progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.storage-progress-text{color:#6b7280;font-size:12px;margin:0;text-align:center}.storage-warning{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e}.storage-critical,.storage-warning{font-size:13px;line-height:1.5;padding:12px 15px}.storage-critical{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#7f1d1d}.storage-refresh-btn{align-self:flex-start;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:background .2s ease}.storage-refresh-btn:hover{background:#1d4ed8}.storage-refresh-btn:disabled{background:#cbd5f5;cursor:not-allowed}.error-message{color:#dc2626;font-size:13px;margin:10px 0}.right-meeting-panel{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:40px;width:350px;z-index:130}.right-meeting-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:12px 16px}.right-meeting-header button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.right-meeting-header button:hover{color:#111827}.right-meeting-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.right-meeting-section{display:flex;flex-direction:column;gap:10px}.right-meeting-section h4{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.right-meeting-input{border:1px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.right-meeting-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.right-meeting-divider{color:#d1d5db;font-size:12px;font-weight:500;margin:5px 0;text-align:center}.right-meeting-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 12px;transition:all .2s;width:100%}.right-meeting-btn.create-btn{background:#3b82f6;color:#fff}.right-meeting-btn.create-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.right-meeting-btn.join-btn{background:#10b981;color:#fff}.right-meeting-btn.join-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.right-meeting-btn.join-btn:disabled{background:#d1d5db;cursor:not-allowed}.right-meeting-btn.copy-btn{background:#8b5cf6;color:#fff}.right-meeting-btn.copy-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.right-meeting-btn.share-btn{background:#ec4899;color:#fff}.right-meeting-btn.share-btn:hover{background:#db2777;box-shadow:0 4px 12px #ec48994d}.right-meeting-btn.join-now-btn{background:#f59e0b;color:#fff}.right-meeting-btn.join-now-btn:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.right-meeting-btn.start-new-btn{background:#6b7280;color:#fff;margin-top:10px}.right-meeting-btn.start-new-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d}.right-meeting-created{display:flex;flex-direction:column;gap:16px}.right-meeting-created p{color:#374151;font-size:14px;margin:0}.right-meeting-created p strong{color:#111827;font-weight:600}.right-meeting-id{background:#f0fdf4;border-left:3px solid #10b981;border-radius:6px;font-size:13px;padding:10px 12px}.right-meeting-id code{background:#fff;border-radius:4px;color:#10b981;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}.right-meeting-link-display{display:flex;gap:8px}.right-meeting-link-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;flex:1 1;font-family:Courier New,monospace;font-size:12px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis}.right-meeting-link-input:focus{background:#fff;border-color:#3b82f6;outline:none}.right-meeting-actions{display:flex;flex-direction:column;gap:8px}.delete-confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{animation:slideIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:24px;width:90%}.delete-confirm-modal h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.delete-confirm-modal p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.delete-confirm-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.delete-confirm-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:140px;padding:10px 16px;transition:all .2s ease}.delete-confirm-btn i{font-size:14px}.delete-confirm-btn.delete-me-only{background:#3b82f6;color:#fff}.delete-confirm-btn.delete-me-only:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.delete-confirm-btn.delete-me-only:active{transform:translateY(0)}.delete-confirm-btn.delete-both{background:#ef4444;color:#fff}.delete-confirm-btn.delete-both:hover{background:#dc2626;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.delete-confirm-btn.delete-both:active{transform:translateY(0)}.delete-confirm-btn.cancel{background:#e5e7eb;color:#374151;width:100%}.delete-confirm-btn.cancel:hover{background:#d1d5db;transform:translateY(-1px)}.delete-confirm-btn.cancel:active{transform:translateY(0)}.edit-msg-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-msg-modal{animation:slideIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;padding:24px;width:90%}.edit-msg-modal h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.edit-msg-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:120px;padding:12px;resize:vertical;width:100%}.edit-msg-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-msg-hint{color:#6b7280;font-size:12px;font-style:italic;margin:8px 0 12px}.edit-msg-actions{display:flex;gap:12px}.edit-msg-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.edit-msg-btn.save{background:#10b981;color:#fff}.edit-msg-btn.save:hover{background:#059669;box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.edit-msg-btn.save:active{transform:translateY(0)}.edit-msg-btn.cancel{background:#e5e7eb;color:#374151}.edit-msg-btn.cancel:hover{background:#d1d5db;transform:translateY(-1px)}.edit-msg-btn.cancel:active{transform:translateY(0)}.meeting-prejoin-container{align-items:center;background:#f5f5f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;width:100vw}.meeting-prejoin-wrapper{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;max-width:1200px;padding:40px;width:100%}.meeting-video-preview{background:#000;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden;padding-bottom:75%;position:relative;width:100%}.meeting-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.meeting-video-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;font-size:18px;justify-content:center;left:0;position:absolute;right:0;top:0}.camera-off-text{color:#fff;font-size:18px;font-weight:500}.meeting-prejoin-info{display:flex;flex-direction:column;gap:24px}.ready-to-join-title{color:#202124;font-size:32px;font-weight:300;margin:0}.meeting-status-box{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:16px}.participant-count{color:#202124;font-size:16px;font-weight:500;margin:0 0 8px}.participant-list{color:#5f6368;font-size:14px;margin:0}.no-participants{color:#5f6368;font-size:16px;margin:0}.pending-requests-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;padding:16px}.pending-requests-box h4{color:#856404;font-size:14px;font-weight:600;margin:0 0 12px}.request-item{align-items:center;background:#fff9;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.request-item span{color:#202124;flex:1 1;font-size:14px}.request-buttons{display:flex;gap:8px}.accept-btn,.reject-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.accept-btn{background:#10b981}.accept-btn:hover{background:#059669}.reject-btn:hover{background:#dc2626}.join-now-btn{background:#1f2937;border:none;border-radius:24px;box-shadow:0 1px 3px #0000001f;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s;width:100%}.join-now-btn:hover{background:#111827;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.join-now-btn:active{transform:translateY(0)}.cancel-meeting-btn{background:#fff;border:1px solid #dadce0;border-radius:24px;color:#202124;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s;width:100%}.cancel-meeting-btn:hover{background:#f8f9fa;border-color:#d3d3d3}.prejoin-controls{display:flex;gap:12px;justify-content:center}.prejoin-control-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.prejoin-control-btn:hover{background:#f8f9fa;border-color:#d3d3d3}.prejoin-control-btn.muted{background:#ffebee;border-color:#ef5350;color:#c62828}.prejoin-control-btn.muted:hover{background:#ffcdd2}.prejoin-control-btn i{font-size:16px}.meeting-room{background:#000;color:#fff;display:flex;flex-direction:column;height:100vh;width:100vw}.meeting-room-header{align-items:center;background:#00000080;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 24px}.meeting-room-header h2{font-size:18px;font-weight:500;margin:0}.leave-meeting-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.leave-meeting-btn:hover{background:#dc2626}.meeting-videos-container{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow:auto;padding:16px}.local-video,.local-video-wrapper{background:#1a1a1a;border-radius:8px;height:100%;width:100%}.local-video-wrapper{overflow:hidden;position:relative}.meeting-camera-off-overlay{align-items:center;background:linear-gradient(135deg,#262626,#1a1a1a);bottom:0;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0}.meeting-camera-off-overlay i{color:#6b7280;font-size:48px}.meeting-camera-off-overlay p{color:#d1d5db;font-size:16px;font-weight:500;margin:0}.remote-videos{display:contents}.remote-videos video{background:#1a1a1a;border-radius:8px;height:95%;object-fit:cover;width:95%}.call-controls{bottom:20px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%)}.call-controls button{background:#222;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.end-call-btn{background:red}.host-pending-requests{background:#ffc1071a;border-bottom:1px solid #ffc1074d;max-height:150px;overflow-y:auto;padding:12px 24px}.host-pending-requests h3{color:#ffc107;font-size:14px;font-weight:600;margin:0 0 8px}.meeting-controls-bar{background:#000000b3;border-top:1px solid #ffffff1a;gap:16px;padding:20px}.meeting-control-btn,.meeting-controls-bar{align-items:center;display:flex;justify-content:center}.meeting-control-btn{background:#404040;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:20px;height:56px;transition:all .2s ease;width:56px}.meeting-control-btn:hover{background:#505050;box-shadow:0 4px 12px #0006;transform:scale(1.1)}.meeting-control-btn:active{transform:scale(.95)}.meeting-control-btn.muted{background:#ef4444}.meeting-control-btn.muted:hover{background:#dc2626}.meeting-control-btn.camera-btn,.meeting-control-btn.mic-btn{background:#404040}.meeting-control-btn.leave-btn{background:#ef4444;height:56px;width:56px}.meeting-control-btn.leave-btn:hover{background:#dc2626}.message-text{padding:7px}@media (max-width:768px){.meeting-controls-bar{gap:12px;padding:16px}.meeting-control-btn{font-size:18px;height:48px;width:48px}}.joining-container,.waiting-approval-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center}.joining-container h2,.waiting-approval-container h2{color:#fff;font-size:24px;margin:0}.waiting-approval-container p{color:#9ca3af;font-size:16px;margin:0}.joining-container button,.waiting-approval-container button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}@media (max-width:768px){.meeting-prejoin-wrapper{gap:24px;grid-template-columns:1fr;padding:20px}.ready-to-join-title{font-size:24px}.meeting-video-preview{padding-bottom:100%}.meeting-videos-container{grid-template-columns:1fr}}.video-call-container{align-items:center;background:#000;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.remote-video{height:100%;object-fit:cover;width:100%}.local-video{border:2px solid #fff;border-radius:12px;bottom:20px;height:140px;object-fit:cover;position:absolute;right:20px;width:220px}.end-call-btn{background:#ff3b30;border:none;border-radius:30px;bottom:25px;cursor:pointer;font-size:16px;padding:14px 28px}.call-error,.end-call-btn{color:#fff;left:50%;position:absolute;transform:translateX(-50%)}.call-error{top:20px}@media (max-width:768px){.local-video{bottom:auto;height:90px;right:15px;top:15px;width:120px}.end-call-btn{font-size:18px;width:80%}}.chat-sidebar{border-right:1px solid #1f2a40;display:flex;flex-direction:column;padding:2px 4px;width:330px}.sidebar-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-content{flex:1 1;overflow-y:auto}.chat-bubble{border-radius:10px;font-size:14px;line-height:1.4;margin-bottom:2px;max-width:60%;padding:4px;position:relative;word-break:break-word}.chat-bubble.other{align-self:flex-start;background:#f57011}.chat-input{background:#0f1a2d;border:1px solid #1f2a40}.chat-tabs{border-bottom:1px solid #1f2937;display:flex;gap:10px;padding:10px 15px}.chat-tabs span{color:#9ca3af;cursor:pointer;font-size:12px}.chat-tabs span.active{border-bottom:2px solid #10b981;color:#10b981;padding-bottom:4px}.chat-input input{background:#18263e;border:none;color:#fff;flex:1 1;outline:none;padding:8px 12px}.message-text{align-items:flex-end;gap:8px}.message-time{font-size:11px;margin-left:6px;opacity:.7;white-space:nowrap}.message-meta{display:flex;float:right;font-size:11px;gap:5px;margin-top:20px;opacity:.8}.tick{font-size:12px}.tick.seen{color:#4fc3f7}.chat-input button{background:#f57011;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;width:36px}.groupModalOverlay{background:#0006;bottom:0;right:0;z-index:999}.groupModal{border-radius:10px;color:#000;max-height:80vh;width:400px}.closeBtn{font-size:20px}.groupInput,.searchInput{border:1px solid #ddd;border-radius:6px;margin:10px;padding:10px}.memberChip{align-items:center;background:#e4f2ff;border-radius:20px;display:flex;font-size:12px;gap:6px;padding:1px 10px}.avatar{background:#25d366;height:35px;width:35px}.memberName{font-weight:500}.memberEmail{color:#888}.check{color:#25d366}.createBtn{background:#25d366;border-radius:6px;font-weight:700;margin:10px;padding:10px}.groupInfoOverlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.group-sender-name{color:#100c4c;font-size:12px;font-weight:600;margin-bottom:3px}.groupInfoBox{background:#0f1a2d;border-radius:8px;font-size:14px;font-weight:400;max-height:350px;overflow:auto;padding:20px;width:350px}.adminBadge{background:#4f46e5;border-radius:10px;color:#fff;font-size:11px;margin-left:8px;padding:2px 6px}.memberActions{display:flex;gap:6px}.adminBtn{background:#10b981;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:10px;padding:0 5px}.groupInfoHeader{margin-bottom:15px}.groupInfoHeader,.memberRow{align-items:center;display:flex;justify-content:space-between}.memberRow{border-bottom:1px solid #eee;padding:10px 0}.removeBtn{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:5px 10px}.message-menu{width:125px;z-index:1000}.menu-item{color:#fff;cursor:pointer;font-size:14px;padding:7px;text-decoration:none}.forward-label{color:#9ca3af;font-size:11px;margin-bottom:2px}.menu-item:hover{background:#e17623}.message-actions{background:#1f2a40;border-radius:6px;display:flex;font-size:13px;gap:5px;padding:3px 6px;position:absolute;right:0;top:-20px}.chat-bubble:hover .message-actions{opacity:1}.message-actions span:hover{cursor:pointer;transform:scale(1.2)}.chat-image{border-radius:8px;margin-bottom:5px;max-width:250px}.chat-video{border-radius:10px;max-width:300px}.preview-container{background:#eee;display:flex;gap:10px;padding:10px}.preview-item img,.preview-item video{border-radius:6px;height:80px;object-fit:cover;width:80px}.image-viewer{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-viewer img{max-height:90%;max-width:90%}.contact-item:hover{background:#18263e}.contact-item.active{background:#1f2f4f}.contact-item{align-items:center;background-color:#f570110d;padding:10px 2px;transition:.2s}.contact-info{font-size:14px}.contact-sub{font-size:12px;opacity:.7}.addnewBtn{background:#5744d4;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:9px;margin-left:6px;margin-top:10px;padding:10px 9px}.adminUser{color:#25d366;font-weight:600}.addnewBtnred{background:#ff4d4f}.addMemberBtn,.addnewBtnred{border:none;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:9px;margin-left:6px;margin-top:10px;padding:10px 9px}.addMemberBtn{background:#25d366}.addMemberPopup{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.popupBox{background:#0f1a2d;border-radius:10px;padding:20px;width:300px}.popupBtns{display:flex;gap:10px;margin-top:10px}.chat-tabs button{background:#eee;border:none;border-radius:6px;cursor:pointer;flex:1 1;padding:8px}.chat-tabs button.active{background:#5865f2;color:#fff}.online-dot{border:2px solid #fff;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.online{background:#2ecc71}.offline{background:#bbb}.avatar-letter{font-weight:700}.chat-audio{margin-top:5px}.mic-btn.recording{background:#e53935}.recording-indicator{color:#ff4d4d;font-size:13px;margin-bottom:5px}.mic-btn{background:#ff5252;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;width:36px}.chat-bubble.own{background:#2563eb;color:#fff;margin-left:auto}@media (max-width:768px){.chat-sidebar{height:100%;position:fixed;width:95%!important;z-index:2}.chat-main{width:100%}.chat-empty{display:none}.chat-header{flex-wrap:wrap;padding:8px}.chat-header-right input{width:120px}.chat-bubble{max-width:80%}.chat-input input{flex:1 1;min-width:0}.chat-input button{font-size:14px;padding:6px}.mobile-back{display:block;font-size:18px;margin-right:10px}}.chat-image{border-radius:6px;max-width:200px}.chat-audio{width:200px}.contact-item{cursor:pointer;display:flex;gap:10px;padding:10px}.contact-avatar{align-items:center;background:#ddd;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.avatar-img{height:100%;object-fit:cover;width:100%}.mobile-back{background:none;display:none;font-size:18px;margin-right:10px}@media(max-width:768px){.mobile-back{display:block}}.chat-header{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:10px 12px}.chat-header,.chat-user-info{align-items:center;display:flex;gap:10px}.chat-user-info{flex:1 1;min-width:0}.chat-avatar{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-weight:700;height:38px;justify-content:center;overflow:hidden;width:38px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-user-text{display:flex;flex-direction:column;min-width:0}.chat-user-name{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-status{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.chat-header-right{gap:8px}.chat-header-right input{border:none;border-radius:8px;color:#fff;height:34px;padding:1px 10px;width:100%}.video-call-btn,.voice-call-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.video-call-btn{background:#111827;color:#fff}.voice-call-btn{background:#f97316;color:#fff}.mobile-back{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}@media(max-width:768px){.chat-header-right input{display:none}.chat-user-name{font-size:13px}.chat-user-status{font-size:11px}}.chat-input{align-items:center;background:#020f1f;border-top:1px solid #ffffff14;bottom:0;display:flex;flex-shrink:0;gap:8px;padding:10px;position:-webkit-sticky;position:sticky}.chat-header{top:0;z-index:10}.group-header{align-items:center;display:flex;justify-content:space-between;padding:5px}.create-group-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.create-group-btn:hover{background:#059669}.groupModalOverlay{align-items:center;background:#000000a6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.groupModal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:420px}.groupHeader{align-items:center;border-bottom:1px solid #eee;display:flex;font-weight:600;justify-content:space-between;padding:0 20px}.groupImageUpload{display:flex;justify-content:center;padding:5px 0}.groupPreview{border-radius:50%;cursor:pointer;height:70px;object-fit:cover;width:70px}.groupPreview.placeholder{align-items:center;background:#e5e7eb;display:flex;font-size:24px;justify-content:center}.groupInput,.searchInput{border:1px solid #ddd;border-radius:8px;font-size:14px;margin:10px 20px;padding:10px}.selectedMembers{display:flex;flex-wrap:wrap;gap:8px;padding:4px 11px}.memberList{max-height:300px;overflow-x:visible;overflow-y:auto}.expandActionsInline{display:flex;gap:10px;margin-top:8px;width:100%}.menuIcon{cursor:pointer;font-size:18px;padding:5px}.dropdownMenu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #0000001a;position:absolute;right:10px;top:35px;width:140px;z-index:9999}.memberItem{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;overflow:visible;padding:10px;position:relative}.memberItem.selected,.memberItem:hover{background:#f5f5f51a}.avatar{background:#22c55e;color:#fff;margin-right:10px}.avatar,.memberName{font-weight:600}.memberEmail{color:#777;font-size:12px}.check{color:#22c55e;font-weight:700}.createBtn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:15px 20px 20px;padding:12px}.createBtn:hover{background:#16a34a}.expandIcon{cursor:pointer;font-size:16px;padding:5px}.expandActions{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;gap:6px;min-width:120px;padding:8px;position:absolute;right:10px;top:40px;z-index:9999}.avatar{align-items:center;background:#ccc;border-radius:50%;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.memberInfo{flex:1 1}.checkbox{align-items:center;border:2px solid #bbb;border-radius:50%;color:#fff;display:flex;font-size:14px;height:22px;justify-content:center;width:22px}.checkbox.checked{background-color:#25d366;border-color:#25d366}.checkbox{transition:all .2s ease}.checkbox.checked{transform:scale(1.1)}.profileModal{align-items:center;background:#000000d1;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.profileBox{background:#111;border-radius:10px;max-height:500px;overflow-y:auto;padding:20px;text-align:center;width:300px}.profileDetails h3,.profileDetails p{margin:7px;padding:0}.profileImg{height:80px;width:80px}.closeBtn{background:none;float:right;font-size:18px}.sidebar-top{align-items:center;background:#0f172a;display:flex;flex-wrap:nowrap;gap:2px;height:50px;justify-content:space-between;min-height:50px;overflow-x:auto;padding:1px 7px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;z-index:9}.app-title{color:#fff;font-size:18px;font-weight:600}.sidebar-actions{display:flex;gap:10px}.icon-btn{background:#1f2937;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:6px 10px}.icon-btn:hover{background:#374151}.contacts-form-overlay{align-items:center;background:#0f172ab3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.contacts-form{background:#0f172a;border-radius:12px;box-shadow:0 10px 30px #0006;padding:25px;width:320px}.form-title{color:#fff;margin-bottom:20px;text-align:center}.input-group{margin-bottom:20px;position:relative}.input-group input{background:#0000;border:none;border-bottom:2px solid #334155;color:#fff;font-size:14px;outline:none;padding:10px 5px;width:100%}.input-group input:focus{border-bottom:2px solid #38bdf8}.input-group label{color:#94a3b8;font-size:13px;left:5px;pointer-events:none;position:absolute;top:10px;transition:.3s}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{color:#38bdf8;font-size:11px;top:-8px}.form-buttons{display:flex;justify-content:space-between;margin-top:20px}.btn-primary{background:#38bdf8;border:none;border-radius:6px;color:#000;cursor:pointer;padding:8px 15px}.btn-primary:hover{background:#0ea5e9}.btn-secondary{background:#0000;border:1px solid #334155;border-radius:6px;color:#000;cursor:pointer;padding:8px 15px}.btn-secondary:hover{background:#1e293b}.status-chip{align-items:center;display:inline-flex;font-weight:500;gap:6px;margin:2px}.status-chip.open{background:#3b82f626;color:#3b82f6}.status-chip.progress{background:#22c55e26;color:#22c55e}.status-chip.action{background:#eab30826;color:#eab308}.status-chip.closed{background:#10b98126;color:#10b981}.status-bar{align-items:center;display:flex;gap:10px;padding:10px 15px}.status-label{color:#94a3b8;font-weight:500}.status-options{display:flex;gap:5px}.status-btn{background:#1e293b;border:none;border-radius:20px;color:#cbd5f5;cursor:pointer;font-size:9px;padding:0 6px}.status-btn.active{background:#2563eb!important;box-shadow:0 0 10px #2563eb80;color:#fff!important;transform:scale(1.05)}.status-btn.open.active{background:#3b82f6!important}.status-btn.progress.active{background:#22c55e!important}.status-btn.action.active{background:#eab308!important;color:#000!important}.status-btn.closed.active{background:#10b981!important}.status-message{background:#1e293b;margin:10px 0;padding:8px 12px;text-align:center}.status-chip,.status-message{border-radius:20px;font-size:13px}.status-chip{margin-left:6px;padding:6px 12px}.status-chip.open{background:#1d4ed8;color:#fff}.status-chip.progress{background:#16a34a;color:#fff}.status-chip.action{background:#eab308;color:#000}.status-chip.closed{background:#059669;color:#fff}.msg-status-tag{background:#1e293b;border-radius:10px;color:#cbd5f5;display:inline-block;font-size:10px;margin-bottom:4px;padding:2px 6px}.msg-status-tag.open{background:#3b82f633;color:#3b82f6}.msg-status-tag.progress{background:#22c55e33;color:#22c55e}.msg-status-tag.action{background:#eab30833;color:#eab308}.msg-status-tag.closed{background:#10b98133;color:#10b981}.status-summary-box{background:#0f172a;display:flex;gap:3px;margin:0;padding:3px 1px;position:-webkit-sticky;position:sticky;top:97px;z-index:10}.status-card{border-radius:12px;flex:1 1;padding:2px;text-align:center}.status-card.active{background:#334155;box-shadow:0 0 10px #0006;transform:scale(1.05)}.status-card h3{font-size:20px;margin:0}.status-card span{font-size:11px;opacity:.7}.status-card.all{border-top:3px solid #118519}.status-card.all,.status-card.open{background:#0f172a;background:var(--color-surface,#0f172a)}.status-card.open{border-top:3px solid #3b82f6}.status-card.action{border-top:3px solid #ef4444}.status-card.action,.status-card.progress{background:#0f172a;background:var(--color-surface,#0f172a)}.status-card.progress{border-top:3px solid #f59e0b}.status-card.closed{background:#0f172a;background:var(--color-surface,#0f172a);border-top:3px solid #22c55e}.selectdivstatus{width:120px!important}.media-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}.grid-image{border-radius:8px;cursor:pointer;height:120px;object-fit:cover;width:100%}.image-modal{align-items:center;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.zoom-image{border-radius:10px;max-height:90%;max-width:90%}.mention-item{background-color:#8f60605c;border-radius:10px;margin-left:6%;padding:6px;width:30%}.contact-row{align-items:center;display:flex;justify-content:space-between}.contact-info,.contact-right{display:flex;flex-direction:column}.contact-right{align-items:flex-end;gap:4px}.contact-time{color:#94a3b8;font-size:11px}.contact-status{border-radius:14px;font-size:11px;padding:4px 10px;white-space:nowrap}.contact-status.open{background:#3b82f633;color:#3b82f6}.contact-status.progress{background:#22c55e33;color:#22c55e}.contact-status.action{background:#eab30833;color:#eab308}.contact-status.closed{background:#10b98133;color:#10b981}.chat-input-field{background:#0000;border:none;color:#e2e8f0;flex:1 1;max-height:120px;outline:none;overflow-y:auto;padding:8px;resize:none;width:100%}.emoji-picker-box{position:absolute;z-index:999}.input-icon{cursor:pointer;font-size:16px;margin:0 6px}.file-preview{background:#1e293b;border-radius:10px;margin:10px;padding:10px}.file-preview img{border-radius:8px;max-width:120px}.emoji-popup{bottom:70px;left:20px;position:absolute;z-index:999}.mic-btn.recording{animation:blink 1s infinite;color:red}@keyframes blink{50%{opacity:.4}}.drag-overlay{align-items:center;background:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.drag-box{background:#1e293be6;border:2px dashed #22c55e;border-radius:12px;color:#22c55e;font-size:18px;padding:30px 50px}.media-preview-modal{background:#111;bottom:0;padding:10px;position:fixed;width:100%;z-index:9999}.preview-grid{gap:10px}.preview-item img{height:80px;width:80px}.progress-bar{background:#333;height:4px}.progress-fill{background:#0f8;height:100%}.caption-input{margin-top:10px;padding:8px;width:100%}.send-media-btn{background:#22c55e;margin-top:10px;width:100%}.media-preview-bar{background:#020617;border-top:1px solid #222;padding:8px}.preview-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:6px}.close-btn{background:#f97316;border:none;border-radius:50%;color:#fff;cursor:pointer;height:28px;width:28px}.preview-grid{display:flex;gap:8px;overflow-x:auto}.preview-item img{border-radius:8px;height:70px;object-fit:cover;width:70px}.media-message{display:flex;flex-direction:column}.image-caption{color:#ddd;font-size:13px;margin-top:4px}.profile-top{color:#fff;overflow:auto;text-align:center}.profileCover{border-radius:12px 12px 0 0;height:180px;overflow:hidden;position:relative;width:100%}.coverImg{height:100%;object-fit:cover;width:100%}.closeBtn{background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:6px 10px;position:absolute;right:10px;top:10px}.profileHeader{left:50%;text-align:center;transform:translateX(-50%)}.profileImg{border:4px solid #111;border-radius:50%;height:100px;object-fit:cover;width:100px}.profile-cover-top{position:relative;width:100%}.profile-cover-top img{display:block;height:220px;object-fit:cover;pointer-events:none;width:100%}.cover-edit-btn{background:#000000b3;border:none;border-radius:20px;bottom:15px;color:#fff;cursor:pointer;padding:8px 14px;position:absolute;right:20px;z-index:999}.cover-edit-btn:hover{background:#000}.profile-avatar-top{margin-top:-60px;position:relative}.profile-avatar-top img{border:4px solid #fff;border-radius:50%;height:110px;width:110px}.profile-avatar-top button{background:orange;border:none;border-radius:20px;bottom:0;padding:5px 10px;position:absolute;right:45%}.profile-name h3{margin-top:10px}.profile-name p{color:#aaa}.profile-form-card{background:#0f172a;border-radius:15px;margin:20px auto;max-width:500px;padding:20px}.profile-field{margin-bottom:15px;text-align:left}.profile-field label{display:block;margin-bottom:5px}.profile-field input{background:#020617;border:1px solid #333;border-radius:8px;color:#fff;padding:10px;width:100%}.permission-box{align-items:center;background:#f7f7f7;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 14px}.permission-title{font-size:14px;font-weight:600}.permission-sub{color:#666;font-size:12px}.switch{display:inline-block;height:22px;position:relative;width:42px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:22px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;width:18px}.switch input:checked+.slider{background-color:#25d366}.switch input:checked+.slider:before{transform:translateX(20px)}.group-restriction{background:#fff3cd;border-top:1px solid #eee;color:#666;font-size:13px;padding:6px;text-align:center}.group-call-container{background:#1a1a2e;display:flex;flex-direction:column;inset:0;position:fixed;z-index:9999}.group-call-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));overflow-y:auto;padding:12px}.group-call-tile{align-items:center;aspect-ratio:16/9;background:#16213e;border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.group-call-tile video{height:100%;object-fit:cover;width:100%}.tile-label{background:#00000080;border-radius:4px;bottom:8px;color:#fff;font-size:12px;left:8px;padding:2px 8px;position:absolute}.group-local-video{border:2px solid #fff;border-radius:8px;bottom:80px;height:90px;object-fit:cover;position:fixed;right:16px;width:120px;z-index:10000}.voice-tile{flex-direction:column;gap:8px}.voice-avatar,.voice-tile{align-items:center;display:flex}.voice-avatar{background:#4f46e5;border-radius:50%;color:#fff;font-size:28px;height:64px;justify-content:center;width:64px}.group-call-waiting{color:#9ca3af;padding:40px;text-align:center}.group-call-info{color:#9ca3af;font-size:12px;padding:4px;text-align:center}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{box-sizing:border-box;padding-right:40px;width:100%}.password-toggle{color:#fff;cursor:pointer;opacity:.7;position:absolute;right:8px;top:10px;transition:opacity .2s;-webkit-user-select:none}.password-toggle:hover{opacity:1}.chat-layout{color:#fff;display:flex;height:100dvh;overflow:hidden}.chat-sidebar{flex-shrink:0;overflow-y:auto}.chat-main{display:flex;flex:1 1;flex-direction:column;height:100dvh;min-width:0;overflow:hidden}.chat-header{left:auto!important;position:-webkit-sticky!important;position:sticky!important;right:auto!important;top:0!important;width:100%!important;z-index:30}.chat-header,.status-bar{box-sizing:border-box;flex-shrink:0}.status-bar{border-bottom:1px solid #1e293b;position:-webkit-sticky;position:sticky;top:0;z-index:29}.chat-messages{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.media-preview-bar,.reply-preview{flex-shrink:0}.chat-input-container{align-items:center;border:1px solid #22c55e;border-radius:13px;bottom:auto!important;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;left:auto!important;margin:4px;padding:6px;position:relative!important;width:auto!important;z-index:10}@media (max-width:768px){.chat-layout,.chat-main{height:calc(100dvh - 60px)}.chat-main{width:100%}.chat-header{position:-webkit-sticky!important;position:sticky!important;top:0!important}.chat-header,.chat-input{left:auto!important;width:100%!important}.chat-input,.chat-input-container{bottom:auto!important;position:relative!important}.chat-input-container{width:auto!important}.chat-sidebar{height:calc(100dvh - 60px);left:0;position:fixed;top:0;width:100%!important;z-index:50}}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#f5701159;border-radius:999px}.settings-categories-section{flex-shrink:0;min-width:320px;width:320px}.settings-details-section{flex:1 1;min-width:0}.settings-category-card{align-items:center;background:#1e293b;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:all .2s}.settings-category-card.active{background:#1e3a5f;border-color:#3b82f6}.category-icon{align-items:center;background:#3b82f6;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.category-title{font-size:15px;font-weight:600;margin:0 0 2px}.category-description{color:#94a3b8;font-size:12px;margin:0}@media (max-width:768px){.settings-categories-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.settings-category-card{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.category-description{display:none}.category-title{font-size:13px}.category-icon{font-size:15px;height:34px;width:34px}.settings-categories-section.hidden-mobile{display:none}.settings-details-section{padding:12px;width:100%}.settings-details-panel{padding:12px}.settings-panel-header h2{font-size:18px}.settings-form input,.settings-form select,.settings-form textarea{font-size:14px;width:100%}.btn-save{width:100%}.mobile-back-btn{background:none;border:none;color:#3b82f6;cursor:pointer;display:block!important;font-size:15px;margin-bottom:12px;padding:0}}.status-summary-box .status-card h3{color:#fff!important}.status-summary-box .status-card span{color:#ffffffb3!important}.contact-info strong{color:#fff!important}.contact-sub{color:#fff9!important}.app-title{color:#fff!important}.connect-popup{position:fixed;right:20px;top:20px;z-index:9999}.popup-box{animation:slideIn .3s ease;background:#0f172a;border-radius:10px;box-shadow:0 5px 20px #0000004d;color:#fff;padding:15px;width:250px}.popup-title{font-weight:700;margin-bottom:5px}.popup-user{font-size:14px;margin-bottom:10px}.popup-actions{display:flex;justify-content:space-between}.accept-btn{background:#22c55e}.accept-btn,.reject-btn{border:none;border-radius:5px;color:#fff;padding:5px 10px}.reject-btn{background:#ef4444}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.connect-list{padding:10px}.connect-card{background:#1e293b;border-radius:10px;color:#fff;justify-content:space-between;margin-bottom:8px;padding:10px}.connect-card,.connect-left{align-items:center;display:flex}.connect-left{gap:10px}.avatar-circle{align-items:center;background:#3b82f6;border-radius:50%;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.connect-name{font-weight:600}.connect-email{font-size:12px;opacity:.7}.connect-actions button{border:none;border-radius:6px;cursor:pointer;margin-left:5px;padding:5px 8px}.empty-state{margin-top:20px;opacity:.6;text-align:center}.link-btn{background:none;border:none;color:#1e40af;cursor:pointer;font-family:inherit;font-size:13px;padding:0;text-decoration:underline}.link-btn:hover{color:#1d4ed8}.mail-folder-tabs{align-items:center;background:#0f172a;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;flex-wrap:nowrap;gap:2px;min-height:38px;overflow-x:auto;padding:0 1px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:155px;z-index:9}.mail-folder-tabs::-webkit-scrollbar{display:none}.mail-folder-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#64748b;color:var(--color-text-muted,#64748b);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:5px;padding:6px 10px;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.mail-folder-tab.active,.mail-folder-tab:hover{background:#eff6ff;background:var(--color-primary-light,#eff6ff);color:#1e40af;color:var(--color-primary,#1e40af)}.mail-folder-tab.active{border-bottom-color:#1e40af;border-bottom-color:var(--color-primary,#1e40af)}.mail-folder-tab i{font-size:13px}.mail-folder-tab .tab-label{font-size:12px}.mail-toolbar-actions{align-items:center;background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px}@media (max-width:900px){.mail-folder-tab .tab-label{display:none}.mail-folder-tab{padding:7px 10px}}@media (max-width:640px){.mail-folder-tabs{justify-content:space-around;padding:4px}.mail-folder-tab{flex:1 1;font-size:16px;justify-content:center;padding:8px 4px}.mail-folder-tab .tab-label{display:none}.mail-toolbar-actions{gap:4px;padding:5px 8px}}.service-page{display:flex;height:100vh}.service-content{color:#fff;padding:20px}.service-header{justify-content:space-between;margin-bottom:20px}.service-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.service-card{background:#1c1c1c;padding-bottom:10px;position:relative;transition:.3s}.service-card:hover{transform:translateY(-4px)}.service-card img{height:160px;object-fit:cover;width:100%}.service-info{padding:12px}.service-info h3{margin:0 0 6px}.meta{color:#aaa}.badge,.meta{font-size:12px}.badge{background:#00c853;border-radius:6px;display:inline-block;margin-top:6px;padding:4px 8px}.mobile-quick-menu-overlay{align-items:flex-end;background:#0000008c;display:flex;inset:0;position:fixed;z-index:1200}.mobile-quick-menu-sheet{animation:sheetUp .25s ease;background:#0f172a;border-radius:20px 20px 0 0;max-height:75vh;overflow-y:auto;padding:10px 16px 100px;width:100%}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-quick-menu-handle{background:#334155;border-radius:999px;height:4px;margin:0 auto 16px;width:40px}.mobile-quick-menu-grid{grid-gap:8px 4px;display:grid;gap:8px 4px;grid-template-columns:repeat(4,1fr)}.mobile-grid-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:6px;padding:12px 4px;text-decoration:none;transition:background .15s}.mobile-grid-icon,.mobile-grid-item:active,.mobile-grid-item:hover{background:#1e293b}.mobile-grid-icon{align-items:center;border-radius:16px;color:#f97316;display:flex;font-size:20px;height:52px;justify-content:center;transition:background .15s;width:52px}.mobile-grid-item:active .mobile-grid-icon,.mobile-grid-item:hover .mobile-grid-icon{background:#334155}.mobile-grid-item.active .mobile-grid-icon{background:#1c3a1c;color:#4ade80}.main-header{background:#123b55;box-shadow:0 2px 8px #0003;padding:5px 35px}.header-container{align-items:center;display:flex;justify-content:space-between}.logo-main{color:#fff;font-size:18px;font-weight:800;line-height:1}.logo-sub{color:#ff8a1c;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logo-section{align-items:center;display:flex;gap:12px}.logo-img{height:45px}.logo-text h2{color:#fff;font-size:18px;font-weight:800;margin:0}.logo-text span{color:#ff9b2f;font-size:12px;font-weight:600;letter-spacing:1px}.nav-menu{align-items:center;display:flex;gap:30px}.nav-menu a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:.3s}.nav-menu a:hover{color:#ff9b2f}.login-btn{background:#ff8c1a;border-radius:8px;color:#fff!important;font-weight:600;padding:10px 20px}.login-btn:hover{background:#e67900}.chat-page{background:#f5f6fa;height:100vh;overflow:auto}.chat-header-left,.chat-page{display:flex;flex-direction:column}.chat-header-right{align-items:center;display:flex;gap:12px}.mail-list-item:hover{background:#272e44}.service-details{border-radius:12px;box-shadow:0 2px 12px #00000014;color:#fff;margin:0 auto;max-width:500px;padding:32px 24px}.service-details h2{color:#4fd1c5;font-size:2em;margin-bottom:8px}.service-details-extra,.service-details-meta,.service-details-rating{color:#b0b8c1;margin-bottom:8px}.service-details p{color:#d1d8e0;margin:16px 0}.service-list-page{background:#050d1a;color:#e2e8f0;display:flex;flex-direction:column;font-family:Inter,Segoe UI,sans-serif;height:100vh;overflow:hidden}.service-filters{align-items:center;background:#0a1628;border-bottom:1px solid #1e293b;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:14px 16px}.service-filters input{background:#0f172a;border:1px solid #1e293b;border-radius:8px;color:#e2e8f0;flex:1 1;font-size:13px;min-width:160px;outline:none;padding:9px 14px;transition:border .2s}.service-filters input:focus{border-color:#f57011}.service-filters input::placeholder{color:#475569}.service-filters button{background:#0000;border:1px solid #1e293b;border-radius:999px;box-shadow:none;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:500;padding:7px 14px;transition:all .15s;white-space:nowrap}.service-filters button:hover{border-color:#f57011;color:#f57011}.service-filters button.active{background:#f57011;border-color:#f57011;color:#fff}.service-content{display:flex;flex:1 1;overflow:hidden}.service-list{background:#070f1d;border-right:1px solid #1e293b;flex-shrink:0;min-width:300px;overflow-y:auto;padding:10px 0;width:360px}.service-list::-webkit-scrollbar{width:4px}.service-list::-webkit-scrollbar-thumb{background:#f570114d;border-radius:999px}.svc-state{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.svc-state i{color:#f57011;font-size:28px}.svc-state.error i{color:#ef4444}.svc-state.error{color:#f87171}.service-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;border-top:3px solid #334155;cursor:pointer;margin:4px 10px;overflow:hidden;padding:0;transition:border-color .2s,box-shadow .2s,transform .15s}.service-card:hover{border-color:#f57011;box-shadow:0 8px 24px #00000059;transform:translateY(-2px)}.service-card.selected{background:#0c1e34;border-color:#4fd1c5;box-shadow:0 8px 24px #4fd1c51f}.service-card-photo{background:#0a1628;height:120px;overflow:hidden;width:100%}.service-card-photo img{height:100%;object-fit:cover;width:100%}.service-card>:not(.service-card-photo):not(.service-actions){padding-left:14px;padding-right:14px}.service-card>.service-header{padding-top:12px}.service-card>.service-desc{padding-bottom:10px}.service-header{align-items:center;color:#f1f5f9;display:flex;flex-wrap:wrap;font-size:14px;font-weight:700;gap:6px;padding:12px 14px 4px}.service-name{flex:1 1;min-width:0}.verified{background:#0d2218;border:1px solid #22c55e;border-radius:5px;color:#4ade80}.home-visit,.verified{font-size:11px;font-weight:600;padding:2px 7px;white-space:nowrap}.home-visit{background:#001a3d;border:1px solid #0ea5e9;border-radius:5px;color:#38bdf8}.service-extra,.service-meta,.service-rating{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;padding:3px 14px}.service-extra span,.service-meta span{align-items:center;display:inline-flex;gap:4px}.service-rating{color:#fbbf24;font-size:12px}.service-rating span:last-child{color:#64748b}.service-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:12px;line-height:1.5;overflow:hidden;padding:6px 14px 10px}.service-actions{border-top:1px solid #1e293b;display:flex;margin-top:4px}.service-actions a,.service-actions button{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:inline-flex;flex:1 1;font-size:12px;font-weight:600;gap:5px;height:40px;justify-content:center;text-decoration:none;transition:background .15s,color .15s}.book-btn{border-right:1px solid #1e293b;color:#4ade80}.book-btn:hover{background:#0d2218;color:#86efac}.call-btn{border-right:1px solid #1e293b;color:#38bdf8}.call-btn:hover{background:#00213d;color:#7dd3fc}.chat-btn{color:#a78bfa}.chat-btn:hover{background:#1a0d2e;color:#c4b5fd}.service-details-preview{background:#070f1d;flex:1 1;overflow-y:auto;padding:24px}.service-details-preview::-webkit-scrollbar{width:4px}.service-details-preview::-webkit-scrollbar-thumb{background:#f570114d;border-radius:999px}.placeholder{align-items:center;color:#334155;display:flex;flex-direction:column;font-size:15px;gap:12px;height:100%;justify-content:center;text-align:center}.placeholder:before{content:"🔍";font-size:48px;opacity:.4}@media (max-width:900px){.service-content{flex-direction:column}.service-list{border-bottom:1px solid #1e293b;border-right:none;max-height:55vh;width:100%}.service-details-preview{padding:16px}}@media (max-width:600px){.service-filters{gap:6px;padding:10px}.service-filters button{font-size:11px;padding:6px 10px}.service-card{margin:4px 6px}.service-actions a,.service-actions button{font-size:11px;height:36px}}.svc-page{color:#e2e8f0;font-family:Inter,Segoe UI,sans-serif;min-height:100vh;padding:24px 20px 60px;position:relative}.svc-toast{align-items:center;animation:toastIn .25s ease;border-radius:10px;box-shadow:0 8px 24px #0006;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 18px;position:fixed;right:20px;top:20px;z-index:9999}.svc-toast.success{background:#0d2218;border:1px solid #22c55e;color:#4ade80}.svc-toast.error{background:#1a0000;border:1px solid #ef4444;color:#f87171}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.svc-topbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.svc-topbar,.svc-topbar-left{align-items:center;display:flex;gap:12px}.svc-title{align-items:center;color:#f1f5f9;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.svc-title i{color:#f57011}.svc-count{background:#1e293b;border:1px solid #334155;border-radius:999px;color:#94a3b8;font-size:12px;padding:3px 10px}.svc-add-btn{align-items:center;background:linear-gradient(135deg,#f57011,#ef4444);border:none;border-radius:10px;box-shadow:0 8px 20px #f570114d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;padding:9px 18px;transition:transform .15s,box-shadow .15s}.svc-add-btn:hover{box-shadow:0 12px 28px #f5701166;transform:translateY(-2px)}.svc-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.svc-search-wrap{align-items:center;display:flex;max-width:340px;position:relative}.svc-search-wrap>i{color:#64748b;font-size:13px;left:12px;position:absolute}.svc-search{background:#0f172a;border:1px solid #1e293b;border-radius:9px;color:#e2e8f0;font-size:13px;outline:none;padding:9px 36px 9px 34px;transition:border .2s;width:100%}.svc-search:focus{border-color:#f57011}.svc-search-clear{background:none;border:none;box-shadow:none;color:#64748b;cursor:pointer;font-size:16px;line-height:1;padding:0;position:absolute;right:10px}.svc-cat-pills{display:flex;flex-wrap:wrap;gap:6px}.svc-pill{background:#0000;border:1px solid #1e293b;border-radius:999px;box-shadow:none;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s}.svc-pill:hover{border-color:#f57011;color:#f57011}.svc-pill.active{background:#f57011;border-color:#f57011;color:#fff}.svc-empty,.svc-loading{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:15px;gap:14px;justify-content:center;padding:60px 20px;text-align:center}.svc-empty i{color:#1e293b;font-size:48px}.svc-loading i{color:#f57011;font-size:28px}.svc-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.svc-card{background:#0f172a;border:1px solid #1e293b;border-radius:14px;border-top:3px solid #f57011;border-top:3px solid var(--cat-border,#f57011);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s}.svc-card:hover{box-shadow:0 16px 40px #00000059;transform:translateY(-4px)}.svc-card-img{background:#0a1628;height:140px;overflow:hidden;position:relative}.svc-card-img img{height:100%;object-fit:cover;width:100%}.svc-card-img-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.svc-cat-badge{border:1px solid;border-radius:6px;left:10px;letter-spacing:.5px;text-transform:uppercase;top:10px}.svc-cat-badge,.svc-home-badge{font-size:11px;font-weight:600;padding:3px 9px;position:absolute}.svc-home-badge{align-items:center;background:#0d2218;border:1px solid #22c55e;border-radius:6px;bottom:10px;color:#4ade80;display:flex;gap:4px;right:10px}.svc-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:14px 16px}.svc-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.svc-card-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.svc-card-meta span{align-items:center;display:flex;gap:5px}.svc-card-meta i{color:#475569;font-size:11px}.svc-card-actions{border-top:1px solid #1e293b;display:flex}.svc-btn-delete,.svc-btn-edit{align-items:center;background:#0000;border:none;box-shadow:none;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:background .15s,color .15s}.svc-btn-edit{border-right:1px solid #1e293b;color:#60a5fa}.svc-btn-edit:hover{background:#0c1e3d;color:#93c5fd}.svc-btn-delete{color:#f87171}.svc-btn-delete:hover{background:#1a0000;color:#fca5a5}.svc-btn-delete:disabled{cursor:default;opacity:.5}.svc-modal-overlay{align-items:center;animation:fadeIn .18s ease;background:#050d1acc;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.svc-modal{animation:slideUp .22s ease;background:#0f172a;border:1px solid #1e293b;border-radius:16px;box-shadow:0 28px 60px #00000080;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.svc-modal-header{align-items:center;background:#0f172a;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.svc-modal-title{color:#f1f5f9;font-weight:700;gap:8px}.svc-modal-close,.svc-modal-title{align-items:center;display:flex;font-size:16px}.svc-modal-close{background:#ffffff0d;border:none;border-radius:8px;box-shadow:none;color:#64748b;cursor:pointer;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s;width:32px}.svc-modal-close:hover{background:#ef444426;color:#ef4444}.svc-modal-form{gap:16px;padding:20px}.svc-field,.svc-modal-form{display:flex;flex-direction:column}.svc-field{gap:6px}.svc-field label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.req{color:#ef4444}.svc-field input,.svc-field select,.svc-field textarea{background:#0a1628;border:1px solid #1e293b;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border .2s}.svc-field input:focus,.svc-field select:focus,.svc-field textarea:focus{border-color:#f57011}.svc-field textarea{min-height:80px;resize:vertical}.svc-field select{-webkit-appearance:none;appearance:none;cursor:pointer}.svc-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.svc-file-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.svc-file-btn{align-items:center;background:#1e293b;border:1px dashed #334155;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;transition:border-color .15s,color .15s}.svc-file-btn:hover{border-color:#f57011;color:#f57011}.svc-file-name{color:#64748b;font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svc-checkbox{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:10px}.svc-checkbox input{accent-color:#f57011;cursor:pointer;height:16px;width:16px}.svc-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.svc-btn-cancel{background:#1e293b;border:1px solid #334155;border-radius:9px;box-shadow:none;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s}.svc-btn-cancel:hover{background:#334155;color:#e2e8f0}.svc-btn-save{align-items:center;background:linear-gradient(135deg,#f57011,#ef4444);border:none;border-radius:9px;box-shadow:0 8px 20px #f570114d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:7px;padding:10px 22px;transition:transform .15s,box-shadow .15s}.svc-btn-save:hover{box-shadow:0 12px 28px #f5701166;transform:translateY(-1px)}.svc-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}@media(max-width:600px){.svc-grid,.svc-row-2{grid-template-columns:1fr}.svc-topbar{align-items:flex-start;flex-direction:column}}@media (max-width:1200px){.svc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.svc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.svc-grid,.svc-row-2{grid-template-columns:1fr}.svc-topbar{align-items:flex-start;flex-direction:column}.svc-page{padding:16px 12px 60px}}@media (max-width:768px){.chat-header{min-height:60px;position:fixed!important;top:0;width:100vw!important;z-index:100}.chat-header,.status-bar{align-items:center;background:#0000!important;border-bottom:none;box-sizing:border-box;display:flex;left:0;right:0}.status-bar{min-height:44px;position:fixed;top:60px;width:100vw;z-index:99}.chat-input-container{align-items:flex-end;background:#0000!important;border-top:none;bottom:62px!important;box-shadow:none!important;display:flex;gap:8px;left:0!important;padding:8px 10px 10px;position:fixed!important;right:0;width:100vw!important;z-index:100}.chat-main{height:109vh;overflow:hidden;padding-bottom:50px}.chat-main,.chat-messages{background:#0000!important;box-sizing:border-box}.chat-messages{height:calc(100vh - 184px);margin-top:240px!important;overflow-y:auto;scroll-padding-top:104px!important}}.mail-mobile-view{display:flex;flex-direction:column;height:100%}.mail-mobile-body,.mail-mobile-preview{flex:1 1;overflow-y:auto}.mail-mobile-body{padding-bottom:60px}.mail-mobile-actions{background:#fff;border-top:1px solid #ddd;bottom:65px;display:flex;left:0;position:fixed;right:0;z-index:10}.mail-mobile-list{height:100%;overflow-y:auto}.mail-mobile-list .mail-list{border-radius:0;max-height:none}.mail-action-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:none;color:#0f172a;cursor:pointer;display:flex;flex:1 1 50%;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:12px 8px;transition:transform .12s ease,box-shadow .12s ease}.mail-action-btn:active{transform:translateY(1px) scale(.995)}.mail-action-btn:hover{box-shadow:0 6px 18px #0f172a14}@media (max-width:640px){.mail-mobile-preview{flex:1 1;overflow-y:auto}.mail-settings{margin-top:51px;padding:6px 11px}.mail-profile-identity{display:none}.notes-view{flex-direction:column;margin-right:0}.mail-settings-tab{padding:9px 11px!important}.mail-compose{margin-right:0}.contacts-view{margin-right:0;margin-top:57px}.notes-sidebar{border-bottom:1px solid #e5e7eb;border-right:none}.mail-compose-editor{min-height:370px}.mail-compose-actions.align-actions{align-items:stretch;flex-direction:column}.mail-compose-actions-right{display:none;justify-content:flex-end}.mail-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e7eb;left:0;padding:8px 12px;position:fixed;right:0;top:0;z-index:100}.mail-nav-btn{flex:1 1 100%}.mail-grid{gap:16px}.mail-header-actions{align-items:flex-end;flex-direction:column;gap:6px}.mail-search-box{flex:1 1;min-width:0;position:fixed!important;width:auto;width:95%!important}.textboxcss{position:fixed!important;top:54px;width:90%}.sidebar-content{margin-top:110px}.sidebar-top{position:fixed!important;width:95%!important}.status-summary-box{position:fixed!important;width:98%!important}.mail-folder-tabs{position:fixed!important;width:100%!important}.serbg{background:none!important}.mail-search-box input{width:210px}.mail-profile-email{max-width:120px}.mail-shell{flex-direction:column;height:auto}.mail-main{overflow:visible}.mail-header-actions-left{display:none}.mail-search-box input{width:100%}.mail-list{margin-top:170px}.mail-grid{grid-template-columns:1fr}.mail-list{border-radius:12px;max-height:none}.mail-preview{margin-right:0;min-height:auto;padding:12px}.admin-users-table-wrapper{overflow-x:auto}.mail-list-toolbar input[type=checkbox]{touch-action:manipulation}.mail-list-toolbar{left:0;padding:9px 16px!important;position:fixed;right:0;top:36px;width:100%;z-index:99}.mail-list-item{margin-top:30px}.mail-empty{margin-top:42px}.mobile-bottom-nav{display:flex}@keyframes slideInMenu{0%{transform:translateX(-100%)}to{transform:translateX(0)}}}@media (max-width:900px){.admin-users-grid{grid-template-columns:1fr}.auth-container{flex-direction:column}.auth-left{border-bottom:1px solid #ddd;border-right:none}}@media (max-width:600px){.form-row{display:flex;flex-direction:column;gap:12px;justify-content:space-between}.login-page{background-position:50%;padding:16px}.imglogo{margin-bottom:8px;width:90px}.login-title{font-size:20px;margin-bottom:12px}.login-card label{font-size:13px;margin-top:12px}.login-card input,.login-card select{border-radius:10px;font-size:14px;padding:12px}.login-footer{font-size:13px;margin-top:14px}.login-error{border-radius:8px;font-size:13px;padding:8px}}@media (max-width:980px){.mail-shell{height:auto;min-height:100vh}.mail-main{height:auto;min-height:0;overflow:visible}.mail-sidebar.mobile-closed{display:none}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mail-nav{flex-direction:row;flex-wrap:wrap;gap:10px}.mail-nav-btn{text-align:left}.mail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.mail-signatures-wrapper{flex-direction:column}.mail-signatures-editor{gap:24px}}@media (max-width:540px){.brand{justify-content:space-between;width:100%}.brand-copy h1{font-size:20px}.brand-copy p{display:none}.chat-box{padding:16px}.msg{max-width:100%}.contacts-header{gap:8px}.contacts-add-btn{font-size:20px;height:34px;width:34px}.mobile-back{font-size:12px;margin-bottom:10px;padding:8px 12px}}@media (max-width:768px){.mail-select-checkbox{height:14px;width:14px}.mail-checkbox-label{margin-right:8px}.mail-list-subject{padding-right:44px}.dekcsscomposetoolbar,.mail-compose-actions button[type=submit]{display:none}.mobilecsscomposetoolbar{background:#fff;border-radius:12px;bottom:60px;box-shadow:0 -6px 18px #00000014;display:flex;padding:8px 10px;position:-webkit-sticky;position:sticky;z-index:5}.mail-compose-actions{display:flex;flex-direction:column-reverse;gap:10px;padding:10px}.mail-attachment-preview-list.mobile{display:flex;flex-direction:column;gap:10px;padding:8px 12px}.mail-attachment-preview.mobile{align-items:flex-end;gap:6px}.mail-attachment-image-wrap{background:#f6f7f8;border-radius:10px;overflow:hidden;width:100%}.mail-attachment-image{display:block;height:auto;object-fit:cover;width:100%}.mail-attachment-image-meta{color:#444;display:flex;font-size:13px;justify-content:space-between;padding:6px 4px;width:100%}button.mail-compose-clear-btn,button.mail-compose-send-btn{padding:10px 34px}.mail-sidebar.mobile-open{opacity:1;pointer-events:auto;transform:translateX(0)}.mail-sidebar.collapsed{width:85vw}.app-container{padding:24px 16px 40px}.app-header{border-radius:20px;padding:18px 20px}.hidden-mobile{display:none!important}.mobile-back{align-items:center;background:#edf2ffd1;border:1px solid #818cf899;border-radius:999px;box-shadow:0 8px 16px #6366f12e;color:#4338ca;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-bottom:12px;padding:8px 14px;width:auto}.contacts-add-btn,.request-accept,.request-reject{width:auto}.mobile-back:hover{background:#dbeafee6}.contacts-header{align-items:flex-start}.contacts-add-btn{height:36px;width:36px}.brand-copy h1{font-size:22px}.brand-copy p{font-size:13px}.session-info{justify-content:space-between;width:100%}.controls{align-items:stretch;flex-direction:column}}@media (max-width:1024px){.layout{grid-template-columns:1fr}.sidebar{order:1}.main{order:2}.chat-box{max-height:none;min-height:360px}}@media (max-width:640px){.login-layout{display:block}}@media (max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.mail-floating-send{align-items:center;background:linear-gradient(135deg,#5b5cf6,#6366f1);border:none;border-radius:50%;bottom:78px;box-shadow:0 10px 25px #4f46e559;color:#fff;cursor:pointer;display:flex;font-size:20px;height:56px;justify-content:center;position:fixed;right:16px;width:56px;z-index:999}.mail-floating-send:disabled{cursor:not-allowed;opacity:.6}.mail-floating-send:active{transform:scale(.95)}}@media (max-width:640px){.left-quick-nav,.right-quick-nav{display:none}}.compose-modal-overlay{align-items:center;background:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.compose-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;max-height:90vh;max-width:700px;overflow-y:auto;padding:0 0 16px;position:relative;width:100%}.compose-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:2rem;position:absolute;right:16px;top:12px;z-index:10}
/*# sourceMappingURL=main.93ebe5e6.css.map*/