:root,[data-theme=blue]{--sidebar-bg: #1f2937;--sidebar-text: #d1d5db;--sidebar-text-active: #ffffff;--sidebar-accent: #2563eb;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #111827;--topbar-text: #d1d5db;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-rgb: 37, 99, 235;--theme-name: "blue"}[data-theme=indigo]{--sidebar-bg: #1e293b;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-accent: #6366f1;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #0f172a;--topbar-text: #cbd5e1;--accent: #6366f1;--accent-hover: #4f46e5;--accent-rgb: 99, 102, 241;--theme-name: "indigo"}[data-theme=teal]{--sidebar-bg: #1e2a3a;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-accent: #0d9488;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #152030;--topbar-text: #cbd5e1;--accent: #0d9488;--accent-hover: #0f766e;--accent-rgb: 13, 148, 136;--theme-name: "teal"}[data-theme=purple]{--sidebar-bg: #1e0e3c;--sidebar-text: #ddd6fe;--sidebar-text-active: #ffffff;--sidebar-accent: #7c3aed;--sidebar-hover: rgba(255,255,255,.08);--topbar-bg: #120828;--topbar-text: #ddd6fe;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-rgb: 124, 58, 237;--theme-name: "purple"}[data-theme=rose]{--sidebar-bg: #1e0c14;--sidebar-text: #fecdd3;--sidebar-text-active: #ffffff;--sidebar-accent: #f43f5e;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #13080d;--topbar-text: #fecdd3;--accent: #f43f5e;--accent-hover: #e11d48;--accent-rgb: 244, 63, 94;--theme-name: "rose"}[data-theme=forest]{--sidebar-bg: #0d1e12;--sidebar-text: #bbf7d0;--sidebar-text-active: #ffffff;--sidebar-accent: #22c55e;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #071410;--topbar-text: #bbf7d0;--accent: #22c55e;--accent-hover: #16a34a;--accent-rgb: 34, 197, 94;--theme-name: "forest"}[data-theme=amber]{--sidebar-bg: #1c1200;--sidebar-text: #fde68a;--sidebar-text-active: #ffffff;--sidebar-accent: #f59e0b;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #0e0900;--topbar-text: #fde68a;--accent: #f59e0b;--accent-hover: #d97706;--accent-rgb: 245, 158, 11;--theme-name: "amber"}[data-theme=orange]{--sidebar-bg: #1e1000;--sidebar-text: #fed7aa;--sidebar-text-active: #ffffff;--sidebar-accent: #f97316;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #130900;--topbar-text: #fed7aa;--accent: #f97316;--accent-hover: #ea580c;--accent-rgb: 249, 115, 22;--theme-name: "orange"}[data-theme=cyan]{--sidebar-bg: #082030;--sidebar-text: #a5f3fc;--sidebar-text-active: #ffffff;--sidebar-accent: #22d3ee;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #051520;--topbar-text: #a5f3fc;--accent: #22d3ee;--accent-hover: #06b6d4;--accent-rgb: 34, 211, 238;--theme-name: "cyan"}[data-theme=pink]{--sidebar-bg: #1e0a16;--sidebar-text: #fbcfe8;--sidebar-text-active: #ffffff;--sidebar-accent: #ec4899;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #130612;--topbar-text: #fbcfe8;--accent: #ec4899;--accent-hover: #db2777;--accent-rgb: 236, 72, 153;--theme-name: "pink"}[data-theme=ocean]{--sidebar-bg: #0c1d2e;--sidebar-text: #bae6fd;--sidebar-text-active: #ffffff;--sidebar-accent: #38bdf8;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #071220;--topbar-text: #bae6fd;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-rgb: 56, 189, 248;--theme-name: "ocean"}[data-theme=coffee]{--sidebar-bg: #1a1000;--sidebar-text: #d6d3d1;--sidebar-text-active: #ffffff;--sidebar-accent: #b45309;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #0e0900;--topbar-text: #d6d3d1;--accent: #b45309;--accent-hover: #92400e;--accent-rgb: 180, 83, 9;--theme-name: "coffee"}[data-theme=midnight]{--sidebar-bg: #0c0c16;--sidebar-text: #c4b5fd;--sidebar-text-active: #ffffff;--sidebar-accent: #a78bfa;--sidebar-hover: rgba(255,255,255,.06);--topbar-bg: #06060e;--topbar-text: #c4b5fd;--accent: #a78bfa;--accent-hover: #8b5cf6;--accent-rgb: 167, 139, 250;--theme-name: "midnight"}[data-theme=wine]{--sidebar-bg: #1a0810;--sidebar-text: #fda4af;--sidebar-text-active: #ffffff;--sidebar-accent: #be123c;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #0f050a;--topbar-text: #fda4af;--accent: #be123c;--accent-hover: #9f1239;--accent-rgb: 190, 18, 60;--theme-name: "wine"}[data-theme=emerald]{--sidebar-bg: #062014;--sidebar-text: #a7f3d0;--sidebar-text-active: #ffffff;--sidebar-accent: #10b981;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #041409;--topbar-text: #a7f3d0;--accent: #10b981;--accent-hover: #059669;--accent-rgb: 16, 185, 129;--theme-name: "emerald"}[data-theme=crimson]{--sidebar-bg: #1a0404;--sidebar-text: #fca5a5;--sidebar-text-active: #ffffff;--sidebar-accent: #dc2626;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #100202;--topbar-text: #fca5a5;--accent: #dc2626;--accent-hover: #b91c1c;--accent-rgb: 220, 38, 38;--theme-name: "crimson"}[data-theme=steel]{--sidebar-bg: #1a2632;--sidebar-text: #bfdbfe;--sidebar-text-active: #ffffff;--sidebar-accent: #0284c7;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #0e1c28;--topbar-text: #bfdbfe;--accent: #0284c7;--accent-hover: #0369a1;--accent-rgb: 2, 132, 199;--theme-name: "steel"}[data-theme=moss]{--sidebar-bg: #131a0c;--sidebar-text: #d9f99d;--sidebar-text-active: #ffffff;--sidebar-accent: #84cc16;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #0a1206;--topbar-text: #d9f99d;--accent: #84cc16;--accent-hover: #65a30d;--accent-rgb: 132, 204, 22;--theme-name: "moss"}[data-theme=cobalt]{--sidebar-bg: #0c1830;--sidebar-text: #bfdbfe;--sidebar-text-active: #ffffff;--sidebar-accent: #1d4ed8;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #081020;--topbar-text: #bfdbfe;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-rgb: 29, 78, 216;--theme-name: "cobalt"}[data-theme=graphite]{--sidebar-bg: #1c1c24;--sidebar-text: #d1d5db;--sidebar-text-active: #ffffff;--sidebar-accent: #6d28d9;--sidebar-hover: rgba(255,255,255,.07);--topbar-bg: #111118;--topbar-text: #d1d5db;--accent: #6d28d9;--accent-hover: #5b21b6;--accent-rgb: 109, 40, 217;--theme-name: "graphite"}:root{--surface: #f6f7f9;--card-bg: #ffffff;--card-border: #e9ecef;--ink: #17191c;--ink-muted: #6c757d;--shell-dark: #23272b;--shell-dark-hover: #2e3338}:root,[data-theme]{--sidebar-bg: var(--shell-dark);--sidebar-text: #b6bcc4;--sidebar-text-active: #ffffff;--sidebar-hover: var(--shell-dark-hover);--sidebar-accent: var(--accent);--topbar-bg: #ffffff;--topbar-text: #495057}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-card{border:1px solid #e0e0e0;border-radius:10px;padding:20px;margin:15px;box-shadow:0 2px 10px #0000001a;transition:transform .2s;display:flex;flex-direction:column;min-height:300px}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.metric-value{font-size:2rem;font-weight:700;color:#2c3e50}.metric-label{color:#7f8c8d;font-size:.9rem}.pending-badge{background-color:#e74c3c;color:#fff}.replied-badge{background-color:#27ae60;color:#fff}.opened-badge{background-color:#3498db;color:#fff}.btn-sync{background-color:#3498db;border-color:#3498db}.btn-sync:hover{background-color:#2980b9;border-color:#2980b9}.card-actions-bottom{margin-top:auto;padding-top:15px;border-top:1px solid #e9ecef;display:flex;justify-content:center;gap:10px}.shell-topbar{position:fixed;top:0;left:240px;right:0;height:56px;background:var(--topbar-bg);color:var(--ink);display:flex;align-items:center;padding:0 1rem;gap:.75rem;z-index:200;border-bottom:1px solid var(--card-border);transition:left .25s ease}.shell-topbar.collapsed{left:60px}@media(max-width:768px){.shell-topbar,.shell-topbar.collapsed{left:0}}.shell-topbar .brand{font-size:1.1rem;font-weight:600;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;flex:1}.shell-topbar .topbar-right{display:flex;align-items:center;gap:.75rem}.shell-sidebar{position:fixed;top:0;left:0;bottom:0;background:var(--sidebar-bg);overflow:hidden;transition:width .25s ease;z-index:100;display:flex;flex-direction:column}.shell-sidebar.expanded{width:240px}.shell-sidebar.collapsed{width:60px}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;color:var(--sidebar-text);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s;cursor:pointer;border:none;border-left:3px solid transparent;background:none;width:100%;font-size:.88rem}.sidebar-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-item.active{background:rgba(var(--accent-rgb),.18);color:var(--sidebar-text-active);border-left-color:var(--accent);border-radius:0 8px 8px 0}.sidebar-item .sidebar-icon{width:20px;text-align:center;flex-shrink:0;font-size:.95rem}.sidebar-item .sidebar-label{transition:opacity .2s}.shell-sidebar.collapsed .sidebar-label{opacity:0;width:0;overflow:hidden}.shell-sidebar.collapsed .sidebar-item{justify-content:center;padding:.625rem}.sidebar-footer{display:flex;align-items:center;gap:.25rem;border-top:1px solid rgba(255,255,255,.08);padding:.5rem .6rem;flex-shrink:0}.sidebar-footer .sidebar-status{flex:1;min-width:0;margin:0}.shell-sidebar.collapsed .sidebar-footer{justify-content:center;padding:.5rem 0}.sidebar-toggle{display:flex;justify-content:flex-end;flex-shrink:0}.sidebar-toggle button{background:none;border:none;color:var(--sidebar-text);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .15s}.sidebar-toggle button:hover{background:var(--sidebar-hover)}.shell-sidebar.collapsed .sidebar-toggle{justify-content:center}.shell-content{margin-top:56px;min-height:calc(100vh - 56px);padding:1.5rem;transition:margin-left .25s ease;background:var(--surface)}.shell-content.expanded{margin-left:240px}.shell-content.collapsed{margin-left:60px}.topbar-icon-btn{background:transparent;border:none;color:var(--topbar-text, #495057);cursor:pointer;padding:6px 8px;border-radius:8px;font-size:1rem;transition:background .15s}.topbar-icon-btn:hover{background:#0000000d}.compose-fab-wrap{position:fixed;right:24px;bottom:24px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.compose-fab-wrap .compose-fab{position:static}.compose-menu{background:var(--card-bg, #fff);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 12px 32px #1018282e;padding:6px;min-width:230px;max-width:280px;animation:fadeInUp .2s ease}.compose-menu-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;padding:9px 12px;border-radius:8px;font-size:.88rem;color:var(--ink);cursor:pointer;text-align:left}.compose-menu-item:hover{background:rgba(var(--accent-rgb),.08)}.compose-menu-item i{width:16px;text-align:center;color:var(--accent);flex-shrink:0}.compose-menu-divider{height:1px;background:var(--card-border);margin:4px 8px}.compose-menu-list{max-height:260px;overflow-y:auto}.compose-menu-empty{padding:12px;color:var(--ink-muted);font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:768px){.compose-fab-wrap{bottom:84px;right:16px}}.compose-fab{position:fixed;right:24px;bottom:24px;z-index:300;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.1rem;box-shadow:0 6px 18px rgba(var(--accent-rgb),.45);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fabIn .35s cubic-bezier(.34,1.56,.64,1);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.compose-fab:hover{transform:scale(1.08) rotate(8deg);background:var(--accent-hover);box-shadow:0 10px 26px rgba(var(--accent-rgb),.55)}.compose-fab:active{transform:scale(.94)}@keyframes fabIn{0%{opacity:0;transform:scale(.4) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.compose-fab{bottom:84px;right:16px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item-btn:hover{background:#f3f4f6!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}.bell-ring{animation:bell-ring .8s ease infinite;transform-origin:top center}.sidebar-user{border-top:1px solid rgba(255,255,255,.08);padding:.6rem .5rem;flex-shrink:0}.sidebar-user.collapsed{display:flex;justify-content:center;padding:.6rem 0}.sidebar-user-avatar-btn{background:none;border:none;cursor:pointer;padding:0;border-radius:50%}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent, #2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.04em;flex-shrink:0;transition:opacity .15s}.sidebar-avatar:hover{opacity:.85}.sidebar-user-card{display:flex;flex-direction:column;gap:.5rem}.sidebar-user-info{display:flex;align-items:center;gap:.6rem;padding:0 .25rem}.sidebar-user-text{overflow:hidden;flex:1;min-width:0}.sidebar-user-name{font-size:.82rem;font-weight:600;color:var(--sidebar-text-active, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.68rem;color:var(--sidebar-text, #9ca3af);opacity:.75;margin-top:1px}.sidebar-user-actions{display:flex;gap:.25rem;padding:0 .1rem}.sidebar-user-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--sidebar-text, #9ca3af);cursor:pointer;font-size:.8rem;transition:background .15s,color .15s}.sidebar-user-action-btn:hover{background:#ffffff1f;color:var(--sidebar-text-active, #fff)}.sidebar-user-action-btn--logout:hover{background:#dc262633;color:#fca5a5;border-color:#dc26264d}.min-w-0{min-width:0!important}.topbar-search{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--card-border);border-radius:10px;padding:0 .75rem;height:38px;flex:1 1 auto;max-width:760px;min-width:220px}.topbar-search i{color:var(--ink-muted);font-size:.85rem}.topbar-search input{border:none;outline:none;background:transparent;width:100%;font-size:.875rem;color:var(--ink)}.topbar-search input::placeholder{color:#9ca3af}.topbar-search:focus-within{border-color:rgba(var(--accent-rgb),.5)}.topbar-search{position:relative}.topbar-search .search-kbd{background:#fff;border:1px solid var(--card-border);border-radius:5px;color:var(--ink-muted);font-size:.7rem;padding:1px 7px;flex-shrink:0}.search-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card-bg, #fff);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 12px 32px #10182829;padding:6px;z-index:400;animation:fadeInDown .15s ease;overflow:hidden}.search-suggest-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 2px}.search-suggest-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;text-align:left;cursor:pointer;color:var(--ink);font-size:.86rem}.search-suggest-row:hover,.search-suggest-row.active{background:rgba(var(--accent-rgb),.08)}.search-suggest-row i{width:16px;text-align:center;color:var(--ink-muted);flex-shrink:0}.search-suggest-row .suggest-main{min-width:0;flex:1}.search-suggest-row .suggest-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggest-row .suggest-sub{font-size:.74rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand{display:flex;align-items:center;gap:.65rem;padding:1rem 1.1rem .9rem;color:#fff;font-weight:700;font-size:1.02rem;white-space:nowrap;flex-shrink:0}.sidebar-brand i{font-size:1.1rem}.shell-sidebar.collapsed .sidebar-brand{justify-content:center;padding:1rem 0 .9rem}.sidebar-compose{margin:.25rem .75rem .5rem;padding:.6rem 1rem;border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.6rem;cursor:pointer}.sidebar-compose:hover{background:var(--accent-hover)}.shell-sidebar.collapsed .sidebar-compose{justify-content:center;padding:.6rem;margin:.25rem .5rem .5rem}.sidebar-group-header{font-weight:500}.sidebar-group-header.group-active{color:var(--sidebar-text-active)}.sidebar-subitem{padding-left:2.1rem;font-size:.85rem}.sidebar-divider{height:1px;background:#ffffff14;margin:.6rem 1rem}.sidebar-status{margin:.5rem .6rem;padding:.6rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:10px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;gap:.5rem}.sidebar-status .status-line{display:flex;align-items:center;gap:.45rem;font-size:.66rem;font-weight:700;letter-spacing:.08em;color:#9aa1a9;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.sidebar-status .status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0}.sidebar-status .status-detail{flex:1;min-width:0;font-size:.74rem;color:#d5d9dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-sidebar.collapsed .sidebar-status{display:none}.sidebar-nav{padding:.25rem .5rem}.sidebar-item{border-radius:0 8px 8px 0;margin-bottom:2px}.stat-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.tab-underline{display:flex;gap:1.4rem;border-bottom:1px solid var(--card-border)}.tab-underline button{background:none;border:none;padding:.45rem .1rem;font-size:.9rem;font-weight:500;color:var(--ink-muted);border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}.tab-underline button.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.card{border:1px solid var(--card-border);border-radius:12px;box-shadow:0 1px 2px #1018280f}.btn-primary{background-color:var(--accent);border-color:var(--accent)}.btn-primary:hover,.btn-primary:focus{background-color:var(--accent-hover);border-color:var(--accent-hover)}.nav-pills .nav-link.active{background-color:var(--accent)}h1,h2,h3,h4,h5,h6{color:var(--ink)}.bottom-nav,.more-sheet-backdrop,.more-sheet,.mobile-avatar{display:none}@media(max-width:768px){.shell-sidebar,.topbar-hamburger{display:none!important}.shell-topbar{--topbar-text: #4b5563;background:#f8f9fb;color:#111827;box-shadow:none;border-bottom:1px solid #e9ecef;padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top));padding-left:.75rem;padding-right:.75rem;gap:.4rem}.shell-topbar .brand{color:#111827;font-size:1rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;gap:.45rem}.shell-topbar .brand img{width:30px!important;height:30px!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001f}.shell-topbar .topbar-right{gap:.25rem;flex-shrink:0}.shell-topbar .topbar-right .btn{min-height:34px;padding:4px 9px;font-size:.85rem;display:inline-flex;align-items:center;border-radius:8px}.shell-topbar .topbar-right .fa-chevron-down{display:none}.shell-topbar .topbar-avatar{width:30px!important;height:30px!important;font-size:.68rem!important}.shell-content,.shell-content.expanded,.shell-content.collapsed{margin-left:0;margin-top:calc(52px + env(safe-area-inset-top));padding:.9rem .75rem;padding-bottom:calc(76px + env(safe-area-inset-bottom));min-height:calc(100vh - 52px);background:#f4f6f9}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:300;background:#fffffff0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid #e9ecef;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-height:48px;padding:4px 8px;border-radius:12px;color:#6b7280;background:transparent;border:none;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .15s}.bottom-nav-item i{font-size:1.15rem}.bottom-nav-item span{font-size:.66rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.bottom-nav-item.active{color:var(--accent, #2563eb)}.bottom-nav-item:active{color:#374151}.more-sheet-backdrop{display:block;position:fixed;inset:0;z-index:340;background:#0f172a73;opacity:0;pointer-events:none;transition:opacity .25s ease}.more-sheet-backdrop.open{opacity:1;pointer-events:auto}.more-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:350;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #0f172a2e;padding:8px 16px calc(16px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);touch-action:pan-y}.more-sheet.open{transform:translateY(0)}.more-sheet-handle{width:40px;height:4px;border-radius:2px;background:#d1d5db;margin:4px auto 10px}.more-sheet-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent, #2563eb);margin:8px 2px}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.more-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;background:transparent;border:none;border-radius:14px;color:#374151;font-size:.68rem;font-weight:600;-webkit-tap-highlight-color:transparent}.more-tile-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#f1f3f7;color:#4b5563;font-size:1.05rem}.more-tile.active{color:var(--accent, #2563eb)}.more-tile.active .more-tile-icon{background:rgba(var(--accent-rgb, 37, 99, 235),.12);color:var(--accent, #2563eb)}.more-tile:active .more-tile-icon{background:#e5e9f0}.more-rows{background:#f8f9fb;border-radius:14px;overflow:hidden;margin-bottom:4px}.more-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:transparent;border:none;border-bottom:1px solid #eef0f4;color:#111827;font-size:.88rem;font-weight:500;text-align:left;-webkit-tap-highlight-color:transparent}.more-row:last-child{border-bottom:none}.more-row-icon{width:20px;text-align:center;color:#6b7280;font-size:.9rem}.more-row-label{flex:1}.more-row-chevron{font-size:.7rem;color:#c3c9d4}.more-row.active,.more-row.active .more-row-icon{color:var(--accent, #2563eb)}.btn{min-height:40px}input.form-control,select.form-select,textarea.form-control{font-size:16px}.table-responsive{-webkit-overflow-scrolling:touch}.card{border-radius:16px;border:none;box-shadow:0 1px 4px #0f172a0f}.card .card-body{padding:.9rem}.dashboard-card{margin:10px 0;padding:16px;min-height:unset}.shell-content .row.g-3>.col-sm-6.col-xl-3{width:100%}.shell-content .kpi-card{border-radius:16px!important;padding:1rem 1.1rem!important}.shell-content .kpi-card .fa-2x{font-size:2.4em}.shell-content .dashboard-account-chip{display:inline-flex;align-items:center;gap:4px;background:#eceff3;border-radius:10px;padding:.5rem .8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-content .d-flex.flex-wrap>.btn-sm{border-radius:50rem;padding:.35rem .9rem}.shell-content h2{font-size:1.3rem;font-weight:700}.shell-content h3{font-size:1.15rem}.shell-content h4{font-size:1.05rem}.shell-content h2 .fas,.shell-content h2 .far{font-size:1.1rem}.shell-content .d-flex.justify-content-between,.shell-content .d-flex.align-items-center.justify-content-between{gap:.5rem}.shell-content .d-flex.justify-content-between>h2,.shell-content .d-flex.align-items-center.justify-content-between>h2{margin-bottom:0;min-width:0}.shell-content .btn{white-space:nowrap}.table>:not(:first-child){border-top:0!important}.pending-page .table,.priority-page .table,.viewed-page .table,.replied-page .table,.accounts-page .table{display:block;width:100%;max-width:100%}.pending-page .table tbody td,.priority-page .table tbody td,.viewed-page .table tbody td,.replied-page .table tbody td,.accounts-page .table tbody td{max-width:100%;overflow-wrap:anywhere;min-width:0}.table{font-size:.85rem}.table>:not(caption)>*>*{padding:.55rem .6rem}.table .btn-sm{padding:.25rem .5rem;font-size:.75rem}.pending-page .table-responsive,.priority-page .table-responsive{overflow-x:visible}.pending-page .table thead,.priority-page .table thead{display:none}.pending-page .table tbody,.priority-page .table tbody{display:block}.pending-page .card,.priority-page .card{background:transparent;box-shadow:none;border:none}.pending-page .table,.priority-page .table{background:transparent;--bs-table-bg: transparent}.pending-page .table tbody tr,.priority-page .table tbody tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px;padding:.85rem .9rem;background:#fff;border-radius:14px;border-bottom:none;box-shadow:0 1px 4px #0f172a12;margin-bottom:10px}.priority-page .table tbody tr{border-left:3px solid rgba(var(--accent-rgb),.7)}.pending-page .table tbody tr:hover,.priority-page .table tbody tr:hover{background:#fff}.pending-page .table tbody td,.priority-page .table tbody td{display:block;border:0;padding:0;background:transparent}.pending-page tbody tr>td:nth-child(1){order:1}.pending-page tbody tr>td:nth-child(2){order:2}.pending-page tbody tr>td:nth-child(3){order:3;flex:1 1 0;min-width:0;max-width:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-page tbody tr>td:nth-child(5){order:4;font-size:.72rem}.pending-page tbody tr>td:nth-child(4){order:5;flex-basis:100%;margin-top:2px}.pending-page tbody tr>td:nth-child(6){order:6}.pending-page tbody tr>td:nth-child(7){order:7;margin-left:auto}.priority-page tbody tr>td:nth-child(1){order:1}.priority-page tbody tr>td:nth-child(2){order:2;flex:1 1 0;min-width:0;max-width:none!important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-page tbody tr>td:nth-child(4){order:3;font-size:.72rem}.priority-page tbody tr>td:nth-child(3){order:4;flex-basis:100%;margin-top:2px}.priority-page tbody tr>td:nth-child(5){order:5}.priority-page tbody tr>td:nth-child(6){order:6;margin-left:auto}.reply-panel .reply-suggestion{max-width:100%!important;flex:1 1 100%;justify-content:flex-start;background:rgba(var(--accent-rgb),.08)!important;color:var(--accent, #2563eb)!important;border-radius:20px!important;padding:9px 14px!important;font-size:.82rem!important}.reply-panel .btn-outline-primary.py-0,.reply-panel .btn-outline-secondary.py-0{border-radius:50rem;padding:.3rem .95rem!important;font-size:.8rem!important;min-height:34px}.reply-panel .rich-editor-wrapper{border-radius:14px!important}.reply-panel .rich-editor-wrapper .bg-light{background:#fff!important;padding:8px!important;gap:6px!important}.reply-panel .rich-editor-wrapper .bg-light>.btn,.reply-panel .rich-editor-wrapper .bg-light .position-relative>.btn{width:38px;height:38px;min-height:38px;padding:0!important;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;border-color:#e5e7eb;color:#374151}.reply-panel>.d-flex.gap-2.mt-2{margin-top:.75rem!important}.reply-panel>.d-flex.gap-2.mt-2 .btn-success{flex:1;border-radius:12px;min-height:44px;font-weight:600}.reply-panel>.d-flex.gap-2.mt-2 .btn-outline-secondary{border-radius:12px;min-height:44px;padding-left:1.1rem;padding-right:1.1rem}.replied-page .table thead{display:none}.replied-page .table tbody{display:block}.replied-page .card{background:transparent;box-shadow:none;border:none}.replied-page .table-responsive{overflow-x:visible}.replied-page .table{background:transparent;--bs-table-bg: transparent}.replied-page .table tbody tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px;padding:.85rem .9rem;background:#fff;border-radius:14px;border-bottom:none;border-left:3px solid #19875466;box-shadow:0 1px 4px #0f172a12;margin-bottom:10px}.replied-page .table tbody tr:hover{background:#fff}.replied-page .table tbody td{display:block;border:0;padding:0;background:transparent}.replied-page tbody tr>td:nth-child(1){order:1;flex:1 1 0;min-width:0;max-width:none!important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replied-page tbody tr>td:nth-child(3){order:2;font-size:.72rem}.replied-page tbody tr>td:nth-child(2){order:3;flex-basis:100%;margin-top:2px}.replied-page tbody tr>td:nth-child(4){order:4}.replied-page tbody tr>td:nth-child(5){order:5;margin-left:auto}.mobile-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:.68rem;font-weight:700;letter-spacing:.02em;margin-right:8px;flex-shrink:0}.viewed-page .table thead{display:none}.viewed-page .table tbody{display:block}.viewed-page .card{background:transparent;box-shadow:none;border:none}.viewed-page .table-responsive{overflow-x:visible}.viewed-page .table{background:transparent;--bs-table-bg: transparent}.viewed-page .table tbody tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px;padding:.85rem .9rem;background:#fff;border-radius:14px;border-bottom:none;box-shadow:0 1px 4px #0f172a12;margin-bottom:10px}.viewed-page .table tbody tr:hover{background:#fff}.viewed-page .table tbody td{display:block;border:0;padding:0;background:transparent}.viewed-page tbody tr>td:nth-child(1){order:1;flex:1 1 0;min-width:0;max-width:none!important;font-weight:600;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewed-page tbody tr>td:nth-child(3){order:2;font-size:.72rem}.viewed-page tbody tr>td:nth-child(2){order:3;flex-basis:100%;margin-top:2px}.viewed-page tbody tr>td:nth-child(4){order:4}.viewed-page tbody tr>td:nth-child(5){order:5}.viewed-page tbody tr>td:nth-child(6){order:6;margin-left:auto}.accounts-page>.d-flex.justify-content-between{flex-wrap:wrap}.accounts-page>.d-flex.justify-content-between>.btn-primary{flex-basis:100%;border-radius:12px;font-weight:600}.accounts-page .table thead{display:none}.accounts-page .table tbody{display:block}.accounts-page .card{background:transparent;box-shadow:none;border:none}.accounts-page .card .card-body{padding:0}.accounts-page .table{background:transparent;--bs-table-bg: transparent}.accounts-page .table tbody tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:4px;padding:.9rem;background:#fff;border-radius:14px;border-left:3px solid #22c55e;box-shadow:0 1px 4px #0f172a12;margin-bottom:10px}.accounts-page .table tbody tr:hover{background:#fff}.accounts-page .table tbody td{display:block;border:0;padding:0;background:transparent}.accounts-page .table tbody td:nth-child(1){flex-basis:100%;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts-page .table tbody td:nth-child(2){order:2}.accounts-page .table tbody td:nth-child(3){order:3;flex-basis:100%;display:flex;gap:8px;margin-top:6px;text-align:left!important}.accounts-page .table tbody td:nth-child(3) .btn{flex:1;border-radius:10px;margin:0!important}.settings-page{padding:.25rem 0!important}.settings-profile-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:16px;margin-bottom:18px;box-shadow:0 1px 4px #0f172a0f}.settings-profile-avatar{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--accent, #2563eb);color:#fff;font-weight:700;font-size:1.05rem;flex-shrink:0}.settings-profile-info{min-width:0}.settings-profile-name{font-weight:700;font-size:1rem;color:#111827}.settings-profile-email{font-size:.8rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-profile-role{display:inline-flex;align-items:center;margin-top:3px;font-size:.7rem;font-weight:700;color:var(--accent, #2563eb)}.settings-group{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:18px;box-shadow:0 1px 4px #0f172a0f}.settings-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:transparent;border:none;border-bottom:1px solid #f1f3f7;color:#111827;font-size:.9rem;font-weight:500;text-align:left;-webkit-tap-highlight-color:transparent}.settings-row:last-child{border-bottom:none}.settings-row-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(var(--accent-rgb, 37, 99, 235),.1);color:var(--accent, #2563eb);font-size:.85rem;flex-shrink:0}.settings-row-label{flex:1}.settings-row-chevron{font-size:.7rem;color:#c3c9d4}.settings-signout{display:flex;align-items:center;justify-content:center;width:100%;padding:13px;border:none;border-radius:14px;background:#fdeaea;color:#dc2626;font-weight:700;font-size:.92rem;margin-bottom:22px;-webkit-tap-highlight-color:transparent}.settings-mobile-footer{text-align:center;color:#9ca3af;padding-bottom:8px}.settings-mobile-footer i{font-size:1.4rem;margin-bottom:6px}.settings-mobile-footer-name{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.settings-mobile-footer-ver{font-size:.72rem;margin-top:2px}.settings-back-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.settings-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#fff;color:#374151;box-shadow:0 1px 3px #0f172a14;-webkit-tap-highlight-color:transparent}.settings-back-title{font-weight:700;font-size:1.05rem;color:#111827}.settings-page div[style*="repeat(5"]{grid-template-columns:repeat(3,1fr)!important}.modal-dialog{margin:.5rem}.topbar-right [style*="position: absolute"]{max-width:calc(100vw - 24px);max-height:calc(100vh - 140px);overflow-y:auto}html,body,.shell-content{overflow-x:hidden}}.email-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.email-content .original-content{margin-bottom:1rem}.email-content .quoted-content{border-left:3px solid #e9ecef;padding-left:1rem;margin-top:1rem}.email-content .quoted-content .card-body{font-size:.9rem;background-color:#f8f9fa!important}.email-content p{margin-bottom:.75rem}.email-content blockquote{border-left:3px solid #dee2e6;padding-left:1rem;margin:1rem 0;color:#6c757d;font-style:italic}.email-content pre{background-color:#f8f9fa;padding:.75rem;border-radius:.375rem;overflow-x:auto;font-size:.875rem}.email-content code{background-color:#f8f9fa;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem}.email-content table{width:100%;border-collapse:collapse;margin:1rem 0}.email-content table th,.email-content table td{border:1px solid #dee2e6;padding:.5rem;text-align:left}.email-content table th{background-color:#f8f9fa;font-weight:600}.email-content img{max-width:100%;height:auto}.email-content a,.email-content a:link,.email-content a:visited{color:#0d6efd!important;text-decoration:underline!important}.email-content a:hover{color:#0a58ca!important;text-decoration:underline!important}.email-content ul,.email-content ol{padding-left:1.5rem;margin-bottom:1rem}.email-content li{margin-bottom:.25rem}.quoted-toggle-btn{font-size:.875rem;padding:.25rem .5rem;border:1px solid #dee2e6;background-color:#f8f9fa;color:#6c757d;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.quoted-toggle-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.quoted-toggle-btn i{margin-right:.25rem}.rich-editor-body[data-placeholder]:empty:before{content:attr(data-placeholder);color:#adb5bd;pointer-events:none}.rich-editor-body ul,.rich-editor-body ol{padding-left:1.5rem}.emoji-btn{font-size:1.1rem;line-height:1;border:none!important;background:transparent!important;transition:transform .1s}.emoji-btn:hover{transform:scale(1.3);background:#f8f9fa!important}