@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#fafafa,#f5f5f5);color:#262626;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5;margin:0}code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,source-code-pro,Menlo,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar-track{background:#f5f5f580;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffcc004d;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffcc0080}.text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fc0,#e6b800);-webkit-background-clip:text;background-clip:text}.glassmorphism{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #e5e5e54d}.shadow-modern{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-glow-primary{box-shadow:0 4px 6px -1px #ffcc004d,0 2px 4px -1px #fc03}.logo{display:block;height:auto;max-width:100%;object-fit:contain}.logo:hover{opacity:.8;transition:opacity .3s ease}@media (max-width:768px){.logo{max-width:80px}}@media (max-width:480px){.logo{max-width:60px}}.login-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{max-width:400px;padding:40px;text-align:center;width:100%}.login-header{align-items:center;display:flex;flex-direction:column;margin-bottom:32px;text-align:center}.login-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:16px 0 8px}.login-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.login-field{text-align:left}.login-field .input-glass{box-sizing:border-box;width:100%}.login-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-error{align-items:center;background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);display:flex;font-size:14px;gap:8px;padding:12px 16px}.login-submit{font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px}.login-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.login-container{padding:16px}.login-card{padding:24px}.login-title{font-size:20px}.login-submit{font-size:16px;min-height:48px}}.dashboard-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-container,.dashboard-loading{background-color:#fff;margin:0 auto;max-width:414px;min-height:100vh;padding:16px}.dashboard-loading{align-items:center;display:flex;justify-content:center}.loading-content{width:100%}.loading-skeleton .skeleton-header{height:80px}.loading-skeleton .skeleton-header,.loading-skeleton .skeleton-nav{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;margin-bottom:24px}.loading-skeleton .skeleton-nav{height:72px}.loading-skeleton .skeleton-cards{height:280px;margin-bottom:24px}.loading-skeleton .skeleton-activity,.loading-skeleton .skeleton-cards{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}.loading-skeleton .skeleton-activity{height:200px}.dashboard-error{align-items:center;background-color:#fff;display:flex;justify-content:center;margin:0 auto;max-width:414px;min-height:100vh;padding:16px}.error-message{color:#ff1e1e;font-size:16px;margin-bottom:16px}.retry-button{background-color:#fc0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-button:hover{box-shadow:0 4px 8px #ffcc004d;transform:translateY(-2px)}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px;padding-top:8px}.greeting-section{flex:1 1}.greeting-text{color:#333;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.user-name{color:#fc0}.current-date{color:#666;font-size:16px;margin:0;text-transform:capitalize}.logout-button{background-color:#ff1e1e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:16px;padding:8px 16px;transition:all .2s ease}.logout-button:hover{background-color:#e01a1a;transform:translateY(-1px)}.quick-navigation{display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:0 8px}.nav-icon{align-items:center;background-color:#f5f5f5;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:68px;justify-content:center;position:relative;transition:all .2s ease;width:68px}.nav-icon:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.nav-icon.active{background-color:#fc0}.nav-icon .icon{font-size:24px}.notification-badge{background-color:#ff1e1e;display:flex;font-size:12px;height:20px;right:8px;top:8px;width:20px}.main-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.action-card{align-items:center;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:130px;justify-content:center;padding:16px;transition:all .2s ease}.action-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.checklists-card,.tasks-card{background-color:#f5f5f5}.agenda-card,.visits-card{background-color:#fc0}.supervision-card{background-color:#0ff068;grid-column:1/-1;height:100px}.card-content{text-align:center;width:100%}.card-title{color:#333;font-size:14px;font-weight:600;line-height:1.2;margin:0 0 8px}.card-count{color:#333;font-size:32px;font-weight:700;line-height:1;margin:0}.card-subtitle{color:#666;font-size:12px;margin:4px 0 0}.recent-activity{background-color:#f5f5f5;border-radius:12px;padding:16px}.activity-title{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.activity-list{margin-bottom:16px}.activity-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background-color:#fff;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-text{color:#333;font-size:14px;line-height:1.3;margin:0 0 4px}.activity-time{color:#fc0;font-size:12px;font-weight:600}.no-activities{padding:24px 0;text-align:center}.no-activities p{color:#666;font-size:14px;margin:0}.view-more-button{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.view-more-button:hover{background-color:#fc0;border-color:#fc0}@media (max-width:375px){.dashboard-container{padding:12px}.greeting-text{font-size:22px}.nav-icon{height:64px;width:64px}.nav-icon .icon{font-size:22px}.action-card{height:120px;padding:12px}.card-count{font-size:28px}}@media (max-width:320px){.quick-navigation{gap:12px;padding:0 4px}.nav-icon{height:60px;width:60px}.nav-icon .icon{font-size:20px}.main-actions{gap:8px}.action-card{height:110px;padding:10px}.card-title{font-size:13px}.card-count{font-size:24px}}@media (min-width:768px){.dashboard-container{max-width:414px}}@media (prefers-reduced-motion:reduce){.action-card,.logout-button,.nav-icon,.retry-button,.view-more-button{transition:none}.action-card:hover,.nav-icon:hover{transform:none}.loading-skeleton .skeleton-activity,.loading-skeleton .skeleton-cards,.loading-skeleton .skeleton-header,.loading-skeleton .skeleton-nav{animation:none;background:#f0f0f0}}@media (prefers-color-scheme:dark){.dashboard-container{background-color:#1a1a1a;color:#fff}.activity-text,.activity-title,.card-title,.greeting-text{color:#fff}.current-date{color:#ccc}.checklists-card,.nav-icon,.recent-activity,.tasks-card{background-color:#2a2a2a}.activity-icon{background-color:#3a3a3a}.view-more-button{background-color:#2a2a2a;border-color:#3a3a3a;color:#fff}.view-more-button:hover{background-color:#fc0;color:#333}}:root{--transition-fast:all 0.2s cubic-bezier(0.25,0.8,0.25,1);--transition-base:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--transition-theme:background-color 0s,color 0s,border-color 0s;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-whatsapp:7.5px;--radius-full:50%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--backdrop-blur:blur(20px);--backdrop-blur-subtle:blur(8px);--shadow-minimal:0 1px 3px #0000000d;--shadow-glass:0 8px 32px #0000001a;--brand-yellow:#fc0;--whatsapp-green:#25d366;--error-red:#dc3545}:root[data-theme=light],body.theme-light{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--bg-card:#fffc;--bg-elevated:#ffffffe6;--bg-input:#ffffffb3;--bg-hover:#0000000a;--bg-active:#ffcc001a;--bg-disabled:#0000000d;--text-primary:#1c1e21;--text-secondary:#65676b;--text-tertiary:#8a8d91;--text-muted:#bdc1c6;--text-disabled:#1c1e2180;--text-inverse:#fff;--border-color:#0000001a;--border-light:#0000000f;--border-subtle:#0000000a;--border-focus:var(--brand-yellow);--border-error:var(--error-red);--success-color:var(--whatsapp-green);--success-bg:#25d3661a;--warning-color:#f59e0b;--warning-bg:#f59e0b1a;--error-color:var(--error-red);--error-bg:#dc35451a;--info-color:#3b82f6;--info-bg:#3b82f61a;--glass-bg:#ffffffbf;--glass-border:#fff3;--whatsapp-bg-chat:#efeae2;--whatsapp-bubble-sent:var(--brand-yellow);--whatsapp-bubble-received:#fff;--whatsapp-input-bg:#f0f2f5}:root[data-theme=dark],body.theme-dark{--bg-primary:#0b1426;--bg-secondary:#151f35;--bg-tertiary:#1e2a42;--bg-card:#ffffff0d;--bg-elevated:#ffffff14;--bg-input:#ffffff0a;--bg-hover:#ffffff0f;--bg-active:#ffcc0026;--bg-disabled:#ffffff05;--text-primary:#fff;--text-secondary:#b0b7c3;--text-tertiary:#8b92a0;--text-muted:#65676b;--text-disabled:#ffffff80;--text-inverse:#1c1e21;--border-color:#ffffff1a;--border-light:#ffffff26;--border-subtle:#ffffff0f;--border-focus:var(--brand-yellow);--border-error:var(--error-red);--success-color:var(--whatsapp-green);--success-bg:#25d36626;--warning-color:#fbbf24;--warning-bg:#fbbf2426;--error-color:#ef4444;--error-bg:#ef444426;--info-color:#60a5fa;--info-bg:#60a5fa26;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--whatsapp-bg-chat:#0b141a;--whatsapp-bubble-sent:var(--brand-yellow);--whatsapp-bubble-received:#1f2937;--whatsapp-input-bg:#ffffff0d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4;transition:background-color 0s,color 0s,border-color 0s;transition:var(--transition-theme)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin:0}div,p,span{color:var(--text-secondary);font-weight:400;margin:0}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-brand{color:#fc0!important;color:var(--brand-yellow)!important}.glass-minimal{backdrop-filter:blur(8px);backdrop-filter:var(--backdrop-blur-subtle);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur-subtle);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-lg)}.glass-card{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass)}.btn{border-radius:7.5px;border-radius:var(--radius-whatsapp);font-family:inherit;font-size:14px;font-weight:500;gap:8px;min-height:36px;overflow:hidden;padding:8px 16px;padding:var(--space-2) var(--space-4);position:relative;transition:all .2s cubic-bezier(.25,.8,.25,1)}.btn-primary{background:#fc0;background:var(--brand-yellow)}.btn-primary:hover{background:#e6b800;transform:scale(1.02)}.btn-secondary{background:#0000}.input-glass{backdrop-filter:blur(8px);backdrop-filter:var(--backdrop-blur-subtle);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur-subtle);background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.25,.8,.25,1);transition:var(--transition-fast)}.input-glass::placeholder{color:var(--text-muted)}.input-glass:focus{background:var(--bg-elevated);border-color:#fc0;border-color:var(--brand-yellow);box-shadow:0 0 0 3px #ffcc001a}.input-glass:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.5}.badge-whatsapp{align-items:center;background:#25d366;background:var(--whatsapp-green);border-radius:50%;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:1px 6px;text-align:center}@media (max-width:768px){body{font-size:16px}.btn{min-height:44px;padding:12px 20px;padding:var(--space-3) var(--space-5)}.input-glass{font-size:16px;min-height:44px}}@media (min-width:769px){.whatsapp-container{border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);margin:0 auto;max-width:414px;overflow:hidden}}.theme-toggle{background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:8px;padding:var(--space-2);transition:all .2s cubic-bezier(.25,.8,.25,1);transition:var(--transition-fast)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.skeleton-whatsapp{background:var(--bg-hover);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.skeleton-whatsapp:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-theme=light] .bottombar:not(.topbar):not(.fab):not(.conversations-list),body.theme-light .bottombar:not(.topbar):not(.fab):not(.conversations-list){background:#fc0!important;background:var(--brand-yellow)!important;border-top:1px solid #e6b8004d!important}:root[data-theme=light] .bottombar .bottombar-item,body.theme-light .bottombar .bottombar-item{color:#fff!important}:root[data-theme=light] .bottombar .bottombar-item:hover,body.theme-light .bottombar .bottombar-item:hover{background:#ffffff1a!important;color:#fff!important}:root[data-theme=light] .bottombar .bottombar-item.active,body.theme-light .bottombar .bottombar-item.active{background:#ffffff26!important;color:#fff!important;font-weight:600}:root[data-theme=light] .bottombar .bottombar-icon svg,body.theme-light .bottombar .bottombar-icon svg{fill:#fff!important}:root[data-theme=light] .bottombar .bottombar-label,body.theme-light .bottombar .bottombar-label{color:#fff!important}:root[data-theme=light] .bottombar .bottombar-badge,body.theme-light .bottombar .bottombar-badge{background:#25d366!important;background:var(--whatsapp-green)!important;border:2px solid #fff;color:#fff!important}:root[data-theme=light] .bottombar .bottombar-loading,body.theme-light .bottombar .bottombar-loading{color:#fff!important;font-size:12px;padding:16px;padding:var(--space-4);text-align:center}.navigation-container{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;position:relative;width:100%}@media (min-width:769px){.navigation-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);margin:0 auto;max-width:414px;overflow:hidden}}.topbar{align-items:center;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;height:60px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-theme);z-index:1000}@media (min-width:769px){.topbar{border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.topbar-brand{flex:1 1;gap:12px}.topbar-brand,.topbar-logo{align-items:center;display:flex}.topbar-logo{background:var(--brand-yellow);border-radius:var(--radius-md);color:var(--text-inverse);font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.topbar-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.topbar-tabs{display:flex;flex:2 1;gap:8px;justify-content:center}.topbar-tab{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;position:relative;transition:var(--transition-fast)}.topbar-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-tab.active{background:#ffcc001a;color:var(--brand-yellow);font-weight:600}.topbar-tab-badge{background:var(--whatsapp-green);border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:1px 5px}.topbar-tab-badge,.topbar-user{align-items:center;display:flex}.topbar-user{flex:1 1;gap:8px;justify-content:flex-end;position:relative}.topbar-user-trigger{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:16px;padding:8px;transition:var(--transition-fast)}.topbar-user-trigger:hover{background:var(--bg-hover);color:var(--brand-yellow)}.topbar-dropdown{animation:fadeInDropdown .2s ease-out;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);margin-top:8px;min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.topbar-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:var(--transition-fast);width:100%}.topbar-dropdown-item:hover{background:var(--bg-hover);color:var(--brand-yellow)}.topbar-dropdown-item.danger{color:var(--error-color)}.topbar-dropdown-item.danger:hover{background:var(--error-bg)}.topbar-dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.topbar-theme-toggle{justify-content:space-between;padding:8px 16px}.topbar-theme-toggle:hover{background:#0000}.content-area{background:var(--bg-primary);flex:1 1;overflow:hidden;position:relative}.bottombar{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;display:flex;height:60px;position:-webkit-sticky;position:sticky;transition:var(--transition-theme);z-index:1000}@media (min-width:769px){.bottombar{border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--border-subtle)}}.bottombar-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:8px 4px;position:relative;text-decoration:none;transition:var(--transition-fast)}.bottombar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.bottombar-item.active{background:#ffcc001a;color:var(--brand-yellow)}.bottombar-icon{font-size:20px;margin-bottom:4px;transition:var(--transition-fast)}.bottombar-label{font-size:11px;font-weight:500;line-height:1}.bottombar-badge{background:var(--whatsapp-green);border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:600;height:16px;margin-right:-8px;min-width:16px;padding:1px 5px;position:absolute;right:50%;top:6px}.bottombar-badge,.fab{align-items:center;display:flex;justify-content:center}.fab{background:var(--brand-yellow);border:none;border-radius:var(--radius-full);bottom:80px;box-shadow:var(--shadow-glass);color:var(--text-inverse);cursor:pointer;font-size:24px;height:56px;position:fixed;right:20px;transition:var(--transition-fast);width:56px;z-index:999}.fab:hover{box-shadow:0 8px 25px #ffcc004d;transform:scale(1.1)}@media (min-width:769px){.fab{bottom:80px;position:absolute;right:20px}}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.topbar{height:56px;padding:0 12px}.topbar-title{font-size:18px}.topbar-tab{font-size:13px}.bottombar{height:60px}.bottombar-icon{font-size:22px}.bottombar-label{font-size:10px}.fab{bottom:75px;height:52px;right:16px;width:52px}.topbar{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.bottombar{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}.theme-toggle-switch{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:var(--transition-fast);width:48px}.theme-toggle-switch.active{background:var(--brand-yellow);border-color:var(--brand-yellow)}.theme-toggle-slider{align-items:center;background:#fff;border-radius:var(--radius-full);display:flex;font-size:10px;height:18px;justify-content:center;left:2px;position:absolute;top:2px;transition:var(--transition-fast);width:18px}.theme-toggle-switch.active .theme-toggle-slider{color:var(--text-inverse);transform:translateX(24px)}.bottombar-loading{background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;height:100%}.bottombar-item-skeleton,.bottombar-loading{align-items:center;display:flex;justify-content:center}.bottombar-item-skeleton{flex:1 1;flex-direction:column;padding:8px 4px}.bottombar-icon-skeleton{border-radius:var(--radius-sm);height:20px;margin-bottom:4px;width:20px}.bottombar-icon-skeleton,.bottombar-label-skeleton{animation:shimmer 2s infinite;background:var(--bg-hover)}.bottombar-label-skeleton{border-radius:var(--radius-xs);height:11px;width:40px}.topbar-new{align-items:center;background:#fc0;background:var(--brand-yellow,#fc0);border-bottom:1px solid #fc0;border-bottom:1px solid var(--brand-yellow,#fc0);display:flex;height:30px;padding:0 8px;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-theme);z-index:1000}:root[data-theme=dark] .topbar-new,body.theme-dark .topbar-new{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}@media (min-width:769px){.topbar-new{border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.topbar-logo-section{align-items:center;display:flex;justify-content:flex-start;width:15%}.topbar-favicon{height:8px;object-fit:contain;width:8px}.topbar-tabs-section{display:flex;gap:0;justify-content:center;width:70%}.topbar-tab-new{background:none;border:none;border-radius:0;color:#fff;cursor:pointer;flex:1 1;font-size:8px;font-weight:500;gap:2px;padding:2px 4px;position:relative;text-align:center;transition:var(--transition-fast)}.topbar-tab-icon,.topbar-tab-new{align-items:center;display:flex;justify-content:center}.topbar-tab-icon svg{fill:#fff!important;color:#fff!important}.topbar-tab-label{color:#fff;font-size:8px;font-weight:500}.topbar-tab-new:hover{background-color:#ffffff1a}.topbar-tab-new.active{background-color:#fff3;font-weight:600}.topbar-tab-badge-new{background-color:#0ff068;border-radius:4px;color:#fff;font-size:6px;min-width:8px;padding:0 2px;position:absolute;right:2px;text-align:center;top:0}.topbar-menu-section{display:flex;justify-content:flex-end;position:relative;width:15%}.topbar-menu-trigger{align-items:center;background:none;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:10px;justify-content:center;padding:1px 3px}.topbar-menu-trigger svg{fill:#fff!important;color:#fff!important}.topbar-menu-trigger:hover{background-color:#ffffff1a}.topbar-new .topbar-dropdown{animation:fadeIn .2s ease-out;background-color:#fff;background-color:var(--bg-card,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-medium,0 4px 8px #00000026);margin-top:8px;min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.topbar-new .topbar-dropdown-item{align-items:center;background:none;border:none;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.topbar-new .topbar-dropdown-item:hover{background-color:#f5f5f5;background-color:var(--bg-hover,#f5f5f5)}.topbar-new .topbar-dropdown-item.danger{color:#f44336;color:var(--error-color,#f44336)}.topbar-new .topbar-dropdown-item.danger:hover{background-color:#f443361a}.topbar-new .topbar-dropdown-divider{background-color:#e0e0e0;background-color:var(--border-color,#e0e0e0);height:1px;margin:8px 0}.conversations-container{background:var(--bg-primary);display:flex;flex-direction:column;height:100%}.conversations-search-persistent{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:12px 16px;position:relative}.conversations-search-persistent .conversations-search-input{backdrop-filter:var(--backdrop-blur-subtle);-webkit-backdrop-filter:var(--backdrop-blur-subtle);background:var(--bg-input);border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);font-size:15px;outline:none;padding:8px 16px 8px 40px;transition:var(--transition-fast);width:100%}.conversations-search-persistent .conversations-search-input:focus{background:var(--bg-elevated);border-color:var(--brand-yellow);box-shadow:0 0 0 3px #ffcc001a}.conversations-search-persistent .conversations-search-input::placeholder{color:var(--text-muted)}.conversations-search-persistent .conversations-search-icon{color:var(--text-muted);font-size:16px;left:28px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.conversations-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.conversations-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.conversations-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.conversations-actions{display:flex;gap:8px}.conversations-action-btn{background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:20px;padding:8px;transition:var(--transition-fast)}.conversations-action-btn:hover{background:var(--bg-hover);color:var(--brand-yellow)}.conversations-search{position:relative}.conversations-search-input{backdrop-filter:var(--backdrop-blur-subtle);-webkit-backdrop-filter:var(--backdrop-blur-subtle);background:var(--bg-input);border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);font-size:15px;outline:none;padding:8px 16px 8px 40px;transition:var(--transition-fast);width:100%}.conversations-search-input::placeholder{color:var(--text-muted)}.conversations-search-input:focus{background:var(--bg-elevated);border-color:var(--brand-yellow);box-shadow:0 0 0 3px #ffcc001a}.conversations-search-icon{color:var(--text-muted);font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.conversations-list{background:var(--bg-primary);flex:1 1;overflow-y:auto}.conversations-pinned-section{border-bottom:8px solid var(--bg-secondary)}.conversations-pinned-header{align-items:center;background:var(--bg-primary);color:var(--text-muted);display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px 8px}.conversations-pinned-icon{color:var(--text-muted);font-size:16px}.conversation-item{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:var(--transition-fast)}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--bg-active);border-left:4px solid var(--brand-yellow);padding-left:12px}.conversation-item.pinned{backdrop-filter:var(--backdrop-blur-subtle);-webkit-backdrop-filter:var(--backdrop-blur-subtle);background:var(--bg-card)}.conversation-avatar-container{flex-shrink:0;margin-right:12px;position:relative}.conversation-avatar{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:20px;font-weight:600;height:49px;justify-content:center;overflow:hidden;width:49px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.conversation-status-dot{background:var(--whatsapp-green);border:2px solid var(--bg-primary);border-radius:var(--radius-full);bottom:0;height:13px;position:absolute;right:0;width:13px}.conversation-status-dot.offline{background:var(--text-muted)}.conversation-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.conversation-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:2px}.conversation-name{color:var(--text-primary);flex:1 1;font-size:17px;font-weight:400;line-height:22px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-name.unread{font-weight:600}.conversation-time{color:var(--text-muted);flex-shrink:0;font-size:12px;line-height:22px}.conversation-time.unread{color:var(--brand-yellow);font-weight:600}.conversation-footer{align-items:center;display:flex;justify-content:space-between}.conversation-last-message{align-items:center;color:var(--text-muted);display:flex;flex:1 1;font-size:14px;gap:4px;line-height:20px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-last-message.unread{color:var(--text-secondary);font-weight:500}.conversation-message-status{font-size:16px;line-height:1;margin-right:4px}.conversation-message-status.delivered,.conversation-message-status.sent{color:var(--text-muted)}.conversation-message-status.read{color:#53bdeb}.conversation-indicators{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.conversation-unread-badge{align-items:center;background:var(--whatsapp-green);border-radius:var(--radius-full);color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:1px 6px;text-align:center}.conversation-pinned-indicator{color:var(--text-muted);font-size:14px;margin-top:2px}.conversation-muted-indicator{color:var(--text-muted);font-size:16px}.conversation-typing{align-items:center;color:var(--brand-yellow);display:flex;font-size:14px;font-style:italic;gap:8px}.conversation-typing-dots{display:flex;gap:2px}.conversation-typing-dot{animation:typingAnimation 1.4s infinite;background:var(--brand-yellow);border-radius:var(--radius-full);height:4px;width:4px}.conversation-typing-dot:nth-child(2){animation-delay:.2s}.conversation-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{opacity:.4}30%{opacity:1}}.conversations-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.conversations-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.conversations-empty h3{color:var(--text-secondary);font-size:18px;font-weight:600;margin-bottom:8px}.conversations-empty p{font-size:14px;line-height:1.4;max-width:280px}.conversations-loading{padding:20px}.conversation-skeleton{align-items:center;display:flex;margin-bottom:1px;padding:12px 16px}.conversation-skeleton-avatar{border-radius:var(--radius-full);height:49px;margin-right:12px;width:49px}.conversation-skeleton-content{flex:1 1}.conversation-skeleton-name{border-radius:var(--radius-sm);height:16px;margin-bottom:8px;width:60%}.conversation-skeleton-message{border-radius:var(--radius-sm);height:14px;width:80%}@media (max-width:768px){.conversations-header{padding:12px 16px}.conversations-title{font-size:20px}.conversation-avatar{font-size:18px;height:45px;width:45px}.conversation-name{font-size:16px}.conversation-last-message{font-size:13px}}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.conversations-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.conversations-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.conversations-list-v2-search{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:8px 15px 15px;position:relative}.conversations-list-v2-search-wrapper{position:relative}.conversations-list-v2-search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);font-size:14px;outline:none;padding:8px 12px 8px 35px;transition:var(--transition-fast);width:100%}.conversations-list-v2-search-input:focus{background:var(--bg-elevated);border-color:var(--brand-yellow);box-shadow:0 0 0 3px #ffcc001a}.conversations-list-v2-search-input::placeholder{color:var(--text-muted)}.conversations-list-v2-search-icon{color:var(--text-muted);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.conversations-list-v2-search{padding:6px 12px 12px}.conversations-list-v2-search-input{font-size:16px}}.user-card{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition-base)}.user-card:before{background:var(--gradient-surface);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.user-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.user-card-content{align-items:flex-start;display:flex;gap:var(--space-4);position:relative;z-index:2}.user-avatar{align-items:center;background:var(--gradient-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;transition:var(--transition-fast);width:48px}.user-avatar:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.user-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.user-name{color:var(--text-primary);flex:1 1;font-size:1rem;line-height:1.4;margin:0}.user-status{border-radius:var(--radius-full);box-shadow:var(--shadow-xs);flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase;transition:var(--transition-fast)}.user-status.active{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-color)}.user-status.inactive{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-color)}.user-contact{margin-bottom:var(--space-3)}.user-email{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-1)}.user-phone{color:var(--text-secondary);font-size:.75rem}.user-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.user-tag{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-2);transition:var(--transition-fast)}.user-tag:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.user-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.user-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-1);justify-content:center;overflow:hidden;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none}.user-btn,.user-btn:before{transition:var(--transition-fast)}.user-btn:before{background:linear-gradient(45deg,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.user-btn:hover:before{opacity:1}.user-btn:active{transform:translateY(1px)}.user-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.user-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-btn-primary{background:var(--gradient-accent);box-shadow:var(--shadow-sm);color:#fff}.user-btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-btn-danger{background:var(--error-color);color:#fff}.user-btn-danger:hover{background:color-mix(in srgb,var(--error-color) 85%,#000 15%);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-card.loading{opacity:.7;pointer-events:none}.user-card.loading:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media (max-width:480px){.user-card{border-radius:var(--radius-lg);padding:var(--space-4)}.user-card-content{gap:var(--space-3)}.user-avatar{font-size:1rem;height:40px;width:40px}.user-name{font-size:.875rem}.user-actions{flex-direction:column}.user-btn{justify-content:center;width:100%}}@media (prefers-contrast:high){.user-btn,.user-card,.user-status{border-width:2px}}@media (prefers-reduced-motion:reduce){.user-avatar,.user-btn,.user-card{animation:none!important;transition:none!important}.user-btn:hover,.user-card:hover{transform:none!important}}.theme-dark .user-card{box-shadow:var(--shadow-sm),0 0 20px #10b9810d}.theme-dark .user-card:hover{box-shadow:var(--shadow-lg),0 0 30px #10b9811a}.theme-dark .user-avatar{box-shadow:var(--shadow-sm),0 0 15px #10b9814d}.theme-dark .user-btn-primary{box-shadow:var(--shadow-sm),0 0 20px #10b98133}.user-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.user-filters{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition-theme)}.user-filters:before{background:var(--gradient-surface);bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.user-filters:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.search-section{margin-bottom:var(--space-6)}.search-form{align-items:stretch;display:flex;gap:var(--space-3)}.search-input{flex:1 1;outline:none}.search-input::placeholder{opacity:1}.search-btn{align-items:center;background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;min-width:100px;padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.search-btn:before{content:"🔍";font-size:.875rem}.search-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-btn:active{transform:translateY(0)}.filter-section{margin-bottom:var(--space-6)}.filter-section:last-child{margin-bottom:0}.filter-label{align-items:center;color:var(--text-primary);display:block;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);margin-bottom:var(--space-3)}.filter-label:before{font-size:1rem;opacity:.7}.status-filter .filter-label:before{content:"🔄"}.cargo-filter .filter-label:before{content:"💼"}.setor-filter .filter-label:before{content:"🏢"}.status-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--space-1);justify-content:center;overflow:hidden;padding:var(--space-2) var(--space-3);position:relative}.status-btn,.status-btn:before{transition:var(--transition-fast)}.status-btn:before{background:linear-gradient(45deg,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.status-btn:hover:before{opacity:1}.status-btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary);transform:translateY(-1px)}.status-btn.active{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary-color);font-weight:600}.status-btn.active:after{content:"✓";font-size:.75rem;margin-left:var(--space-1)}.filters-grid{grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:.875rem;border-radius:var(--radius-md);font-size:.75rem;outline:none;padding:var(--space-2) var(--space-3);padding-right:var(--space-6)}.filter-select:focus{background:var(--bg-elevated);box-shadow:0 0 0 2px var(--primary-bg)}.clear-filters{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:var(--transition-fast);width:100%}.clear-filters:before{content:"🗑️";font-size:.875rem}.clear-filters:hover{background:var(--bg-hover);border-color:var(--border-light);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.clear-filters:active{transform:translateY(0)}@media (max-width:768px){.user-filters{border-radius:var(--radius-lg);padding:var(--space-4)}.search-form{flex-direction:column;gap:var(--space-2)}.search-btn{width:100%}.status-buttons{justify-content:center}.filters-grid{gap:var(--space-3);grid-template-columns:1fr}.filter-section{margin-bottom:var(--space-4)}}@media (max-width:480px){.user-filters{padding:var(--space-3)}.search-btn,.search-input{font-size:.8125rem;padding:var(--space-2) var(--space-3)}.status-buttons{flex-direction:column}.status-btn{justify-content:center;width:100%}.filter-select{font-size:.8125rem;padding:var(--space-2)}}@media (prefers-contrast:high){.clear-filters,.filter-select,.search-btn,.search-input,.status-btn,.user-filters{border-width:2px}}@media (prefers-reduced-motion:reduce){.clear-filters,.filter-select,.search-btn,.search-input,.status-btn{transition:none!important}.clear-filters:hover,.search-btn:hover,.search-input:focus,.status-btn:hover{transform:none!important}}.theme-dark .user-filters{box-shadow:var(--shadow-sm),0 0 20px #10b9810d}.theme-dark .user-filters:hover{box-shadow:var(--shadow-md),0 0 25px #10b98114}.theme-dark .search-btn{box-shadow:var(--shadow-sm),0 0 15px #10b98133}.theme-dark .search-btn:hover{box-shadow:var(--shadow-md),0 0 20px #10b9814d}.clear-filters:focus,.filter-select:focus,.search-btn:focus,.search-input:focus,.status-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes activeGlow{0%,to{box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 15px var(--primary-color)}}.status-btn.active{animation:activeGlow 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.status-btn.active{animation:none}}.user-list-header{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;overflow:hidden;padding:var(--space-4);position:relative;transition:var(--transition-theme)}.user-list-header:before{background:var(--gradient-surface);bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.user-list-header:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.breadcrumb,.breadcrumb-item{align-items:center;display:flex;gap:var(--space-2)}.breadcrumb-item{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:var(--space-1) var(--space-2);text-decoration:none;transition:var(--transition-fast)}.breadcrumb-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.breadcrumb-item.current{color:var(--success-color);font-weight:600;pointer-events:none}.breadcrumb-separator{color:var(--text-muted);font-size:.875rem;opacity:.6}.page-title{align-items:center;color:var(--success-color);display:flex;font-size:1.25rem;font-weight:700;gap:var(--space-2);margin:0;text-shadow:0 1px 2px #0000001a}.actions-menu,.actions-trigger{position:relative}.actions-trigger{align-items:center;background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-2) var(--space-4);transition:var(--transition-fast)}.actions-trigger:before{background:linear-gradient(45deg,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition-fast);width:100%}.actions-trigger:hover:before{opacity:1}.actions-trigger:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.actions-trigger:active{transform:translateY(0)}.actions-icon{transition:var(--transition-fast)}.actions-trigger.open .actions-icon{transform:rotate(180deg)}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.actions-dropdown{animation:dropdownSlide .2s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:999}.actions-dropdown:before{border-bottom:8px solid var(--bg-elevated);border-left:8px solid #0000;border-right:8px solid #0000;content:"";filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1));height:0;position:absolute;right:20px;top:-8px;width:0}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:var(--transition-fast);width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateX(4px)}.dropdown-item:active{background:var(--bg-active)}.dropdown-item-icon{flex-shrink:0;font-size:1rem;opacity:.8}.dropdown-item-text{flex:1 1;font-weight:500}.dropdown-empty{color:var(--text-muted);font-size:.875rem;font-style:italic;padding:var(--space-4);text-align:center}.actions-trigger.loading{cursor:not-allowed;opacity:.7}.actions-trigger.loading .actions-icon{animation:spin 1s linear infinite}@media (max-width:768px){.user-list-header{align-items:stretch;border-radius:var(--radius-lg);flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.breadcrumb{justify-content:center}.breadcrumb-item{font-size:.8125rem}.page-title{font-size:1.125rem;justify-content:center}.actions-menu{width:100%}.actions-trigger{justify-content:center;width:100%}.actions-dropdown{left:0;min-width:0;min-width:auto;right:0}.actions-dropdown:before{right:50%;transform:translateX(50%)}}@media (max-width:480px){.user-list-header{margin-bottom:var(--space-4);padding:var(--space-2)}.breadcrumb{flex-wrap:wrap;justify-content:center}.breadcrumb-item{font-size:.75rem;padding:var(--space-1)}.page-title{flex-direction:column;font-size:1rem;gap:var(--space-1)}.actions-trigger,.dropdown-item{font-size:.8125rem;padding:var(--space-3)}}@media (prefers-contrast:high){.actions-dropdown,.user-list-header{border-width:2px}.actions-trigger{border:2px solid #0000}}@media (prefers-reduced-motion:reduce){.actions-dropdown{animation:none!important}.actions-trigger:hover,.breadcrumb-item:hover,.dropdown-item:hover{transform:none!important}.actions-icon,.actions-trigger.loading .actions-icon{animation:none!important;transition:none!important}}.theme-dark .user-list-header{box-shadow:var(--shadow-sm),0 0 20px #10b9810d}.theme-dark .user-list-header:hover{box-shadow:var(--shadow-md),0 0 25px #10b98114}.theme-dark .actions-trigger{box-shadow:var(--shadow-sm),0 0 15px #10b98133}.theme-dark .actions-trigger:hover{box-shadow:var(--shadow-md),0 0 20px #10b9814d}.theme-dark .actions-dropdown{box-shadow:var(--shadow-xl),0 0 40px #0000004d}.theme-dark .page-title{text-shadow:0 1px 3px #0000004d}.actions-trigger:focus,.breadcrumb-item:focus,.dropdown-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[dir=rtl] .breadcrumb-separator{transform:scaleX(-1)}[dir=rtl] .actions-dropdown{left:0;right:auto}[dir=rtl] .dropdown-item:hover{transform:translateX(-4px)}.user-list-container{background:var(--bg-primary);margin:0 auto;max-width:460px;min-height:100vh;padding:var(--space-6);transition:var(--transition-theme)}.user-list-content,.user-list-header{margin-bottom:var(--space-6)}.user-count{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-4)}.user-count:before{content:"👥";font-size:1rem;opacity:.7}.users-grid{display:flex;flex-direction:column;gap:var(--space-4)}.empty-users{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-8) var(--space-4);position:relative;text-align:center}.empty-users:before{background:radial-gradient(circle at 30% 40%,#10b98108 0,#0000 50%),radial-gradient(circle at 70% 60%,#3b82f608 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.empty-state{position:relative;z-index:2}.empty-icon{animation:pulse 3s ease-in-out infinite}.empty-state h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--space-2)}.empty-state p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0 auto;max-width:300px}.user-error{align-items:center;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);color:var(--error-color);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.user-error:before{content:"⚠️";flex-shrink:0;font-size:1.25rem}.pagination{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-4)}.pagination,.pagination-btn{align-items:center;justify-content:center}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4)}.user-list-loading{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6);position:relative}.skeleton-item:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.skeleton-content{display:flex;gap:var(--space-4)}.skeleton-avatar{background:var(--bg-hover);border-radius:var(--radius-full);height:48px;width:48px}.skeleton-info{flex:1 1}.skeleton-line{background:var(--bg-hover);border-radius:var(--radius-sm);height:12px;margin-bottom:var(--space-2)}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.skeleton-tags{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.skeleton-tag{background:var(--bg-hover);border-radius:var(--radius-md);height:20px;width:60px}@media (max-width:768px){.user-list-container{max-width:100%;padding:var(--space-4)}.user-count{font-size:.8125rem}.users-grid{gap:var(--space-3)}.empty-users{padding:var(--space-6) var(--space-3)}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.8125rem}.pagination{flex-direction:column;gap:var(--space-3)}.pagination-btn{max-width:200px;width:100%}}@media (max-width:480px){.user-list-container{padding:var(--space-3)}.empty-users{padding:var(--space-4) var(--space-2)}.empty-icon{font-size:2rem;margin-bottom:var(--space-3)}.empty-state h3{font-size:1rem;margin-bottom:var(--space-2)}}@media (prefers-contrast:high){.empty-users,.pagination,.pagination-btn,.user-error{border-width:2px}}@media (prefers-reduced-motion:reduce){.empty-icon,.skeleton-item:after{animation:none!important}.pagination-btn:hover{transform:none!important}}.theme-dark .user-list-container{background:var(--gradient-primary)}.theme-dark .empty-users{box-shadow:var(--shadow-sm),0 0 20px #10b9810d}.theme-dark .pagination{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm)}.pagination-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.user-form-container{background:var(--bg-primary);margin:0 auto;max-width:460px;min-height:100vh;padding:var(--space-6);transition:var(--transition-theme)}.user-form-title{align-items:center;color:var(--success-color);display:flex;font-size:1.75rem;font-weight:700;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6);text-align:center}.user-form-title:before{content:"👤";font-size:1.5rem;opacity:.8}.user-form{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative}.user-form:before{background:var(--gradient-surface);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.form-error{align-items:center;animation:slideIn .3s ease-out;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg);color:var(--error-color);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);position:relative}.form-error:before{content:"⚠️";flex-shrink:0;font-size:1.25rem}.form-group{margin-bottom:var(--space-6)}.form-label{transition:var(--transition-fast)}.form-label.required:after{font-weight:700}.form-input,.form-select,.form-textarea{outline:none}.form-input::placeholder,.form-textarea::placeholder{opacity:1}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--space-8)}.form-select[multiple]{background-image:none;min-height:100px;padding-right:var(--space-4)}.form-hint{color:var(--text-muted);font-size:.75rem;line-height:1.4;margin-top:var(--space-1)}.permissions-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-8);padding:var(--space-6);position:relative}.permissions-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--space-2);margin-bottom:var(--space-4)}.permissions-title:before{content:"🔐";font-size:1rem;opacity:.8}.permission-item{margin-bottom:var(--space-3)}.permission-label{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2);transition:var(--transition-fast)}.permission-label:hover{background:var(--bg-hover)}.permission-checkbox{border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:var(--transition-fast);width:18px}.permission-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color)}.permission-checkbox:checked:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.permission-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-actions{margin-top:var(--space-8)}.form-btn{flex:1 1;font-size:1rem;min-height:48px;padding:var(--space-4) var(--space-6)}.form-btn:before{background:linear-gradient(45deg,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition-fast);width:100%}.form-btn:hover:before{opacity:1}.form-btn:active{transform:translateY(1px)}.form-btn:disabled{opacity:.6}.form-btn-primary{box-shadow:var(--shadow-md);color:#fff}.form-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg)}.form-btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-sm)}.form-btn.loading{color:#0000;position:relative}.form-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:768px){.user-form-container{max-width:100%;padding:var(--space-4)}.user-form{border-radius:var(--radius-lg);padding:var(--space-6)}.user-form-title{font-size:1.5rem}.form-group,.user-form-title{margin-bottom:var(--space-4)}.permissions-section{margin-bottom:var(--space-6);padding:var(--space-4)}.form-actions{flex-direction:column;gap:var(--space-3)}.form-btn{width:100%}}@media (max-width:480px){.user-form-container{padding:var(--space-3)}.user-form{padding:var(--space-4)}.user-form-title{flex-direction:column;font-size:1.25rem;gap:var(--space-2)}.form-input,.form-select,.form-textarea{padding:var(--space-3)}}@media (prefers-contrast:high){.form-btn,.form-error,.form-input,.form-select,.form-textarea,.permissions-section,.user-form{border-width:2px}}@media (prefers-reduced-motion:reduce){.form-btn,.form-error,.form-input{animation:none!important;transition:none!important}.form-btn:hover,.form-input:focus{transform:none!important}}.theme-dark .user-form{box-shadow:var(--shadow-lg),0 0 30px #10b9811a}.theme-dark .form-btn-primary{box-shadow:var(--shadow-md),0 0 20px #10b98133}.theme-dark .permissions-section{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.form-btn:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.permission-checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}.notification-badge{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:600;justify-content:center;line-height:1;min-width:-webkit-fit-content;min-width:fit-content;position:absolute;text-align:center;z-index:10}.badge-small{font-size:10px;height:16px;min-width:16px;padding:0 4px}.badge-medium{font-size:12px;height:20px;min-width:20px;padding:0 6px}.badge-large{font-size:14px;height:24px;min-width:24px;padding:0 8px}.badge-top-right{right:-8px;top:-8px}.badge-top-left{left:-8px;top:-8px}.badge-bottom-right{bottom:-8px;right:-8px}.badge-bottom-left{bottom:-8px;left:-8px}.badge-center{left:50%;top:50%;transform:translate(-50%,-50%)}.badge-active{animation:badge-pulse 2s infinite;background-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.badge-inactive{background-color:#6b7280;opacity:.6}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-color-scheme:dark){.badge-active{background-color:#f87171;color:#1f2937}.badge-inactive{background-color:#4b5563;color:#d1d5db}}@media (prefers-contrast:high){.badge-active{background-color:#dc2626;border:2px solid #fff}.badge-inactive{background-color:#374151;border:1px solid #6b7280}}@media (prefers-reduced-motion:reduce){.badge-active{animation:none}}@media (max-width:768px){.badge-small{font-size:9px;height:14px;min-width:14px}.badge-medium{font-size:10px;height:18px;min-width:18px}.badge-large{font-size:12px;height:22px;min-width:22px}}.search-loading-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px}.search-spinner{display:inline-block;position:relative}.search-spinner.spinner-small{height:20px;width:20px}.search-spinner.spinner-medium{height:30px;width:30px}.search-spinner.spinner-large{height:40px;width:40px}.spinner-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid #0000;border-radius:50%;position:absolute}.search-spinner.spinner-small .spinner-ring{border-width:2px;height:20px;width:20px}.search-spinner.spinner-medium .spinner-ring{border-width:3px;height:30px;width:30px}.search-spinner.spinner-large .spinner-ring{border-width:4px;height:40px;width:40px}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:#fc0}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:gold}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:orange}.spinner-ring:nth-child(4){border-top-color:#ff8c00}.loading-message{color:#666;font-size:14px;font-weight:500;text-align:center}.search-spinner.primary .spinner-ring:first-child{border-top-color:#007bff}.search-spinner.primary .spinner-ring:nth-child(2){border-top-color:#0056b3}.search-spinner.primary .spinner-ring:nth-child(3){border-top-color:#004085}.search-spinner.primary .spinner-ring:nth-child(4){border-top-color:#002752}.search-spinner.success .spinner-ring:first-child{border-top-color:#28a745}.search-spinner.success .spinner-ring:nth-child(2){border-top-color:#1e7e34}.search-spinner.success .spinner-ring:nth-child(3){border-top-color:#155724}.search-spinner.success .spinner-ring:nth-child(4){border-top-color:#0d3b1a}.search-loading-container{animation:fadeIn .3s ease-in-out}@media (max-width:768px){.search-loading-container{gap:8px;padding:15px}.loading-message{font-size:13px}}.search-results{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:10px}.search-loading{align-items:center;color:#666;display:flex;justify-content:center;padding:20px}.loading-spinner{border:2px solid #f3f3f3;margin-right:10px}.no-results{font-style:italic;padding:20px}.results-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#666;font-size:14px;font-weight:500;padding:12px 16px}.results-list{max-height:320px;overflow-y:auto}.result-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.result-item:hover{background-color:#f8f9fa}.result-item:last-child{border-bottom:none}.user-avatar{flex-shrink:0;margin-right:12px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:#fc0;font-size:16px;font-weight:700}.user-info{min-width:0}.user-name{color:#333;font-weight:600;margin-bottom:4px}.user-details,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details{color:#666;font-size:13px}.user-email{color:#007bff}.user-department,.user-role{color:#666}.action-button{flex-shrink:0;margin-left:12px}.start-conversation-btn{background:#fc0;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.start-conversation-btn:hover{background:#e6b800;transform:translateY(-1px)}.start-conversation-btn:active{transform:translateY(0)}@media (max-width:768px){.result-item{padding:10px 12px}.user-avatar{height:36px;margin-right:10px;width:36px}.avatar-placeholder{font-size:14px}.start-conversation-btn{font-size:12px;padding:6px 12px}.user-details{font-size:12px}}.results-list::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:6px}.results-list::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.results-list::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.results-list::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.search-history{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:8px;max-height:300px;overflow:hidden}.history-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}.history-title{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clear-history-btn{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.clear-history-btn:hover{background:#f8d7da;color:#721c24}.history-list{max-height:240px;overflow-y:auto}.history-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;transition:background-color .2s ease}.history-item:hover{background-color:#f8f9fa}.history-item:last-child{border-bottom:none}.history-content{flex:1 1;min-width:0}.history-term{color:#333;font-weight:500;margin-bottom:2px}.history-meta,.history-term{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:#666;font-size:12px}.history-time{color:#999}.remove-history-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:24px;justify-content:center;margin-left:8px;padding:4px;transition:all .2s ease;width:24px}.remove-history-btn:hover{background:#f8f9fa;color:#dc3545}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.history-item.no-results .history-term{color:#999;font-style:italic}.history-item.no-results .history-meta{color:#ccc}@media (max-width:768px){.search-history{margin-top:6px}.history-header{padding:10px 12px}.history-item{padding:8px 12px}.history-title{font-size:12px}.clear-history-btn{font-size:11px;padding:3px 6px}.history-term{font-size:14px}.history-meta{font-size:11px}.remove-history-btn{font-size:16px;height:20px;width:20px}}.history-item.removing{animation:slideOut .2s ease-out forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.location-message{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-light);max-width:300px;overflow:hidden;transition:all .2s ease}.location-message:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.location-message.own-message{background:linear-gradient(135deg,#dcf8c6,#c8e6c9);border-color:#25d36633}.location-message.other-message{background:var(--bg-card);border-color:var(--border-color)}.location-message-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:12px 16px 8px}.location-icon{animation:locationPulse 2s ease-in-out infinite;color:var(--primary-color);font-size:20px}.location-info{flex:1 1;min-width:0}.location-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-sender{color:var(--text-secondary);font-size:12px}.location-timestamp{color:var(--text-muted);font-size:11px;white-space:nowrap}.location-map-container{cursor:pointer;overflow:hidden;position:relative}.location-map-preview{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);height:160px;overflow:hidden;position:relative}.map-background{background-image:radial-gradient(circle at 20% 30%,#25d3661a 0,#0000 40%),radial-gradient(circle at 70% 70%,#25d3661a 0,#0000 40%),radial-gradient(circle at 40% 80%,#25d3660d 0,#0000 50%);background-size:100% 100%;height:100%;position:relative;width:100%}.map-grid{background-image:linear-gradient(90deg,#25d3661a 1px,#0000 0),linear-gradient(180deg,#25d3661a 1px,#0000 0);background-size:20px 20px;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.map-marker-center{animation:mapMarkerBounce 2s ease-in-out infinite;color:var(--primary-color);font-size:24px;left:50%;position:absolute;text-shadow:0 2px 4px #0003;top:50%;transform:translate(-50%,-50%);z-index:3}.map-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:6px;bottom:8px;color:#fff;font-size:11px;left:8px;padding:6px 10px;position:absolute;right:8px;z-index:2}.map-coords{font-weight:500;margin-bottom:2px}.map-distance{color:#4caf50;font-weight:500}.map-hover-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#25d3661a;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:4}.location-map-container:hover .map-hover-overlay{opacity:1}.map-open-text{background:#25d366e6;border-radius:20px;box-shadow:0 2px 8px #25d3664d;color:#fff;font-size:12px;font-weight:600;padding:8px 16px}.location-details{padding:12px 16px}.location-address{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.address-icon{color:var(--text-secondary);flex-shrink:0;font-size:14px;margin-top:2px}.address-text{color:var(--text-primary);font-size:13px;line-height:1.4;word-break:break-word}.location-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease}.location-action-btn.primary{background:var(--primary-color);color:#fff}.location-action-btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.location-action-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.location-action-btn.secondary:hover{background:var(--bg-hover);border-color:var(--primary-color)}.location-expanded-info{animation:expandIn .3s ease-out;border-top:1px solid var(--border-light);margin-top:12px;padding-top:12px}.expanded-section{margin-bottom:16px}.expanded-section h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 8px}.info-row{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.info-row:last-child{margin-bottom:0}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-family:Courier New,monospace;text-align:right}.expanded-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.expanded-actions.has-share{grid-template-columns:1fr 1fr 1fr}.external-map-link{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;padding:8px;text-decoration:none;transition:all .2s ease}.external-map-link:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color);text-decoration:none;transform:translateY(-1px)}.share-location-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;padding:8px;transition:all .2s ease}.share-location-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px)}.location-accuracy{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:6px;padding:8px 12px 12px}.accuracy-icon{font-size:12px}.accuracy-text{flex:1 1}.accuracy-badge{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.accuracy-badge.good{background:#4caf5033;color:#4caf50}.accuracy-badge.medium{background:#ff980033;color:#ff9800}.accuracy-badge.low{background:#f4433633;color:#f44336}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}@media (max-width:480px){.location-message{max-width:100%}.location-map-preview{height:140px}.expanded-actions{gap:4px}.expanded-actions,.expanded-actions.has-share{grid-template-columns:1fr}.info-row{align-items:flex-start;flex-direction:column;gap:2px}.info-value{text-align:left}}@media (prefers-reduced-motion:reduce){.location-icon,.map-marker-center{animation:none!important}.external-map-link:hover,.location-action-btn:hover,.location-message:hover{transform:none}}@media (prefers-contrast:high){.location-message{border:2px solid var(--text-primary)}.map-background{background:var(--bg-tertiary);border:1px solid var(--border-color)}.map-overlay{background:#000c}}.message-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;position:relative}.reaction-groups{display:flex;flex-wrap:wrap;gap:6px}.reaction-group{align-items:center;background:var(--bg-light);border:1px solid var(--border-light);border-radius:16px;cursor:pointer;display:flex;font-size:12px;gap:4px;min-height:24px;padding:4px 8px;transition:all .2s ease}.reaction-group:hover{background:var(--hover-bg);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.reaction-group.user-reacted{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.reaction-group.user-reacted:hover{background:var(--primary-color);color:#fff}.reaction-group:disabled{cursor:not-allowed;opacity:.6;transform:none}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-size:11px;font-weight:500;min-width:12px;text-align:center}.add-reaction-container{position:relative}.add-reaction-btn{align-items:center;background:var(--bg-light);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:.7;transition:all .2s ease;width:28px}.add-reaction-btn.active,.add-reaction-btn:hover{background:var(--primary-light);border-color:var(--primary-color);opacity:1;transform:scale(1.1)}.add-reaction-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.reaction-picker{animation:reactionPickerSlideUp .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;bottom:36px;box-shadow:0 8px 32px #0003;left:0;min-width:280px;position:absolute;z-index:1000}.reaction-picker-header{align-items:center;background:var(--primary-gradient);border-bottom:1px solid var(--border-light);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.reaction-picker-header span{font-size:14px;font-weight:600}.close-picker{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:background .2s ease;width:24px}.close-picker:hover{background:#fff3}.reaction-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:12px}.reaction-option{align-items:center;background:var(--bg-light);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.reaction-option:hover{background:var(--hover-bg);transform:scale(1.1)}.reaction-option:active{transform:scale(.95)}.reaction-option:disabled{cursor:not-allowed;opacity:.5;transform:none}.reaction-picker-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes reactionPickerSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .reaction-group{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .reaction-group:hover{background:var(--dark-hover-bg)}[data-theme=dark] .reaction-group.user-reacted{background:#2f81f726;border-color:var(--primary-blue);color:var(--primary-blue)}[data-theme=dark] .add-reaction-btn{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .add-reaction-btn.active,[data-theme=dark] .add-reaction-btn:hover{background:#2f81f726;border-color:var(--primary-blue)}[data-theme=dark] .reaction-picker{background:var(--dark-bg-primary);border-color:var(--dark-border)}[data-theme=dark] .reaction-option{background:var(--dark-bg-secondary);color:var(--dark-text)}[data-theme=dark] .reaction-option:hover{background:var(--dark-hover-bg)}@media (max-width:768px){.reaction-picker{bottom:32px;min-width:260px}.reaction-options{gap:6px;grid-template-columns:repeat(4,1fr)}.reaction-option{font-size:18px;height:44px;width:44px}.reaction-group{font-size:11px;padding:3px 6px}.reaction-emoji{font-size:12px}.add-reaction-btn{font-size:13px;height:26px;width:26px}}.reaction-group:hover:after{animation:fadeIn .2s ease;background:var(--tooltip-bg);border-radius:6px;bottom:calc(100% + 8px);color:var(--tooltip-text);content:attr(title);font-size:11px;left:50%;padding:6px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1001}.message-item{word-wrap:break-word;display:flex;flex-direction:column;margin-bottom:4px;max-width:70%;position:relative}.message-item.own{align-items:flex-end;align-self:flex-end}.message-item.other{align-items:flex-start;align-self:flex-start}.message-item.first-in-group{margin-top:12px}.message-item.last-in-group{margin-bottom:12px}.message-item.deleted{opacity:.6}.message-sender{align-items:center;display:flex;gap:8px;margin-bottom:4px;padding-left:12px}.sender-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.sender-name{color:#495057;font-size:.8rem}.message-bubble{background-color:#fff;border:1px solid #e9ecef;border-radius:18px;box-shadow:0 1px 2px #0000001a;padding:12px 16px;position:relative}.message-item.own .message-bubble{background-color:#fc0;border-color:#e6b800;color:#000}.message-item.other .message-bubble{background-color:#fff;border:1px solid #e9ecef;color:#212529}body:not(.theme-dark) .message-item.other .message-bubble{background-color:#fff!important;border:1px solid #dee2e6!important;color:#212529!important}body.theme-dark .message-item.other .message-bubble{background-color:#2f2f2f!important;background-color:var(--whatsapp-bubble-received,#2f2f2f)!important;border:1px solid #404040!important;border:1px solid var(--border-color,#404040)!important;color:#e5e5e5!important;color:var(--text-primary,#e5e5e5)!important}.replied-message{background-color:#0000000d;border-left:3px solid #0ff068;border-radius:8px;margin-bottom:8px;padding:8px 12px}.message-item.own .replied-message{background-color:#0000001a}.replied-content{font-size:.85rem}.replied-sender{color:#0ff068;display:block;font-weight:600;margin-bottom:2px}.replied-text{color:inherit;margin:0;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-content{position:relative}.message-text{margin-bottom:4px;white-space:pre-wrap}.message-meta{justify-content:flex-end;margin-top:4px}.edited-indicator,.message-time{color:inherit;font-size:.7rem;opacity:.7}.edited-indicator{font-style:italic}.message-status{color:#0ff068;font-size:.7rem;opacity:.7}.deleted-text{color:#6c757d;font-style:italic;opacity:.7}.edit-container{width:100%}.edit-textarea{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;color:#212529;font-family:inherit;font-size:inherit;line-height:1.4;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.edit-textarea:focus{border-color:#fc0;box-shadow:0 0 0 2px #fc03;outline:none}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:4px 12px;transition:all .2s ease}.save-btn{background-color:#0ff068;color:#000}.save-btn:hover{background-color:#0dd65a}.message-actions{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;gap:4px;opacity:0;padding:4px;position:absolute;right:-8px;top:-8px;transform:translateY(-4px);transition:all .2s ease;z-index:10}.message-item:hover .message-actions{opacity:1;transform:translateY(0)}.action-btn{align-items:center;background-color:initial;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:background-color .2s ease;width:28px}.action-btn:hover{background-color:#f8f9fa}.reply-btn:hover{background-color:#e3f2fd}.edit-btn:hover{background-color:#fff3e0}.delete-btn:hover{background-color:#ffebee}@media (max-width:768px){.message-item{max-width:85%}.message-bubble{padding:10px 14px}.message-actions{justify-content:center;margin-top:8px;opacity:1;position:static;transform:none}.sender-avatar{height:20px;width:20px}.sender-name{font-size:.75rem}}@keyframes slideInMessage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-item.new-message{animation:slideInMessage .3s ease-out}.message-item.pinned-message .message-bubble{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--gradient-glass);border-left:3px solid var(--primary-color);box-shadow:var(--shadow-golden);position:relative}.message-item.pinned-message .message-bubble:before{align-items:center;background:var(--gradient-golden);border:1px solid var(--primary-color);border-radius:50%;box-shadow:var(--shadow-golden);color:var(--text-inverse);content:"📌";display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.action-btn.pin-btn,.action-btn.unpin-btn{background:#0000;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:14px;padding:4px 6px;transition:all var(--transition-fast)}.action-btn.pin-btn:hover{background:var(--primary-bg);box-shadow:var(--glow-soft);color:var(--primary-light)}.action-btn.unpin-btn{background:var(--primary-bg);box-shadow:var(--border-glow);color:var(--primary-color)}.action-btn.unpin-btn:hover{background:var(--primary-color);box-shadow:var(--glow-golden);color:var(--text-inverse)}body.theme-dark .message-item.pinned-message .message-bubble{background:var(--gradient-glass);border-left-color:var(--primary-color);box-shadow:var(--shadow-golden)}body.theme-dark .message-item.pinned-message .message-bubble:before{background:var(--gradient-golden);box-shadow:var(--glow-golden)}body.theme-dark .action-btn.pin-btn:hover,body.theme-dark .action-btn.unpin-btn:hover{box-shadow:var(--glow-golden)}.typing-indicator{align-items:flex-start;display:flex;margin-bottom:12px;max-width:70%}.typing-bubble{animation:fadeInTyping .3s ease-out;background-color:#fff;border:1px solid #e9ecef;border-radius:18px;box-shadow:0 1px 2px #0000001a;gap:8px;padding:12px 16px}.typing-bubble,.typing-dots{align-items:center;display:flex}.typing-dots{gap:3px}.dot{animation:typingDot 1.4s ease-in-out infinite;background-color:#6c757d;border-radius:50%;height:6px;width:6px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.typing-text{color:#6c757d;font-size:.85rem;font-style:italic;margin-left:4px}@keyframes typingDot{0%,60%,to{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}@keyframes fadeInTyping{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.typing-indicator{max-width:85%}.typing-bubble{padding:10px 14px}.typing-text{font-size:.8rem}.dot{height:5px;width:5px}}@media (prefers-color-scheme:dark){.typing-bubble{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.typing-text{color:#a0aec0}.dot{background-color:#a0aec0}}.messages-list-container{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%}.messages-list{flex:1 1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.messages-list-empty{align-items:center;background-color:#f8f9fa;display:flex;height:100%;justify-content:center}.empty-state{color:#6c757d;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#495057;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:.9rem;margin:0}.loading-more{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:16px}.loading-spinner{border:2px solid #e9ecef;border-top-color:#fc0}.message-date-group{margin-bottom:24px}.date-header{align-items:center;display:flex;justify-content:center;margin:16px 0;position:relative}.date-header:before{margin-right:16px}.date-header:after,.date-header:before{background-color:#dee2e6;content:"";flex:1 1;height:1px}.date-header:after{margin-left:16px}.date-text{background-color:#f8f9fa;border-radius:12px;color:#6c757d;font-size:.8rem;font-weight:500;padding:4px 12px;text-transform:capitalize}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#0000}.messages-list::-webkit-scrollbar-thumb{background-color:#dee2e6;border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background-color:#adb5bd}@media (max-width:768px){.messages-list{padding:12px}.message-date-group{margin-bottom:16px}.date-header{margin:12px 0}}.highlighted-message{animation:highlightPulse 3s ease-in-out;background-color:#fc03;border-radius:8px;margin:2px;padding:4px}@keyframes highlightPulse{0%{background-color:#fc06;transform:scale(1.02)}50%{background-color:#fc03;transform:scale(1.01)}to{background-color:initial;transform:scale(1)}}.attachment-menu{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.attachment-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.attachment-options{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:280px;padding:8px;position:relative;width:100%}.attachment-option{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;margin-bottom:4px;padding:16px 12px;transition:all .2s ease;width:100%}.attachment-option:last-child{margin-bottom:0}.attachment-option:hover:not(.disabled){background:#0000000a;transform:scale(1.02)}.attachment-option:active:not(.disabled){transform:scale(.98)}.attachment-option.disabled{cursor:not-allowed;opacity:.5}.option-icon{align-items:center;background:#fc0;border-radius:50%;box-shadow:0 2px 8px #ffcc004d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.option-content{flex:1 1;text-align:left}.option-title{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:2px}.option-subtitle{color:#6c757d;font-size:13px;opacity:.8}.upload-progress-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.progress-content{padding:20px;text-align:center}.progress-icon{animation:bounce 1s infinite;font-size:48px;margin-bottom:16px}.progress-text{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:16px}.progress-bar{background:#e9ecef;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden;width:200px}.progress-fill{background:linear-gradient(90deg,#fc0,gold);border-radius:2px;height:100%;transition:width .3s ease}.progress-percent{color:#6c757d;font-size:14px;font-weight:500}@media (max-width:768px){.attachment-menu{padding:16px}.attachment-options{max-width:none;width:100%}.attachment-option{padding:18px 16px}.option-icon{font-size:22px;height:44px;margin-right:14px;width:44px}.option-title{font-size:15px}.option-subtitle{font-size:12px}.progress-bar{max-width:240px;width:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (prefers-color-scheme:dark){.attachment-options{background:#2f3136;box-shadow:0 8px 32px #0009}.attachment-option:hover:not(.disabled){background:#ffffff14}.option-title{color:#fff}.option-subtitle{color:#b9bbbe}.upload-progress-overlay{background:#2f3136f2}.progress-text{color:#fff}.progress-percent{color:#b9bbbe}.progress-bar{background:#4f545c}}.location-share-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.location-share-container{animation:slideUp .3s ease-out;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-heavy);max-height:85vh;max-width:480px;overflow-y:auto;position:relative;width:90%}.close-location-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.close-location-btn:hover{background:#0003;color:var(--text-primary)}.location-step{display:flex;flex-direction:column;gap:24px;padding:24px}.location-header{padding-bottom:8px;text-align:center}.location-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;justify-content:center;margin:0 0 8px}.location-header p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.location-info{display:flex;flex-direction:column;gap:16px}.info-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:16px}.info-icon{flex-shrink:0;font-size:20px;margin-top:2px}.info-item strong{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.info-item p{color:var(--text-secondary);font-size:13px;line-height:1.3;margin:0}.loading-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:20px 0;text-align:center}.loading-animation{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.location-pulse{animation:locationPulse 2s infinite;background:#25d3664d;border-radius:50%;height:100px;position:absolute;width:100px}.location-icon{animation:locationBounce 1s infinite;font-size:32px;z-index:2}.loading-text h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.loading-text p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.loading-tips{background:#25d3661a;border:1px solid #25d36633;border-radius:8px;padding:12px}.loading-tips p{color:var(--primary-color);font-size:13px;margin:0}.location-preview{display:flex;flex-direction:column;gap:20px}.map-preview{border:2px solid var(--border-color);border-radius:12px;overflow:hidden}.map-placeholder{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);background-image:radial-gradient(circle at 20% 20%,#25d3661a 0,#0000 50%),radial-gradient(circle at 80% 80%,#25d3661a 0,#0000 50%);display:flex;flex-direction:column;height:200px;justify-content:center;position:relative}.map-marker{animation:mapMarkerBounce 2s infinite;font-size:32px;margin-bottom:8px}.map-coords{background:#fffc;border-radius:4px;color:var(--text-secondary);font-family:Courier New,monospace;font-size:11px;padding:4px 8px}.location-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.detail-row{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:500;min-width:80px}.detail-value{align-items:center;color:var(--text-primary);display:flex;font-size:13px;gap:8px;line-height:1.3}.accuracy-good{color:var(--success-color);font-size:11px;font-weight:500}.custom-name-section{display:flex;flex-direction:column;gap:8px}.custom-name-section label{color:var(--text-primary);font-size:14px;font-weight:500}.custom-name-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.custom-name-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #25d3661a;outline:none}.custom-name-input::placeholder{color:var(--text-muted)}.map-links{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.map-link{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;text-decoration:none;transition:all .2s ease}.map-link:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color);text-decoration:none}.error-content{text-align:center}.error-message{background:#f443361a;border:1px solid #f4433633;border-radius:8px;margin-bottom:20px;padding:16px}.error-message p{color:var(--error-color);font-size:14px;font-weight:500;margin:0}.error-suggestions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;text-align:left}.error-suggestions h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.error-suggestions ul{margin:0;padding-left:20px}.error-suggestions li{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:8px}.location-actions{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;padding-top:8px}.btn-get-location,.btn-retry,.btn-share-location{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.btn-get-location:hover,.btn-retry:hover,.btn-share-location:hover{background:linear-gradient(135deg,var(--primary-dark),#128c7e);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn-get-location:disabled,.btn-retry:disabled,.btn-share-location:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-color)}.btn-cancel{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{font-size:16px}@keyframes locationPulse{0%{opacity:1;transform:scale(.8)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(.8)}}@keyframes locationBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes mapMarkerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:480px){.location-share-container{max-height:90vh;width:95%}.location-step{gap:20px;padding:20px 16px}.location-header h3{font-size:18px}.map-placeholder{height:150px}.map-links{grid-template-columns:1fr}.info-item{flex-direction:column;gap:8px;text-align:center}.detail-row{flex-direction:column;gap:4px}.detail-label{font-weight:600;min-width:auto}}@media (prefers-reduced-motion:reduce){.location-icon,.location-pulse,.location-share-container,.location-share-overlay,.map-marker{animation:none!important}}@media (prefers-contrast:high){.map-placeholder{background:var(--bg-tertiary);border:2px solid var(--text-primary)}.info-item{border:2px solid var(--border-color)}}.user-mentions-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0003;max-height:400px;max-width:320px;min-width:280px;overflow:hidden;z-index:1000}.user-mentions-header{background:var(--primary-gradient);border-bottom:1px solid var(--border-color);color:#fff;padding:12px 16px}.user-mentions-title{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.user-mentions-hint{font-size:11px;font-weight:400;opacity:.9}.user-mentions-loading{align-items:center;color:var(--text-secondary);display:flex;gap:12px;justify-content:center;padding:20px}.loading-spinner{border-top:2px solid var(--border-color);height:16px;width:16px}.user-mentions-list{max-height:320px;overflow-y:auto}.user-mention-item{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.user-mention-item:last-child{border-bottom:none}.user-mention-item.selected,.user-mention-item:hover{background:var(--hover-bg);transform:translateX(2px)}.user-mention-item.selected{background:var(--primary-light);border-left:3px solid var(--primary-color)}.user-mention-avatar{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-mention-info{flex:1 1;min-width:0}.user-mention-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.user-mention-details,.user-mention-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mention-details{color:var(--text-secondary);font-size:12px}.user-mention-status{flex-shrink:0}.status-indicator{font-size:10px;opacity:.8}.user-mentions-list::-webkit-scrollbar{width:4px}.user-mentions-list::-webkit-scrollbar-track{background:#0000}.user-mentions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.user-mentions-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] .user-mentions-popup{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .user-mention-item.selected,[data-theme=dark] .user-mention-item:hover{background:var(--dark-hover-bg)}[data-theme=dark] .user-mention-item.selected{background:#2f81f726;border-left-color:var(--primary-blue)}@media (max-width:768px){.user-mentions-popup{max-width:300px;min-width:260px}.user-mention-item{padding:10px 14px}.user-mention-avatar{font-size:13px;height:32px;width:32px}.user-mention-name{font-size:13px}.user-mention-details{font-size:11px}}.user-mention-item:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-task-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.create-task-modal{animation:slideInUp .3s ease-out;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid var(--border-subtle);padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6)}.modal-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--space-3);margin:0}.modal-icon{font-size:1.5rem}.close-modal-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;padding:var(--space-2);transition:var(--transition-fast);width:2.5rem}.close-modal-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.message-preview{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--space-4) var(--space-6);overflow:hidden}.preview-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.preview-icon{font-size:1rem}.preview-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.preview-content{padding:var(--space-4)}.message-sender{color:var(--text-muted);font-size:.75rem;font-weight:500;margin-bottom:var(--space-2)}.message-content{background:var(--primary-bg);border-left:3px solid var(--primary-color);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic;line-height:1.5}.error-message,.message-content{font-size:.875rem;padding:var(--space-3)}.error-message{align-items:center;background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-lg);color:var(--error-color);display:flex;gap:var(--space-2);margin:0 var(--space-6) var(--space-4) var(--space-6)}.error-icon{flex-shrink:0;font-size:1rem}.task-form{gap:var(--space-4);padding:0 var(--space-6) var(--space-6) var(--space-6)}.form-group{gap:var(--space-2)}.form-input,.form-select,.form-textarea{padding:var(--space-3)}.form-textarea{min-height:120px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.modal-actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;min-width:120px;padding:var(--space-3) var(--space-6);text-decoration:none;transition:var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.btn-primary{background:var(--gradient-accent);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.loading-spinner{border:2px solid #0000;border-top-color:initial;height:1rem;width:1rem}.create-task-modal::-webkit-scrollbar{width:6px}.create-task-modal::-webkit-scrollbar-track{background:var(--bg-secondary)}.create-task-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.create-task-modal::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (max-width:768px){.create-task-modal-overlay{padding:var(--space-2)}.create-task-modal{max-height:95vh}.modal-header{padding:var(--space-4)}.modal-title{font-size:1.125rem}.message-preview{margin:var(--space-3) var(--space-4)}.task-form{padding:0 var(--space-4) var(--space-4) var(--space-4)}.form-grid{gap:var(--space-3);grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;gap:var(--space-2)}.btn{width:100%}}@media (prefers-reduced-motion:reduce){.create-task-modal,.create-task-modal-overlay{animation:none}.btn:hover:not(:disabled){transform:none}}.btn:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.message-input-container{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-4) var(--space-6);position:relative;transition:var(--transition-theme)}.message-input-container:before{background:linear-gradient(90deg,#0000,var(--border-light),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.reply-preview{animation:slideIn .3s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-elevated);border-left:4px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);overflow:hidden;transition:var(--transition-theme)}.reply-preview:hover{border-left-color:var(--primary-light);box-shadow:var(--shadow-md)}.reply-content{padding:var(--space-4);position:relative}.reply-header{gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-2)}.reply-header,.reply-to{align-items:center;display:flex}.reply-to{color:var(--primary-color);font-size:.8125rem;font-weight:600;gap:var(--space-1)}.reply-to:before{content:"↩️";font-size:.75rem}.cancel-reply-btn{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;height:24px;justify-content:center;padding:var(--space-1);transition:var(--transition-fast);width:24px}.cancel-reply-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.cancel-reply-btn:active{transform:scale(.95)}.reply-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0;opacity:.9;overflow:hidden}.input-area,.input-wrapper{position:relative}.input-wrapper{align-items:flex-end;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-2xl);display:flex;gap:var(--space-3);overflow:hidden;padding:var(--space-3);transition:var(--transition-fast)}.input-wrapper:before{background:linear-gradient(135deg,#ffffff05,#0000 50%,#ffffff03);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.input-wrapper:focus-within{background:var(--bg-elevated);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);transform:translateY(-1px)}.message-textarea{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9375rem;line-height:1.5;max-height:120px;min-height:24px;outline:none;padding:var(--space-2) 0;position:relative;resize:none;transition:var(--transition-fast);z-index:2}.message-textarea::placeholder{color:var(--text-muted);font-style:italic}.message-textarea:focus{color:var(--text-primary)}.message-textarea:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.6}.input-actions{align-items:center;display:flex;gap:var(--space-2);position:relative;z-index:2}.attach-btn,.location-btn,.send-btn,.task-btn{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;height:36px;justify-content:center;overflow:hidden;padding:var(--space-2);position:relative;transition:var(--transition-fast);width:36px}.attach-btn:before,.location-btn:before,.send-btn:before,.task-btn:before{background:radial-gradient(circle,var(--bg-hover) 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(0);transition:var(--transition-fast)}.attach-btn:hover:before,.location-btn:hover:before,.send-btn:hover:before,.task-btn:hover:before{opacity:1;transform:scale(1)}.attach-btn:hover,.location-btn:hover,.task-btn:hover{color:var(--text-primary);transform:scale(1.1)}.attach-btn:active,.location-btn:active,.task-btn:active{transform:scale(.95)}.attach-btn.active,.location-btn.active,.task-btn.active{background:var(--primary-bg);color:var(--primary-color)}.send-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-muted)}.send-btn.active{background:var(--gradient-accent);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:#fff}.send-btn.active:before{background:radial-gradient(circle,#fff3 0,#0000 70%)}.send-btn.active:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.send-btn.active:active{transform:scale(.95)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.sending-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.connection-warning{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--error-color);display:flex;font-size:.8125rem;font-weight:500;gap:var(--space-2);left:50%;padding:var(--space-2) var(--space-4);position:absolute;top:-48px;transform:translateX(-50%);z-index:100}.warning-icon{animation:pulse 1.5s ease-in-out infinite;font-size:1rem}.typing-indicator{animation:slideIn .2s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);bottom:calc(100% + var(--space-2));color:var(--text-secondary);font-size:.8125rem;left:var(--space-6);padding:var(--space-2) var(--space-3);position:absolute}.typing-indicator:before{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--bg-elevated);bottom:-5px;content:"";height:0;left:var(--space-3);position:absolute;width:0}@media (max-width:768px){.message-input-container{padding:var(--space-3) var(--space-4)}.input-wrapper{gap:var(--space-2);padding:var(--space-2)}.message-textarea{font-size:.875rem;padding:var(--space-2)}.attach-btn,.location-btn,.send-btn,.task-btn{font-size:1rem;height:32px;width:32px}.reply-preview{margin-bottom:var(--space-3)}.reply-content{padding:var(--space-3)}.connection-warning{font-size:.75rem;padding:var(--space-1) var(--space-3);top:-44px}}@media (max-width:480px){.message-input-container{padding:var(--space-2) var(--space-3)}.input-wrapper{border-radius:var(--radius-xl)}.message-textarea{font-size:.8125rem}.attach-btn,.location-btn,.send-btn,.task-btn{font-size:.875rem;height:28px;width:28px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.connection-warning,.message-input-container *,.reply-preview,.typing-indicator{animation:none!important;transition:none!important}.attach-btn:hover,.location-btn:hover,.send-btn:hover,.task-btn:hover{transform:none!important}}@media (prefers-contrast:high){.input-wrapper{border-width:2px}.reply-preview{border-left-width:6px}.attach-btn,.location-btn,.send-btn,.task-btn{border:1px solid var(--text-primary)}}.input-wrapper:focus-within .attach-btn,.input-wrapper:focus-within .location-btn,.input-wrapper:focus-within .task-btn{color:var(--primary-color)}.input-wrapper:focus-within .send-btn.active{box-shadow:0 0 0 3px var(--primary-bg),var(--shadow-lg)}.theme-dark .message-input-container{background:var(--gradient-surface)}.theme-dark .input-wrapper:before{background:linear-gradient(135deg,#10b98105,#0000 50%,#3b82f605)}.theme-dark .send-btn.active{box-shadow:var(--shadow-md),0 0 20px #10b9814d}.theme-dark .message-textarea{text-shadow:0 1px 2px #0000001a}.task-mentions-popup{animation:slideUp .2s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);bottom:100%;box-shadow:var(--shadow-lg);left:0;max-height:300px;overflow:hidden;position:absolute;right:0;z-index:1000}.mentions-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.mentions-title{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2)}.close-mentions{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:var(--transition-fast)}.close-mentions:hover{background:var(--bg-hover);color:var(--text-primary)}.mentions-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--space-3);justify-content:center;padding:var(--space-6)}.mentions-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:1rem;width:1rem}.mentions-list{max-height:200px;overflow-y:auto;padding:var(--space-2)}.mentions-list::-webkit-scrollbar{width:4px}.mentions-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.mentions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.mention-item{border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-1);padding:var(--space-3);transition:var(--transition-fast)}.mention-item:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateX(2px)}.mention-item:last-child{margin-bottom:0}.task-mention{background:var(--bg-tertiary)}.task-mention.completed{background:var(--success-bg);border-color:color-mix(in srgb,var(--success-color) 30%,#0000 70%)}.task-mention.in_progress{background:var(--info-bg);border-color:color-mix(in srgb,var(--info-color) 30%,#0000 70%)}.task-mention.pending{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning-color) 30%,#0000 70%)}.mention-content{display:flex;flex-direction:column;gap:var(--space-2)}.mention-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.task-title{font-size:.875rem;font-weight:500;min-width:0}.task-status{flex-shrink:0;font-size:.875rem}.mention-meta{font-size:.75rem;gap:var(--space-3)}.mention-meta,.task-priority{align-items:center;display:flex}.task-priority{font-weight:500;gap:.25rem;text-transform:capitalize}.task-priority.priority-low{color:var(--success-color)}.task-priority.priority-medium{color:var(--warning-color)}.task-priority.priority-high{color:var(--error-color)}.task-priority.priority-urgent{color:var(--error-color);font-weight:600}.task-due-date{align-items:center;color:var(--text-muted);display:flex;gap:.25rem}.no-mentions{color:var(--text-muted);font-size:.875rem;padding:var(--space-6);text-align:center}.mentions-footer{background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4)}.create-task-btn{align-items:center;background:var(--primary-bg);border:1px solid var(--primary-border);border-radius:var(--radius-lg);color:var(--primary-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:var(--transition-fast);width:100%}.create-task-btn:hover{background:var(--primary-color);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}@media (max-width:768px){.task-mentions-popup{left:var(--space-2);max-height:250px;right:var(--space-2)}.mentions-header{padding:var(--space-2) var(--space-3)}.mention-item{padding:var(--space-2)}.mention-header{align-items:stretch;flex-direction:column;gap:var(--space-1)}.mention-meta{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.task-mentions-popup{animation:none}.create-task-btn:hover,.mention-item:hover{transform:none}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#212529;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;color:#6c757d;font-size:1.5rem;padding:4px;transition:all .2s ease}.close-btn:hover{background-color:#f8f9fa;color:#495057}.modal-body{max-height:60vh;overflow-y:auto;padding:20px}.conversation-type{margin-bottom:20px}.checkbox-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:.95rem;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#fc0;height:16px;width:16px}.group-name-input{margin-bottom:20px}.input-field{border:1px solid #dee2e6;border-radius:8px;font-size:.95rem;padding:12px;transition:border-color .2s ease;width:100%}.input-field:focus{border-color:#fc0;box-shadow:0 0 0 2px #fc03;outline:none}.user-search{margin-bottom:20px;position:relative}.search-loading{color:#6c757d;font-size:.9rem;padding:8px 12px;text-align:center}.search-results{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;position:absolute;right:0;top:100%;z-index:10}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8f9fa}.user-avatar{height:40px;width:40px}.user-avatar,.user-avatar-small{border-radius:50%;object-fit:cover}.user-avatar-small{height:32px;width:32px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#212529;font-size:.95rem;font-weight:500}.user-email{color:#6c757d;font-size:.85rem}.selected-users{margin-top:20px}.selected-users h3{color:#495057;font-size:1rem;font-weight:600;margin:0 0 12px}.selected-users-list{display:flex;flex-direction:column;gap:8px}.selected-user{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.selected-user .user-name{flex:1 1;font-size:.9rem}.remove-user-btn{align-items:center;background:none;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.remove-user-btn:hover{background-color:#f5c6cb}.modal-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-btn,.create-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.create-btn{background-color:#fc0;color:#000}.create-btn:hover:not(:disabled){background-color:#e6b800}.create-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.search-results{max-height:150px}.user-avatar{height:36px;width:36px}.user-avatar-small{height:28px;width:28px}}.modal-body::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:#f1f1f1}.modal-body::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.presence-indicator{align-items:center;display:flex;gap:6px;position:relative}.presence-indicator.small{font-size:12px}.presence-indicator.medium{font-size:14px}.presence-indicator.large{font-size:16px}.presence-dot{background-clip:padding-box;border:2px solid #0000;border-radius:50%;flex-shrink:0;position:relative}.presence-indicator.small .presence-dot{height:8px;width:8px}.presence-indicator.medium .presence-dot{height:12px;width:12px}.presence-indicator.large .presence-dot{height:16px;width:16px}.presence-dot.online{background-color:#4caf50;border-color:#4caf504d;box-shadow:0 0 8px #4caf5066}.presence-dot.offline{background-color:#9e9e9e;border-color:#9e9e9e4d}.pulse-ring{animation:pulse 2s ease-in-out infinite;background-color:#4caf504d;border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.presence-status{align-items:center;display:flex}.online-text{color:#4caf50;font-weight:500}.offline-text{color:#fff9;font-weight:400}@media (max-width:768px){.presence-indicator{gap:4px}.presence-indicator.small{font-size:11px}.presence-indicator.medium{font-size:12px}.presence-indicator.large{font-size:14px}}.user-avatar-container{position:relative}.user-avatar-container .presence-indicator{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:50%;bottom:-2px;padding:1px;position:absolute;right:-2px}.presence-indicator.typing .presence-dot{background-color:#2196f3;border-color:#2196f34d;box-shadow:0 0 8px #2196f366}.presence-indicator.typing .pulse-ring{animation:typing-pulse 1s ease-in-out infinite;background-color:#2196f34d}@keyframes typing-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.presence-indicator:hover .presence-status{opacity:1;visibility:visible}.presence-status{background:#000c;border-radius:4px;bottom:100%;color:#fff;font-size:10px;opacity:0;padding:4px 8px;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.presence-status,.presence-status:after{left:50%;position:absolute;transform:translateX(-50%)}.presence-status:after{border:4px solid #0000;border-top-color:#000c;content:"";top:100%}.conversation-avatar,.user-avatar{align-items:center;background:linear-gradient(135deg,#fc0,gold);border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}.conversation-avatar.small,.user-avatar.small{height:32px;width:32px}.conversation-avatar.medium,.user-avatar.medium{height:40px;width:40px}.conversation-avatar.large,.user-avatar.large{height:56px;width:56px}.conversation-avatar.xlarge,.user-avatar.xlarge{height:80px;width:80px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.avatar-image.loaded{opacity:1}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#fc0,gold);border-radius:50%;color:#333;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.small .avatar-placeholder{font-size:12px}.medium .avatar-placeholder{font-size:14px}.large .avatar-placeholder{font-size:18px}.xlarge .avatar-placeholder{font-size:24px}.user-avatar.with-status{margin-right:4px}.online-status{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 1px 3px #0003;height:12px;position:absolute;right:-2px;width:12px}.small .online-status{border-width:1px;bottom:-1px;height:10px;right:-1px;width:10px}.large .online-status,.xlarge .online-status{border-width:3px;bottom:-3px;height:16px;right:-3px;width:16px}.avatar-placeholder.color-1{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.avatar-placeholder.color-2{background:linear-gradient(135deg,#4ecdc4,#44c0c7)}.avatar-placeholder.color-3{background:linear-gradient(135deg,#45b7d1,#5dade2)}.avatar-placeholder.color-4{background:linear-gradient(135deg,#96ceb4,#85c1a6)}.avatar-placeholder.color-5{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}.avatar-placeholder.color-6{background:linear-gradient(135deg,plum,orchid)}.conversation-avatar:hover,.user-avatar:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05);transition:transform .2s ease}.conversation-avatar.loading,.user-avatar.loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:dark){.avatar-placeholder{background:linear-gradient(135deg,#b8860b,#daa520);color:#1a1a1a}.online-status{border-color:#2f3136}.conversation-avatar.loading,.user-avatar.loading{background:linear-gradient(90deg,#36393f 25%,#2f3136 50%,#36393f 75%);background-size:200% 100%}}.conversations-list .conversation-avatar{margin-right:12px}@media (max-width:768px){.conversation-avatar.medium,.user-avatar.medium{height:36px;width:36px}.medium .avatar-placeholder{font-size:13px}.conversations-list .conversation-avatar{margin-right:10px}}.advanced-search-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.advanced-search-container{animation:slideUp .25s ease-out;background:#fff;background:var(--bg-color,#fff);border-radius:12px;box-shadow:0 8px 32px #0000001f;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.advanced-search-header{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px 16px}.advanced-search-header h3{font-weight:600;gap:8px;margin:0}.advanced-search-header h3,.close-btn{align-items:center;display:flex;font-size:18px}.close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;justify-content:center;transition:background .2s ease;width:32px}.close-btn:hover{background:#ffffff4d}.filters-content{display:flex;flex-direction:column;gap:24px;padding:20px 24px}.filter-group{gap:12px}.filter-group label{align-items:center;display:flex;font-weight:600;gap:6px}.filter-group label,.filter-input,.filter-select{color:#333;color:var(--text-color,#333);font-size:14px}.filter-input,.filter-select{background:#fff;background:var(--input-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e5e5e5);border-radius:8px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus,.filter-select:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.message-type-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.message-type-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e5e5e5);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:70px;padding:12px 8px;transition:all .2s ease}.message-type-btn:hover{background:#25d3660d;border-color:#25d366}.message-type-btn.active{background:linear-gradient(135deg,#25d366,#128c7e);border-color:#25d366;color:#fff}.type-icon{font-size:20px}.type-label{font-size:12px;font-weight:500;line-height:1.2;text-align:center}.date-preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.date-preset-btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e5e5e5);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 12px;transition:all .2s ease}.date-preset-btn:hover{background:#25d3660d;border-color:#25d366}.date-preset-btn.active{background:#25d366;border-color:#25d366;color:#fff}.date-range-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.date-input-group{gap:4px}.date-input-group label{color:#666;color:var(--text-secondary,#666);font-size:12px}.date-input{border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:6px;font-size:13px;padding:8px 10px}.date-input:focus{border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.toggle-filters{display:flex;flex-direction:column;gap:16px}.toggle-filter{justify-content:space-between;padding:12px 0}.toggle-filter,.toggle-label{align-items:center;display:flex}.toggle-label{color:#333;color:var(--text-color,#333);font-size:14px;gap:6px}.toggle-buttons{display:flex;gap:6px}.toggle-btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e5e5e5);border-radius:20px;font-size:12px;min-width:40px;padding:8px 16px;transition:all .2s ease}.toggle-btn.active,.toggle-btn:hover{border-color:#25d366}.toggle-btn.active{background:#25d366;color:#fff}.filters-actions{background:#fff;background:var(--card-bg,#fff);border-radius:0 0 12px 12px;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);display:flex;gap:12px;padding:16px 24px}.apply-btn,.clear-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s ease}.clear-btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e5e5e5);color:#333;color:var(--text-color,#333)}.clear-btn:hover{background:#dc35450d;border-color:#dc3545;color:#dc3545}.apply-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:2px solid #25d366;color:#fff}.apply-btn:hover{background:linear-gradient(135deg,#1ea952,#0f6b5e)}@media (max-width:480px){.advanced-search-container{max-height:90vh;width:95%}.advanced-search-header{padding:16px 20px 12px}.advanced-search-header h3{font-size:16px}.filters-content{gap:20px;padding:16px 20px}.date-preset-grid,.date-range-inputs,.message-type-grid{grid-template-columns:1fr}.toggle-filter{align-items:flex-start;flex-direction:column;gap:8px}.filters-actions{flex-direction:column;padding:12px 20px}}@media (prefers-color-scheme:dark){.advanced-search-container{--bg-color:#1f2937;--card-bg:#111827;--text-color:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151;--input-bg:#374151}}.advanced-results-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.advanced-results-container{animation:slideUp .25s ease-out;background:#fff;background:var(--bg-color,#fff);border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.advanced-results-header{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px 16px}.header-info{display:flex;flex-direction:column;gap:4px}.header-info h3{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.results-count{font-size:12px;font-weight:500;opacity:.9}.close-results-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .2s ease;width:32px}.close-results-btn:hover{background:#ffffff4d}.filters-summary{background:#f8f9fa;background:var(--summary-bg,#f8f9fa);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);padding:16px 24px}.summary-label{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:600;margin-bottom:8px}.applied-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-tag{background:#25d3661a;border:1px solid #25d36633;border-radius:12px;color:#128c7e;font-size:11px;font-weight:500;padding:4px 8px}.results-content{flex:1 1;overflow-y:auto}.loading-results,.results-content{display:flex;flex-direction:column}.loading-results{align-items:center;color:#666;color:var(--text-secondary,#666);gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #e5e5e5;border:3px solid var(--border-color,#e5e5e5);border-top:3px solid #25d366;height:40px;width:40px}.no-results{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.7}.no-results h4{color:#333;color:var(--text-color,#333);font-size:18px;font-weight:600;margin:0 0 8px}.no-results p{font-size:14px;margin:0;opacity:.8}.messages-list{display:flex;flex-direction:column;padding:0 0 16px}.message-result{background:#fff;background:var(--card-bg,#fff);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);cursor:pointer;padding:16px 24px;position:relative;transition:all .2s ease}.message-result:hover{background:#25d36605}.message-result.selected{background:#25d3660d;border-left:4px solid #25d366}.message-header{align-items:flex-start;margin-bottom:8px}.sender-info{display:flex;flex-direction:column;gap:2px}.sender-name{color:#333;color:var(--text-color,#333)}.message-date{color:#666;color:var(--text-secondary,#666);font-size:11px}.message-meta{align-items:center;display:flex;gap:6px}.attachment-indicator,.message-type-icon,.pinned-indicator,.reaction-indicator{font-size:14px;opacity:.8}.message-content{margin-bottom:8px}.message-text{color:#333;color:var(--text-color,#333);word-break:break-word}.message-text.highlighted mark{background:#25d3664d;border-radius:2px;color:#128c7e;font-weight:600;padding:1px 2px}.conversation-info{margin-bottom:8px}.conversation-label{align-items:center;background:#f8f9fa;background:var(--summary-bg,#f8f9fa);border-radius:8px;color:#666;color:var(--text-secondary,#666);display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.result-actions{display:flex;justify-content:flex-end}.go-to-message-btn{align-items:center;background:none;border:1px solid #25d366;border-radius:16px;color:#25d366;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.go-to-message-btn:hover{background:#25d366;color:#fff}.results-footer{background:#fff;background:var(--card-bg,#fff);border-radius:0 0 12px 12px;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);padding:12px 24px}.results-stats{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:12px;justify-content:space-between}.limit-warning{color:#f57c00;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.advanced-results-container{max-height:90vh;width:95%}.advanced-results-header{padding:16px 20px 12px}.advanced-results-header h3{font-size:16px}.filters-summary,.message-result{padding:12px 20px}.applied-filters{gap:4px}.filter-tag{font-size:10px;padding:3px 6px}.message-header{align-items:flex-start;flex-direction:column;gap:6px}.results-footer{padding:10px 20px}.results-stats{align-items:flex-start;flex-direction:column;gap:4px}}@media (prefers-color-scheme:dark){.advanced-results-container{--bg-color:#1f2937;--card-bg:#111827;--text-color:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151;--summary-bg:#374151}.message-text.highlighted mark{background:#25d36666;color:#34d399}}.global-search-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.global-search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.global-search-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.global-search-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.search-input-container{align-items:center;display:flex;gap:8px;position:relative}.global-search-input{background:#ffffff1a;border:2px solid #fff3;border-radius:25px;flex:1 1;padding:14px 16px;transition:all .3s ease;width:100%}.advanced-filters-btn,.global-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:16px}.advanced-filters-btn{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.advanced-filters-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.global-search-input::placeholder{color:#fff9}.global-search-input:focus{border-color:#fff6}.search-tabs{background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.tab-btn.active{background:#ffffff1a;border-bottom-color:#007bff;color:#fff}.tab-btn:hover:not(.active){background:#ffffff0d;color:#ffffffe6}.messages-results,.users-results{padding:0}.message-result-item,.user-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:16px 24px;transition:background-color .2s ease}.message-result-item:hover,.user-result-item:hover{background-color:#ffffff14}.message-result-item:last-child,.user-result-item:last-child{border-bottom:none}.user-info{flex:1 1;margin-left:12px}.user-info h4{color:#fff;font-size:16px;font-weight:500;margin:0 0 4px}.user-email{color:#ffffffb3;font-size:14px;margin:0 0 2px}.user-cargo{color:#ffffff80;font-size:12px;margin:0}.action-btn{background:#007bff33;border:1px solid #007bff4d;border-radius:20px;color:#4da6ff;font-size:12px;font-weight:500;margin-left:12px;padding:8px 16px}@media (max-width:768px){.global-search-container{max-height:90vh;width:95%}.global-search-header,.search-input-container{padding:16px 20px}.message-result-item,.user-result-item{padding:12px 20px}.action-btn{display:none}}.conversation-search-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.conversation-search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.conversation-search-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.conversation-search-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;transition:background-color .2s ease;width:36px}.close-search-btn:hover{background-color:#ffffff1a}.search-input-container{border-bottom:1px solid #ffffff1a;padding:20px 24px}.conversation-search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.conversation-search-input::placeholder{color:#fff9}.conversation-search-input:focus{border-color:#fff6}.search-navigation{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 24px}.results-info{color:#ffffffb3;font-size:14px}.nav-buttons{display:flex;gap:8px}.nav-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nav-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.search-results{max-height:400px;overflow-y:auto;padding:0}.loading-search{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;padding:40px}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;margin-bottom:8px;width:20px}.search-error{background:#ff00001a;border-left:4px solid #f44;border-radius:8px;color:#f88;margin:12px 24px;padding:16px 24px}.messages-results{padding:0}.message-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:16px 24px;transition:background-color .2s ease}.message-result-item:hover{background-color:#ffffff14}.message-result-item.active{background-color:#007bff33;border-left:4px solid #007bff}.message-result-item:last-child{border-bottom:none}.message-content{flex:1 1}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.sender-name{color:#fff;font-size:14px;font-weight:500}.message-date{color:#ffffff80;font-size:12px}.message-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.current-indicator{background:#007bff4d;border:1px solid #007bff80;border-radius:12px;color:#4da6ff;font-size:10px;font-weight:500;margin-left:12px;padding:4px 8px}.no-results{color:#fff9;padding:40px 24px;text-align:center}.search-placeholder{color:#fff9;padding:60px 24px;text-align:center}.placeholder-icon{font-size:48px;margin-bottom:16px}.search-placeholder h4{color:#fff;font-size:18px;font-weight:500;margin:0 0 8px}.search-placeholder p{font-size:14px;line-height:1.5;margin:0}mark{background-color:#ffff004d;border-radius:2px;color:#fff;padding:0 2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.conversation-search-container{max-height:90vh;width:95%}.conversation-search-header,.search-input-container{padding:16px 20px}.search-navigation{padding:10px 20px}.message-result-item{padding:12px 20px}.current-indicator{display:none}}.pinned-messages-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:16px;overflow:hidden;transition:all var(--transition-normal)}.pinned-messages-container.collapsed{max-height:60px}.pinned-messages-header{align-items:center;background:var(--gradient-surface);border-bottom:1px solid var(--border-divider);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.pinned-header-content{align-items:center;display:flex;gap:8px}.pin-icon{font-size:16px}.pin-icon,.pinned-title{color:var(--primary-color);text-shadow:var(--text-glow)}.pinned-title{font-size:14px;font-weight:600}.collapse-btn{background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.collapse-btn:hover{background:var(--primary-bg);box-shadow:var(--glow-soft)}.pinned-messages-list{background:var(--bg-primary);max-height:200px;overflow-y:auto;padding:8px}.pinned-loading{align-items:center;color:var(--primary-color);display:flex;font-size:12px;gap:8px;justify-content:center;padding:16px}.loading-spinner{border-top:2px solid var(--primary-bg);border:2px solid var(--primary-bg);height:12px;width:12px}.pinned-message-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;position:relative;transition:all var(--transition-fast)}.pinned-message-item:hover{background:var(--bg-hover);border-color:var(--primary-color);box-shadow:var(--shadow-golden);transform:translateY(-1px)}.pinned-message-item:last-child{margin-bottom:0}.pinned-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sender-name{color:var(--text-primary);font-size:12px;font-weight:600}.pinned-date{color:var(--text-muted);font-size:11px}.unpin-btn{background:none;border:none;border-radius:3px;color:var(--error-color);cursor:pointer;font-size:12px;opacity:.7;padding:2px 4px;transition:all var(--transition-fast)}.unpin-btn:hover{background:var(--error-bg);box-shadow:0 0 8px #ef44444d;opacity:1}.pinned-message-text{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:6px}.pin-reason{color:var(--text-muted);display:flex;font-size:11px;font-style:italic;gap:4px}.reason-label{color:var(--text-tertiary);font-weight:600}.reason-text{flex:1 1}.pinned-messages-list::-webkit-scrollbar{width:4px}.pinned-messages-list::-webkit-scrollbar-track{background:#0000}.pinned-messages-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:2px;opacity:.5}.pinned-messages-list::-webkit-scrollbar-thumb:hover{background-color:var(--primary-light);opacity:1}@media (max-width:768px){.pinned-messages-container{margin-bottom:12px}.pinned-messages-header{padding:10px 12px}.pinned-messages-list{max-height:150px;padding:6px}.pinned-message-item{padding:10px}.pinned-title{font-size:13px}}body.theme-dark .pinned-messages-container{box-shadow:var(--shadow-navy)}body.theme-dark .pinned-message-item{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}body.theme-dark .pinned-message-item:hover{box-shadow:var(--shadow-golden)}.task-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;margin:var(--space-2);overflow:hidden;padding:var(--space-4);position:relative;transition:var(--transition-base)}.task-item:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-item:not(.task-completed):hover{background:var(--bg-elevated)}.task-item.task-completed{background:var(--success-bg);border-color:var(--success-color);opacity:.8}.task-item.task-completed:hover{box-shadow:var(--shadow-sm);transform:none}.task-item.task-high-priority,.task-item.task-overdue{background:color-mix(in srgb,var(--bg-card) 95%,var(--error-color) 5%);border-left:4px solid var(--error-color)}.task-item.task-urgent-priority{background:var(--error-bg);border-left:4px solid var(--error-color);box-shadow:0 0 0 1px var(--error-color)}.task-main-content{align-items:flex-start;display:flex;gap:var(--space-4)}.task-checkbox{align-items:center;background:#0000;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-top:.125rem;transition:var(--transition-fast);width:1.5rem}.task-checkbox:hover{background:var(--primary-bg);border-color:var(--primary-color)}.task-checkbox.completed{background:var(--success-color);border-color:var(--success-color);color:#fff}.task-checkmark{font-size:.75rem;font-weight:700}.task-content{flex:1 1;min-width:0}.task-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.task-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;transition:var(--transition-fast);white-space:nowrap}.task-title.completed{color:var(--text-muted);text-decoration:line-through}.task-badges{flex-shrink:0;gap:var(--space-2)}.task-badge,.task-badges{align-items:center;display:flex}.task-badge{border:1px solid #0000;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;gap:.25rem;padding:.125rem var(--space-2);transition:var(--transition-fast)}.task-badge.priority-low{background:var(--success-bg);border-color:color-mix(in srgb,var(--success-color) 30%,#0000 70%);color:var(--success-color)}.task-badge.priority-medium{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning-color) 30%,#0000 70%);color:var(--warning-color)}.task-badge.priority-high{background:var(--error-bg);border-color:color-mix(in srgb,var(--error-color) 30%,#0000 70%);color:var(--error-color)}.task-badge.priority-urgent{background:var(--error-color);border-color:var(--error-color);color:#fff;font-weight:600}.task-badge.status-pending{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning-color) 30%,#0000 70%);color:var(--warning-color)}.task-badge.status-in-progress{background:var(--info-bg);border-color:color-mix(in srgb,var(--info-color) 30%,#0000 70%);color:var(--info-color)}.task-badge.status-completed{background:var(--success-bg);border-color:color-mix(in srgb,var(--success-color) 30%,#0000 70%);color:var(--success-color)}.task-badge.status-cancelled{background:var(--bg-disabled);border-color:var(--border-color);color:var(--text-disabled)}.task-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 var(--space-3) 0}.task-meta{color:var(--text-muted);font-size:.75rem;gap:var(--space-4);margin-bottom:var(--space-2)}.task-meta,.task-meta-item{align-items:center;display:flex}.task-meta-item{gap:.25rem}.task-meta-item.overdue{color:var(--error-color);font-weight:600}.task-meta-icon{font-size:.875rem}.task-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:var(--space-2)}.task-tag{background:var(--accent-blue-bg);border:1px solid color-mix(in srgb,var(--accent-blue) 30%,#0000 70%);border-radius:var(--radius-sm);color:var(--accent-blue);font-size:.625rem;font-weight:500;padding:.125rem var(--space-2)}.task-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:var(--space-2)}.task-action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;padding:var(--space-2);transition:var(--transition-fast);width:2rem}.task-action-btn:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.task-action-btn.edit{color:var(--info-color)}.task-action-btn.edit:hover{background:var(--info-bg);border-color:var(--info-color)}.task-action-btn.delete{color:var(--error-color)}.task-action-btn.delete:hover{background:var(--error-bg);border-color:var(--error-color)}.task-expanded-details{border-top:1px solid var(--border-subtle);margin-top:var(--space-4);padding-top:var(--space-4)}.task-details-grid{grid-gap:var(--space-3);display:grid;font-size:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.task-detail-item{display:flex;flex-direction:column}.task-detail-label{color:var(--text-muted);font-weight:500;margin-bottom:.25rem}.task-detail-value{color:var(--text-secondary)}.task-detail-value.completed{color:var(--success-color);font-weight:600}.task-item{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.task-item{margin:var(--space-1);padding:var(--space-3)}.task-main-content{gap:var(--space-3)}.task-badges,.task-meta{flex-wrap:wrap}.task-meta{gap:var(--space-2)}.task-actions{flex-direction:column;gap:var(--space-1)}.task-details-grid{gap:var(--space-2);grid-template-columns:1fr}}.task-list-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-theme)}.task-list-container:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.task-list-loading{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:var(--transition-theme)}.task-list-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:2rem;margin:0 auto var(--space-4) auto;width:2rem}.task-list-loading .loading-text{color:var(--text-secondary);font-size:.875rem;margin:0}.task-list-empty{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;transition:var(--transition-theme)}.empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.6}.empty-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-2) 0}.empty-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 auto;max-width:16rem}.task-list-header{background:var(--gradient-surface);border-bottom:1px solid var(--border-color);padding:var(--space-6);transition:var(--transition-theme)}.task-list-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:var(--space-2);margin:0}.task-list-icon{font-size:1.25rem}.task-count{background:var(--primary-bg);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.125rem var(--space-2)}.tasks-container{max-height:70vh;overflow-y:auto;padding:var(--space-2)}.tasks-container::-webkit-scrollbar{width:6px}.tasks-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.tasks-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.tasks-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.task-list-container{animation:fadeInUp .3s ease-out}@media (max-width:768px){.task-list-header{padding:var(--space-4)}.tasks-container{max-height:60vh}.task-list-empty{padding:var(--space-6) var(--space-4)}}.task-form-container{animation:fadeInUp .3s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);padding:var(--space-8);transition:var(--transition-theme)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-form-header{margin-bottom:var(--space-6)}.task-form-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--space-2);margin:0 0 var(--space-2) 0}.task-form-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.task-form-error{align-items:center;background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-lg);color:var(--error-color);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3)}.task-form-error-icon{font-size:1.25rem}.task-form{gap:var(--space-6)}.form-group,.task-form{display:flex;flex-direction:column}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.form-label.required:after{color:var(--error-color);content:" *"}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:var(--space-3) var(--space-4);transition:var(--transition-fast);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-elevated);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);outline:none;transform:translateY(-1px)}.form-textarea{line-height:1.5;min-height:80px;resize:vertical}.form-select{cursor:pointer}.form-input.error,.form-select.error,.form-textarea.error{background:var(--error-bg);border-color:var(--error-color)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--error-color) 20%,#0000 80%)}.form-error-message{align-items:center;color:var(--error-color);display:flex;font-size:.75rem;gap:.25rem;margin-top:var(--space-1)}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid-full{grid-column:1/-1}.form-helper{color:var(--text-muted);font-size:.75rem;line-height:1.4;margin-top:var(--space-1)}.checklist-selector{display:flex;flex-direction:column;gap:var(--space-2)}.checklist-option{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:var(--transition-fast)}.checklist-option.selected,.checklist-option:hover{background:var(--primary-bg);border-color:var(--primary-color)}.checklist-option.selected{box-shadow:0 0 0 1px var(--primary-color)}.checklist-radio{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:1rem;position:relative;width:1rem}.checklist-option.selected .checklist-radio{border-color:var(--primary-color)}.checklist-option.selected .checklist-radio:after{background:var(--primary-color);border-radius:50%;content:"";height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.5rem}.checklist-info{flex:1 1}.checklist-name{color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.checklist-description{color:var(--text-secondary);font-size:.75rem}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-6)}.form-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:var(--transition-fast)}.form-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.form-btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.form-btn-primary{background:var(--gradient-accent);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.form-btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-btn-primary:active:not(:disabled){transform:translateY(1px)}.form-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:1rem;width:1rem}@media (max-width:768px){.task-form-container{margin-bottom:var(--space-4);padding:var(--space-6)}.form-grid{gap:var(--space-3);grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:var(--space-3)}.form-btn{justify-content:center;width:100%}.checklist-selector{gap:var(--space-1)}.checklist-option{padding:var(--space-2)}}@media (prefers-reduced-motion:reduce){.task-form-container{animation:none}.form-btn:hover:not(:disabled),.form-input:focus,.form-select:focus,.form-textarea:focus{transform:none}}.task-filters-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6);transition:var(--transition-theme)}.task-filters-container:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.filters-header{justify-content:space-between;margin-bottom:var(--space-4)}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{color:var(--text-primary);font-size:1rem;font-weight:600;gap:var(--space-2);margin:0}.filters-icon{font-size:1.25rem}.new-task-btn{align-items:center;background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition-fast)}.new-task-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.new-task-btn:active{transform:translateY(1px)}.new-task-icon{font-size:1rem}.filters-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-4)}.search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:var(--space-3) var(--space-4);transition:var(--transition-fast);width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{background:var(--bg-elevated);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);outline:none;transform:translateY(-1px)}.filter-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.875rem;padding:var(--space-3) var(--space-4);transition:var(--transition-fast);width:100%}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.filter-select option{background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-2)}.quick-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem var(--space-3);transition:var(--transition-fast)}.quick-filter-btn:hover{border-color:var(--primary-border);transform:translateY(-1px)}.quick-filter-btn.active,.quick-filter-btn:hover{background:var(--primary-bg);color:var(--primary-color)}.quick-filter-btn.active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.active-filters-indicator{border-top:1px solid var(--border-subtle);margin-top:var(--space-3);padding-top:var(--space-3)}.active-filters-title{color:var(--text-muted);font-size:.75rem;font-weight:600;margin-bottom:var(--space-2)}.active-filters-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.active-filter-tag{background:var(--primary-bg);border:1px solid var(--primary-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem var(--space-2)}.active-filter-remove,.active-filter-tag{align-items:center;color:var(--primary-color);display:flex}.active-filter-remove{background:none;border:none;border-radius:50%;cursor:pointer;font-size:.875rem;height:1rem;justify-content:center;padding:0;transition:var(--transition-fast);width:1rem}.active-filter-remove:hover{background:color-mix(in srgb,var(--primary-color) 20%,#0000 80%)}.clear-all-filters-btn{background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-sm);color:var(--error-color);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem var(--space-2);transition:var(--transition-fast)}.clear-all-filters-btn:hover{background:var(--error-color);color:#fff}.task-filters-container{animation:slideInUp .3s ease-out}.active-filter-tag{animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.task-filters-container{padding:var(--space-4)}.filters-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.new-task-btn{justify-content:center;width:100%}.filters-grid{gap:var(--space-3);grid-template-columns:1fr}.quick-filters{gap:var(--space-1)}.quick-filter-btn{flex:1 1;min-width:0;text-align:center}.active-filters-list{gap:var(--space-1)}}.advanced-filters-toggle{border-top:1px solid var(--border-subtle);margin-top:var(--space-4);padding-top:var(--space-4)}.toggle-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:var(--transition-fast);width:100%}.toggle-btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.toggle-btn.active{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary-color)}.toggle-arrow{font-size:.75rem;margin-left:auto;transition:var(--transition-fast)}.toggle-arrow.up{transform:rotate(180deg)}.advanced-filters-section{animation:slideDown .3s ease-out;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4)}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:var(--space-3)}.filter-group-title{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);margin:0}.period-quick-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.period-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;min-width:80px;padding:.375rem var(--space-3);text-align:center;transition:var(--transition-fast)}.period-btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.period-btn.active{background:var(--primary-bg);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.period-btn.clear{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.period-btn.clear:hover{background:var(--error-color);color:#fff}.date-range-filters{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{color:var(--text-muted);font-size:.75rem;font-weight:500}.date-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:var(--space-3);transition:var(--transition-fast)}.date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.tag-filter-container{position:relative}.tag-filter-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:var(--space-3);transition:var(--transition-fast);width:100%}.tag-filter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.tag-suggestions{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.tag-suggestion{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.tag-suggestion:last-child{border-bottom:none}.tag-suggestion:hover{background:var(--bg-hover);color:var(--text-primary)}.pagination-controls{align-items:center;display:flex;gap:var(--space-3)}.pagination-controls label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.per-page-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem var(--space-3);transition:var(--transition-fast)}.per-page-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);outline:none}@media (max-width:768px){.advanced-filters-section{gap:var(--space-3);padding:var(--space-3)}.period-quick-filters{display:grid;grid-template-columns:1fr 1fr}.date-range-filters{grid-template-columns:1fr}.pagination-controls{align-items:stretch;flex-direction:column;gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.task-filters-container{animation:none}.new-task-btn:hover,.quick-filter-btn:hover,.search-input:focus{transform:none}.active-filter-tag,.advanced-filters-section{animation:none}.toggle-arrow{transition:none}}.clear-all-filters-btn:focus,.date-input:focus,.filter-select:focus,.new-task-btn:focus,.per-page-select:focus,.quick-filter-btn:focus,.search-input:focus,.tag-filter-input:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.date-input:focus,.filter-select:focus,.search-input:focus,.tag-filter-input:focus{transform:none}}.task-summary-container{margin-bottom:var(--space-8)}.summary-cards-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--space-6)}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);cursor:pointer;overflow:hidden;padding:var(--space-5);position:relative;text-align:center;transition:var(--transition-base)}.summary-card:before{background:var(--gradient-glass);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-fast)}.summary-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card:hover:before{opacity:1}.summary-card-content{position:relative;z-index:1}.summary-card.total{background:var(--info-bg);border-color:var(--info-color)}.summary-card.total:hover{border-color:var(--info-color);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--info-color) 30%,#0000 70%)}.summary-card.pending{background:var(--warning-bg);border-color:var(--warning-color)}.summary-card.pending:hover{border-color:var(--warning-color);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--warning-color) 30%,#0000 70%)}.summary-card.in-progress{background:var(--accent-blue-bg);border-color:var(--accent-blue)}.summary-card.in-progress:hover{border-color:var(--accent-blue);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--accent-blue) 30%,#0000 70%)}.summary-card.completed{background:var(--success-bg);border-color:var(--success-color)}.summary-card.completed:hover{border-color:var(--success-color);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--success-color) 30%,#0000 70%)}.summary-card.overdue{background:var(--error-bg);border-color:var(--error-color)}.summary-card.overdue:hover{border-color:var(--error-color);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--error-color) 30%,#0000 70%)}.summary-card-icon{display:block;font-size:1.5rem;margin-bottom:var(--space-3);opacity:.8}.summary-card-number{font-size:1.5rem;font-weight:700;line-height:1;margin:0 0 var(--space-1) 0;transition:var(--transition-fast)}.summary-card.total .summary-card-number{color:var(--info-color)}.summary-card.pending .summary-card-number{color:var(--warning-color)}.summary-card.in-progress .summary-card-number{color:var(--accent-blue)}.summary-card.completed .summary-card-number{color:var(--success-color)}.summary-card.overdue .summary-card-number{color:var(--error-color)}.summary-card-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1.2;margin:0}.progress-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);transition:var(--transition-theme)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.progress-title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.progress-percentage{color:var(--success-color);font-size:1rem;font-weight:700;margin:0}.progress-bar-container{background:var(--bg-tertiary);border-radius:var(--radius-sm);height:8px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.progress-bar-fill{background:var(--gradient-accent);border-radius:var(--radius-sm);height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-footer{color:var(--text-muted);display:flex;font-size:.75rem;justify-content:space-between}.progress-info{align-items:center;display:flex;gap:.25rem}.task-summary-container{animation:slideInDown .4s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.summary-card{animation:scaleIn .3s ease-out;animation-fill-mode:both}.summary-card:first-child{animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.summary-card:nth-child(4){animation-delay:.4s}.summary-card:nth-child(5){animation-delay:.5s}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.summary-cards-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.summary-card{padding:var(--space-4)}.summary-card-icon{font-size:1.25rem;margin-bottom:var(--space-2)}.summary-card-number{font-size:1.25rem}.progress-section{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.summary-card,.task-summary-container{animation:none}.progress-bar-fill{transition:none}.summary-card:hover{transform:none}.progress-bar-fill:after{animation:none}}.dashboard-sections{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-6)}.dashboard-section{animation:slideInUp .4s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);transition:var(--transition-theme)}.dashboard-section:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.dashboard-section.alert{background:var(--error-bg);border-color:var(--error-color)}.section-title{align-items:center;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--space-3) 0}.section-title,.task-mini-list{display:flex;gap:var(--space-2)}.task-mini-list{flex-direction:column}.task-mini-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-2);transition:var(--transition-fast)}.task-mini-item:hover{background:var(--bg-hover);transform:translateX(2px)}.task-mini-item.overdue{background:color-mix(in srgb,var(--error-bg) 80%,#0000 20%);border-left:3px solid var(--error-color)}.task-mini-content{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.task-mini-title{color:var(--text-primary);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-mini-priority,.task-mini-status{flex-shrink:0;font-size:.875rem}.task-mini-date{color:var(--text-muted);flex-shrink:0;font-size:.625rem;font-weight:500}.task-mini-date.overdue{color:var(--error-color);font-weight:600}.checklist-mini-list{display:flex;flex-direction:column;gap:var(--space-3)}.checklist-mini-item{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-3);transition:var(--transition-fast)}.checklist-mini-item:hover{background:var(--bg-hover);transform:translateY(-1px)}.checklist-mini-content{display:flex;flex-direction:column;gap:var(--space-2)}.checklist-mini-name{color:var(--text-primary);font-size:.75rem;font-weight:500}.checklist-mini-progress{align-items:center;display:flex;gap:var(--space-2)}.progress-mini-bar{background:var(--bg-secondary);border-radius:var(--radius-sm);flex:1 1;height:4px;overflow:hidden}.progress-mini-fill{background:var(--success-color);border-radius:var(--radius-sm);height:100%;transition:width .3s ease}.progress-mini-text{color:var(--text-muted);font-size:.625rem;font-weight:600;min-width:30px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-section:first-child{animation-delay:.1s}.dashboard-section:nth-child(2){animation-delay:.2s}.dashboard-section:nth-child(3){animation-delay:.3s}.dashboard-section:nth-child(4){animation-delay:.4s}@media (max-width:768px){.dashboard-sections{gap:var(--space-3);grid-template-columns:1fr;margin-top:var(--space-4)}.dashboard-section{padding:var(--space-3)}.task-mini-item{align-items:stretch;flex-direction:column;gap:var(--space-1)}.task-mini-content{justify-content:space-between}.task-mini-date{font-size:.75rem;text-align:right}}@media (prefers-reduced-motion:reduce){.dashboard-section{animation:none}.checklist-mini-item:hover,.task-mini-item:hover{transform:none}.progress-mini-fill{transition:none}}.tasks-module{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:var(--space-4);transition:var(--transition-theme)}.module-header{margin-bottom:var(--space-6)}.module-title{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.module-title h2{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;margin:0}.module-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.module-content{display:flex;flex-direction:column;gap:var(--space-6)}.error-container{align-items:center;background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-xl);color:var(--error-color);display:flex;gap:var(--space-3);padding:var(--space-4);transition:var(--transition-fast)}.error-container:hover{background:color-mix(in srgb,var(--error-bg) 80%,var(--error-color) 20%)}.error-icon{font-size:1.25rem}.error-message{flex:1 1;font-weight:500}.loading-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:var(--transition-theme)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:2rem;margin:0 auto var(--space-4) auto;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width:768px){.tasks-module{padding:var(--space-3)}.module-header{margin-bottom:var(--space-4)}.module-content{gap:var(--space-4)}}.tasks-module *{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.in-app-notifications-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.in-app-notification{align-items:flex-start;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;margin-bottom:12px;max-width:400px;min-width:320px;padding:16px;pointer-events:auto;transition:all .3s ease}.in-app-notification:hover{box-shadow:0 6px 25px #0003;transform:translateX(-4px)}.notification-message{border-left-color:#3b82f6}.notification-mention{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}.notification-error{background:linear-gradient(135deg,#fef2f2,#fecaca);border-left-color:#ef4444}.notification-success{background:linear-gradient(135deg,#f0fdf4,#bbf7d0);border-left-color:#10b981}.notification-high-priority{animation:slideInRight .3s ease-out,pulse 2s infinite;box-shadow:0 4px 20px #ef44444d}.notification-icon{align-items:center;background:#3b82f61a;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;margin-right:12px;width:40px}.notification-mention .notification-icon{background:#f59e0b1a}.notification-error .notification-icon{background:#ef44441a}.notification-success .notification-icon{background:#10b9811a}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.notification-message{word-wrap:break-word;color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:6px}.notification-timestamp{color:#9ca3af;font-size:11px;font-weight:500}.notification-dismiss{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;margin-left:8px;padding:4px;transition:all .2s ease;width:24px}.notification-dismiss:hover{background:#6b72801a;color:#374151}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (prefers-color-scheme:dark){.in-app-notification{background:#1f2937;box-shadow:0 4px 20px #0006;color:#f9fafb}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-dismiss,.notification-timestamp{color:#9ca3af}.notification-dismiss:hover{background:#9ca3af33;color:#d1d5db}}@media (max-width:768px){.in-app-notifications-container{left:10px;right:10px;top:10px}.in-app-notification{margin-bottom:8px;max-width:none;min-width:0;min-width:auto;padding:12px}.notification-icon{font-size:20px;height:32px;margin-right:10px;width:32px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-timestamp{font-size:10px}}@media (prefers-contrast:high){.in-app-notification{border-width:2px;box-shadow:0 2px 10px #00000080}.notification-title{font-weight:700}}@media (prefers-reduced-motion:reduce){.in-app-notification{animation:none;transition:none}.notification-high-priority{animation:none}.in-app-notification:hover{transform:none}}.whatsapp-chat-container{background:var(--whatsapp-bg-chat);display:flex;flex-direction:column;height:100vh;position:relative}.whatsapp-chat-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;height:60px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.whatsapp-chat-header .back-btn{background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:20px;margin-right:8px;padding:8px;transition:var(--transition-fast)}.whatsapp-chat-header .back-btn:hover{background:var(--bg-hover)}.whatsapp-chat-header .contact-info{align-items:center;display:flex;flex:1 1;gap:12px}.whatsapp-chat-header .contact-avatar{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.whatsapp-chat-header .contact-details h3{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.2;margin-bottom:2px}.whatsapp-chat-header .contact-status{color:var(--text-muted);font-size:13px;line-height:1.2}.whatsapp-chat-header .header-actions{display:flex;gap:4px}.whatsapp-chat-header .header-action-btn{background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:20px;padding:8px;transition:var(--transition-fast)}.whatsapp-chat-header .header-action-btn:hover{background:var(--bg-hover)}.whatsapp-messages-area{background-image:radial-gradient(circle at 25% 25%,#ffffff05 1px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff05 1px,#0000 0);background-size:24px 24px;flex:1 1;overflow-y:auto;padding:12px}.whatsapp-date-separator{display:flex;justify-content:center;margin:16px 0}.whatsapp-date-separator span{background:var(--bg-elevated);border-radius:var(--radius-whatsapp);box-shadow:var(--shadow-minimal);color:var(--text-muted);font-size:12px;padding:4px 12px}.whatsapp-message{animation:fadeInMessage .2s ease-out;display:flex;margin-bottom:8px}.whatsapp-message.sent{justify-content:flex-end}.whatsapp-message.received{justify-content:flex-start}.whatsapp-message-bubble{word-wrap:break-word;border-radius:var(--radius-whatsapp);box-shadow:0 1px .5px #00000021;max-width:65%;min-width:48px;padding:6px 7px 8px 9px;position:relative}.whatsapp-message.sent .whatsapp-message-bubble{background:var(--whatsapp-bubble-sent);border-bottom-right-radius:2px;color:var(--text-inverse)}.whatsapp-message.received .whatsapp-message-bubble{background:var(--whatsapp-bubble-received);border-bottom-left-radius:2px;color:var(--text-primary)}.whatsapp-message-content{font-size:14.2px;line-height:19px;white-space:pre-wrap;word-break:break-word}.whatsapp-message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.whatsapp-message-time{font-size:11px;line-height:15px;opacity:.7}.whatsapp-message.sent .whatsapp-message-time{color:#00000073}.whatsapp-message.received .whatsapp-message-time{color:var(--text-muted)}.whatsapp-message-status{font-size:16px;line-height:15px;margin-left:4px}.whatsapp-message-status.delivered,.whatsapp-message-status.sent{color:#00000073}.whatsapp-message-status.read{color:#53bdeb}.whatsapp-typing-indicator{animation:fadeInMessage .2s ease-out;display:flex;justify-content:flex-start;margin-bottom:8px}.whatsapp-typing-bubble{align-items:center;background:var(--whatsapp-bubble-received);border-radius:var(--radius-whatsapp);border-bottom-left-radius:2px;display:flex;gap:4px;padding:12px 16px}.whatsapp-typing-dots{display:flex;gap:3px}.whatsapp-typing-dot{animation:typingDots 1.4s infinite;background:var(--text-muted);border-radius:var(--radius-full);height:8px;width:8px}.whatsapp-typing-dot:nth-child(2){animation-delay:.2s}.whatsapp-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDots{0%,60%,to{opacity:.4}30%{opacity:1}}.whatsapp-input-container{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);bottom:0;padding:8px 16px;position:-webkit-sticky;position:sticky}.whatsapp-input-wrapper{align-items:flex-end;display:flex;gap:8px;max-width:100%}.whatsapp-input-field{background:var(--whatsapp-input-bg);border:none;border-radius:21px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;line-height:20px;max-height:100px;min-height:42px;outline:none;padding:9px 12px;resize:none}.whatsapp-input-field::placeholder{color:var(--text-muted)}.whatsapp-send-btn{align-items:center;background:var(--brand-yellow);border:none;border-radius:var(--radius-full);color:var(--text-inverse);cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;transition:var(--transition-fast);width:42px}.whatsapp-send-btn:hover{background:#e6b800;transform:scale(1.05)}.whatsapp-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.whatsapp-reply-preview{align-items:center;background:var(--bg-elevated);border-left:4px solid var(--brand-yellow);border-radius:0 var(--radius-md) var(--radius-md) 0;display:flex;justify-content:space-between;margin:8px 16px 0;padding:8px 12px}.whatsapp-reply-content{flex:1 1}.whatsapp-reply-author{color:var(--brand-yellow);font-size:13px;font-weight:600;margin-bottom:2px}.whatsapp-reply-text{color:var(--text-secondary);font-size:13px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-reply-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px}.whatsapp-reply-close:hover{background:var(--bg-hover)}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.whatsapp-message-bubble{max-width:80%}.whatsapp-input-field{font-size:16px}.whatsapp-chat-header{height:56px}}.whatsapp-messages-area::-webkit-scrollbar{width:6px}.whatsapp-messages-area::-webkit-scrollbar-track{background:#0000}.whatsapp-messages-area::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.whatsapp-messages-area::-webkit-scrollbar-thumb:hover{background:#ffffff4d}