:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:#f0f8fc;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #0f766e;--color-primary-contrast: #ffffff;--color-secondary-contrast: #ffffff;--color-background: #f0f8fc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-muted: #475569;--color-border: #cbd5e1;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-sidebar: #172033;--color-sidebar-text: #e4eaf7;--color-card-bg: #ffffff;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-top-nav: #172033;--color-top-nav-text: #f3f6ff;--color-section-header: #172033;--color-section-header-text: #f3f6ff;--color-section-header-muted: #c9d4ea;--nav-base: var(--color-sidebar);--nav-dark: var(--color-sidebar);--nav-light: var(--color-sidebar);--nav-accent: var(--color-primary);--nav-text: var(--color-sidebar-text);--nav-muted: var(--color-sidebar-text)}*{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-text)}h1{margin:0 0 .75rem;font-size:1.6rem}p{margin:0;color:var(--color-text-muted)}.app-shell{min-height:100vh}.sidebar{width:250px;height:100vh;background:linear-gradient(180deg,var(--nav-light) 0%,var(--nav-base) 48%,var(--nav-dark) 100%);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:2px 0 10px #0000001a;z-index:1000;transition:width .2s ease}.sidebar.collapsed{width:76px}.sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-top:1rem}.sidebar-header-top{display:none}.sidebar-collapse-btn{border:1px solid color-mix(in srgb,var(--nav-base) 68%,var(--nav-text));background:color-mix(in srgb,var(--nav-base) 80%,var(--nav-text));color:var(--nav-text);width:100%;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px #0000002e}.sidebar-collapse-btn:hover{color:var(--nav-text);background:color-mix(in srgb,var(--nav-base) 70%,var(--nav-text))}.sidebar-logo-image{width:100%;max-height:72px;object-fit:contain;margin-bottom:.6rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));background-color:transparent}.sidebar-logo{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(135deg,var(--nav-text) 0%,color-mix(in srgb,var(--nav-text) 65%,var(--nav-base)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-subtitle{font-size:.85rem;color:var(--nav-muted);margin:0}.sidebar.collapsed .sidebar-header{padding:1rem .75rem}.sidebar.collapsed .sidebar-header-top{justify-content:center}.sidebar.collapsed .sidebar-logo-image,.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-subtitle,.sidebar.collapsed .nav-label,.sidebar.collapsed .menu-toggle .chevron,.sidebar.collapsed .user-details{display:none}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.sidebar.collapsed,.sidebar.collapsed .sidebar-nav{overflow:visible}.menu-group{display:flex;flex-direction:column;position:relative}.menu-divider{height:1px;margin:.55rem 1.1rem;background:color-mix(in srgb,var(--nav-text) 28%,transparent)}.sidebar.collapsed .menu-divider{margin:.55rem .7rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--nav-muted);text-decoration:none;transition:all .2s;font-weight:500;font-size:.95rem;background:none;border:none;cursor:pointer;width:100%;text-align:left}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem 0}.nav-item:hover{background-color:color-mix(in srgb,var(--nav-base) 82%,var(--nav-text));color:var(--nav-text)}.nav-item.active{background-color:color-mix(in srgb,var(--nav-base) 75%,var(--nav-text));color:var(--nav-text);border-right:3px solid var(--nav-text)}.menu-toggle{justify-content:space-between;position:relative}.sidebar.collapsed .menu-toggle{justify-content:center}.menu-toggle:hover{background-color:#ffffff0d}.menu-toggle .chevron{transition:transform .3s ease;margin-left:auto}.menu-toggle .chevron.expanded{transform:rotate(180deg)}.submenu{display:flex;flex-direction:column;background-color:#ffffff05;border-left:2px solid rgba(174,186,212,.3);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.submenu-item{padding:.75rem 1.5rem .75rem 2.5rem!important;font-size:.9rem!important;color:var(--nav-muted)!important;gap:.5rem}.submenu-item:hover{color:#fff!important;background-color:#ffffff0d!important}.submenu-item.active{color:#f5f7ff!important;background-color:#aebad41a!important;border-right:3px solid #9eaed3!important}.collapsed-popover{position:absolute;left:100%;top:50%;transform:translateY(-50%);min-width:220px;background:var(--nav-dark);border:1px solid rgba(174,186,212,.28);box-shadow:0 10px 24px #00000047;border-radius:10px;padding:.65rem;display:none;z-index:1200}.collapsed-popover:before{content:"";position:absolute;left:-12px;top:0;width:12px;height:100%;background:transparent}.sidebar:not(.collapsed) .collapsed-popover{display:none!important}.collapsed-popover.single-link{min-width:170px;pointer-events:none}.menu-group:hover .collapsed-popover,.sidebar.collapsed .menu-group.open .collapsed-popover,.nav-item:hover .collapsed-popover.single-link{display:block}.collapsed-popover-title{display:block;color:#fff;font-size:.88rem;font-weight:700;margin-bottom:.45rem}.collapsed-popover-links{display:flex;flex-direction:column;gap:.25rem}.collapsed-popover-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--nav-muted);font-size:.84rem;padding:.45rem .5rem;border-radius:6px}.collapsed-popover-link:hover,.collapsed-popover-link.active{color:#fff;background:#aebad433}.content{--sidebar-width: 260px;margin-left:260px;padding:3.1rem 1.25rem 1.25rem;min-height:100vh;transition:margin-left .2s ease,padding-right .22s ease}.content.expanded{--sidebar-width: 76px;margin-left:76px}.content.with-assistant{padding-right:calc(clamp(350px,28vw,420px) + 1.7rem)}.content>*{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important}.context-hubbar{position:fixed;top:0;left:0;right:0;height:46px;z-index:1201;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem .65rem .35rem calc(var(--sidebar-width) + .6rem);background:linear-gradient(180deg,color-mix(in srgb,var(--color-top-nav) 88%,#ffffff) 0%,var(--color-top-nav) 62%,color-mix(in srgb,var(--color-top-nav) 88%,#000000) 100%);border:none;border-radius:0;box-shadow:none}.context-hubbar.with-assistant{padding-right:calc(clamp(350px,28vw,420px) + .85rem)}.hub-search-wrapper{position:relative;flex:1;max-width:540px}.hub-search{width:100%;display:flex;align-items:center;gap:.45rem;padding:.28rem .55rem;background:color-mix(in srgb,var(--color-top-nav) 82%,#ffffff);border:1px solid rgba(174,186,212,.22);border-radius:6px;color:var(--color-top-nav-text)}.hub-search input{width:100%;border:none;background:transparent;font-size:.84rem;color:var(--color-top-nav-text);outline:none}.hub-search-results{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fff;border:1px solid rgba(23,32,51,.16);border-radius:10px;box-shadow:0 12px 28px #0f172a29;padding:.4rem;z-index:1450}.hub-search-item{width:100%;border:none;background:transparent;text-align:left;border-radius:6px;padding:.45rem .5rem;display:flex;align-items:center;justify-content:space-between;color:#0f172a;cursor:pointer}.hub-search-item:hover{background:#eef2fb;color:var(--nav-base)}.hub-search-item small{text-transform:uppercase;font-size:.68rem;letter-spacing:.03em;color:#64748b}.hub-search-empty{padding:.6rem;font-size:.84rem;color:#64748b}.hub-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;overflow:visible}.hub-icon-btn{width:46px;min-width:46px;height:34px;min-height:34px;padding:0 .35rem;margin:0 .08rem;border-radius:6px;border:1px solid rgba(174,186,212,.28);background:#ffffff14;color:#f3f6ff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:all .2s ease}.hub-icon-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;opacity:1;display:block}.hub-icon-btn .lucide{width:18px!important;height:18px!important;stroke:#f3f6ff!important;stroke-width:2.3!important;opacity:1!important}.hub-icon-btn .hub-inline-icon{width:18px!important;height:18px!important;stroke:#f3f6ff!important;stroke-width:2.2!important;fill:none!important;opacity:1!important;pointer-events:none}.hub-notification-btn{position:relative}.hub-notification-badge{position:absolute;top:-5px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;line-height:16px;text-align:center}.hub-icon-btn:hover{color:#fff;border-color:#aebad499;background:#ffffff24}.hub-dropdown{position:relative;z-index:1220}.hub-dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;min-width:200px;background:#fff;border:1px solid rgba(2,55,88,.12);border-radius:10px;box-shadow:0 10px 24px #0f172a1f;padding:.5rem;z-index:1400}.hub-dropdown-title{display:block;font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#64748b;margin-bottom:.35rem;padding:0 .45rem}.hub-dropdown-item{width:100%;display:flex;align-items:center;gap:.45rem;border:none;background:transparent;text-decoration:none;color:#0f172a;padding:.45rem .4rem;border-radius:6px;font-size:.82rem;cursor:pointer}.hub-dropdown-item:hover{background:#eef2fb;color:var(--nav-base)}.hub-dropdown-item.as-button{text-align:left}.hub-dropdown-divider{height:1px;background:#94a3b84d;margin:.35rem .25rem}.hub-dropdown-item.as-button.danger{color:#b91c1c}.hub-dropdown-item.as-button.danger:hover{background:#fef2f2}.hub-user-btn{border:1px solid rgba(174,186,212,.28);background:#ffffff14;border-radius:6px;height:30px;padding:0 .35rem 0 .2rem;display:flex;align-items:center;gap:.25rem;color:#fff;cursor:pointer}.hub-user-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#2d3b5d,#5c6f97);color:#fff;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.hub-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hub-user-name{font-size:.74rem;font-weight:600;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-user-menu{min-width:240px}.hub-notifications-menu{min-width:280px;max-width:360px}.hub-notification-empty{margin:0;padding:.4rem .45rem;color:#64748b;font-size:.8rem}.hub-notification-item{padding:.45rem;border-radius:8px;background:#f8fafc;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:.25rem}.hub-notification-item+.hub-notification-item{margin-top:.4rem}.hub-notification-item strong{font-size:.78rem;color:#1e293b}.hub-notification-item span{font-size:.8rem;color:#334155}.hub-notification-item .hub-notification-title{font-size:.78rem;font-weight:700;color:#1f2937}.hub-user-header{display:flex;flex-direction:column;gap:.2rem;padding:.3rem .45rem .55rem;border-bottom:1px solid rgba(148,163,184,.3);margin-bottom:.35rem}.hub-user-header strong{font-size:.86rem;color:#0f172a}.hub-user-header span{font-size:.75rem;color:#64748b}.sidebar-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.1);min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.sidebar.collapsed .sidebar-footer{padding:.5rem}.sidebar-footer-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:.45rem}.sidebar-config-link{border:1px solid color-mix(in srgb,var(--nav-base) 62%,var(--nav-text));background:color-mix(in srgb,var(--nav-base) 78%,var(--nav-text));color:var(--nav-text);text-decoration:none;border-radius:8px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .6rem;font-size:.79rem;font-weight:700;width:100%}.sidebar-config-link:hover{background:color-mix(in srgb,var(--nav-base) 70%,var(--nav-text))}.sidebar-config-link.active{border-color:color-mix(in srgb,var(--color-primary) 62%,#ffffff);color:#fff}.sidebar-logout-btn{border:1px solid rgba(248,113,113,.42);background:#ef444429;color:#fecaca;border-radius:8px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .6rem;font-size:.79rem;font-weight:700;width:100%;cursor:pointer}.sidebar-logout-btn:hover{background:#ef444442}.sidebar-logout-btn-icon{width:34px;min-width:34px;padding:0;gap:0;justify-self:end}.sidebar.collapsed .sidebar-config-link{width:34px;padding:0}.sidebar.collapsed .sidebar-config-link span,.sidebar.collapsed .sidebar-logout-btn span{display:none}.sidebar.collapsed .sidebar-logout-btn{width:34px;padding:0}:is(.users-header,.sla-header,.clients-header,.companies-header,.configuration-page-header,.logs-header,.dashboard-header,.emails-header,.whatsapp-header,.assistant-header,.page-header,.case-create-header,.conversation-header,.technology-hero){background:linear-gradient(180deg,color-mix(in srgb,var(--color-section-header) 88%,#ffffff) 0%,var(--color-section-header) 62%,color-mix(in srgb,var(--color-section-header) 88%,#000000) 100%);border:1px solid rgba(174,186,212,.22);color:var(--color-section-header-text);border-radius:10px;padding:1rem 1.1rem}:is(.users-header,.sla-header,.clients-header,.companies-header,.logs-header,.dashboard-header,.emails-header,.whatsapp-header,.assistant-header,.page-header,.case-create-header,.conversation-header,.technology-hero) h1,:is(.users-header,.sla-header,.clients-header,.companies-header,.configuration-page-header,.logs-header,.dashboard-header,.emails-header,.whatsapp-header,.assistant-header,.page-header,.case-create-header,.conversation-header,.technology-hero) h2,:is(.users-header,.sla-header,.clients-header,.companies-header,.configuration-page-header,.logs-header,.dashboard-header,.emails-header,.whatsapp-header,.assistant-header,.page-header,.case-create-header,.conversation-header,.technology-hero) h3{color:var(--color-section-header-text)}:is(.users-header .subtitle,.sla-header .subtitle,.clients-header p,.companies-header p,.configuration-page-header p,.logs-header p,.dashboard-header .subtitle,.emails-header .subtitle,.whatsapp-header .subtitle,.assistant-header p,.page-header p,.case-create-header p,.conversation-header p,.technology-hero p){color:var(--color-section-header-muted)}.sla-header h1,.sla-header p,.sla-header .subtitle{margin:0}.sla-header h1{margin-bottom:.5rem}:is(.users-tabs,.configuration-tabs,.email-tabs-row){background:color-mix(in srgb,var(--color-surface) 92%,var(--color-background));border:1px solid var(--color-border);border-radius:10px}:is(.users-tab,.configuration-tab,.email-tab-btn){color:var(--color-text-muted);border-color:transparent}:is(.users-tab:hover,.configuration-tab:hover,.email-tab-btn:hover){background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-text)}:is(.users-tab.active,.configuration-tab.active,.email-tab-btn.active){background:var(--color-primary);color:var(--color-primary-contrast);border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border))}.omnichannel-source-nav{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.45rem}.omnichannel-source-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.01em;color:#d7e2fa;padding:.36rem .7rem;border-radius:999px;border:1px solid rgba(174,186,212,.4);background:#121a2b40;transition:background .2s ease,color .2s ease,border-color .2s ease}.omnichannel-source-link:hover{color:#fff;background:#aebad42e;border-color:#cdd8f2b3}.omnichannel-source-link.active{color:#fff;border-color:#cdd8f2d9;background:#cdd8f240}:is(.card-header,.config-card-header,.plan-consumption-header,.sla-overview-header,.conversations-header,.mailbox-header,.operator-header){border-bottom-color:#aebad452}:is(.card-header h2,.config-card-header h2,.plan-consumption-header h2,.sla-overview-header h2,.conversations-header h2){color:#1a2439}:is(.phone-page,.whatsapp-page,.whatsapp-conversation-page,.technology-saas-page,.users-page,.sla-settings-page,.logs-page,.operator-assistant-page,.emails-page,.email-ai-details-page,.emails-dashboard-page,.configuration-page,.configuration-ia-help-page,.cases-page,.clients-page,.companies-page,.case-detail-page,.case-create-page){padding:1.25rem!important;gap:1rem}:is(.phone-page,.whatsapp-page,.whatsapp-conversation-page,.technology-saas-page,.users-page,.sla-settings-page,.logs-page,.operator-assistant-page,.emails-page,.email-ai-details-page,.emails-dashboard-page,.configuration-page,.configuration-ia-help-page,.cases-page,.clients-page,.companies-page,.case-detail-page,.case-create-page)>:not(.context-hubbar){margin-bottom:1rem}.content :is(button,.btn,[class*=btn-]){font-family:inherit;font-size:.86rem;font-weight:600;border-radius:8px;padding:.5rem .8rem;min-height:34px;line-height:1.2}.content :is(button,.btn,[class*=btn-]):not(:disabled){transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.content :is(button,.btn,[class*=btn-]):not(:disabled):active{transform:translateY(.5px)}.content :is(button,.btn,[class*=btn-]) .lucide,.content :is(button,.btn,[class*=btn-]) svg{width:15px;height:15px;stroke-width:2.1}.content :is(input,select,textarea){border-radius:8px}.content :is(.header-actions,.filters-row,.actions-row,.modal-actions,.table-actions){gap:.6rem}.content :is(.sla-card,.form-card,.role-form-container,.conversations-container,.mailbox-card,.operator-card,.conversation-card,.test-form-container,.stat-card,.info-card,.technology-card,.value-card,.delete-email-modal-card){border-radius:10px}.content :is(.sla-card,.form-card,.role-form-container,.conversations-container,.test-form-container,.delete-email-modal-card){padding:1rem!important}.content :is(.btn-primary,.btn-save,.btn-sync,.btn-send,.btn-send-test,.btn-view-conversation,.mailbox-action-btn,.operator-action-btn,.logs-admin-actions button,.logs-filters button,.logs-pagination button){background:var(--color-primary);color:var(--color-primary-contrast);border:1px solid color-mix(in srgb,var(--color-primary) 70%,var(--color-border))}.content :is(.btn-primary,.btn-save,.btn-sync,.btn-send,.btn-send-test,.btn-view-conversation,.mailbox-action-btn,.operator-action-btn,.logs-admin-actions button,.logs-filters button,.logs-pagination button):hover:not(:disabled){background:var(--color-primary-hover);border-color:color-mix(in srgb,var(--color-primary-hover) 70%,var(--color-border))}.configuration-page .configuration-submenu,.configuration-page .configuration-mode-btn,.configuration-page .configuration-tab,.configuration-page .case-model-step{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.configuration-page .configuration-submenu.active,.configuration-page .configuration-mode-btn.active,.configuration-page .configuration-tab.active,.configuration-page .case-model-step.active{background:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));color:var(--color-primary-contrast)}.configuration-page :is(.config-actions button,.config-inline-actions button,.specialty-add-row button,.step3-duplicate-warning button,.step4-duplicate-warning button,.config-btn-secondary){background:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 65%,var(--color-border));color:var(--color-primary-contrast)}.configuration-page .config-actions{gap:1rem}.configuration-page .config-actions .btn-reset{background:color-mix(in srgb,var(--color-secondary) 78%,var(--color-surface));color:var(--color-secondary-contrast);border:1px solid color-mix(in srgb,var(--color-secondary) 60%,var(--color-border))}.configuration-page .config-actions .btn-reset:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary) 88%,var(--color-surface));border-color:color-mix(in srgb,var(--color-secondary) 70%,var(--color-border))}.configuration-page .config-actions .btn-save{background:var(--color-primary);color:var(--color-primary-contrast);border:1px solid color-mix(in srgb,var(--color-primary) 60%,var(--color-border))}.configuration-page .config-actions .btn-save:hover:not(:disabled){background:var(--color-primary-hover);border-color:color-mix(in srgb,var(--color-primary) 70%,var(--color-border))}.configuration-page :is(.config-actions button,.config-inline-actions button,.specialty-add-row button,.step3-duplicate-warning button,.step4-duplicate-warning button,.config-btn-secondary):hover:not(:disabled){background:var(--color-primary-hover);border-color:color-mix(in srgb,var(--color-primary-hover) 70%,var(--color-border))}.configuration-page .config-btn-danger{background:var(--color-error);color:#fff;border:1px solid color-mix(in srgb,var(--color-error) 55%,var(--color-border))}.tech-saas-link{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;letter-spacing:.2px;color:var(--nav-muted);text-decoration:none;padding:.5rem .65rem;border-radius:6px;background:color-mix(in srgb,var(--nav-base) 88%,var(--nav-text));border:1px solid color-mix(in srgb,var(--nav-base) 78%,var(--nav-text));margin-bottom:.75rem}.assistant-ops-link{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;letter-spacing:.2px;color:var(--nav-muted);text-decoration:none;padding:.5rem .65rem;border-radius:6px;background:color-mix(in srgb,var(--nav-base) 88%,var(--nav-text));border:1px solid color-mix(in srgb,var(--nav-base) 78%,var(--nav-text));margin-bottom:.45rem}.sidebar.collapsed .assistant-ops-link{justify-content:center;padding:.5rem}.assistant-ops-link:hover{color:var(--nav-text);background:color-mix(in srgb,var(--nav-base) 80%,var(--nav-text));border-color:color-mix(in srgb,var(--nav-base) 68%,var(--nav-text))}.assistant-ops-link.active{color:var(--nav-text);background:color-mix(in srgb,var(--nav-base) 72%,var(--nav-text));border-color:color-mix(in srgb,var(--nav-base) 60%,var(--nav-text))}.tech-saas-link:hover{color:var(--nav-text);background:color-mix(in srgb,var(--nav-base) 80%,var(--nav-text));border-color:color-mix(in srgb,var(--nav-base) 68%,var(--nav-text))}.tech-saas-link.active{color:var(--nav-text);background:color-mix(in srgb,var(--nav-base) 72%,var(--nav-text));border-color:color-mix(in srgb,var(--nav-base) 60%,var(--nav-text))}.user-info{display:flex;align-items:center;gap:.75rem;background-color:#ffffff0d;border-radius:8px;margin-bottom:.75rem}.sidebar.collapsed .user-info{justify-content:center}.user-profile-link{display:flex;align-items:center;gap:.75rem;flex:1;background:none;border:none;color:inherit;text-decoration:none;cursor:pointer;transition:all .3s ease;border-radius:6px;padding:.75rem;width:100%;text-align:left}.sidebar.collapsed .user-profile-link{justify-content:center;padding:.45rem}.user-profile-link:hover{background-color:#ffffff1a}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2d3b5d,#5c6f97);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{margin:0;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.user-role{margin:0;font-size:.75rem;color:var(--nav-muted)}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background-color:#fc81811a;color:#fc8181;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.sidebar.collapsed .logout-button{padding:.6rem}.logout-button:hover{background-color:#fc818133}@media(max-width:992px){.content{padding-top:3rem}.context-hubbar{padding-left:calc(var(--sidebar-width) + .45rem);padding-right:.45rem}}@media(max-width:768px){.content{padding:3rem .75rem .75rem}.context-hubbar{padding-left:calc(var(--sidebar-width) + .35rem);padding-right:.35rem}.hub-actions{justify-content:flex-end}.hub-search-wrapper{max-width:360px}}.sidebar{background:var(--color-sidebar)!important}.context-hubbar{background:var(--color-top-nav)!important}.sidebar{box-shadow:none!important}.sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--color-sidebar-text) 18%,transparent)!important}.configuration-page .configuration-mode-nav,.configuration-page .configuration-tabs,.configuration-page .case-model-steps{display:flex;flex-wrap:wrap;gap:.5rem;border:1px solid #e5ebf3!important;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbff)!important;padding:.45rem!important;margin-bottom:1rem!important}.configuration-page .configuration-submenu,.configuration-page .configuration-mode-btn,.configuration-page .configuration-tab,.configuration-page .case-model-step{border:1px solid #d8e2ef!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;color:#334155!important;border-radius:8px!important;padding:.48rem .82rem!important;font-size:.84rem;font-weight:600;box-shadow:0 8px 20px #0f172a0d!important}.configuration-page .configuration-submenu:hover:not(.active),.configuration-page .configuration-mode-btn:hover:not(.active),.configuration-page .configuration-tab:hover:not(.active),.configuration-page .case-model-step:hover:not(.active){background:linear-gradient(180deg,#fff,#eef6ff)!important;color:#1e293b!important;border-color:#c2d4ea!important}.configuration-page .configuration-submenu.active,.configuration-page .configuration-mode-btn.active,.configuration-page .configuration-tab.active,.configuration-page .case-model-step.active{background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;color:#1d4ed8!important;border-color:#93c5fd!important}.emails-page .email-tabs-row{background:color-mix(in srgb,var(--color-surface) 92%,var(--color-background));border:1px solid var(--color-border);border-radius:10px;padding:.45rem}.emails-page .email-tab-btn{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;color:var(--color-text-muted)!important;padding:.45rem .82rem!important}.emails-page .email-tab-btn.active{background:var(--color-primary)!important;color:var(--color-primary-contrast)!important;border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border))!important;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 60%,var(--color-border))!important}.emails-page .btn-back,.emails-page .btn-sync-mailbox,.emails-page .btn-view-all-emails,.emails-page .btn-toggle-all-emails,.emails-page .btn-process-email-ai{background:linear-gradient(180deg,#25314d,#172033)!important;color:#f3f6ff!important;border:1px solid rgba(174,186,212,.42)!important;box-shadow:0 2px 5px #17203342!important}.emails-page .btn-back:hover,.emails-page .btn-sync-mailbox:hover:not(:disabled),.emails-page .btn-view-all-emails:hover,.emails-page .btn-toggle-all-emails:hover:not(:disabled),.emails-page .btn-process-email-ai:hover:not(:disabled){background:linear-gradient(180deg,#2f3d5f,#1a2540)!important;border-color:#aebad49e!important}.live-toast-container{position:fixed;bottom:16px;right:16px;display:grid;gap:10px;z-index:9999}.live-toast{min-width:240px;max-width:320px;background:#0f172a;color:#f8fafc;border-radius:12px;padding:12px 14px;box-shadow:0 12px 32px #0f172a59;border:1px solid rgba(255,255,255,.08)}.live-toast-title{font-weight:700;font-size:.95rem;margin-bottom:4px}.live-toast-body{font-size:.85rem;color:#e2e8f0;margin-bottom:8px}.live-toast-actions{display:flex;justify-content:flex-end}.live-toast-actions button{background:#22c55e;color:#0b1220;border:none;border-radius:8px;padding:6px 10px;font-weight:700;font-size:.82rem;cursor:pointer}.live-toast-actions button:hover{filter:brightness(1.05)}