@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.escalation-notifications-trigger{position:relative!important;z-index:var(--z-header)!important}.notifications-button{position:relative!important;background:#f6f7fb!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:10px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#676879!important;width:44px!important;height:44px!important}.notifications-button:hover{background:#fff!important;border-color:#0073ea!important;color:#0073ea!important;transform:scale(1.05)!important}.notifications-button.has-unread{border-color:#dc2626!important;background:#fef2f2!important;color:#dc2626!important;animation:pulse-notification 2s infinite!important}.notification-icon{width:20px!important;height:20px!important}.notification-badge{position:absolute!important;top:-6px!important;right:-6px!important;background:#dc2626!important;color:#fff!important;border-radius:50%!important;min-width:18px!important;height:18px!important;font-size:10px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #ffffff!important;animation:bounce-in .3s ease!important}.escalation-notifications-panel{position:absolute!important;top:60px!important;right:0!important;background:#fff!important;border:1px solid #d0d4e4!important;border-radius:12px!important;width:400px!important;max-height:600px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;z-index:var(--z-modal)!important;animation:slideDown .3s ease!important;overflow:hidden!important}.notifications-header{background:#f6f7fb!important;border-bottom:1px solid #d0d4e4!important;padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.notifications-header h3{font-size:16px!important;font-weight:600!important;color:#000!important;margin:0!important}.header-actions{display:flex!important;gap:8px!important;align-items:center!important}.mark-all-read,.clear-all{background:none!important;border:none!important;color:#676879!important;font-size:12px!important;cursor:pointer!important;padding:4px 8px!important;border-radius:4px!important;transition:all .2s ease!important}.mark-all-read:hover,.clear-all:hover{background:#f0f3ff!important;color:#0073ea!important}.close-panel{background:none!important;border:none!important;color:#676879!important;font-size:18px!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;transition:all .2s ease!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.close-panel:hover{background:#fee2e2!important;color:#dc2626!important}.notifications-list{max-height:500px!important;overflow-y:auto!important;background:#fff!important}.no-notifications{padding:40px 20px!important;text-align:center!important;color:#676879!important}.no-notifications-icon{font-size:48px!important;margin-bottom:12px!important;opacity:.7!important}.no-notifications p{margin:0!important;font-size:14px!important}.notification-item{display:flex!important;padding:16px 20px!important;border-bottom:1px solid #f0f3ff!important;transition:all .2s ease!important;position:relative!important}.notification-item:last-child{border-bottom:none!important}.notification-item.unread{background:#f0f9ff!important;border-left:4px solid #0073ea!important}.notification-item.urgent{background:#fef2f2!important;border-left:4px solid #dc2626!important}.notification-item:hover{background:#f9fafb!important}.notification-item .notification-icon{font-size:20px!important;margin-right:12px!important;flex-shrink:0!important;margin-top:2px!important}.notification-content{flex:1!important;min-width:0!important}.notification-title{font-size:14px!important;font-weight:600!important;color:#000!important;margin-bottom:4px!important;line-height:1.3!important}.notification-message{font-size:13px!important;color:#676879!important;line-height:1.4!important;margin-bottom:8px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.notification-meta{display:flex!important;gap:12px!important;font-size:11px!important;color:#a1a5b7!important}.escalation-priority{text-transform:capitalize!important;font-weight:500!important}.notification-actions{display:flex!important;flex-direction:column!important;gap:4px!important;margin-left:8px!important;flex-shrink:0!important}.take-escalation-btn{background:#0073ea!important;color:#fff!important;border:none!important;border-radius:4px!important;padding:6px 12px!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important}.take-escalation-btn:hover{background:#005bb5!important;transform:translateY(-1px)!important}.delete-notification{background:none!important;border:none!important;color:#a1a5b7!important;cursor:pointer!important;padding:4px!important;font-size:14px!important;border-radius:4px!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.delete-notification:hover{background:#fee2e2!important;color:#dc2626!important}.escalation-toast{position:fixed!important;top:20px!important;right:20px!important;background:#fff!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:16px!important;display:flex!important;align-items:flex-start!important;gap:12px!important;max-width:400px!important;min-width:300px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;z-index:var(--z-tooltip)!important;animation:slideInRight .4s ease!important;border-left:4px solid #0073ea!important}.escalation-toast.urgent{border-left-color:#dc2626!important;background:#fef2f2!important}.toast-icon{font-size:24px!important;flex-shrink:0!important}.toast-content{flex:1!important}.toast-content strong{display:block!important;font-size:14px!important;font-weight:600!important;color:#000!important;margin-bottom:4px!important}.toast-content p{font-size:13px!important;color:#676879!important;margin:0 0 4px!important;line-height:1.4!important}.toast-content small{font-size:11px!important;color:#a1a5b7!important}.toast-close{background:none!important;border:none!important;color:#a1a5b7!important;cursor:pointer!important;padding:2px!important;font-size:16px!important;line-height:1!important;transition:color .2s ease!important}.toast-close:hover{color:#dc2626!important}.notifications-overlay{position:fixed!important;inset:0!important;z-index:var(--z-overlay)!important;background:transparent!important}.notifications-list::-webkit-scrollbar{width:6px!important}.notifications-list::-webkit-scrollbar-track{background:transparent!important}.notifications-list::-webkit-scrollbar-thumb{background:#d0d4e4!important;border-radius:3px!important}.notifications-list::-webkit-scrollbar-thumb:hover{background:#a1a5b7!important}.notifications-list{scrollbar-width:thin!important;scrollbar-color:#d0d4e4 transparent!important}@keyframes pulse-notification{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.escalation-notifications-panel{width:320px!important;right:-20px!important;max-height:80vh!important}.escalation-toast{right:10px!important;left:10px!important;max-width:none!important;min-width:auto!important}.notification-item{padding:12px 16px!important}.notification-actions{flex-direction:row!important;gap:8px!important}.take-escalation-btn{padding:4px 8px!important;font-size:10px!important}}@media (max-width: 480px){.escalation-notifications-panel{position:fixed!important;top:80px!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100vh - 100px)!important}.notifications-header{padding:12px 16px!important}.notifications-header h3{font-size:14px!important}.header-actions{gap:4px!important}.mark-all-read,.clear-all{font-size:11px!important;padding:3px 6px!important}}:root{--monday-white: #FFFFFF;--monday-bg: #F8F9FB;--monday-bg-secondary: #F5F6F8;--monday-border: #E4E6EF;--monday-border-light: #EDEFF5;--monday-shadow: 0 4px 20px rgba(0, 0, 0, .08);--monday-shadow-hover: 0 8px 25px rgba(0, 0, 0, .12);--monday-text-primary: #323338;--monday-text-secondary: #676879;--monday-text-tertiary: #9B9DB8;--monday-text-white: #FFFFFF;--monday-blue: #0073EA;--monday-blue-hover: #005BB5;--monday-blue-light: #E8F4FD;--monday-green: #00C875;--monday-green-hover: #00A65C;--monday-green-light: #E6F9F0;--monday-orange: #FFCB00;--monday-orange-hover: #E6B700;--monday-orange-light: #FFF8E6;--monday-red: #E2445C;--monday-red-hover: #CC3A52;--monday-red-light: #FDE8EC;--monday-purple: #784BD1;--monday-purple-hover: #6B42C4;--monday-purple-light: #F0EBFF;--sidebar-width: 280px;--sidebar-width-collapsed: 60px;--sidebar-padding: 16px;--sidebar-header-height: 80px;--header-height: 64px;--header-padding: 16px 24px;--main-padding: 24px;--main-max-width: 1400px;--monday-spacing-xs: 4px;--monday-spacing-sm: 8px;--monday-spacing-md: 16px;--monday-spacing-lg: 24px;--monday-spacing-xl: 32px;--monday-spacing-2xl: 40px;--monday-spacing-3xl: 48px;--monday-font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--monday-text-xs: 11px;--monday-text-sm: 13px;--monday-text-base: 14px;--monday-text-lg: 16px;--monday-text-xl: 18px;--monday-text-2xl: 24px;--monday-text-3xl: 32px;--monday-font-normal: 400;--monday-font-medium: 500;--monday-font-semibold: 600;--monday-font-bold: 700;--monday-leading-tight: 1.2;--monday-leading-normal: 1.4;--monday-leading-relaxed: 1.6;--monday-radius-sm: 4px;--monday-radius: 8px;--monday-radius-lg: 12px;--monday-radius-xl: 16px;--monday-radius-full: 50%;--monday-transition-fast: .15s ease-out;--monday-transition-normal: .2s ease-out;--monday-transition-slow: .3s ease-out;--z-sidebar: 100;--z-header: 90;--z-overlay: 1000;--z-modal: 1100;--z-tooltip: 1200;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-padding-sm: 8px 16px;--button-padding-md: 12px 20px;--button-padding-lg: 16px 24px;--card-padding: 24px;--card-padding-sm: 16px;--card-padding-lg: 32px;--card-border: 1px solid var(--monday-border);--card-border-radius: var(--monday-radius);--table-row-height: 48px;--table-header-height: 40px;--table-border: 1px solid var(--monday-border-light);--input-height: 40px;--input-padding: 12px 16px;--input-border: 1px solid var(--monday-border);--input-border-focus: 2px solid var(--monday-blue);--mobile-max: 768px;--tablet-min: 769px;--tablet-max: 1024px;--desktop-min: 1025px;--desktop-large-min: 1440px}.monday-focus{outline:2px solid var(--monday-blue);outline-offset:2px}.monday-hover{transition:var(--monday-transition-fast)}.monday-hover:hover{transform:translateY(-1px);box-shadow:var(--monday-shadow-hover)}.monday-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.monday-loading{opacity:.7;cursor:wait}body{background:var(--monday-bg)!important;color:var(--monday-text-primary)!important;font-family:var(--monday-font-family)!important}*{--glass-bg: var(--monday-white) !important;--glass-secondary: var(--monday-bg-secondary) !important;--text-primary: var(--monday-text-primary) !important;--text-secondary: var(--monday-text-secondary) !important;--text-muted: var(--monday-text-tertiary) !important}@keyframes monday-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes monday-slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes monday-pulse{0%,to{opacity:1}50%{opacity:.7}}.monday-fade-in{animation:monday-fade-in .3s ease-out}.monday-slide-in-left{animation:monday-slide-in-left .3s ease-out}.monday-pulse{animation:monday-pulse 2s infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.monday-hover:hover{transform:none}}@media (prefers-contrast: high){:root{--monday-border: #000000;--monday-text-tertiary: #555555}}.monday-optimized{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.monday-admin-container{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;overflow:hidden!important;background:var(--monday-bg);font-family:var(--monday-font-family);color:var(--monday-text-primary)}.monday-sidebar{width:var(--sidebar-width);background:var(--monday-white);border-right:var(--card-border);box-shadow:var(--monday-shadow);position:relative!important;left:auto!important;top:auto!important;height:100vh!important;z-index:var(--z-sidebar);display:flex;flex-direction:column;transition:var(--monday-transition-normal);overflow-y:auto!important;overflow-x:hidden!important;flex-shrink:0!important}.monday-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.monday-sidebar-header{height:var(--sidebar-header-height);padding:var(--sidebar-padding);border-bottom:var(--card-border);display:flex;align-items:center;justify-content:space-between;background:var(--monday-white)}.monday-logo{display:flex;align-items:center;gap:var(--monday-spacing-sm);font-size:var(--monday-text-xl);font-weight:var(--monday-font-bold);color:var(--monday-blue);text-decoration:none;transition:var(--monday-transition-fast)}.monday-logo:hover{color:var(--monday-blue-hover)}.monday-logo-icon{width:32px;height:32px;background:var(--monday-blue);border-radius:var(--monday-radius);display:flex;align-items:center;justify-content:center;color:var(--monday-white);font-size:18px;font-weight:var(--monday-font-bold)}.monday-sidebar-toggle{width:32px;height:32px;border:none;background:transparent;border-radius:var(--monday-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--monday-text-secondary);transition:var(--monday-transition-fast)}.monday-sidebar-toggle:hover{background:var(--monday-bg);color:var(--monday-text-primary)}.monday-sidebar-nav{flex:1;padding:var(--monday-spacing-md) 0;overflow-y:auto;overflow-x:hidden}.monday-sidebar-nav::-webkit-scrollbar{width:4px}.monday-sidebar-nav::-webkit-scrollbar-track{background:transparent}.monday-sidebar-nav::-webkit-scrollbar-thumb{background:var(--monday-border);border-radius:2px}.monday-nav-section{margin-bottom:var(--monday-spacing-lg)}.monday-sidebar.collapsed .monday-nav-section{margin-bottom:var(--monday-spacing-sm)}.monday-nav-section-title{padding:0 var(--sidebar-padding);margin-bottom:var(--monday-spacing-sm);font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);color:var(--monday-text-tertiary);text-transform:uppercase;letter-spacing:.05em;transition:var(--monday-transition-fast)}.monday-sidebar.collapsed .monday-nav-section-title{display:none}.monday-nav-items{list-style:none;padding:0;margin:0}.monday-nav-item{margin-bottom:2px}.monday-sidebar.collapsed .monday-nav-item{margin-bottom:0}.monday-nav-link{display:flex;align-items:center;gap:var(--monday-spacing-md);padding:12px var(--sidebar-padding);color:var(--monday-text-secondary);text-decoration:none;font-size:var(--monday-text-base);font-weight:var(--monday-font-medium);border-radius:0 var(--monday-radius) var(--monday-radius) 0;margin-right:var(--monday-spacing-sm);transition:var(--monday-transition-fast);position:relative;overflow:hidden}.monday-nav-link:hover{background:var(--monday-bg);color:var(--monday-text-primary)}.monday-nav-link.active{background:var(--monday-blue-light);color:var(--monday-blue);font-weight:var(--monday-font-semibold)}.monday-nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--monday-blue)}.monday-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--monday-transition-fast)}.monday-nav-icon svg{width:100%;height:100%;color:inherit;transition:var(--monday-transition-fast)}.monday-nav-text{flex:1;transition:var(--monday-transition-fast);white-space:nowrap;overflow:hidden}.monday-sidebar.collapsed .monday-nav-text{opacity:0;transform:translate(-10px)}.monday-sidebar.collapsed .monday-nav-icon{width:24px;height:24px}.monday-sidebar.collapsed .monday-nav-link{justify-content:center;padding:8px;margin-right:0}.monday-nav-badge{background:var(--monday-red);color:var(--monday-white);font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);padding:2px 6px;border-radius:var(--monday-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:var(--monday-transition-fast)}.monday-sidebar.collapsed .monday-nav-badge{opacity:0;transform:scale(.8)}.monday-sidebar-footer{padding:var(--sidebar-padding);border-top:var(--card-border);background:var(--monday-white)}.monday-user-profile{display:flex;align-items:center;gap:var(--monday-spacing-sm);padding:var(--monday-spacing-sm);border-radius:var(--monday-radius);cursor:pointer;transition:var(--monday-transition-fast)}.monday-user-profile:hover{background:var(--monday-bg)}.monday-user-avatar{width:32px;height:32px;border-radius:var(--monday-radius-full);background:var(--monday-blue);display:flex;align-items:center;justify-content:center;color:var(--monday-white);font-size:var(--monday-text-sm);font-weight:var(--monday-font-semibold);flex-shrink:0}.monday-user-info{flex:1;min-width:0;transition:var(--monday-transition-fast)}.monday-sidebar.collapsed .monday-user-info{opacity:0;transform:translate(-10px)}.monday-user-name{font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);color:var(--monday-text-primary);line-height:var(--monday-leading-tight);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monday-user-role{font-size:var(--monday-text-xs);color:var(--monday-text-tertiary);line-height:var(--monday-leading-tight);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monday-main-container{flex:1!important;margin-left:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;overflow:hidden!important;background:var(--monday-bg);transition:var(--monday-transition-normal)}.monday-sidebar.collapsed+.monday-main-container{margin-left:0!important}.monday-header{height:var(--header-height);background:var(--monday-white);border-bottom:var(--card-border);padding:var(--header-padding);display:flex;align-items:center;justify-content:space-between;position:relative!important;top:auto!important;z-index:var(--z-header);box-shadow:var(--monday-shadow);flex-shrink:0!important}.monday-breadcrumbs{display:flex;align-items:center;gap:var(--monday-spacing-sm)}.monday-breadcrumb{display:flex;align-items:center;gap:var(--monday-spacing-sm);font-size:var(--monday-text-sm);color:var(--monday-text-secondary)}.monday-breadcrumb-link{color:var(--monday-text-secondary);text-decoration:none;transition:var(--monday-transition-fast)}.monday-breadcrumb-link:hover{color:var(--monday-blue)}.monday-breadcrumb-current{color:var(--monday-text-primary);font-weight:var(--monday-font-medium)}.monday-breadcrumb-separator{color:var(--monday-text-tertiary);font-size:var(--monday-text-xs)}.monday-header-actions{display:flex;align-items:center;gap:var(--monday-spacing-sm)}.monday-main-content{flex:1!important;height:calc(100vh - var(--header-height))!important;max-height:calc(100vh - var(--header-height))!important;min-height:calc(100vh - var(--header-height))!important;overflow-y:auto!important;overflow-x:hidden!important;padding:var(--main-padding);max-width:var(--main-max-width);margin:0 auto;width:100%;background:var(--monday-bg)!important}.monday-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:var(--monday-transition-normal)}.monday-sidebar-overlay.active{opacity:1;visibility:visible}@media (max-width: 1024px){.monday-sidebar{position:fixed!important;left:-280px!important;top:0!important;transform:none!important;z-index:var(--z-overlay)!important}.monday-sidebar.mobile-open{left:0!important;transform:none!important}.monday-main-container{margin-left:0!important;width:100%!important}.monday-header{padding:var(--monday-spacing-md) var(--monday-spacing-lg)}.monday-main-content{padding:var(--monday-spacing-lg)}}@media (max-width: 768px){.monday-sidebar{width:280px}.monday-header{padding:var(--monday-spacing-sm) var(--monday-spacing-md)}.monday-main-content{padding:var(--monday-spacing-md)}.monday-breadcrumbs{display:none}.monday-nav-icon{width:24px;height:24px}.monday-nav-link{padding:14px var(--sidebar-padding);min-height:48px}.monday-sidebar-toggle{width:40px;height:40px}.monday-user-profile{padding:var(--monday-spacing-md);min-height:48px}.monday-user-avatar{width:36px;height:36px}}.monday-sidebar:focus-within,.monday-nav-link:focus{outline:2px solid var(--monday-blue);outline-offset:2px}.monday-sidebar,.monday-main-container,.monday-header{will-change:transform,margin-left;transform:translateZ(0)}@media (max-width: 480px){.monday-sidebar{width:100vw}.monday-main-content{padding:var(--monday-spacing-sm)}.monday-header{padding:var(--monday-spacing-xs) var(--monday-spacing-sm)}.monday-nav-link{padding:16px var(--sidebar-padding);min-height:52px}.monday-nav-icon{width:26px;height:26px}.monday-sidebar-header{padding:var(--monday-spacing-sm)}.monday-logo{font-size:var(--monday-text-lg)}.monday-logo-icon{width:28px;height:28px;font-size:16px}.monday-user-avatar{width:40px;height:40px;font-size:var(--monday-text-base)}}.monday-mobile-menu-button{display:none;width:40px;height:40px;border:none;background:transparent;border-radius:var(--monday-radius-sm);cursor:pointer;align-items:center;justify-content:center;color:var(--monday-text-primary);transition:var(--monday-transition-fast)}.monday-mobile-menu-button:hover{background:var(--monday-bg)}@media (max-width: 1024px){.monday-mobile-menu-button{display:flex}}.monday-nav-link:hover .monday-nav-icon svg{transform:scale(1.05)}.monday-nav-link.active .monday-nav-icon svg{transform:scale(1.1)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.monday-nav-icon svg{shape-rendering:geometricPrecision}}html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100vh!important}#root{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100vh!important}.admin-dashboard-page{min-height:100%!important;padding:var(--main-padding)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:var(--monday-bg)!important;display:flex!important;flex-direction:column!important}.dashboard-main-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:var(--monday-spacing-lg)!important;margin-bottom:var(--monday-spacing-lg)!important;flex:1!important;align-content:start!important;min-height:500px!important}.stats-cards-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--monday-spacing-md)!important;margin-bottom:var(--monday-spacing-lg)!important}.dashboard-section{background:var(--monday-white)!important;border:var(--card-border)!important;border-radius:var(--monday-radius)!important;padding:var(--card-padding)!important;box-shadow:var(--monday-shadow)!important;min-height:250px!important}.dashboard-left-column,.dashboard-right-column{display:flex!important;flex-direction:column!important;gap:var(--monday-spacing-lg)!important}.dashboard-right-column .dashboard-section{flex:1!important;min-height:400px!important}.monday-main-content::-webkit-scrollbar{width:8px}.monday-main-content::-webkit-scrollbar-track{background:var(--monday-bg)}.monday-main-content::-webkit-scrollbar-thumb{background:var(--monday-border);border-radius:4px}.monday-main-content::-webkit-scrollbar-thumb:hover{background:var(--monday-text-tertiary)}@media (max-width: 1200px){.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-section{min-height:200px!important}}@media (max-width: 768px){.stats-cards-container{grid-template-columns:1fr!important}.dashboard-section{min-height:180px!important}}.analytics-dashboard,.pricing-calculator{min-height:100%!important;padding:var(--main-padding)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:var(--monday-bg)!important}.escalations-panel{background:#fff;border:1px solid #E4E6EF;border-radius:8px;padding:24px;box-shadow:0 4px 20px #00000014}.escalations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.escalations-header h2{font-size:24px;font-weight:700;color:#323338;margin:0 0 4px}.escalations-subtitle{font-size:14px;color:#676879;margin:0}.escalations-count{font-size:14px;color:#676879;font-weight:500}.escalations-count-badge{background:#e63946;color:#fff;font-size:20px;font-weight:700;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e639464d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.escalations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#676879}.spinner{width:40px;height:40px;border:4px solid #E4E6EF;border-top-color:#0073ea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.escalations-empty{text-align:center;padding:60px 20px;color:#676879}.empty-icon{font-size:64px;margin-bottom:16px}.escalations-empty h3{font-size:18px;font-weight:600;color:#323338;margin:0 0 8px}.escalations-empty p{font-size:14px;margin:0}.escalations-list{display:flex;flex-direction:column;gap:16px}.escalation-card{background:#f8f9fb;border-radius:8px;padding:20px;transition:all .2s ease;cursor:pointer}.escalation-card:hover{background:#f0f2f5;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.escalation-header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.escalation-info{display:flex;align-items:center;gap:8px}.escalation-id{font-size:12px;font-weight:600;color:#676879;background:#fff;padding:4px 8px;border-radius:4px}.escalation-severity{font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase}.escalation-time{font-size:12px;color:#676879}.escalation-title{font-size:16px;font-weight:600;color:#323338;margin:0 0 8px}.escalation-description{font-size:14px;color:#676879;line-height:1.5;margin:0 0 16px}.escalation-meta{display:flex;gap:16px;margin-bottom:16px;padding-top:12px;border-top:1px solid #E4E6EF}.escalation-agent,.escalation-reason{display:flex;align-items:center;gap:6px;font-size:13px;color:#676879}.agent-icon,.reason-icon{font-size:16px}.escalation-actions{display:flex;gap:8px}.btn-take-case,.btn-view-details{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-take-case{background:#0073ea;color:#fff}.btn-take-case:hover{background:#0060c0;transform:translateY(-1px);box-shadow:0 4px 12px #0073ea4d}.btn-view-details{background:#fff;color:#323338;border:1px solid #E4E6EF}.btn-view-details:hover{background:#f8f9fb;border-color:#c5c7d0}@media (max-width: 768px){.escalations-panel{padding:16px}.escalations-header{flex-direction:column;gap:12px}.escalation-card{padding:16px}.escalation-actions{flex-direction:column}.btn-take-case,.btn-view-details{width:100%}}.live-chat-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.live-chat-container{background:#fff;border-radius:12px;width:90%;max-width:800px;height:85vh;max-height:900px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.live-chat-header{background:linear-gradient(135deg,#0073ea,#0060c0);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0073ea33}.chat-header-info{display:flex;align-items:center;gap:16px}.client-avatar{width:48px;height:48px;border-radius:50%;background:#fff;color:#0073ea;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #0000001a}.client-details h3{margin:0 0 8px;font-size:18px;font-weight:600}.escalation-badge{display:flex;align-items:center;gap:8px;font-size:13px;background:#fff3;padding:4px 12px;border-radius:12px}.badge-icon{font-size:14px}.badge-severity{font-weight:700;padding:2px 8px;border-radius:8px;font-size:11px}.badge-critical{background:#e63946}.badge-high{background:#f77f00}.badge-medium{background:#fcbf49}.badge-low{background:#06aed5}.btn-close-chat{width:36px;height:36px;border:none;background:#fff3;color:#fff;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close-chat:hover{background:#ffffff4d;transform:scale(1.1)}.chat-context{background:#fff9e6;border-bottom:1px solid #FFE5A3;padding:16px 24px}.context-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#323338;font-size:14px}.context-icon{font-size:16px}.context-content p{margin:4px 0;font-size:13px;color:#676879;line-height:1.5}.context-content strong{color:#323338;font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:24px;background:#f8f9fb;display:flex;flex-direction:column;gap:16px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#676879;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.chat-message{display:flex;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-client{justify-content:flex-start}.message-admin,.message-agent{justify-content:flex-end}.message-content{max-width:70%;display:flex;flex-direction:column;gap:4px}.message-bubble{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 8px #00000014}.message-client .message-bubble{background:#fff;color:#323338;border-bottom-left-radius:4px}.message-admin .message-bubble{background:#0073ea;color:#fff;border-bottom-right-radius:4px}.message-agent .message-bubble{background:#e8f4fd;color:#323338;border-bottom-right-radius:4px;border-left:3px solid #0073EA}.message-time{font-size:11px;color:#676879;padding:0 4px}.message-client .message-time{text-align:left}.message-admin .message-time,.message-agent .message-time{text-align:right}.chat-input-area{background:#fff;border-top:1px solid #E4E6EF;padding:20px 24px;border-radius:0 0 12px 12px}.admin-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.admin-icon{font-size:20px}.admin-name-input{border:1px solid #E4E6EF;border-radius:6px;padding:6px 12px;font-size:13px;color:#323338;background:#f8f9fb;outline:none;transition:border-color .2s ease}.admin-name-input:focus{border-color:#0073ea;background:#fff}.input-wrapper{display:flex;flex-direction:column;gap:12px}.chat-input{width:100%;border:2px solid #E4E6EF;border-radius:8px;padding:12px 16px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:all .2s ease}.chat-input:focus{border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.chat-input:disabled{background:#f8f9fb;cursor:not-allowed}.input-actions{display:flex;gap:8px}.btn-send-message,.btn-resolve-case{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-send-message{background:#0073ea;color:#fff}.btn-send-message:hover:not(:disabled){background:#0060c0;transform:translateY(-1px);box-shadow:0 4px 12px #0073ea4d}.btn-send-message:disabled{background:#c5c7d0;cursor:not-allowed}.btn-resolve-case{background:#00c875;color:#fff}.btn-resolve-case:hover:not(:disabled){background:#00a963;transform:translateY(-1px);box-shadow:0 4px 12px #00c8754d}.btn-resolve-case:disabled{background:#c5c7d0;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f8f9fb}.chat-messages::-webkit-scrollbar-thumb{background:#c5c7d0;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#9b9dab}@media (max-width: 768px){.live-chat-container{width:100%;height:100vh;max-height:100vh;border-radius:0}.live-chat-header,.chat-input-area{border-radius:0}.message-content{max-width:85%}.input-actions{flex-direction:column}.btn-send-message,.btn-resolve-case{width:100%}}.notifications-page{background:#fff;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notifications-header{background:#fff;color:#000;padding:2rem;border-radius:8px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb}.header-content h1{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:#000}.header-content p{margin:0;color:#000;opacity:.8}.header-stats{display:flex;gap:2rem}.stat-item{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#000}.stat-label{display:block;font-size:.875rem;color:#000;opacity:.7}.notifications-controls{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.filter-controls{display:flex;align-items:center;gap:1rem}.filter-controls label{font-weight:500;color:#374151}.filter-controls select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background:#fff}.action-controls{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1rem 0}.selection-controls{display:flex;gap:.75rem;align-items:center}.select-all-btn,.delete-selected-btn,.mark-all-read-btn,.back-btn{padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;border:2px solid;transition:all .2s ease;font-size:.875rem;background:#fff;display:inline-flex;align-items:center;gap:.5rem;min-width:fit-content;white-space:nowrap}.select-all-btn{border-color:#3b82f6;color:#1e40af;background:#eff6ff}.select-all-btn:hover{background:#dbeafe;border-color:#1d4ed8;color:#1e3a8a;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.delete-selected-btn{border-color:#ef4444;color:#dc2626;background:#fef2f2}.delete-selected-btn:hover{background:#fee2e2;border-color:#dc2626;color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #ef444433}.mark-all-read-btn{border-color:#10b981;color:#047857;background:#ecfdf5}.mark-all-read-btn:hover{background:#d1fae5;border-color:#059669;color:#065f46;transform:translateY(-1px);box-shadow:0 4px 8px #10b98133}.notifications-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.no-notifications{text-align:center;padding:3rem;color:#6b7280}.no-notifications-icon{font-size:3rem;margin-bottom:1rem}.no-notifications h3{font-size:1.25rem;margin:0 0 .5rem;color:#374151}.no-notifications p{margin:0}.notifications-list{max-height:600px;overflow-y:auto}.notification-card{padding:1.5rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.notification-card:hover{background:#f9fafb}.notification-card:last-child{border-bottom:none}.notification-card.unread{background:#f0f9ff;border-left:4px solid #3b82f6}.notification-main{display:flex;align-items:flex-start;gap:1rem}.notification-checkbox{display:flex;align-items:center;padding-top:.25rem}.notification-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4f46e5}.notification-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:#e5e7eb;flex-shrink:0}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.notification-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.notification-time{font-size:.75rem;color:#6b7280}.notification-message{font-size:.875rem;color:#4b5563;margin:0 0 .5rem;line-height:1.4}.notification-meta{display:flex;align-items:center;gap:.5rem}.notification-type{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;background:#f3f4f6;color:#6b7280}.notification-actions{display:flex;gap:.5rem;margin-left:auto}.mark-read-btn,.delete-btn{padding:.5rem;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:.875rem;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mark-read-btn:hover{background:#ecfdf5;border-color:#10b981;color:#047857;transform:scale(1.05)}.mark-read-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-btn:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626;transform:scale(1.05)}.delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.notifications-loading,.notifications-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.notifications-error h2{color:#ef4444;margin:0 0 .5rem}.notifications-error p{color:#6b7280;margin:0 0 1rem}.retry-button{padding:.75rem 1.5rem;background:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer}.retry-button:hover{background:#3730a3}@media (max-width: 1024px){.action-controls{grid-template-columns:1fr;gap:1rem;text-align:center}.selection-controls{justify-content:center;flex-wrap:wrap}.mark-all-read-btn{width:100%;justify-content:center;margin-top:.5rem}}@media (max-width: 768px){.notifications-page{padding:1rem}.notifications-header{flex-direction:column;gap:1rem;text-align:center}.notifications-controls{flex-direction:column;gap:1rem}.action-controls{grid-template-columns:1fr;gap:.75rem}.selection-controls{flex-direction:column;gap:.5rem}.select-all-btn,.delete-selected-btn,.mark-all-read-btn{width:100%;justify-content:center}.notification-main{flex-direction:column;gap:.75rem}.notification-actions{margin-left:0;align-self:flex-end}}.escalation-context{background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px!important;padding:20px!important;margin:16px!important;border-left:4px solid #dc2626!important}.escalation-header-info h4{color:#dc2626!important;font-size:16px!important;font-weight:600!important;margin:0 0 8px!important}.escalation-header-info p{color:#7f1d1d!important;font-size:14px!important;margin:0 0 16px!important}.escalation-history h5{color:#374151!important;font-size:14px!important;font-weight:600!important;margin:0 0 12px!important}.mini-chat-history{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:12px!important;margin-bottom:16px!important;max-height:120px!important;overflow-y:auto!important}.mini-message{margin-bottom:8px!important;font-size:12px!important;line-height:1.4!important}.mini-message:last-child{margin-bottom:0!important}.mini-message strong{color:#4b5563!important;margin-right:6px!important}.mini-message.user strong{color:#2563eb!important}.mini-message.agent strong{color:#059669!important}.escalation-details{display:flex!important;flex-direction:column!important;gap:8px!important}.detail-item{font-size:13px!important;color:#374151!important}.detail-item strong{color:#111827!important;margin-right:8px!important}.escalation-controls{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important}.escalation-info{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important}.escalation-info small{font-size:11px!important;color:#6b7280!important;background:#f3f4f6!important;padding:2px 8px!important;border-radius:12px!important}.chat-input-container.human-mode{border:2px solid #dc2626!important;border-radius:8px!important;background:#fef2f2!important}.human-mode-indicator{background:#dc2626!important;color:#fff!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;text-align:center!important;border-radius:6px 6px 0 0!important;margin:-1px -1px 0!important}.human-mode-indicator span{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.admin-page-container{background:#fff!important;color:#000!important;min-height:calc(100vh - 64px)!important;padding:0!important;margin:0!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.page-header{background:#fff!important;border-bottom:1px solid #d0d4e4!important;padding:24px!important;margin-bottom:0!important;position:sticky!important;top:0!important;z-index:10!important;box-shadow:0 1px #0000001a!important}.header-title-container{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important}.overview-metrics-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:16px!important;margin-top:0!important}.overview-metric{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:20px!important;text-align:center!important;transition:all .2s ease!important}.overview-metric:hover{border-color:#0073ea!important;box-shadow:0 2px 8px #0073ea1a!important}.metric-label{font-size:12px!important;font-weight:500!important;color:#676879!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:8px!important}.metric-value{font-size:24px!important;font-weight:700!important;color:#000!important;margin-bottom:4px!important}.metric-trend{font-size:11px!important;font-weight:500!important;padding:4px 8px!important;border-radius:12px!important;display:inline-block!important}.metric-trend.positive{background:#00ca72!important;color:#fff!important}.metric-trend.neutral{background:#676879!important;color:#fff!important}.agents-grid{padding:24px!important;background:#f6f7fb!important;min-height:calc(100vh - 200px)!important}.agents-cards-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:20px!important;padding:0!important;margin:0!important;width:100%!important}.agent-card{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:24px!important;margin-bottom:16px!important;transition:all .2s ease!important;cursor:pointer!important;position:relative!important;overflow:hidden!important}.agent-card:hover{border-color:#0073ea!important;box-shadow:0 4px 12px #0073ea1a!important;transform:translateY(-2px)!important}.agent-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:4px!important;background:linear-gradient(90deg,#0073ea,#00ca72)!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .3s ease!important}.agent-card:hover:before{transform:scaleX(1)!important}.agent-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:20px!important;gap:16px!important}.agent-avatar{width:60px!important;height:60px!important;border-radius:50%!important;background:linear-gradient(135deg,#0073ea,#00ca72)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:600!important;color:#fff!important;flex-shrink:0!important}.agent-info{flex:1!important}.agent-name{font-size:20px!important;font-weight:600!important;color:#000!important;margin:0 0 4px!important}.agent-title{font-size:14px!important;color:#676879!important;margin:0 0 8px!important}.agent-description{font-size:13px!important;color:#676879!important;line-height:1.5!important;margin:0 0 16px!important}.agent-status-badge{padding:6px 12px!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;flex-shrink:0!important}.agent-status-badge.online{background:#00ca72!important;color:#fff!important}.agent-status-badge.offline{background:#676879!important;color:#fff!important}.agent-specialties{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:20px!important}.specialty-tag{background:#f6f7fb!important;border:1px solid #d0d4e4!important;padding:4px 8px!important;border-radius:4px!important;font-size:11px!important;font-weight:500!important;color:#676879!important}.agent-quick-actions{display:flex!important;gap:8px!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid #f0f3ff!important}.quick-action-btn{flex:1!important;background:#f6f7fb!important;border:1px solid #d0d4e4!important;padding:8px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;color:#676879!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important}.quick-action-btn:hover,.quick-action-btn.primary{background:#0073ea!important;border-color:#0073ea!important;color:#fff!important}.quick-action-btn.primary:hover{background:#005bb5!important;border-color:#005bb5!important}.agents-info-section{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;margin-top:24px!important}.info-card,.tips-card{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:24px!important}.info-card h3,.tips-card h3{font-size:18px!important;font-weight:600!important;color:#000!important;margin:0 0 16px!important}.info-card p{font-size:14px!important;color:#676879!important;line-height:1.6!important;margin:0 0 20px!important}.info-list{display:flex!important;flex-direction:column!important;gap:16px!important}.info-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;background:#f6f7fb!important;border-radius:6px!important;border-left:4px solid #0073ea!important}.info-icon{font-size:20px!important;flex-shrink:0!important}.info-content{flex:1!important}.info-content strong{font-weight:600!important;color:#000!important;font-size:14px!important;display:block!important;margin-bottom:4px!important}.tips-card ul{list-style:none!important;padding:0!important;margin:0!important}.tips-card li{font-size:14px!important;color:#676879!important;line-height:1.6!important;border-bottom:1px solid #f0f3ff!important;position:relative!important;padding:8px 0 8px 20px!important}.tips-card li:last-child{border-bottom:none!important}.tips-card li:before{content:"✓"!important;color:#00ca72!important;font-weight:600!important;position:absolute!important;left:0!important}.agent-chat-container{background:#fff!important;height:calc(100vh - 64px)!important;display:flex!important;flex-direction:column!important}.chat-header{background:#fff!important;border-bottom:1px solid #d0d4e4!important;padding:16px 24px!important;display:flex!important;align-items:center!important;gap:16px!important}.chat-header .back-button{background:none!important;border:none!important;color:#0073ea!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:4px!important;padding:8px 0!important}.chat-header .back-button:hover{color:#005bb5!important;text-decoration:underline!important}.chat-header h2{font-size:18px!important;font-weight:600!important;color:#000!important;margin:0!important}@media (max-width: 1024px){.overview-metrics-row{grid-template-columns:repeat(2,1fr)!important}.agents-info-section{grid-template-columns:1fr!important}.agents-cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important;gap:16px!important}.agent-header{flex-direction:column!important;align-items:flex-start!important}.agent-status-badge{align-self:flex-start!important}}@media (max-width: 768px){.page-header{padding:16px!important}.header-title-container{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.header-title-container h1{font-size:24px!important}.overview-metrics-row{grid-template-columns:1fr!important;gap:12px!important}.agents-grid{padding:16px!important}.agents-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.agent-card{padding:16px!important}.agent-quick-actions{flex-direction:column!important}.info-item{flex-direction:column!important;text-align:center!important}.info-icon{align-self:center!important}.chat-header{padding:12px 16px!important}.chat-header h2{font-size:16px!important}}@media (max-width: 480px){.header-title-container h1,.metric-value{font-size:20px!important}.agent-avatar{width:50px!important;height:50px!important;font-size:20px!important}.agent-name{font-size:18px!important}.agent-specialties{justify-content:center!important}}.admin-page-container::-webkit-scrollbar{width:8px!important}.admin-page-container::-webkit-scrollbar-track{background:#f6f7fb!important;border-radius:4px!important}.admin-page-container::-webkit-scrollbar-thumb{background:#c5c7d4!important;border-radius:4px!important}.admin-page-container::-webkit-scrollbar-thumb:hover{background:#a1a5b7!important}.admin-page-container{scrollbar-width:thin!important;scrollbar-color:#c5c7d4 #f6f7fb!important}.agent-card{animation:fadeInUp .3s ease forwards!important}.agent-card:nth-child(1){animation-delay:.1s!important}.agent-card:nth-child(2){animation-delay:.2s!important}.agent-card:nth-child(3){animation-delay:.3s!important}.agent-card:nth-child(4){animation-delay:.4s!important}.back-button:focus,.quick-action-btn:focus{outline:2px solid #0073ea!important;outline-offset:2px!important}.loading-spinner{display:flex!important;align-items:center!important;justify-content:center!important;padding:40px!important;color:#676879!important}.loading-spinner:after{content:""!important;width:20px!important;height:20px!important;border:2px solid #f3f3f3!important;border-top:2px solid #0073ea!important;border-radius:50%!important;animation:spin 1s linear infinite!important}.agent-interface-overlay{position:fixed!important;inset:0!important;background:#00000080!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.agent-interface{background:#fff!important;border-radius:12px!important;width:100%!important;max-width:800px!important;height:90vh!important;max-height:600px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;border:1px solid #d0d4e4!important}.agent-chat-header{background:#fff!important;border-bottom:1px solid #d0d4e4!important;padding:20px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important;border-top:4px solid #0073ea!important}.agent-chat-header .agent-info{display:flex!important;align-items:center!important;gap:16px!important}.agent-chat-header .agent-avatar{width:50px!important;height:50px!important;border-radius:50%!important;background:#f6f7fb!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important}.agent-chat-header .agent-details h3{font-size:18px!important;font-weight:600!important;color:#000!important;margin:0 0 4px!important}.agent-chat-header .agent-details p{font-size:14px!important;color:#676879!important;margin:0 0 4px!important}.agent-status-text{font-size:12px!important;color:#00ca72!important;font-weight:500!important}.close-chat-button{width:40px!important;height:40px!important;border-radius:50%!important;background:#f6f7fb!important;border:1px solid #d0d4e4!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:16px!important;color:#676879!important;transition:all .2s ease!important}.close-chat-button:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.chat-messages{flex:1!important;overflow-y:auto!important;padding:20px!important;background:#f6f7fb!important;display:flex!important;flex-direction:column!important;gap:16px!important}.welcome-message{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:24px!important;text-align:center!important;margin-bottom:16px!important}.welcome-avatar{width:60px!important;height:60px!important;border-radius:50%!important;background:#f6f7fb!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 16px!important;font-size:24px!important}.welcome-content h4{font-size:20px!important;font-weight:600!important;color:#000!important;margin:0 0 8px!important}.welcome-content p{font-size:14px!important;color:#676879!important;margin:0 0 16px!important}.quick-suggestions p{font-size:12px!important;color:#676879!important;margin:0 0 8px!important;font-weight:500!important}.suggestion-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.suggestion-tag{background:#f6f7fb!important;border:1px solid #d0d4e4!important;padding:4px 8px!important;border-radius:12px!important;font-size:11px!important;font-weight:500!important;color:#676879!important}.message{display:flex!important;gap:12px!important;align-items:flex-start!important;animation:fadeInUp .3s ease!important}.message.user-message{flex-direction:row-reverse!important}.message-avatar{width:36px!important;height:36px!important;border-radius:50%!important;background:#f6f7fb!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;flex-shrink:0!important}.message-content{flex:1!important;max-width:70%!important}.user-message .message-content{display:flex!important;flex-direction:column!important;align-items:flex-end!important}.message-bubble{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:16px!important;padding:12px 16px!important;color:#000!important;line-height:1.5!important;font-size:14px!important;word-wrap:break-word!important}.user-message .message-bubble{background:#0073ea!important;border-color:#0073ea!important;color:#fff!important}.system-message .message-bubble{background:#fff3cd!important;border-color:#ffeaa7!important;color:#856404!important}.error-message .message-bubble{background:#f8d7da!important;border-color:#f5c6cb!important;color:#721c24!important}.message-time{font-size:11px!important;color:#a1a5b7!important;margin-top:4px!important;text-align:left!important}.user-message .message-time{text-align:right!important}.typing-indicator .typing-dots{display:flex!important;gap:4px!important;padding:12px 16px!important;background:#fff!important;border:1px solid #d0d4e4!important;border-radius:16px!important}.typing-dots span{width:8px!important;height:8px!important;border-radius:50%!important;background:#676879!important;animation:typingPulse 1.5s infinite ease-in-out!important}.typing-dots span:nth-child(2){animation-delay:.2s!important}.typing-dots span:nth-child(3){animation-delay:.4s!important}@keyframes typingPulse{0%,60%,to{transform:scale(1)!important;opacity:.5!important}30%{transform:scale(1.2)!important;opacity:1!important}}.quick-actions-bar{background:#fff!important;border-top:1px solid #d0d4e4!important;padding:16px 20px!important;display:flex!important;gap:8px!important;overflow-x:auto!important;flex-shrink:0!important}.quick-action-chip{background:#f6f7fb!important;border:1px solid #d0d4e4!important;border-radius:20px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;flex-shrink:0!important}.quick-action-chip:hover{background:#0073ea!important;border-color:#0073ea!important;color:#fff!important}.quick-action-chip:disabled{opacity:.6!important;cursor:not-allowed!important}.action-icon{font-size:14px!important}.action-label{font-size:12px!important;font-weight:500!important}.chat-input-form{background:#fff!important;border-top:1px solid #d0d4e4!important;padding:16px 20px!important;flex-shrink:0!important}.chat-input-container{display:flex!important;gap:8px!important;align-items:flex-end!important}.chat-input{flex:1!important;background:#f6f7fb!important;border:1px solid #d0d4e4!important;border-radius:20px!important;padding:12px 16px!important;font-size:14px!important;color:#000!important;resize:none!important;outline:none!important;transition:border-color .2s ease!important}.chat-input:focus{border-color:#0073ea!important;background:#fff!important}.chat-input:disabled{opacity:.6!important;cursor:not-allowed!important}.send-button{width:44px!important;height:44px!important;border-radius:50%!important;background:#0073ea!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:18px!important;transition:all .2s ease!important;flex-shrink:0!important}.send-button:hover{background:#005bb5!important;transform:scale(1.05)!important}.send-button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.chat-error{background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:6px!important;padding:12px 16px!important;margin:16px 20px 0!important;display:flex!important;align-items:center!important;gap:8px!important}.error-icon{color:#ef4444!important;font-size:16px!important}.error-text{color:#991b1b!important;font-size:14px!important;font-weight:500!important}.agent-interface-error{background:#fff!important;border-radius:8px!important;padding:40px!important;text-align:center!important;border:1px solid #d0d4e4!important}.agent-interface-error h3{color:#000!important;font-size:18px!important;margin:0 0 16px!important}.close-button{background:#ef4444!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:8px 16px!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important}.close-button:hover{background:#dc2626!important}@media (max-width: 768px){.agent-interface-overlay{padding:0!important}.agent-interface{width:100%!important;height:100vh!important;max-height:none!important;border-radius:0!important}.agent-chat-header{padding:16px!important}.agent-chat-header .agent-details h3{font-size:16px!important}.chat-messages{padding:16px!important}.message-content{max-width:85%!important}.quick-actions-bar,.chat-input-form{padding:12px 16px!important}.chat-input{padding:10px 14px!important}.send-button{width:40px!important;height:40px!important}}.chat-messages::-webkit-scrollbar{width:6px!important}.chat-messages::-webkit-scrollbar-track{background:transparent!important}.chat-messages::-webkit-scrollbar-thumb{background:#c5c7d4!important;border-radius:3px!important}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a1a5b7!important}.chat-messages{scrollbar-width:thin!important;scrollbar-color:#c5c7d4 transparent!important}.monday-card{background:var(--monday-white);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--monday-shadow);transition:var(--monday-transition-normal);overflow:hidden}.monday-card:hover{box-shadow:var(--monday-shadow-hover)}.monday-card-header{padding:var(--card-padding);border-bottom:var(--card-border);background:var(--monday-white)}.monday-card-title{font-size:var(--monday-text-lg);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0;line-height:var(--monday-leading-tight)}.monday-card-subtitle{font-size:var(--monday-text-sm);color:var(--monday-text-secondary);margin:4px 0 0;line-height:var(--monday-leading-normal)}.monday-card-content{padding:var(--card-padding)}.monday-card-footer{padding:var(--card-padding);border-top:var(--card-border);background:var(--monday-bg-secondary)}.monday-card.compact{padding:var(--card-padding-sm)}.monday-card.spacious{padding:var(--card-padding-lg)}.monday-card.borderless{border:none;box-shadow:none}.monday-metric-card{background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);padding:var(--card-padding);transition:var(--monday-transition-normal);cursor:pointer;position:relative;overflow:hidden}.monday-metric-card:hover{transform:translateY(-2px);box-shadow:var(--monday-shadow-hover)}.monday-metric-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--monday-spacing-md)}.monday-metric-icon{width:48px;height:48px;border-radius:var(--monday-radius);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.monday-metric-icon.blue{background:var(--monday-blue-light);color:var(--monday-blue)}.monday-metric-icon.green{background:var(--monday-green-light);color:var(--monday-green)}.monday-metric-icon.orange{background:var(--monday-orange-light);color:var(--monday-orange)}.monday-metric-icon.purple{background:var(--monday-purple-light);color:var(--monday-purple)}.monday-metric-trend{display:flex;align-items:center;gap:4px;font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);padding:4px 8px;border-radius:var(--monday-radius-sm)}.monday-metric-trend.positive{color:var(--monday-green);background:var(--monday-green-light)}.monday-metric-trend.negative{color:var(--monday-red);background:var(--monday-red-light)}.monday-metric-trend.neutral{color:var(--monday-text-secondary);background:var(--monday-bg)}.monday-metric-value{font-size:32px;font-weight:var(--monday-font-bold);color:var(--monday-text-primary);line-height:var(--monday-leading-tight);margin-bottom:4px}.monday-metric-label{font-size:var(--monday-text-sm);color:var(--monday-text-secondary);font-weight:var(--monday-font-medium);margin:0}.monday-metric-description{font-size:var(--monday-text-xs);color:var(--monday-text-tertiary);margin:4px 0 0;line-height:var(--monday-leading-normal)}.monday-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--monday-spacing-sm);padding:var(--button-padding-md);height:var(--button-height-md);border:none;border-radius:var(--monday-radius);font-size:var(--monday-text-base);font-weight:var(--monday-font-medium);text-decoration:none;cursor:pointer;transition:var(--monday-transition-fast);white-space:nowrap;user-select:none}.monday-button:focus{outline:2px solid var(--monday-blue);outline-offset:2px}.monday-button.primary{background:var(--monday-blue);color:var(--monday-white)}.monday-button.primary:hover{background:var(--monday-blue-hover)}.monday-button.secondary{background:var(--monday-bg);color:var(--monday-text-primary);border:var(--card-border)}.monday-button.secondary:hover{background:var(--monday-bg-secondary)}.monday-button.success{background:var(--monday-green);color:var(--monday-white)}.monday-button.success:hover{background:var(--monday-green-hover)}.monday-button.warning{background:var(--monday-orange);color:var(--monday-white)}.monday-button.warning:hover{background:var(--monday-orange-hover)}.monday-button.danger{background:var(--monday-red);color:var(--monday-white)}.monday-button.danger:hover{background:var(--monday-red-hover)}.monday-button.small{padding:var(--button-padding-sm);height:var(--button-height-sm);font-size:var(--monday-text-sm)}.monday-button.large{padding:var(--button-padding-lg);height:var(--button-height-lg);font-size:var(--monday-text-lg)}.monday-button.icon-only{width:var(--button-height-md);padding:0}.monday-button.icon-only.small{width:var(--button-height-sm)}.monday-button.icon-only.large{width:var(--button-height-lg)}.monday-table-container{background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);overflow:hidden;box-shadow:var(--monday-shadow)}.monday-table{width:100%;border-collapse:collapse;font-size:var(--monday-text-sm)}.monday-table thead{background:var(--monday-bg-secondary)}.monday-table th{padding:12px 16px;text-align:left;font-weight:var(--monday-font-semibold);color:var(--monday-text-secondary);font-size:var(--monday-text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--table-border);white-space:nowrap}.monday-table td{padding:16px;border-bottom:var(--table-border);color:var(--monday-text-primary);vertical-align:middle}.monday-table tbody tr{transition:var(--monday-transition-fast)}.monday-table tbody tr:hover{background:var(--monday-bg)}.monday-table tbody tr:last-child td{border-bottom:none}.monday-table-cell-avatar{display:flex;align-items:center;gap:var(--monday-spacing-sm)}.monday-table-avatar{width:32px;height:32px;border-radius:var(--monday-radius-full);background:var(--monday-blue);display:flex;align-items:center;justify-content:center;color:var(--monday-white);font-size:var(--monday-text-sm);font-weight:var(--monday-font-semibold);flex-shrink:0}.monday-table-user-info{display:flex;flex-direction:column;gap:2px}.monday-table-user-name{font-weight:var(--monday-font-medium);color:var(--monday-text-primary);line-height:var(--monday-leading-tight)}.monday-table-user-email{font-size:var(--monday-text-xs);color:var(--monday-text-tertiary);line-height:var(--monday-leading-tight)}.monday-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--monday-radius-sm);font-size:var(--monday-text-xs);font-weight:var(--monday-font-medium);white-space:nowrap}.monday-status-badge.active{background:var(--monday-green-light);color:var(--monday-green)}.monday-status-badge.inactive{background:var(--monday-red-light);color:var(--monday-red)}.monday-status-badge.pending{background:var(--monday-orange-light);color:var(--monday-orange)}.monday-status-badge.completed{background:var(--monday-green-light);color:var(--monday-green)}.monday-status-dot{width:6px;height:6px;border-radius:var(--monday-radius-full);background:currentColor}.monday-loading{display:flex;align-items:center;justify-content:center;padding:var(--monday-spacing-3xl)}.monday-spinner{width:24px;height:24px;border:3px solid var(--monday-border);border-top:3px solid var(--monday-blue);border-radius:50%;animation:monday-spin 1s linear infinite}@keyframes monday-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.monday-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:monday-skeleton 1.5s infinite;border-radius:var(--monday-radius-sm)}@keyframes monday-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.monday-metric-card{padding:var(--card-padding-sm)}.monday-metric-value{font-size:24px}.monday-metric-icon{width:40px;height:40px;font-size:20px}.monday-table-container{overflow-x:auto}.monday-table{min-width:600px}.monday-button{padding:var(--button-padding-sm);height:var(--button-height-sm);font-size:var(--monday-text-sm)}}@media (prefers-contrast: high){.monday-card,.monday-metric-card,.monday-table-container{border-width:2px}.monday-button{border-width:2px;border-style:solid}.monday-button.primary{border-color:var(--monday-blue)}.monday-button.secondary{border-color:var(--monday-text-primary)}}.monday-card,.monday-metric-card,.monday-button{will-change:transform,box-shadow;transform:translateZ(0)}.monday-grid{display:grid;gap:var(--monday-spacing-lg)}.monday-grid.grid-1{grid-template-columns:1fr}.monday-grid.grid-2{grid-template-columns:repeat(2,1fr)}.monday-grid.grid-3{grid-template-columns:repeat(3,1fr)}.monday-grid.grid-4{grid-template-columns:repeat(4,1fr)}.monday-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.monday-grid.auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 1024px){.monday-grid.grid-4,.monday-grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.monday-grid.grid-4,.monday-grid.grid-3,.monday-grid.grid-2{grid-template-columns:1fr}.monday-grid{gap:var(--monday-spacing-md)}}.clients-management{width:100%;max-width:100%;padding:0;background:#fff!important;min-height:calc(100vh - 64px)!important;height:auto!important;overflow-y:visible!important;overflow-x:hidden!important;color:#000!important}.clients-management.loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:400px!important;background:var(--monday-white)!important;border-radius:var(--monday-radius)!important;margin:24px!important;padding:48px 24px!important}.clients-management .loading-spinner{width:48px;height:48px;border:4px solid var(--monday-border, #e4e4e7);border-top:4px solid var(--monday-blue, #0073EA);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state{background:var(--monday-red-light, rgba(239, 68, 68, .1));border:1px solid var(--monday-red, #EF4444);border-radius:var(--monday-radius);padding:16px 20px;margin:24px;color:var(--monday-red);font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);display:flex;align-items:center;gap:8px}.clients-header{background:#fff!important;border-bottom:1px solid #E5E7EB!important;padding:32px 24px 24px;margin:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;position:relative!important;z-index:10;box-shadow:0 1px 3px #0000001a;color:#000!important}.header-title-container h1{font-size:var(--monday-text-2xl, 24px);font-weight:var(--monday-font-bold, 700);color:var(--monday-text-primary, #323338);margin:0 0 4px;line-height:var(--monday-leading-tight, 1.25)}.header-title-container p{font-size:var(--monday-text-sm, 14px);color:var(--monday-text-secondary, #676879);margin:0;line-height:var(--monday-leading-normal, 1.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);line-height:1;border-radius:var(--monday-radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--monday-transition-fast);text-decoration:none;white-space:nowrap;min-height:44px}.btn-primary{background:var(--monday-blue, #0073EA);color:var(--monday-white);border-color:var(--monday-blue);box-shadow:0 2px 4px #0073ea26}.btn-primary:hover{background:var(--monday-blue-hover, #005BB5);border-color:var(--monday-blue-hover);box-shadow:0 4px 12px #0073ea40;transform:translateY(-1px)}.btn-secondary{background:var(--monday-white);color:var(--monday-text-primary);border-color:var(--monday-border)}.btn-secondary:hover{background:var(--monday-bg);border-color:var(--monday-blue);color:var(--monday-blue)}.clients-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;margin:0;background:#fff!important}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--monday-blue-light, rgba(0, 115, 234, .3))}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--monday-blue-light, rgba(0, 115, 234, .1));border-radius:var(--monday-radius-full, 50px);font-size:20px;color:var(--monday-blue, #0073EA);flex-shrink:0}.stat-value{font-size:var(--monday-text-2xl, 24px);font-weight:var(--monday-font-bold, 700);color:var(--monday-text-primary, #323338);line-height:1;margin-bottom:4px}.stat-label{font-size:var(--monday-text-sm, 14px);color:var(--monday-text-secondary, #676879);font-weight:var(--monday-font-medium, 500);line-height:1}.clients-filters{background:#fff!important;border-bottom:1px solid #E5E7EB!important;padding:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative!important;z-index:9}.search-input input{width:100%;height:44px;padding:0 16px 0 44px;font-size:var(--monday-text-sm);color:var(--monday-text-primary);background:var(--monday-bg);border:1px solid var(--monday-border);border-radius:var(--monday-radius-sm);transition:var(--monday-transition-fast)}.search-input input:focus{outline:none;border-color:var(--monday-blue);box-shadow:0 0 0 3px var(--monday-blue-light)}.search-input:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--monday-text-secondary);pointer-events:none;z-index:1}.filter-select{height:44px;padding:0 16px;font-size:var(--monday-text-sm);color:var(--monday-text-primary);background:var(--monday-white);border:1px solid var(--monday-border);border-radius:var(--monday-radius-sm);cursor:pointer;transition:var(--monday-transition-fast);min-width:120px}.filter-select:focus{outline:none;border-color:var(--monday-blue);box-shadow:0 0 0 3px var(--monday-blue-light)}.clients-table-container{background:#fff!important;border-radius:8px!important;margin:24px;overflow:visible!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid #E5E7EB!important;height:auto!important;min-height:auto!important}.clients-table{width:100%;border-collapse:collapse;font-size:14px!important;background:#fff!important}.clients-table th{background:#f8f9fa!important;color:#374151!important;font-weight:600!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.1em;padding:20px 24px!important;text-align:left;border-bottom:2px solid #E5E7EB!important;position:relative!important;white-space:nowrap}.clients-table td{padding:20px 24px!important;border-bottom:1px solid #F3F4F6!important;color:#111827!important;vertical-align:middle;background:#fff!important;font-weight:500}.clients-table tr:hover{background:#f9fafb!important;box-shadow:inset 0 0 0 1px #e5e7eb!important}.clients-table tr:hover td{background:#f9fafb!important}.client-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:200px!important}.client-name{font-weight:700!important;color:#111827!important;font-size:15px!important;line-height:1.2!important}.client-email{font-size:13px!important;color:#6b7280!important;font-weight:400!important}.client-company{font-size:12px!important;color:#9ca3af!important;font-weight:400!important;font-style:italic!important}.contact-info{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:150px!important}.contact-phone{font-size:14px!important;color:#111827!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:6px!important}.contact-phone:before{content:"📞"!important;font-size:12px!important}.contact-date{font-size:12px!important;color:#6b7280!important;font-weight:400!important}.status-column{text-align:center!important;min-width:100px!important}.plan-column,.actions-column{text-align:center!important;min-width:120px!important}.client-info{display:flex!important;align-items:center!important;gap:12px!important}.client-avatar{width:40px!important;height:40px!important;background:#3b82f6!important;color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:16px!important;flex-shrink:0!important}.client-details{display:flex!important;flex-direction:column!important;gap:2px!important}.client-name{font-weight:700!important;color:#111827!important;font-size:15px!important;line-height:1.3!important}.client-phone{font-size:13px!important;color:#6b7280!important;font-weight:400!important;display:flex!important;align-items:center!important;gap:4px!important}.client-phone:before{content:"📱"!important;font-size:11px!important}.no-clients{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:64px 24px!important;background:#fff!important;color:#6b7280!important;text-align:center!important}.no-clients-icon{font-size:48px!important;margin-bottom:16px!important;opacity:.5!important}.no-clients p{font-size:16px!important;color:#9ca3af!important;margin:0!important}.status-badge,.plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:var(--monday-text-xs);font-weight:var(--monday-font-medium);line-height:1;border-radius:var(--monday-radius-full);text-transform:uppercase;letter-spacing:.025em;border:1px solid currentColor;opacity:.9;min-width:70px}.table-actions{display:flex;align-items:center;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--monday-border);border-radius:var(--monday-radius-sm);color:var(--monday-text-secondary);cursor:pointer;transition:var(--monday-transition-fast)}.action-btn:hover{background:var(--monday-bg);border-color:var(--monday-blue);color:var(--monday-blue);transform:translateY(-1px)}.action-btn.danger:hover{background:var(--monday-red-light);border-color:var(--monday-red);color:var(--monday-red)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:var(--monday-white);border-radius:var(--monday-radius);margin:24px;text-align:center;border:1px solid var(--monday-border)}.empty-state-icon{width:80px;height:80px;background:var(--monday-bg);border-radius:var(--monday-radius-full);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:24px;color:var(--monday-text-secondary)}.empty-state h3{font-size:var(--monday-text-lg);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0 0 8px}.empty-state p{font-size:var(--monday-text-sm);color:var(--monday-text-secondary);margin:0 0 24px;max-width:400px}@media (max-width: 1024px){.clients-header{padding:24px 16px 20px;flex-direction:column;align-items:stretch;gap:16px}.header-title-container{align-items:center}.clients-stats{grid-template-columns:repeat(2,1fr);padding:16px;gap:16px}.clients-filters{padding:16px;gap:12px;top:98px}.clients-table-container{margin:16px;overflow-x:auto}.clients-table{min-width:600px}}@media (max-width: 768px){.header-title-container{flex-direction:column;align-items:flex-start;gap:12px}.back-button{align-self:flex-start}.clients-stats{grid-template-columns:1fr;padding:12px;gap:12px}.stat-card{padding:16px}.clients-filters{flex-direction:column;align-items:stretch;padding:12px;top:140px}.search-input{min-width:100%}.clients-table th,.clients-table td{padding:12px 16px}.clients-table-container{margin:12px}}@media (max-width: 480px){.clients-header{padding:16px 12px}.header-title-container h1{font-size:var(--monday-text-xl)}.stat-card{padding:12px;gap:12px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:var(--monday-text-xl)}.clients-table th,.clients-table td{padding:8px 12px}.table-actions{gap:4px}.action-btn{width:32px;height:32px}}@media print{.clients-header .btn,.table-actions,.back-button{display:none!important}.clients-table-container{margin:0;box-shadow:none;border:1px solid #000}.clients-table th,.clients-table td{border:1px solid #000;padding:8px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.clients-management,.clients-header,.stat-card,.clients-table-container,.empty-state,.clients-table,.clients-table th,.clients-table td{background:#fff!important;color:#000!important}.clients-table th{background:#f8f9fa!important;color:#374151!important}.search-input input,.filter-select{background:#fff!important;color:#000!important;border-color:#e5e7eb!important}.clients-management{position:static!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}body:has(.clients-management) .monday-main-content,.monday-main-content:has(.clients-management){height:auto!important;max-height:none!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}.monday-admin-container:has(.clients-management){overflow:visible!important}.monday-main-container:has(.clients-management){overflow:visible!important;height:auto!important;max-height:none!important}.monday-admin-container .monday-main-content .clients-management,.monday-main-content .clients-management{position:static!important;height:auto!important;min-height:100vh!important;max-height:none!important;overflow-y:visible!important;overflow-x:hidden!important}html,body{overflow-y:auto!important}#root{overflow-y:auto!important;height:auto!important;min-height:100vh!important}[data-page=clients] .monday-main-content,.clients-management-page .monday-main-content{height:auto!important;max-height:none!important;overflow-y:auto!important}.users-management{width:100%;max-width:100%;padding:0;background:#fff!important;min-height:calc(100vh - 64px)!important;height:auto!important;overflow-y:visible!important;overflow-x:hidden!important;color:#000!important}.users-management.loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:400px!important;background:var(--monday-white)!important;border-radius:var(--monday-radius)!important;margin:24px!important;padding:48px 24px!important}.users-management .loading-spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top:4px solid #0073EA;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state{background:#ef44441a;border:1px solid #EF4444;border-radius:8px;padding:16px 20px;margin:24px;color:#ef4444;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.users-header{background:#fff!important;border-bottom:1px solid #E5E7EB!important;padding:32px 24px 24px;margin:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;position:relative!important;z-index:10;box-shadow:0 1px 3px #0000001a;color:#000!important}.header-content{flex:1;min-width:0}.header-title-container{display:flex;align-items:flex-start;gap:16px}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:6px!important;color:#000!important;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-button:hover{background:#f3f4f6!important;border-color:#000!important;color:#000!important;transform:translate(-2px)}.header-title-container h1{font-size:24px;font-weight:700;color:#000!important;margin:0 0 4px;line-height:1.25}.header-title-container p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;line-height:1;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;min-height:44px}.btn-primary{background:#0073ea;color:#fff;border-color:#0073ea;box-shadow:0 2px 4px #0073ea26}.btn-primary:hover{background:#005bb5;border-color:#005bb5;box-shadow:0 4px 12px #0073ea40;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#000;border-color:#e5e7eb}.btn-secondary:hover{background:#f9fafb;border-color:#000;color:#000}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;margin:0;background:#fff!important}.stat-card{background:#fff!important;border:1px solid #E5E7EB!important;border-radius:8px!important;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a!important;color:#000!important}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#0073ea4d}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0073ea1a;border-radius:50px;font-size:20px;color:#0073ea;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-value{font-size:24px;font-weight:700;color:#000!important;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280;font-weight:500;line-height:1}.users-filters{background:#fff!important;border-bottom:1px solid #E5E7EB!important;padding:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative!important;z-index:9}.search-input{flex:1;min-width:280px;position:relative}.search-input input{width:100%;height:44px;padding:0 16px 0 44px;font-size:14px;color:#000;background:#fff;border:1px solid #E5E7EB;border-radius:6px;transition:all .2s ease}.search-input input:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.search-input:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;z-index:1}.filter-select{height:44px;padding:0 16px;font-size:14px;color:#000!important;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:120px}.filter-select:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.users-table-container{background:#fff!important;border-radius:8px!important;margin:24px;overflow:visible!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid #E5E7EB!important;height:auto!important;min-height:auto!important}.users-table{width:100%;border-collapse:collapse;font-size:14px!important;background:#fff!important}.users-table th{background:#f8f9fa!important;color:#374151!important;font-weight:600!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.1em;padding:20px 24px!important;text-align:left;border-bottom:2px solid #E5E7EB!important;position:relative!important;white-space:nowrap}.users-table td{padding:20px 24px!important;border-bottom:1px solid #F3F4F6!important;color:#111827!important;vertical-align:middle;background:#fff!important;font-weight:500}.users-table tr:hover{background:#f9fafb!important;box-shadow:inset 0 0 0 1px #e5e7eb!important}.users-table tr:hover td{background:#f9fafb!important}.user-info{display:flex!important;align-items:center!important;gap:12px!important}.user-avatar{width:40px!important;height:40px!important;background:#dc2626!important;color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:16px!important;flex-shrink:0!important}.user-details{display:flex!important;flex-direction:column!important;gap:2px!important}.user-name{font-weight:700!important;color:#111827!important;font-size:15px!important;line-height:1.3!important}.user-phone{font-size:13px!important;color:#6b7280!important;font-weight:400!important;display:flex!important;align-items:center!important;gap:4px!important}.user-phone:before{content:"📱"!important;font-size:11px!important}.action-buttons{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;font-size:14px!important}.btn-icon:hover{background:#f9fafb!important;border-color:#d1d5db!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #0000001a!important}.btn-icon.edit:hover{background:#eff6ff!important;border-color:#3b82f6!important;color:#3b82f6!important}.btn-icon.delete:hover{background:#fef2f2!important;border-color:#ef4444!important;color:#ef4444!important}.status-badge,.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:11px;font-weight:600;line-height:1;border-radius:12px;text-transform:uppercase;letter-spacing:.025em;border:1px solid currentColor;opacity:.9;min-width:70px}.no-users{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:64px 24px!important;background:#fff!important;color:#6b7280!important;text-align:center!important}.no-users-icon{font-size:48px!important;margin-bottom:16px!important;opacity:.5!important}.no-users p{font-size:16px!important;color:#9ca3af!important;margin:0!important}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026}.modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:700;color:#000;margin:0}.modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#6b7280;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#000}.modal-form{padding:0 24px 24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:14px;font-weight:600;color:#374151}.form-field input,.form-field select{height:44px;padding:0 12px;font-size:14px;color:#000;background:#fff;border:1px solid #E5E7EB;border-radius:6px;transition:all .2s ease}.form-field input:focus,.form-field select:focus{outline:none;border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.form-field input.disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.modal-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.users-management{position:static!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.monday-main-content:has(.users-management){height:auto!important;max-height:none!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}.monday-admin-container:has(.users-management){overflow:visible!important}.monday-main-container:has(.users-management){overflow:visible!important;height:auto!important;max-height:none!important}.users-management-page .monday-main-content{height:auto!important;max-height:none!important;overflow-y:auto!important}@media (max-width: 1024px){.users-header{padding:24px 16px 20px;flex-direction:column;align-items:stretch;gap:16px}.header-title-container{align-items:center}.users-stats{grid-template-columns:repeat(2,1fr);padding:16px;gap:16px}.users-filters{padding:16px;gap:12px}.users-table-container{margin:16px;overflow-x:auto}.users-table{min-width:700px}.form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.header-title-container{flex-direction:column;align-items:flex-start;gap:12px}.back-button{align-self:flex-start}.users-stats{grid-template-columns:1fr;padding:12px;gap:12px}.stat-card{padding:16px}.users-filters{flex-direction:column;align-items:stretch;padding:12px}.search-input{min-width:100%}.users-table th,.users-table td{padding:12px 16px}.users-table-container{margin:12px}.modal{margin:12px;max-width:calc(100% - 24px)}}.users-management,.users-header,.stat-card,.users-table-container,.no-users,.users-table,.users-table th,.users-table td,.modal{background:#fff!important;color:#000!important}.users-table th{background:#f8f9fa!important;color:#374151!important}.search-input input,.filter-select,.form-field input,.form-field select{background:#fff!important;color:#000!important;border-color:#e5e7eb!important}.back-button{background:#fff!important;border-color:#e5e7eb!important;color:#000!important}html{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;background:#fff!important;scroll-behavior:smooth!important}body{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;background:#fff!important;margin:0!important;padding:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;color:#111827!important}#root{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important;max-height:none!important;background:#fff!important}[class*=monday],[class*=admin],[class*=main],[class*=content],[class*=container],[class*=layout],main,section,article,div[role=main]{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important}.websites-management-page{min-height:200vh!important;background:#fff!important;color:#111827!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;padding:24px!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;width:100%!important;margin:0!important;position:relative!important;z-index:1!important}.websites-management-page *,.websites-management-page *:before,.websites-management-page *:after{box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.header-title-container{display:flex;align-items:center;gap:16px}.back-button{width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-button:hover{background:#f3f4f6;color:#111827;transform:translateY(-1px)}.page-header h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2}.page-header p{font-size:1rem;color:#6b7280;margin:0;line-height:1.4}.header-actions{display:flex;gap:12px}.btn{padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none;outline:none;text-decoration:none;white-space:nowrap}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb33}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;color:#111827;transform:translateY(-1px)}.websites-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1}.stat-card .stat-icon{font-size:2rem;margin-bottom:12px;display:block}.stat-card .stat-content{text-align:center}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.stat-card .stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.websites-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.search-container{flex:1}.search-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#fff;color:#111827;transition:all .2s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:#9ca3af}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.category-filter{padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.category-filter:hover{background:#f9fafb;border-color:#cbd5e1}.category-filter.active{background:#eff6ff;border-color:#2563eb;color:#2563eb;font-weight:600}.category-icon{font-size:1rem}.category-name{font-size:.9rem}.websites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:40px}.website-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.website-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:#cbd5e1}.website-thumbnail{width:100%;height:180px;border-radius:12px;overflow:hidden;margin-bottom:20px;background:#f8fafc;border:1px solid #e2e8f0;position:relative}.website-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.placeholder-icon{font-size:3rem;color:#9ca3af}.website-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;background:#fffffff2;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.status-badge.active{color:#059669;background:#ecfdf5f2;border-color:#05966933}.status-badge.inactive{color:#6b7280;background:#f9fafbf2;border-color:#6b728033}.featured-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;background:#ffd700f2;color:#d97706;border:1px solid rgba(217,119,6,.2);backdrop-filter:blur(4px)}.website-content{flex:1}.website-header{margin-bottom:16px}.website-name{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.3}.category-tag{display:inline-flex;align-items:center;gap:4px;background:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid #dbeafe}.website-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.website-pricing{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:20px;text-align:center}.monthly-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.price-value{font-size:1.75rem;font-weight:700;color:#059669}.price-period{font-size:.9rem;color:#6b7280;font-weight:500}.setup-fee{font-size:.8rem;color:#6b7280}.website-features{margin-bottom:20px}.feature-tag{display:inline-block;background:#f1f5f9;color:#374151;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;margin:0 4px 4px 0;border:1px solid #e2e8f0}.feature-tag.more{background:#eff6ff;color:#2563eb;border-color:#dbeafe;cursor:pointer}.subscription-info{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.85rem}.active-subscriptions{color:#6b7280;text-align:center}.monthly-revenue{color:#059669;font-weight:600;text-align:center}.ai-consult-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.ai-consult-section h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 12px;text-align:center}.ai-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ai-btn{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.2}.ai-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.ai-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-btn.ruby{border-color:#fecaca;background:#fef2f2;color:#dc2626}.ai-btn.ruby:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.ai-btn.miguel{border-color:#ddd6fe;background:#f5f3ff;color:#7c3aed}.ai-btn.miguel:hover:not(:disabled){background:#ede9fe;border-color:#c4b5fd}.ai-btn.andred{border-color:#dbeafe;background:#eff6ff;color:#2563eb}.ai-btn.andred:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.ai-btn.nixon{border-color:#fed7aa;background:#fff7ed;color:#ea580c}.ai-btn.nixon:hover:not(:disabled){background:#fed7aa;border-color:#fdba74}.ai-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#6b7280;font-size:.9rem;background:#f8fafc;border-radius:8px;margin-top:12px}.loading-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}.website-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.action-btn{padding:10px 12px;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;line-height:1;text-align:center;white-space:nowrap}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.view{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.action-btn.view:hover:not(:disabled){background:#dbeafe;transform:translateY(-1px)}.action-btn.pricing{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.action-btn.pricing:hover:not(:disabled){background:#a7f3d0;transform:translateY(-1px)}.action-btn.edit{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.action-btn.edit:hover:not(:disabled){background:#fde68a;transform:translateY(-1px)}.action-btn.toggle{border:1px solid #e2e8f0}.action-btn.toggle.activate{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.action-btn.toggle.activate:hover:not(:disabled){background:#d1fae5}.action-btn.toggle.deactivate{background:#fef2f2;color:#dc2626;border-color:#fecaca}.action-btn.toggle.deactivate:hover:not(:disabled){background:#fee2e2}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(5px);padding:1rem}.modal-content{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #e2e8f0;box-shadow:0 20px 60px #00000026;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f3f4f6;color:#111827}.ai-response-modal{max-width:800px}.response-meta{background:#f8fafc;padding:12px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.website-info{font-weight:600;color:#111827}.response-time{font-size:.85rem;color:#6b7280}.response-query h4,.response-answer h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 12px}.response-query p{color:#6b7280;font-style:italic;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0;margin:0}.ai-response-text{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;line-height:1.6;color:#111827;white-space:pre-wrap;font-size:.95rem}.response-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.pricing-modal{max-width:500px}.current-pricing{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px;text-align:center}.current-pricing h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 8px}.price-display{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.price-display .price-value{font-size:2rem;font-weight:700;color:#059669}.price-display .price-period{font-size:1rem;color:#6b7280}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#fff;color:#111827;transition:all .2s ease}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.price-input{text-align:center;font-weight:600}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e2e8f0}.websites-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;min-height:400px;color:#111827}.empty-state{text-align:center;padding:60px 20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;color:#111827}.empty-icon{font-size:4rem;color:#9ca3af;margin-bottom:16px}.empty-state h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:1rem;margin:0 0 24px;line-height:1.5}.empty-state-actions{display:flex;flex-direction:column;align-items:center;gap:24px}.empty-state-tips{max-width:500px;text-align:left;background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.empty-state-tips h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px}.empty-state-tips ul{margin:0;padding-left:20px;color:#6b7280}.empty-state-tips li{margin-bottom:8px;line-height:1.5}@media (max-width: 1200px){.websites-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.websites-management-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:stretch}.btn{flex:1;justify-content:center}.websites-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.websites-filters{padding:16px}.category-filters{justify-content:center}.websites-grid{grid-template-columns:1fr;gap:16px}.website-card{padding:20px}.ai-buttons-grid,.website-actions{grid-template-columns:1fr;gap:8px}.subscription-info{grid-template-columns:1fr;gap:8px;text-align:center}.modal-content{padding:20px;margin:16px;width:calc(100% - 32px)}}@media (max-width: 480px){.websites-management-page{padding:12px}.websites-stats-grid{grid-template-columns:1fr}.page-header h1{font-size:1.75rem}.website-thumbnail{height:160px}.stat-card .stat-value{font-size:1.75rem}}.websites-management-page:after{content:""!important;display:block!important;height:50vh!important;width:100%!important}html::-webkit-scrollbar,body::-webkit-scrollbar,.websites-management-page::-webkit-scrollbar{width:12px!important;display:block!important}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.websites-management-page::-webkit-scrollbar-track{background:#f1f5f9!important}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.websites-management-page::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:6px!important;border:2px solid #f1f5f9!important}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.websites-management-page::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}html,body,.websites-management-page{scrollbar-width:auto!important;scrollbar-color:#cbd5e1 #f1f5f9!important}.create-website-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}.create-website-modal{background:#fff;border-radius:1.5rem;width:100%;max-width:900px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000026,0 0 0 2px #0000000d;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.create-modal-header{display:flex;align-items:center;justify-content:center;padding:2.5rem 3rem 1.5rem;border-bottom:2px solid #e2e8f0;background:#fff;position:relative}.header-content{text-align:center;flex:1}.header-icon{font-size:3rem;margin-bottom:1rem}.header-text h2{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.025em}.header-text p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5;font-weight:400}.create-modal-close{position:absolute;top:1.5rem;right:2rem;width:48px;height:48px;border:2px solid #e2e8f0;border-radius:50%;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-size:1.25rem;font-weight:700}.create-modal-close:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2;transform:rotate(90deg) scale(1.05);box-shadow:0 8px 16px #dc262626}.create-modal-content{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;position:relative}.create-modal-content::-webkit-scrollbar{width:8px}.create-modal-content::-webkit-scrollbar-track{background:#fff}.create-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.create-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.create-website-form{padding:2rem 3rem 1rem;background:#fff}.form-section{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid #e2e8f0;background:#fff;animation:fadeInUp .3s ease-out}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:1rem}.form-section:nth-child(1){animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:nth-child(4){animation-delay:.4s}.form-section:nth-child(5){animation-delay:.5s}.section-header h3{font-size:1.375rem;font-weight:600;color:#111827;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.section-subtitle{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.5}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1 / -1}.field-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9375rem;font-weight:600;color:#374151;letter-spacing:-.01em}.required{color:#dc2626;font-weight:600}.optional{font-size:.8125rem;color:#94a3b8;font-weight:500;font-style:italic}.field-input,.field-select,.field-textarea{width:100%;padding:1rem 1.25rem;border:2px solid #d1d5db;border-radius:.75rem;font-size:.9375rem;font-weight:500;background:#fff;color:#111827;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;line-height:1.5;font-family:inherit}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,0 2px 4px #0000000d;transform:translateY(-1px)}.field-input::placeholder,.field-textarea::placeholder{color:#6b7280;font-weight:400}.field-textarea{resize:vertical;min-height:100px}.field-help{font-size:.8125rem;color:#6b7280;margin-top:.5rem;line-height:1.4;font-weight:400}.input-with-prefix{position:relative;display:flex;align-items:center;border:2px solid #d1d5db;border-radius:.75rem;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.input-with-prefix:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,0 2px 4px #0000000d;transform:translateY(-1px)}.input-prefix{padding:1rem 1.25rem;background:#f8fafc;color:#374151;font-weight:600;font-size:.9375rem;white-space:nowrap;border-right:1px solid #d1d5db}.input-with-prefix .field-input{border:none;padding-left:1rem;margin:0;flex:1}.input-with-prefix .field-input:focus{box-shadow:none;transform:none}.toggle-options{display:flex;flex-direction:column;gap:1.5rem;background:#fff}.toggle-option{background:#fff;border:2px solid #d1d5db;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.toggle-option:hover{border-color:#9ca3af;background:#f8fafc}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer;user-select:none}.toggle-checkbox{display:none}.toggle-switch{position:relative;width:56px;height:32px;background:#cbd5e1;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-switch:before{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.toggle-checkbox:checked+.toggle-switch{background:#059669}.toggle-checkbox:checked+.toggle-switch:before{transform:translate(24px)}.toggle-content{flex:1}.toggle-title{display:block;font-size:1rem;font-weight:600;color:#111827;margin-bottom:.25rem}.toggle-description{font-size:.875rem;color:#6b7280;line-height:1.4}.create-modal-actions{padding:2rem 3rem 2.5rem;border-top:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;gap:1.5rem}.btn-secondary-create,.btn-primary-create{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;letter-spacing:-.01em;min-width:140px;justify-content:center}.btn-secondary-create{background:#fff;color:#374151;border-color:#d1d5db}.btn-secondary-create:hover{background:#f8fafc;border-color:#9ca3af;color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-primary-create{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary-create:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb4d}.btn-primary-create:disabled{background:#e2e8f0;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed;transform:none;box-shadow:none;position:relative;overflow:hidden}.btn-primary-create:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.btn-icon{font-size:1rem}.scroll-buttons{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:100}.scroll-btn{width:40px;height:40px;border:2px solid #d1d5db;border-radius:50%;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.25rem;font-weight:700;box-shadow:0 2px 8px #0000001a}.scroll-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff;transform:scale(1.1);box-shadow:0 4px 12px #2563eb33}.scroll-btn:active{transform:scale(.95)}.scroll-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@media (max-width: 1024px){.create-website-modal{max-width:800px}.create-modal-header{padding:2rem 2.5rem 1.25rem}.create-website-form{padding:1.5rem 2.5rem 1rem}.create-modal-actions{padding:1.5rem 2.5rem 2rem}}@media (max-width: 768px){.create-website-modal-overlay{padding:1rem}.create-website-modal{max-width:100%;max-height:100vh;border-radius:1rem}.create-modal-header{padding:1.5rem 2rem 1rem;flex-direction:column;align-items:flex-start;gap:1rem}.create-modal-close{align-self:flex-end;margin-left:0;margin-top:-1rem;position:static}.header-text h2{font-size:1.75rem}.create-website-form{padding:1rem 2rem}.create-modal-actions{padding:1.5rem 2rem 2rem;flex-direction:column-reverse;gap:1rem}.form-grid-two{grid-template-columns:1fr;gap:1.5rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem}.btn-secondary-create,.btn-primary-create{width:100%}.scroll-buttons{display:none}}@media (max-width: 480px){.create-website-modal-overlay{padding:.5rem}.create-modal-header{padding:1rem 1.5rem .75rem}.create-website-form{padding:.75rem 1.5rem}.create-modal-actions{padding:1rem 1.5rem 1.5rem}.header-text h2{font-size:1.5rem}.section-header h3{font-size:1.25rem}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.section-header{margin-bottom:1.5rem}.field-input,.field-select,.field-textarea,.input-prefix{padding:.875rem 1rem;font-size:.875rem}.toggle-option{padding:1rem}.toggle-switch{width:48px;height:28px}.toggle-switch:before{width:20px;height:20px;top:4px;left:4px}.toggle-checkbox:checked+.toggle-switch:before{transform:translate(20px)}}@media (prefers-reduced-motion: reduce){.create-website-modal,.form-section,.field-input,.field-select,.field-textarea,.toggle-switch,.btn-secondary-create,.btn-primary-create{animation:none;transition:none}}@media (prefers-contrast: high){.field-input,.field-select,.field-textarea,.btn-secondary-create,.btn-primary-create{border-width:3px}.toggle-switch{border:2px solid currentColor}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-trap{outline:2px solid #2563eb;outline-offset:2px}html,body,#root{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;background:#fff!important;margin:0!important;padding:0!important}#root{min-height:100vh!important}.web-analytics-page{background:#fff;color:#111827;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box}.web-analytics-page:after{content:"";display:block;height:100vh;background:transparent}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.header-title-container{display:flex;align-items:center;gap:15px}.back-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease;color:#111827}.back-button:hover{background:#e5e7eb;transform:translate(-2px)}.header-title-container h1{font-size:28px;font-weight:700;color:#111827;margin:0}.header-title-container p{font-size:14px;color:#6b7280;margin:5px 0 0}.header-actions{display:flex;gap:15px;align-items:center}.time-range-selector{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 15px;font-size:14px;color:#111827;cursor:pointer;transition:all .2s ease}.time-range-selector:hover,.time-range-selector:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#111827}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.website-selector-section{margin-bottom:30px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.website-selector-section h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px}.websites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.website-selector-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative}.website-selector-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 20px #3b82f626}.website-selector-card.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 20px #3b82f633}.website-info h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 5px}.website-info p{font-size:14px;color:#6b7280;margin:0 0 15px;text-transform:capitalize}.website-stats{display:flex;justify-content:space-between;font-size:13px}.website-stats span:first-child{color:#059669;font-weight:600}.website-stats span:last-child{color:#3b82f6;font-weight:500}.selected-indicator{position:absolute;top:15px;right:15px;background:#3b82f6;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.analytics-dashboard{display:flex;flex-direction:column;gap:30px}.analytics-overview{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.analytics-overview h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.overview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.card-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.card-content{flex:1}.card-value{font-size:24px;font-weight:700;color:#111827;margin-bottom:5px}.card-label{font-size:13px;color:#6b7280;font-weight:500}.realtime-revenue-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.realtime-card,.revenue-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb;text-align:center}.realtime-card h4,.revenue-card h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 15px}.realtime-visitors{margin-bottom:15px}.realtime-count{font-size:36px;font-weight:800;color:#ef4444;display:block}.realtime-label{font-size:14px;color:#6b7280}.pulse-indicator{width:12px;height:12px;background:#ef4444;border-radius:50%;margin:0 auto;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.revenue-amount{font-size:32px;font-weight:800;color:#059669;margin-bottom:10px}.revenue-details{font-size:14px;color:#6b7280}.traffic-sources-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.traffic-sources-section h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px}.traffic-breakdown{display:flex;flex-direction:column;gap:15px}.traffic-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.traffic-source{display:flex;align-items:center;gap:10px;flex:1}.source-icon{font-size:20px}.source-name{font-weight:500;color:#111827}.traffic-stats{display:flex;align-items:center;gap:15px;flex:1;justify-content:flex-end}.traffic-count{font-weight:600;color:#111827;min-width:80px;text-align:right}.traffic-bar{width:150px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.traffic-fill{height:100%;border-radius:4px;transition:width .5s ease}.traffic-fill.organic{background:#059669}.traffic-fill.direct{background:#3b82f6}.traffic-fill.referral{background:#f59e0b}.traffic-fill.social{background:#8b5cf6}.devices-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.devices-section h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px}.devices-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.device-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.device-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.device-icon{font-size:32px;margin-bottom:15px;display:block}.device-name{font-weight:600;color:#111827;display:block;margin-bottom:5px}.device-count{font-size:20px;font-weight:700;color:#3b82f6;display:block;margin-bottom:5px}.device-percentage{font-size:14px;color:#6b7280}.top-pages-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.top-pages-section h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px}.pages-table{display:flex;flex-direction:column;gap:1px;background:#e5e7eb;border-radius:8px;overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:15px 20px;background:#fff;align-items:center}.table-header{background:#f9fafb;font-weight:600;color:#111827;font-size:14px}.table-row{font-size:14px}.table-row:hover{background:#f9fafb}.page-url{color:#3b82f6;font-family:monospace;font-weight:500}.page-views{color:#111827;font-weight:500}.page-conversions{color:#059669;font-weight:600}.page-conversion-rate{color:#f59e0b;font-weight:600}.ai-insights-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.ai-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ai-insights-header h3{font-size:20px;font-weight:600;color:#111827;margin:0}.generate-insights-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.generate-insights-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.generate-insights-btn:disabled{opacity:.7;cursor:not-allowed}.ai-insights-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:25px}.insights-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.insights-website{font-weight:600;color:#111827;font-size:16px}.insights-timestamp{font-size:13px;color:#6b7280}.insights-analysis{color:#111827;line-height:1.7;font-size:15px;white-space:pre-wrap;margin-bottom:20px}.insights-actions{display:flex;justify-content:flex-end}.copy-insights-btn{background:#f3f4f6;color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.copy-insights-btn:hover{background:#e5e7eb}.ai-insights-placeholder{text-align:center;padding:40px 20px;color:#6b7280}.placeholder-icon{font-size:48px;margin-bottom:15px;display:block}.ai-insights-placeholder p{font-size:16px;max-width:500px;margin:0 auto;line-height:1.6}.tracking-code-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb}.tracking-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tracking-code-header h3{font-size:20px;font-weight:600;color:#111827;margin:0}.toggle-tracking-btn{background:#f3f4f6;color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.toggle-tracking-btn:hover{background:#e5e7eb}.tracking-code-content{display:flex;flex-direction:column;gap:25px}.tracking-instructions h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 10px}.tracking-instructions p{color:#6b7280;line-height:1.6;margin:0}.tracking-instructions code{background:#f3f4f6;color:#ef4444;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px}.tracking-code-box{position:relative;background:#1f2937;border-radius:8px;overflow:hidden}.tracking-code{background:#1f2937;color:#f9fafb;padding:20px;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.copy-tracking-btn{position:absolute;top:15px;right:15px;background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.copy-tracking-btn:hover{background:#2563eb;transform:translateY(-1px)}.tracking-tips h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 15px}.tracking-tips ul{margin:0;padding-left:20px;color:#6b7280}.tracking-tips li{margin-bottom:8px;line-height:1.6}.tracking-tips strong{color:#111827;font-weight:600}.tracking-status h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 15px}.status-indicators{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.status-label{font-weight:500;color:#374151}.status-value{font-weight:600;color:#111827}.status-value.unknown{color:#6b7280}.status-value.code{font-family:monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px;color:#1f2937}.no-website-selected{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb;color:#6b7280}.empty-icon{font-size:64px;margin-bottom:20px;display:block}.no-website-selected h3{font-size:24px;font-weight:600;color:#111827;margin:0 0 10px}.no-website-selected p{font-size:16px;margin:0;line-height:1.6}@media (max-width: 768px){.web-analytics-page{padding:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.overview-cards,.realtime-revenue-section,.websites-grid,.devices-breakdown{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:10px}.traffic-stats{flex-direction:column;gap:8px}.traffic-bar{width:100%}.ai-insights-header{flex-direction:column;gap:15px;text-align:center}}.tickets-management{background:#fff!important;color:#000!important;min-height:calc(100vh - 64px)!important;padding:0!important;margin:0!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.tickets-management.loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;background:#f6f7fb!important;color:#676879!important;font-size:16px!important}.tickets-header{background:#fff!important;border-bottom:1px solid #d0d4e4!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky!important;top:0!important;z-index:10!important;box-shadow:0 1px #0000001a!important}.header-content{flex:1!important}.header-title-container{display:flex!important;align-items:center!important;gap:16px!important}.back-button{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:6px!important;padding:8px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#000!important;width:40px!important;height:40px!important}.back-button:hover{background:#f6f7fb!important;border-color:#a1a5b7!important;transform:translate(-2px)!important}.back-button svg{width:20px!important;height:20px!important;color:#000!important}.header-title-container h1{font-size:28px!important;font-weight:600!important;color:#000!important;margin:0 0 4px!important;line-height:1.2!important}.header-title-container p{font-size:14px!important;color:#676879!important;margin:0!important;line-height:1.4!important}.tickets-stats{padding:24px!important;background:#f6f7fb!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:16px!important;border-bottom:1px solid #d0d4e4!important}.stat-card{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:20px!important;display:flex!important;align-items:center!important;gap:16px!important;transition:all .2s ease!important}.stat-card:hover{border-color:#0073ea!important;box-shadow:0 2px 8px #0073ea1a!important;transform:translateY(-1px)!important}.stat-card.urgent{border-color:#dc2626!important;background:linear-gradient(135deg,#fff,#fef2f2)!important}.stat-card.urgent:hover{border-color:#dc2626!important;box-shadow:0 4px 12px #dc262626!important}.stat-icon{font-size:28px!important;width:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#f6f7fb!important;flex-shrink:0!important}.stat-info{flex:1!important}.stat-value{font-size:32px!important;font-weight:700!important;color:#000!important;margin:0 0 4px!important;line-height:1!important}.stat-label{font-size:13px!important;font-weight:500!important;color:#676879!important;text-transform:uppercase!important;letter-spacing:.5px!important}.tickets-filters{background:#fff!important;border-bottom:1px solid #d0d4e4!important;padding:20px 24px!important;display:flex!important;gap:16px!important;align-items:center!important;flex-wrap:wrap!important}.search-box{flex:1!important;min-width:250px!important}.search-box input{width:100%!important;background:#f6f7fb!important;border:1px solid #d0d4e4!important;border-radius:6px!important;padding:12px 16px!important;font-size:14px!important;color:#000!important;outline:none!important;transition:all .2s ease!important}.search-box input:focus{border-color:#0073ea!important;background:#fff!important;box-shadow:0 0 0 3px #0073ea1a!important}.search-box input::placeholder{color:#a1a5b7!important}.filter-group{display:flex!important;gap:12px!important;flex-wrap:wrap!important}.filter-group select{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:6px!important;padding:10px 12px!important;font-size:13px!important;color:#000!important;cursor:pointer!important;outline:none!important;transition:border-color .2s ease!important;min-width:140px!important}.filter-group select:focus{border-color:#0073ea!important}.tickets-list{padding:24px!important;background:#f6f7fb!important;display:flex!important;flex-direction:column!important;gap:16px!important;min-height:400px!important}.ticket-card{background:#fff!important;border:1px solid #d0d4e4!important;border-radius:8px!important;padding:20px!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important}.ticket-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:4px!important;height:100%!important;background:#d0d4e4!important}.ticket-card.urgent:before{background:#dc2626!important}.ticket-card.high:before{background:#f59e0b!important}.ticket-card.medium:before{background:#0073ea!important}.ticket-card.low:before{background:#6b7280!important}.ticket-card:hover{border-color:#0073ea!important;box-shadow:0 4px 12px #0073ea1a!important;transform:translateY(-1px)!important}.ticket-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:16px!important;gap:16px!important}.ticket-info{flex:1!important}.ticket-title{font-size:18px!important;font-weight:600!important;color:#000!important;margin:0 0 4px!important;line-height:1.3!important}.ticket-client{font-size:13px!important;color:#676879!important;margin:0!important;font-weight:500!important}.ticket-badges{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}.status-badge,.priority-badge,.agent-badge{padding:6px 12px!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:4px!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:1px solid transparent!important;transition:all .2s ease!important}.agent-badge{cursor:pointer!important;text-transform:capitalize!important}.agent-badge:hover{transform:scale(1.05)!important;border-color:currentColor!important}.ticket-description{color:#676879!important;font-size:14px!important;line-height:1.5!important;margin:16px 0!important;padding:12px!important;background:#f6f7fb!important;border-radius:6px!important;border-left:3px solid #0073ea!important}.ticket-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid #f0f3ff!important}.ticket-dates{display:flex!important;flex-direction:column!important;gap:4px!important}.ticket-date{font-size:11px!important;color:#a1a5b7!important;font-weight:500!important}.ticket-actions{display:flex!important;gap:8px!important;align-items:center!important}.btn{border:none!important;border-radius:6px!important;padding:12px 20px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;outline:none!important;min-height:44px!important}.btn-primary{background:#0073ea!important;color:#fff!important}.btn-primary:hover{background:#005bb5!important;transform:translateY(-1px)!important}.btn-secondary{background:#f6f7fb!important;color:#676879!important;border:1px solid #d0d4e4!important}.btn-secondary:hover{background:#fff!important;border-color:#0073ea!important;color:#0073ea!important}.btn-success{background:#00ca72!important;color:#fff!important}.btn-success:hover{background:#00a85a!important;transform:translateY(-1px)!important}.btn-warning{background:#f59e0b!important;color:#fff!important}.btn-warning:hover{background:#d97706!important;transform:translateY(-1px)!important}.btn-small{padding:8px 12px!important;font-size:12px!important;min-height:32px!important}.no-tickets{text-align:center!important;padding:60px 20px!important;color:#676879!important}.no-tickets-icon{font-size:64px!important;margin-bottom:16px!important;opacity:.7!important}.no-tickets p{font-size:18px!important;font-weight:500!important;color:#676879!important;margin:0!important}.modal-overlay{position:fixed!important;inset:0!important;background:#00000080!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.modal{background:#fff!important;border-radius:12px!important;width:100%!important;max-width:600px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;border:1px solid #d0d4e4!important}.modal.large{max-width:800px!important}.modal-header{background:#f6f7fb!important;border-bottom:1px solid #d0d4e4!important;padding:20px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:12px 12px 0 0!important}.modal-header h3{font-size:20px!important;font-weight:600!important;color:#000!important;margin:0!important}.modal-close{width:32px!important;height:32px!important;border-radius:50%!important;background:#fff!important;border:1px solid #d0d4e4!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:14px!important;color:#676879!important;transition:all .2s ease!important}.modal-close:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.modal-form{padding:24px!important}.form-field{margin-bottom:20px!important}.form-field label{display:block!important;font-size:13px!important;font-weight:600!important;color:#000!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.form-field input,.form-field textarea,.form-field select{width:100%!important;background:#f6f7fb!important;border:1px solid #d0d4e4!important;border-radius:6px!important;padding:12px 16px!important;font-size:14px!important;color:#000!important;outline:none!important;transition:all .2s ease!important;font-family:inherit!important}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#0073ea!important;background:#fff!important;box-shadow:0 0 0 3px #0073ea1a!important}.form-field textarea{resize:vertical!important;min-height:100px!important}.form-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important;margin-bottom:20px!important}.modal-actions{padding:20px 24px!important;border-top:1px solid #d0d4e4!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;background:#f6f7fb!important;border-radius:0 0 12px 12px!important}.ticket-detail{padding:24px!important}.detail-header{border-bottom:1px solid #d0d4e4!important;padding-bottom:20px!important;margin-bottom:20px!important}.detail-header h2{font-size:24px!important;font-weight:600!important;color:#000!important;margin:0 0 12px!important}.detail-badges{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.detail-info{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:16px!important;margin-bottom:24px!important;padding:20px!important;background:#f6f7fb!important;border-radius:8px!important}.info-item{font-size:14px!important;color:#676879!important}.info-item strong{color:#000!important;font-weight:600!important;display:block!important;margin-bottom:4px!important}.detail-description{margin-bottom:24px!important}.detail-description h4{font-size:16px!important;font-weight:600!important;color:#000!important;margin:0 0 12px!important}.detail-description p{font-size:14px!important;color:#676879!important;line-height:1.6!important;margin:0!important;padding:16px!important;background:#f6f7fb!important;border-radius:6px!important;border-left:4px solid #0073ea!important}.detail-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important}.loading-spinner{width:40px!important;height:40px!important;border:4px solid #f6f7fb!important;border-top:4px solid #0073ea!important;border-radius:50%!important;animation:spin 1s linear infinite!important;margin-bottom:16px!important}@media (max-width: 1024px){.tickets-stats{grid-template-columns:repeat(2,1fr)!important}.tickets-filters{flex-direction:column!important;align-items:stretch!important}.filter-group{justify-content:stretch!important}.filter-group select{flex:1!important}.form-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.tickets-header{padding:16px!important;flex-direction:column!important;gap:16px!important;align-items:stretch!important}.header-title-container{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.header-title-container h1{font-size:24px!important}.tickets-stats{padding:16px!important;grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:16px!important}.stat-value{font-size:28px!important}.tickets-filters{padding:16px!important}.search-box{min-width:100%!important}.tickets-list,.ticket-card{padding:16px!important}.ticket-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.ticket-badges{align-self:stretch!important;justify-content:flex-start!important}.ticket-footer{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.ticket-actions{justify-content:stretch!important}.ticket-actions .btn-small{flex:1!important}.modal{margin:10px!important;max-height:calc(100vh - 20px)!important}.modal-actions{flex-direction:column!important}.detail-info{grid-template-columns:1fr!important}.detail-actions{flex-direction:column!important}}@media (max-width: 480px){.header-title-container h1{font-size:20px!important}.stat-value{font-size:24px!important}.stat-icon{font-size:24px!important;width:40px!important;height:40px!important}.ticket-title{font-size:16px!important}.tickets-filters{padding:12px!important}.tickets-list{padding:12px!important;gap:12px!important}.btn{padding:10px 16px!important;font-size:13px!important}.btn-small{padding:6px 10px!important;font-size:11px!important}}.tickets-management::-webkit-scrollbar{width:8px!important}.tickets-management::-webkit-scrollbar-track{background:#f6f7fb!important;border-radius:4px!important}.tickets-management::-webkit-scrollbar-thumb{background:#c5c7d4!important;border-radius:4px!important}.tickets-management::-webkit-scrollbar-thumb:hover{background:#a1a5b7!important}.tickets-management{scrollbar-width:thin!important;scrollbar-color:#c5c7d4 #f6f7fb!important}.ticket-card{animation:fadeInUp .3s ease forwards!important}.ticket-card:nth-child(1){animation-delay:.05s!important}.ticket-card:nth-child(2){animation-delay:.1s!important}.ticket-card:nth-child(3){animation-delay:.15s!important}.ticket-card:nth-child(4){animation-delay:.2s!important}.ticket-card:nth-child(5){animation-delay:.25s!important}.back-button:focus,.btn:focus,.modal-close:focus{outline:2px solid #0073ea!important;outline-offset:2px!important}.escalations-page{min-height:100%;background:var(--monday-bg);font-family:var(--monday-font-family)}.escalations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--monday-spacing-xl);background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);padding:var(--card-padding);box-shadow:var(--monday-shadow)}.escalations-title-section h1{font-size:var(--monday-text-2xl);font-weight:var(--monday-font-bold);color:var(--monday-text-primary);margin:0 0 var(--monday-spacing-sm) 0}.escalations-title-section p{font-size:var(--monday-text-base);color:var(--monday-text-secondary);margin:0}.escalations-stats{display:flex;gap:var(--monday-spacing-md)}.stat-card{background:var(--monday-white);border:2px solid;border-radius:var(--monday-radius);padding:var(--monday-spacing-md);text-align:center;min-width:100px;transition:var(--monday-transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--monday-shadow-hover)}.stat-card.critical{border-color:var(--monday-red);background:var(--monday-red-light)}.stat-card.high{border-color:var(--monday-orange);background:var(--monday-orange-light)}.stat-card.resolved{border-color:var(--monday-green);background:var(--monday-green-light)}.stat-number{font-size:var(--monday-text-xl);font-weight:var(--monday-font-bold);color:var(--monday-text-primary);margin-bottom:var(--monday-spacing-xs)}.stat-label{font-size:var(--monday-text-xs);font-weight:var(--monday-font-medium);color:var(--monday-text-secondary);text-transform:uppercase;letter-spacing:.05em}.escalations-filters{display:flex;align-items:center;gap:var(--monday-spacing-lg);margin-bottom:var(--monday-spacing-xl);background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);padding:var(--monday-spacing-md) var(--card-padding);box-shadow:var(--monday-shadow)}.filter-group{display:flex;align-items:center;gap:var(--monday-spacing-sm)}.filter-group label{font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);color:var(--monday-text-secondary);white-space:nowrap}.filter-select{background:var(--monday-white);border:var(--input-border);border-radius:var(--monday-radius-sm);padding:var(--monday-spacing-sm) var(--monday-spacing-md);font-size:var(--monday-text-sm);color:var(--monday-text-primary);cursor:pointer;transition:var(--monday-transition-fast);min-width:120px}.filter-select:focus{outline:none;border-color:var(--monday-blue);box-shadow:0 0 0 3px #0073ea1a}.filter-actions{margin-left:auto;display:flex;gap:var(--monday-spacing-sm)}.refresh-btn,.clear-notifications-btn,.create-sample-btn,.delete-all-btn,.auto-escalate-btn{background:var(--monday-blue);color:var(--monday-white);border:none;border-radius:var(--monday-radius-sm);padding:var(--monday-spacing-sm) var(--monday-spacing-md);font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);cursor:pointer;transition:var(--monday-transition-fast)}.refresh-btn:hover,.clear-notifications-btn:hover,.create-sample-btn:hover,.delete-all-btn:hover,.auto-escalate-btn:hover{background:var(--monday-blue-hover);transform:translateY(-1px)}.clear-notifications-btn{background:var(--monday-orange)}.clear-notifications-btn:hover{background:var(--monday-orange-hover)}.delete-all-btn{background:var(--monday-red)}.delete-all-btn:hover{background:var(--monday-red-hover)}.create-sample-btn{background:var(--monday-green)}.create-sample-btn:hover{background:var(--monday-green-hover)}.auto-escalate-btn{background:var(--monday-purple)}.auto-escalate-btn:hover{background:var(--monday-purple-hover)}.stat-card.tickets{border-color:var(--monday-purple);background:var(--monday-purple-light)}.ticket-integration-section{background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);padding:var(--card-padding);box-shadow:var(--monday-shadow);margin-bottom:var(--monday-spacing-xl)}.integration-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--monday-spacing-md)}.integration-header h3{font-size:var(--monday-text-lg);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0}.integration-stats{display:flex;gap:var(--monday-spacing-lg);flex-wrap:wrap}.integration-stats span{font-size:var(--monday-text-sm);color:var(--monday-text-secondary)}.integration-stats strong{color:var(--monday-text-primary);font-weight:var(--monday-font-semibold)}.escalations-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--monday-spacing-xl)}.escalations-grid{display:flex;flex-direction:column;gap:var(--monday-spacing-lg)}.escalation-card{background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);padding:var(--card-padding);box-shadow:var(--monday-shadow);transition:var(--monday-transition-fast);position:relative;overflow:hidden}.escalation-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--monday-border)}.escalation-card.critical:before{background:var(--monday-red)}.escalation-card.high:before{background:var(--monday-orange)}.escalation-card.medium:before{background:var(--monday-blue)}.escalation-card.low:before{background:var(--monday-green)}.escalation-card:hover{transform:translateY(-2px);box-shadow:var(--monday-shadow-hover)}.escalation-card.resolved{opacity:.7}.escalation-header{margin-bottom:var(--monday-spacing-md)}.escalation-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--monday-spacing-sm)}.escalation-title{font-size:var(--monday-text-lg);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0;flex:1;margin-right:var(--monday-spacing-md)}.escalation-badges{display:flex;gap:var(--monday-spacing-xs);flex-shrink:0}.severity-badge,.status-badge{font-size:var(--monday-text-xs);font-weight:var(--monday-font-semibold);color:var(--monday-white);padding:2px var(--monday-spacing-xs);border-radius:var(--monday-radius-sm);text-transform:uppercase;letter-spacing:.05em}.escalation-meta{display:flex;gap:var(--monday-spacing-md);font-size:var(--monday-text-xs);color:var(--monday-text-tertiary)}.escalation-content{margin-bottom:var(--monday-spacing-md)}.escalation-description{font-size:var(--monday-text-base);color:var(--monday-text-secondary);line-height:var(--monday-leading-relaxed);margin:0 0 var(--monday-spacing-md) 0}.escalation-metrics{background:var(--monday-bg);border-radius:var(--monday-radius-sm);padding:var(--monday-spacing-md)}.escalation-metrics h4{font-size:var(--monday-text-sm);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0 0 var(--monday-spacing-sm) 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--monday-spacing-sm)}.metric-item{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:var(--monday-text-xs);color:var(--monday-text-tertiary);text-transform:capitalize}.metric-value{font-size:var(--monday-text-sm);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary)}.escalation-footer{display:flex;flex-direction:column;gap:var(--monday-spacing-sm)}.assigned-to,.resolved-at{font-size:var(--monday-text-sm);color:var(--monday-text-secondary)}.escalation-actions{display:flex;gap:var(--monday-spacing-sm);margin-top:var(--monday-spacing-sm)}.take-btn,.resolve-btn,.details-btn{padding:var(--monday-spacing-sm) var(--monday-spacing-md);border:none;border-radius:var(--monday-radius-sm);font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);cursor:pointer;transition:var(--monday-transition-fast)}.take-btn{background:var(--monday-blue);color:var(--monday-white)}.take-btn:hover{background:var(--monday-blue-hover)}.resolve-btn{background:var(--monday-green);color:var(--monday-white)}.resolve-btn:hover{background:var(--monday-green-hover)}.details-btn{background:var(--monday-bg);color:var(--monday-text-secondary);border:var(--input-border)}.details-btn:hover{background:var(--monday-white);color:var(--monday-text-primary)}.no-escalations{text-align:center;padding:var(--monday-spacing-3xl);color:var(--monday-text-secondary)}.no-escalations-icon{font-size:48px;margin-bottom:var(--monday-spacing-md)}.no-escalations h3{font-size:var(--monday-text-xl);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0 0 var(--monday-spacing-sm) 0}.no-escalations p{margin:0}.escalations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--monday-text-secondary)}.escalations-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--monday-text-secondary)}.escalations-error h2{color:var(--monday-red);margin-bottom:var(--monday-spacing-md)}.escalations-error p{margin-bottom:var(--monday-spacing-lg);max-width:500px}.retry-btn{background:var(--monday-blue);color:var(--monday-white);border:none;border-radius:var(--monday-radius-sm);padding:var(--monday-spacing-md) var(--monday-spacing-lg);font-size:var(--monday-text-base);font-weight:var(--monday-font-medium);cursor:pointer;transition:var(--monday-transition-fast)}.retry-btn:hover{background:var(--monday-blue-hover);transform:translateY(-1px)}.loading-spinner{width:40px;height:40px;border:3px solid var(--monday-border);border-top:3px solid var(--monday-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--monday-spacing-md)}.recent-notifications{background:var(--monday-white);border:var(--card-border);border-radius:var(--monday-radius);padding:var(--card-padding);box-shadow:var(--monday-shadow)}.recent-notifications h3{font-size:var(--monday-text-lg);font-weight:var(--monday-font-semibold);color:var(--monday-text-primary);margin:0 0 var(--monday-spacing-md) 0}.notifications-summary{display:flex;flex-direction:column;gap:var(--monday-spacing-sm)}.notification-summary-item{display:flex;align-items:center;gap:var(--monday-spacing-sm);padding:var(--monday-spacing-sm);border-radius:var(--monday-radius-sm);transition:var(--monday-transition-fast)}.notification-summary-item:hover{background:var(--monday-bg)}.notification-summary-item .notification-icon{font-size:16px;flex-shrink:0}.notification-summary-item .notification-content{flex:1;min-width:0}.notification-summary-item .notification-title{font-size:var(--monday-text-sm);font-weight:var(--monday-font-medium);color:var(--monday-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-summary-item .notification-time{font-size:var(--monday-text-xs);color:var(--monday-text-tertiary)}@keyframes escalation-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 10px #dc262600}}.escalation-card.critical{animation:escalation-pulse 2s infinite}.escalation-card.high:hover{border-left-color:var(--monday-orange);border-left-width:6px}@media (max-width: 1200px){.escalations-content{grid-template-columns:1fr}}@media (max-width: 768px){.escalations-page{padding:var(--monday-spacing-md)}.escalations-header{flex-direction:column;gap:var(--monday-spacing-md)}.escalations-stats{width:100%;justify-content:space-between}.escalations-filters{flex-direction:column;align-items:stretch;gap:var(--monday-spacing-md)}.filter-actions{margin-left:0;margin-top:var(--monday-spacing-sm)}.escalation-title-row{flex-direction:column;gap:var(--monday-spacing-sm)}.escalation-badges{align-self:flex-start}.escalation-actions{flex-wrap:wrap}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.escalations-stats{flex-direction:column}.stat-card{min-width:auto}.escalation-card{padding:var(--monday-spacing-md)}.metrics-grid{grid-template-columns:1fr}}.real-time-metrics{background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-bottom:2rem;overflow:hidden}.real-time-metrics.loading,.real-time-metrics.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#495057;background:#f8f9fa}.loading-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top:3px solid #000000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.metrics-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1.5rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h2{margin:0;color:#000;font-size:1.5rem;font-weight:600}.last-update{display:flex;align-items:center;color:#6c757d;font-size:.875rem}.update-indicator{width:8px;height:8px;background:#000;border-radius:50%;margin-right:.5rem;animation:pulse 2s infinite}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem}.metric-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease}.metric-card:hover{box-shadow:0 2px 8px #0000001a}.metric-header{display:flex;align-items:center;margin-bottom:1rem}.metric-icon{font-size:1.5rem;margin-right:.75rem}.metric-title{color:#000;font-weight:600;font-size:.9375rem}.metric-content{text-align:left}.primary-value{color:#000;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.secondary-value{color:#6c757d;font-size:.875rem;margin-bottom:1rem}.growth-indicator{display:flex;align-items:center;margin-bottom:1rem;padding:.5rem;border-radius:4px;font-size:.875rem;font-weight:500}.growth-indicator.positive,.growth-indicator.negative{background:#f8f9fa;color:#000}.growth-indicator.neutral{background:#f8f9fa;color:#6c757d}.growth-icon{margin-right:.5rem;font-weight:700}.metric-details{border-top:1px solid #e9ecef;padding-top:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-label{color:#6c757d;font-size:.8125rem}.detail-value{color:#000;font-weight:500;font-size:.8125rem}.detail-item.excellent .detail-value,.detail-item.good .detail-value{color:#000}.detail-item.warning .detail-value{color:#000;font-weight:600}.detail-item.critical .detail-value{color:#000;font-weight:700}.health-indicators{background:#f8f9fa;border-top:1px solid #e9ecef;padding:2rem}.health-header h3{margin:0 0 1.5rem;color:#000;font-size:1.25rem;font-weight:600}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.health-indicator{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.25rem;display:flex;align-items:center}.health-icon{font-size:1.5rem;margin-right:1rem}.health-content{flex:1}.health-title{color:#6c757d;font-size:.8125rem;margin-bottom:.25rem}.health-value{color:#000;font-size:1.125rem;font-weight:600;line-height:1.2}.health-status{color:#495057;font-size:.75rem;margin-top:.25rem}.health-indicator.excellent{border-left:3px solid #000000}.health-indicator.good{border-left:3px solid #495057}.health-indicator.warning{border-left:3px solid #6c757d}.health-indicator.critical{border-left:3px solid #000000;background:#f8f9fa}.health-indicator.positive{border-left:3px solid #000000}.health-indicator.negative{border-left:3px solid #495057}.health-indicator.neutral{border-left:3px solid #6c757d}.progress-section{background:#fff;border-top:1px solid #e9ecef;padding:2rem}.progress-header h3{margin:0 0 1.5rem;color:#000;font-size:1.25rem;font-weight:600}.progress-items{display:flex;flex-direction:column;gap:1.5rem}.progress-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1.25rem}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;color:#000;font-size:.875rem;font-weight:500}.progress-bar{background:#e9ecef;height:8px;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{background:#000;height:100%;transition:width .3s ease;border-radius:4px}.progress-percentage{text-align:right;color:#495057;font-size:.75rem;font-weight:600}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr;padding:1rem}.health-grid{grid-template-columns:1fr}.metrics-header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:.5rem}.header-content h2{font-size:1.25rem}.progress-section,.health-indicators{padding:1rem}}@media (max-width: 480px){.metric-card{padding:1rem}.primary-value{font-size:1.5rem}.progress-label{flex-direction:column;align-items:flex-start;gap:.25rem}.progress-percentage{text-align:left}}.metric-card{animation:fadeInUp .3s ease-out}.metric-card:nth-child(1){animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.metric-card,.progress-fill,.update-indicator{animation:none;transition:none}}@media (prefers-contrast: high){.metric-card,.health-indicator,.progress-item{border-width:2px}.primary-value,.health-value{font-weight:700}}.nixon-insights{background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-bottom:2rem;overflow:hidden}.nixon-insights.loading,.nixon-insights.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#495057;background:#f8f9fa}.error-icon{font-size:3rem;margin-bottom:1rem}.insights-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1.5rem 2rem}.header-content{display:flex;align-items:center}.header-icon{font-size:2rem;margin-right:1rem}.header-text h2{margin:0 0 .25rem;color:#000;font-size:1.5rem;font-weight:600}.header-text p{margin:0;color:#6c757d;font-size:.875rem}.tabs-navigation{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;overflow-x:auto}.tab-button{background:transparent;border:none;padding:1rem 1.5rem;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;white-space:nowrap;color:#6c757d}.tab-button:hover{background:#e9ecef;color:#495057}.tab-button.active{background:#fff;color:#000;border-bottom-color:#000}.tab-icon{margin-right:.5rem;font-size:1rem}.tab-label{font-size:.875rem;font-weight:500}.tabs-content{background:#fff}.tab-content{padding:2rem;min-height:400px}.summary-tab .summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.summary-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.summary-icon{font-size:1.5rem;margin-right:1rem}.summary-title{flex:1}.summary-title h3{margin:0 0 .25rem;color:#000;font-size:1.25rem;font-weight:600}.summary-timestamp{color:#6c757d;font-size:.8125rem}.confidence-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px}.confidence-label{color:#6c757d;font-size:.8125rem}.confidence-value{color:#000;font-weight:600;font-size:.8125rem}.summary-content{padding:1.5rem}.summary-text{color:#000;font-size:1rem;line-height:1.6;margin:0}.kpi-analysis{border-top:1px solid #e9ecef;padding:1.5rem;background:#fff}.kpi-analysis h4{margin:0 0 1rem;color:#000;font-size:1.125rem;font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.kpi-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem}.kpi-card.excellent{border-left:3px solid #000000}.kpi-card.good{border-left:3px solid #495057}.kpi-card.warning{border-left:3px solid #6c757d}.kpi-card.critical{border-left:3px solid #000000;background:#f8f9fa}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.kpi-name{color:#000;font-size:.8125rem;font-weight:600}.kpi-status{font-size:.875rem}.kpi-value{color:#000;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.kpi-progress{background:#e9ecef;height:4px;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.kpi-progress-bar{background:#000;height:100%;transition:width .3s ease}.kpi-target{color:#6c757d;font-size:.75rem}.trends-header,.recommendations-header,.risks-header,.opportunities-header{margin-bottom:2rem}.trends-header h3,.recommendations-header h3,.risks-header h3,.opportunities-header h3{margin:0 0 .5rem;color:#000;font-size:1.25rem;font-weight:600}.trends-header p,.recommendations-header p,.risks-header p,.opportunities-header p{margin:0;color:#6c757d;font-size:.875rem}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.trend-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.25rem}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.trend-metric{color:#000;font-weight:600;font-size:.9375rem}.trend-indicator{font-size:1.25rem}.trend-value{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.trend-description{color:#495057;font-size:.875rem;line-height:1.4}.recommendations-list{display:flex;flex-direction:column;gap:1.5rem}.recommendation-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.recommendation-card.critical{border-left:4px solid #000000}.recommendation-card.high{border-left:4px solid #495057}.recommendation-card.medium{border-left:4px solid #6c757d}.recommendation-card.low{border-left:4px solid #adb5bd}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.recommendation-title{flex:1}.recommendation-title h4{margin:0 0 .5rem;color:#000;font-size:1.125rem;font-weight:600}.priority-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#fff;border:1px solid #e9ecef;border-radius:12px;font-size:.75rem;font-weight:600}.expand-button{background:#fff;border:1px solid #e9ecef;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#495057;font-weight:700;margin-left:1rem}.expand-button:hover{background:#f8f9fa}.recommendation-category{color:#6c757d;font-size:.8125rem;font-weight:500;margin-bottom:.5rem}.recommendation-description{color:#000;font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.recommendation-details{border-top:1px solid #e9ecef;padding-top:1rem}.actions-section h5{color:#000;font-size:.9375rem;font-weight:600;margin:0 0 .75rem}.actions-list{margin:0 0 1rem;padding-left:1.5rem}.actions-list li{color:#495057;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.impact-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.impact-item{color:#495057;font-size:.875rem}.impact-item strong{color:#000}.risks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.risk-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.risk-card.high{border-left:4px solid #000000}.risk-card.medium{border-left:4px solid #6c757d}.risk-card.low{border-left:4px solid #adb5bd}.risk-header{margin-bottom:1rem}.risk-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.risk-title h4{margin:0;color:#000;font-size:1.125rem;font-weight:600;flex:1}.risk-level{padding:.25rem .75rem;background:#fff;border:1px solid #e9ecef;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:1rem}.risk-type{color:#6c757d;font-size:.8125rem;font-weight:500}.risk-description{color:#000;font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.risk-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:6px}.risk-metric{display:flex;justify-content:space-between;align-items:center}.metric-value{color:#000;font-weight:600;font-size:.8125rem}.mitigation-section h5{color:#000;font-size:.9375rem;font-weight:600;margin:0 0 .75rem}.mitigation-list{margin:0;padding-left:1.5rem}.mitigation-list li{color:#495057;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.opportunity-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.opportunity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.opportunity-header h4{margin:0;color:#000;font-size:1.125rem;font-weight:600;flex:1}.potential-badge{padding:.25rem .75rem;background:#fff;border:1px solid #e9ecef;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:1rem}.potential-badge.alto{border-color:#000;color:#000}.potential-badge.medio{border-color:#6c757d;color:#6c757d}.potential-badge.bajo{border-color:#adb5bd;color:#adb5bd}.opportunity-type{color:#6c757d;font-size:.8125rem;font-weight:500;margin-bottom:.5rem}.opportunity-description{color:#000;font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.opportunity-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:6px}.opportunity-metric{display:flex;flex-direction:column;gap:.25rem}.anomalies-alert{background:#f8f9fa;border-top:1px solid #e9ecef;padding:2rem}.alert-header{display:flex;align-items:center;margin-bottom:1.5rem}.alert-icon{font-size:1.5rem;margin-right:.75rem}.alert-header h3{margin:0;color:#000;font-size:1.25rem;font-weight:600}.anomalies-list{display:flex;flex-direction:column;gap:1rem}.anomaly-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem}.anomaly-item.critical{border-left:4px solid #000000}.anomaly-item.warning{border-left:4px solid #6c757d}.anomaly-metric{color:#000;font-weight:600;font-size:.9375rem;margin-bottom:.5rem}.anomaly-description{color:#495057;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.anomaly-recommendation{color:#000;font-size:.875rem;font-weight:500}@media (max-width: 768px){.tab-content{padding:1rem}.trends-grid,.risks-grid,.opportunities-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.impact-section,.risk-metrics,.opportunity-metrics{grid-template-columns:1fr}.tabs-navigation{overflow-x:scroll}.tab-button{padding:.75rem 1rem}}.tab-content{animation:fadeInUp .3s ease-out}@media (prefers-reduced-motion: reduce){.tab-content,.kpi-progress-bar{animation:none;transition:none}}.business-analytics{background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-bottom:2rem;overflow:hidden}.business-analytics.loading,.business-analytics.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#495057;background:#f8f9fa}.analytics-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-content h2{margin:0 0 .25rem;color:#000;font-size:1.5rem;font-weight:600}.header-content p{margin:0;color:#6c757d;font-size:.875rem}.period-select{background:#fff;border:2px solid #e9ecef;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;color:#000;cursor:pointer;transition:all .2s ease}.period-select:focus{outline:none;border-color:#000}.financial-metrics{background:#f8f9fa;padding:2rem;border-bottom:1px solid #e9ecef}.metrics-header{margin-bottom:1.5rem}.metrics-header h3{color:#000;font-size:1.25rem;font-weight:600;margin:0}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.financial-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;display:flex;align-items:center;transition:all .2s ease}.financial-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.financial-icon{font-size:2rem;margin-right:1.25rem;flex-shrink:0}.financial-content{flex:1}.financial-label{color:#6c757d;font-size:.8125rem;font-weight:500;margin-bottom:.5rem}.financial-value{color:#000;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.financial-change{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.financial-change .positive,.financial-change .negative{color:#000;font-weight:600}.financial-change .neutral{color:#6c757d;font-weight:500}.change-label{color:#6c757d}.section-header{margin-bottom:2rem;text-align:center;padding:0 1rem}.section-header p{color:#6c757d;font-size:.875rem;margin:0}.cohort-analysis{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.cohort-table{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.cohort-header,.cohort-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.5fr;gap:1px;background:#e9ecef}.cohort-header{background:#000}.cohort-cell{background:#fff;padding:1rem;font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center}.cohort-cell.header{background:#000;color:#fff;font-weight:600;font-size:.8125rem}.retention-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.retention-badge.excellent{background:#f8f9fa;color:#000;border:1px solid #000000}.retention-badge.good{background:#f8f9fa;color:#495057;border:1px solid #495057}.retention-badge.warning{background:#f8f9fa;color:#6c757d;border:1px solid #6c757d}.client-distribution{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.distribution-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.distribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.plan-name{color:#000;font-size:1rem;font-weight:600}.plan-count{color:#6c757d;font-size:.8125rem;font-weight:500}.distribution-metrics{margin-bottom:1rem}.distribution-metric{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.plan-bar{background:#e9ecef;height:6px;border-radius:3px;overflow:hidden}.plan-fill{background:#000;height:100%;transition:width .3s ease;border-radius:3px}.agent-performance{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.performance-table{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.performance-header,.performance-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr 1fr;gap:1px;background:#e9ecef}.performance-header{background:#000}.perf-cell{background:#fff;padding:1rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;text-align:center}.perf-cell.header{background:#000;color:#fff;font-weight:600;font-size:.8125rem}.perf-cell.agent-name{justify-content:flex-start;gap:.75rem}.agent-avatar{width:32px;height:32px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.ticket-stats{display:flex;align-items:center;gap:.25rem}.ticket-stats .resolved{color:#000;font-weight:600}.ticket-stats .total{color:#6c757d}.efficiency-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.efficiency-badge.excellent{background:#f8f9fa;color:#000;border:1px solid #000000}.efficiency-badge.good{background:#f8f9fa;color:#495057;border:1px solid #495057}.efficiency-badge.warning{background:#f8f9fa;color:#6c757d;border:1px solid #6c757d}.productivity-score{display:flex;align-items:center;gap:.75rem}.score-bar{flex:1;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.score-fill{background:#000;height:100%;transition:width .3s ease;border-radius:3px}.score-value{color:#000;font-weight:600;font-size:.75rem;min-width:20px}.trends-chart{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.chart-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:2rem}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#495057}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-item.revenue .legend-dot{background:#000}.legend-item.clients .legend-dot{background:#495057}.legend-item.tickets .legend-dot{background:#6c757d}.chart-area{display:flex;align-items:end;justify-content:space-between;gap:1rem;height:200px;padding:1rem 0}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bars{display:flex;align-items:end;gap:2px;height:calc(100% - 30px);margin-bottom:10px}.chart-bar{width:12px;border-radius:2px;min-height:4px;transition:height .3s ease}.chart-bar.revenue{background:#000}.chart-bar.clients{background:#495057}.chart-bar.tickets{background:#6c757d}.chart-label{color:#6c757d;font-size:.75rem;font-weight:500}.operational-metrics{background:#fff;padding:2rem}.operational-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.operational-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:center}.operational-icon{font-size:2rem;margin-bottom:1rem}.operational-label{color:#6c757d;font-size:.8125rem;font-weight:500;margin-bottom:.75rem}.operational-value{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.operational-value .positive,.operational-value .negative{color:#000}.operational-insight{color:#495057;font-size:.8125rem;font-style:italic}@media (max-width: 1200px){.financial-grid,.distribution-grid,.operational-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.performance-header,.performance-row{grid-template-columns:1.5fr .8fr .8fr .8fr 1fr .8fr}.cohort-header,.cohort-row{grid-template-columns:1fr .8fr .8fr .8fr 1.2fr}}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:stretch;text-align:center}.financial-grid,.distribution-grid,.operational-grid{grid-template-columns:1fr}.chart-legend{gap:1rem}.performance-table,.cohort-table{font-size:.75rem}.performance-header,.performance-row{grid-template-columns:1fr;gap:0}.perf-cell{justify-content:space-between;padding:.75rem;border-bottom:1px solid #e9ecef}.perf-cell:before{content:attr(data-label);font-weight:600;color:#6c757d}.cohort-header,.cohort-row{grid-template-columns:1fr;gap:0}.cohort-cell{justify-content:space-between;border-bottom:1px solid #e9ecef}.chart-area{height:150px}}.business-analytics{animation:slideInUp .3s ease-out}.financial-card{animation:fadeInUp .3s ease-out}.financial-card:nth-child(1){animation-delay:.1s}.financial-card:nth-child(2){animation-delay:.2s}.financial-card:nth-child(3){animation-delay:.3s}.financial-card:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.business-analytics,.financial-card,.plan-fill,.score-fill,.chart-bar{animation:none;transition:none}}@media (prefers-contrast: high){.financial-card,.distribution-card,.operational-card{border-width:2px}.financial-value,.operational-value{font-weight:800}}.system-performance{background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-bottom:2rem;overflow:hidden}.system-performance.loading,.system-performance.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#495057;background:#f8f9fa}.performance-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1.5rem 2rem;text-align:center}.performance-header h2{margin:0 0 .5rem;color:#000;font-size:1.5rem;font-weight:600}.performance-header p{margin:0;color:#6c757d;font-size:.875rem}.system-status-overview{background:#f8f9fa;padding:2rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:center}.status-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2rem;display:flex;align-items:center;gap:1.5rem;max-width:600px;width:100%;transition:all .3s ease}.status-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.status-card.excellent{border-left:4px solid #000000}.status-card.good{border-left:4px solid #495057}.status-card.warning{border-left:4px solid #6c757d}.status-icon{font-size:3rem;flex-shrink:0}.status-content h3{color:#000;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.status-value{color:#000;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.status-description{color:#6c757d;font-size:.875rem;line-height:1.4}.section-header{margin-bottom:2rem;text-align:center}.section-header h3{color:#000;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.section-header p{color:#6c757d;font-size:.875rem;margin:0;line-height:1.4}.database-metrics{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.db-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.db-metric-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;display:flex;align-items:center;text-align:left;transition:all .2s ease}.db-metric-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}.db-metric-icon{font-size:1.75rem;margin-right:1rem;flex-shrink:0}.db-metric-content{flex:1}.db-metric-value{color:#000;font-size:1.25rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.db-metric-label{color:#6c757d;font-size:.8125rem;font-weight:500}.hourly-activity{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.activity-chart{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:2rem}.chart-container{display:flex;align-items:end;justify-content:space-between;height:120px;margin-bottom:1.5rem;padding:0 .5rem}.activity-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;max-width:30px}.activity-bar{width:12px;border-radius:2px;margin-bottom:.5rem;transition:all .3s ease;cursor:pointer;min-height:4px}.activity-bar.high{background:#000}.activity-bar.medium{background:#495057}.activity-bar.low{background:#6c757d}.activity-bar:hover{opacity:.8;transform:scaleX(1.5)}.hour-label{color:#6c757d;font-size:.625rem;font-weight:500;writing-mode:horizontal-tb}.activity-legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#495057}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.high{background:#000}.legend-dot.medium{background:#495057}.legend-dot.low{background:#6c757d}.system-components{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.component-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .2s ease}.component-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}.component-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.component-icon{font-size:1.5rem;margin-right:.75rem}.component-name{flex:1;color:#000;font-weight:600;font-size:.9375rem}.component-status{width:12px;height:12px;border-radius:50%;flex-shrink:0}.component-status.excellent{background:#000}.component-status.good{background:#495057}.component-status.warning{background:#6c757d}.component-metrics{display:flex;flex-direction:column;gap:.5rem}.component-metric{display:flex;justify-content:space-between;align-items:center}.metric-label{color:#6c757d;font-size:.8125rem}.metric-value{color:#000;font-size:.8125rem;font-weight:600}.real-time-performance{background:#fff;padding:2rem;border-bottom:1px solid #e9ecef}.realtime-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.realtime-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.realtime-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}.realtime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.realtime-label{color:#6c757d;font-size:.8125rem;font-weight:500}.realtime-status{padding:.125rem .5rem;border-radius:8px;font-size:.625rem;font-weight:600;text-transform:uppercase}.realtime-status.excellent{background:#f8f9fa;color:#000;border:1px solid #000000}.realtime-status.good{background:#f8f9fa;color:#495057;border:1px solid #495057}.realtime-status.warning{background:#f8f9fa;color:#6c757d;border:1px solid #6c757d}.realtime-gauge{margin-bottom:.5rem}.gauge-container{background:#e9ecef;height:8px;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.gauge-fill{background:#000;height:100%;transition:width .3s ease;border-radius:4px}.gauge-value{color:#000;font-size:1.125rem;font-weight:700}.realtime-value{display:flex;flex-direction:column;align-items:center;gap:.25rem}.value-number{color:#000;font-size:1.5rem;font-weight:700;line-height:1}.value-unit{color:#6c757d;font-size:.75rem;font-weight:500}.uptime-history{background:#fff;padding:2rem}.uptime-chart{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:2rem}.uptime-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:2px;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.uptime-day{height:20px;border-radius:2px;cursor:pointer;transition:all .2s ease}.uptime-day.excellent{background:#000}.uptime-day.good{background:#495057}.uptime-day.warning{background:#6c757d}.uptime-day:hover{opacity:.8;transform:scale(1.1)}.uptime-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;text-align:center}.uptime-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-value{color:#000;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:#6c757d;font-size:.8125rem;font-weight:500}@media (max-width: 1200px){.db-metrics-grid,.components-grid,.realtime-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.system-performance{margin-bottom:1rem}.performance-header,.database-metrics,.hourly-activity,.system-components,.real-time-performance,.uptime-history,.system-status-overview{padding:1.5rem}.status-card{flex-direction:column;text-align:center;gap:1rem}.status-icon{font-size:2.5rem}.db-metrics-grid,.components-grid,.realtime-grid{grid-template-columns:1fr}.activity-legend{gap:1rem}.legend-item{font-size:.75rem}.chart-container{height:100px}.uptime-days{grid-template-columns:repeat(15,1fr)}.uptime-summary{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.performance-header h2{font-size:1.25rem}.status-value{font-size:1.5rem}.db-metric-card{flex-direction:column;text-align:center;gap:.75rem}.db-metric-icon{margin-right:0;margin-bottom:.5rem}.component-header{flex-direction:column;align-items:stretch;gap:.75rem}.component-name{text-align:center}.component-status{align-self:center}.chart-container{padding:0}.hour-label{font-size:.5rem}.uptime-days{grid-template-columns:repeat(10,1fr)}}.system-performance{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.db-metric-card,.component-card,.realtime-card{animation:fadeInUp .3s ease-out}.db-metric-card:nth-child(1),.component-card:nth-child(1),.realtime-card:nth-child(1){animation-delay:.1s}.db-metric-card:nth-child(2),.component-card:nth-child(2),.realtime-card:nth-child(2){animation-delay:.2s}.db-metric-card:nth-child(3),.component-card:nth-child(3),.realtime-card:nth-child(3){animation-delay:.3s}.db-metric-card:nth-child(4),.component-card:nth-child(4),.realtime-card:nth-child(4){animation-delay:.4s}.activity-bar-container:nth-child(2n) .hour-label{color:#495057}.activity-bar-container:nth-child(odd) .hour-label{color:#6c757d}.uptime-day{position:relative}.uptime-day:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.625rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.uptime-day:hover:after{opacity:1}@media (prefers-reduced-motion: reduce){.system-performance,.db-metric-card,.component-card,.realtime-card,.activity-bar,.gauge-fill,.uptime-day{animation:none;transition:none}}@media (prefers-contrast: high){.status-card,.db-metric-card,.component-card,.realtime-card{border-width:2px}.status-value,.db-metric-value,.gauge-value,.value-number,.stat-value{font-weight:800}.activity-bar,.legend-dot,.component-status,.uptime-day{border:1px solid #000000}}.statistics-layout{background:#fff;min-height:100vh;height:auto!important;display:flex;flex-direction:column;position:relative!important;overflow-y:auto!important;overflow-x:hidden!important}body:has(.statistics-layout),html:has(.statistics-layout){overflow-y:auto!important;height:auto!important;max-height:none!important}.statistics-layout{position:relative!important;width:100%!important;height:auto!important;min-height:100vh!important;box-sizing:border-box}@supports (-webkit-overflow-scrolling: touch){.statistics-layout{-webkit-overflow-scrolling:touch}}.statistics-layout.error{display:flex;align-items:center;justify-content:center;min-height:60vh}.error-container{text-align:center;padding:3rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;max-width:500px}.error-icon{font-size:4rem;margin-bottom:1.5rem}.error-container h2{color:#000;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.error-container p{color:#6c757d;margin:0 0 2rem;font-size:1rem;line-height:1.5}.retry-button{background:#000;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#495057;transform:translateY(-1px)}.statistics-header{background:#fff;border-bottom:2px solid #e9ecef;padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-main h1{color:#000;font-size:2rem;font-weight:700;margin:0 0 .5rem;line-height:1.2}.header-main p{color:#6c757d;font-size:1rem;margin:0;line-height:1.4}.header-controls{display:flex;align-items:center;gap:1.5rem}.date-range-selector{display:flex;align-items:center;gap:.75rem}.date-range-selector label{color:#495057;font-size:.9375rem;font-weight:500;white-space:nowrap}.date-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;color:#000;min-width:180px;cursor:pointer;transition:all .2s ease}.date-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.refresh-button{background:#000;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.refresh-button:hover:not(:disabled){background:#495057;transform:translateY(-1px)}.refresh-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.critical-alerts{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem 2.5rem}.alerts-header{display:flex;align-items:center;margin-bottom:1rem}.alerts-icon{font-size:1.5rem;margin-right:.75rem}.alerts-header h3{color:#000;font-size:1.25rem;font-weight:600;margin:0}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.alert-item:hover{box-shadow:0 2px 8px #00000014}.alert-item.critical{border-left:4px solid #000000;background:#fafafa}.alert-item.high{border-left:4px solid #495057}.alert-item.medium{border-left:4px solid #6c757d}.alert-item.low{border-left:4px solid #adb5bd}.alert-content{flex:1}.alert-title{color:#000;font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.alert-message{color:#6c757d;font-size:.875rem;line-height:1.4}.alert-priority{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f8f9fa;font-size:1rem;margin-left:1rem}.alert-priority.critical{background:#fff;border:2px solid #000000}.view-navigation{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:0 2.5rem;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#dee2e6 #f8f9fa;gap:.75rem;padding-bottom:8px}.view-navigation::-webkit-scrollbar{height:8px}.view-navigation::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.view-navigation::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px;transition:background-color .2s ease}.view-navigation::-webkit-scrollbar-thumb:hover{background:#007bff}.view-button{background:transparent;border:none;padding:1rem 2rem;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;display:flex;align-items:center;gap:.75rem;white-space:nowrap;color:#6c757d;font-size:.9375rem;font-weight:500;flex-shrink:0;min-width:max-content}.view-button:hover:not(:disabled){background:#e9ecef;color:#495057}.view-button.active{background:#fff;color:#000;border-bottom-color:#000;font-weight:600}.view-button:disabled{opacity:.6;cursor:not-allowed}.view-icon{font-size:1.125rem}.view-label{font-size:.9375rem}.view-content{flex:1;background:#f8f9fa;padding:2rem 2.5rem;overflow-y:auto}.statistics-footer{background:#fff;border-top:2px solid #e9ecef;padding:1.5rem 2.5rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.data-info{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.data-points,.last-update{color:#6c757d;font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.system-status{display:flex;align-items:center;gap:2rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#6c757d}.status-dot.active{background:#000;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.status-indicator span,.confidence-indicator span{color:#495057;font-size:.8125rem;font-weight:500}@media (max-width: 1200px){.view-content,.statistics-header,.critical-alerts{padding:1.5rem 2rem}.view-navigation{padding:0 2rem}.statistics-footer{padding:1.5rem 2rem}}@media (max-width: 768px){.statistics-header{flex-direction:column;align-items:stretch;padding:1rem 1.5rem}.header-controls{justify-content:space-between}.date-range-selector{flex-direction:column;align-items:stretch;gap:.5rem}.date-select{min-width:auto}.view-content{padding:1rem 1.5rem}.view-navigation{padding:0 1.5rem}.view-button{padding:.75rem 1rem;font-size:.875rem}.critical-alerts,.statistics-footer{padding:1rem 1.5rem}.footer-content{flex-direction:column;align-items:stretch;text-align:center}.system-status,.data-info{justify-content:center}}@media (max-width: 480px){.header-main h1{font-size:1.5rem}.view-button{padding:.75rem .5rem}.view-icon{font-size:1rem}.view-label{font-size:.8125rem}.alert-item{flex-direction:column;align-items:stretch;text-align:center;gap:.75rem}.alert-priority{margin-left:0;align-self:center}}.statistics-layout .loading-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top:3px solid #000000;border-radius:50%;animation:spin 1s linear infinite}.view-content::-webkit-scrollbar{width:8px}.view-content::-webkit-scrollbar-track{background:#f8f9fa}.view-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.view-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.view-content,.status-dot.active,.refresh-button,.view-button,.alert-item{animation:none;transition:none}}@media (prefers-contrast: high){.statistics-header,.view-navigation,.critical-alerts,.statistics-footer{border-width:3px}.view-button.active,.refresh-button,.date-select{font-weight:700}.alert-item{border-width:2px}}.populate-button,.refresh-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:140px;justify-content:center;white-space:nowrap}.button-icon{flex-shrink:0}.button-text{display:inline}.populate-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.populate-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;opacity:.7}.populate-message{background:#fff;border:2px solid;border-radius:8px;padding:12px 16px;margin:0 24px 16px;font-size:14px;font-weight:500;text-align:center;animation:slideDown .3s ease}.populate-message.success{border-color:#28a745;background:#d4edda;color:#155724}.populate-message.error{border-color:#dc3545;background:#f8d7da;color:#721c24}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top{position:fixed;bottom:30px;right:30px;z-index:1000;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #007bff4d;transition:all .3s ease;animation:fadeInUp .3s ease}.scroll-to-top:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 6px 16px #007bff66}.scroll-to-top:active{transform:translateY(0)}.quick-navigation{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:10px;background:#fffffff2;backdrop-filter:blur(10px);border-radius:25px;padding:15px 8px;box-shadow:0 8px 16px #0000001a;border:1px solid rgba(255,255,255,.8)}.quick-nav-button{background:transparent;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;position:relative}.quick-nav-button:hover{background:#007bff1a;transform:scale(1.1)}.quick-nav-button:active{transform:scale(.95)}.quick-nav-button:before{content:attr(title);position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1001}.quick-nav-button:hover:before{opacity:1}html{scroll-behavior:smooth}.view-content{scroll-margin-top:100px}.view-navigation{scroll-margin-top:80px}@media (min-width: 1920px){.statistics-layout{max-width:1800px;margin:0 auto}.statistics-header{padding:2rem 3rem}.header-main h1{font-size:2.5rem}.view-navigation{gap:2rem}.view-button{padding:1.5rem 2rem;font-size:1.125rem}.footer-extended{padding:60px 3rem!important}.performance-summary{grid-template-columns:repeat(6,1fr)!important;gap:2rem!important}}@media (min-width: 1440px) and (max-width: 1919px){.statistics-layout{max-width:1400px;margin:0 auto}.statistics-header{padding:1.5rem 2rem}.header-main h1{font-size:2.25rem}.performance-summary{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}}@media (min-width: 1024px) and (max-width: 1439px){.statistics-header{padding:1.5rem}.header-controls{flex-direction:column;gap:1rem;align-items:flex-end}.date-range-selector{width:100%;justify-content:flex-end}.performance-summary{grid-template-columns:repeat(3,1fr)!important;gap:1.25rem!important}}@media (min-width: 768px) and (max-width: 1023px){.statistics-layout{padding:0 1rem}.statistics-header{padding:1rem;flex-direction:column;gap:1rem}.header-main{width:100%}.header-controls{width:100%;flex-direction:column;gap:1rem;align-items:stretch}.date-range-selector,.populate-button,.refresh-button{width:100%;justify-content:center}.view-navigation{flex-wrap:wrap;gap:.75rem;padding:1rem}.view-button{flex:1 1 calc(50% - .375rem);min-width:140px;padding:1rem .75rem}.view-content{padding:1rem}.performance-summary{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.kpi-indicators{gap:1rem!important}.footer-extended{padding:40px 1rem!important}.quick-navigation{left:10px;padding:12px 6px}}@media (min-width: 600px) and (max-width: 767px){.statistics-layout{padding:0 .75rem}.statistics-header{padding:.75rem}.header-title-container{gap:.75rem}.back-button{width:35px;height:35px}.header-main h1{font-size:1.5rem}.header-main p{font-size:.875rem}.view-navigation{padding:.75rem;gap:.5rem}.view-button{flex:1 1 calc(50% - .25rem);padding:.875rem .5rem;font-size:.875rem}.view-icon{font-size:1.25rem}.performance-summary{grid-template-columns:1fr 1fr!important;gap:.875rem!important}.performance-summary>div{padding:12px!important}}@media (min-width: 480px) and (max-width: 599px){.statistics-layout{padding:0 .5rem}.statistics-header{padding:.75rem .5rem}.header-main h1{font-size:1.375rem}.view-navigation{padding:.5rem}.view-button{flex:1 1 100%;padding:.75rem;font-size:.875rem}.performance-summary{grid-template-columns:1fr!important;gap:.75rem!important}.kpi-indicators{flex-direction:column!important;gap:1rem!important}.footer-extended{padding:30px .5rem!important}.quick-navigation{left:5px;padding:8px 4px;gap:6px}.quick-nav-button{width:32px!important;height:32px!important;font-size:14px!important}}@media (max-width: 479px){.statistics-layout{padding:0 .25rem}.statistics-header{padding:.5rem;flex-direction:column;gap:.75rem}.header-title-container{gap:.5rem}.back-button{width:30px;height:30px}.back-button svg{width:16px;height:16px}.header-main h1{font-size:1.25rem;line-height:1.3}.header-main p{font-size:.75rem;display:none}.header-controls{gap:.5rem}.date-range-selector label{font-size:.75rem}.date-select,.populate-button,.refresh-button{font-size:.75rem;padding:8px 12px;min-width:100px}.populate-button .button-text,.refresh-button .button-text{display:none}.populate-button,.refresh-button{min-width:40px!important;justify-content:center}.view-navigation{padding:.5rem .25rem;gap:.5rem}.view-button{flex-direction:column;gap:.25rem;padding:.75rem .5rem;font-size:.75rem;min-height:60px}.view-icon{font-size:1.5rem}.view-label{text-align:center;line-height:1.2}.view-content{padding:.75rem .25rem}.statistics-footer{padding:1rem .5rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.data-info,.system-status{flex-direction:column;gap:.5rem}.performance-summary{grid-template-columns:1fr!important;gap:.5rem!important}.performance-summary>div{padding:10px!important;font-size:.875rem}.performance-summary>div>div:first-child{font-size:.75rem}.performance-summary>div>div:last-child{font-size:1.125rem}.footer-extended h3{font-size:1.25rem!important}.footer-extended p{font-size:.875rem!important}.kpi-indicators>div{text-align:center}.kpi-indicators>div>div:first-child{font-size:.625rem}.kpi-indicators>div>div:last-child{font-size:1rem}.quick-navigation{display:none}.footer-bottom p{font-size:.75rem!important}.footer-bottom p:last-child{font-size:.625rem!important}}@media (max-width: 319px){.statistics-layout{padding:0}.statistics-header{padding:.375rem}.header-main h1{font-size:1.125rem}.view-button{font-size:.625rem;padding:.5rem .25rem;min-height:50px}.view-icon{font-size:1.25rem}.performance-summary>div{padding:8px!important}.footer-extended{padding:20px .25rem!important}}@media (max-height: 500px) and (orientation: landscape){.statistics-header{padding:.5rem 1rem}.header-main h1{font-size:1.125rem}.header-main p{display:none}.view-navigation{padding:.5rem}.view-button{padding:.5rem .75rem;font-size:.75rem}.footer-extended{padding:20px 1rem!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.view-icon{image-rendering:-webkit-optimize-contrast}}@media print{.statistics-layout{background:#fff!important;color:#000!important}.back-button,.populate-button,.refresh-button,.quick-navigation{display:none!important}.statistics-header{border-bottom:2px solid black;margin-bottom:1rem}.view-navigation{display:none}.view-content{display:block!important}.footer-extended{border-top:1px solid black;margin-top:2rem}}.quick-nav-button{width:35px;height:35px;font-size:16px}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px}.quick-nav-button:before{display:none}} @media (max-width: 480px){.quick-navigation{position:fixed;bottom:80px;left:50%;top:auto;transform:translate(-50%);flex-direction:row;background:#ffffffe6;border-radius:25px;padding:8px 15px}.scroll-to-top{bottom:15px;right:15px;width:40px;height:40px}}.reports-layout,.reports-layout~*,.reports-layout body,.reports-layout html{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important}body:has(.reports-layout),html:has(.reports-layout),#root:has(.reports-layout){overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important;max-height:none!important}.reports-layout{background:#fff;color:#1a1a1a;min-height:100vh;width:100%;overflow-y:auto!important;overflow-x:hidden!important;padding:0;margin:0;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6;max-height:100vh;height:auto}.reports-header{background:#fff;color:#1a1a1a;padding:1rem 2rem;box-shadow:0 2px 8px #00000014;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:2rem}.header-title-section{display:flex;align-items:center;gap:1.5rem;flex:1}.back-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000d}.back-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(-2px);box-shadow:0 2px 6px #0000001a}.back-button svg{width:18px;height:18px}.title-content h1{font-size:1.875rem;font-weight:800;margin:0 0 .25rem;color:#111827;letter-spacing:-.025em;line-height:1.1}.title-content p{font-size:1rem;margin:0;color:#6b7280;font-weight:500;line-height:1.5}.header-actions{display:flex;gap:.75rem;align-items:center}.action-btn{padding:12px 24px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-family:inherit;letter-spacing:.01em}.action-btn.primary{background:#2563eb;color:#fff;box-shadow:0 2px 4px #2563eb40}.action-btn.primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.action-btn.secondary{background:#f8fafc;color:#374151;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.action-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.action-btn svg{width:16px;height:16px}.search-filter-section{margin-top:.5rem}.search-container{max-width:600px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;width:20px;height:20px;color:#64748b;z-index:2}.search-input{width:100%;padding:16px 16px 16px 52px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#111827;font-size:16px;font-family:inherit;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a,0 2px 6px #0000000d}.clear-search{position:absolute;right:16px;background:#f3f4f6;border:none;border-radius:50%;width:26px;height:26px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:all .2s ease}.clear-search:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.categories-section{padding:1rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.categories-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.categories-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.category-btn{display:flex;align-items:center;gap:12px;padding:14px 24px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;font-weight:600;font-family:inherit;box-shadow:0 1px 3px #0000000d;font-size:14px}.category-btn:hover{border-color:#2563eb;background:#f8fafc;color:#1e40af;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb26}.category-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 6px 20px #2563eb66}.category-icon{font-size:1.1rem}.category-name{font-size:14px;font-weight:600}.category-count{background:#3741511a;color:inherit;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:700;min-width:24px;text-align:center;line-height:1}.category-btn.active .category-count{background:#ffffff40;color:#fff}.reports-content{padding:1.5rem 2rem 2rem}.reports-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1rem}.report-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease;position:relative;box-shadow:0 2px 8px #0000000a}.report-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:#2563eb}.card-header{padding:1.25rem;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #f1f5f9}.report-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#2563eb;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #2563eb14}.popularity-badge{padding:5px 10px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.popularity-high{background:#ef4444;color:#fff}.popularity-medium{background:#f59e0b;color:#fff}.popularity-low{background:#6b7280;color:#fff}.card-content{padding:1.25rem}.report-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .75rem;line-height:1.3;letter-spacing:-.01em}.report-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 1.25rem;font-weight:400}.report-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:1.25rem}.meta-item{display:flex;align-items:center;gap:8px;font-size:12px}.meta-label{color:#64748b;font-weight:600;min-width:65px}.meta-value{color:#111827;font-weight:600}.report-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:1.25rem}.tag{background:#f1f5f9;color:#475569;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.3px}.tag.more{background:#e2e8f0;color:#64748b}.card-actions{padding:0 1.25rem 1.25rem;display:flex;gap:10px}.generate-btn{flex:1;background:#059669;color:#fff;border:none;border-radius:10px;padding:14px 20px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-family:inherit;box-shadow:0 2px 6px #05966940}.generate-btn:hover:not(:disabled){background:#047857;transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.preview-btn{background:#fff;color:#374151;border:2px solid #e2e8f0;border-radius:10px;padding:14px 18px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-family:inherit;box-shadow:0 1px 3px #0000000d}.preview-btn:hover{border-color:#2563eb;color:#1e40af;background:#f8fafc;transform:translateY(-1px);box-shadow:0 3px 10px #2563eb26}.generate-btn svg,.preview-btn svg{width:14px;height:14px}.loading-spinner{animation:spin 1s linear infinite}.no-results{text-align:center;padding:3rem 2rem;color:#64748b}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .75rem}.no-results p{font-size:14px;margin:0 0 1.5rem;max-width:350px;margin-left:auto;margin-right:auto;line-height:1.6}.reset-filters-btn{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:14px 28px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;font-family:inherit;box-shadow:0 2px 6px #2563eb40}.reset-filters-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.reports-footer{background:#fff;border-top:1px solid #e2e8f0;padding:1rem 2rem;margin-top:1rem}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.footer-stats{display:flex;gap:1.5rem}.stat{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:800;color:#111827;margin-bottom:4px;letter-spacing:-.01em}.stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.footer-info{text-align:right}.footer-info p{margin:0 0 3px;font-size:13px;color:#64748b}@media (min-width: 1200px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.reports-content{padding:1.5rem 3rem 2rem}.reports-header,.categories-section{padding:1rem 3rem}}@media (min-width: 1440px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.reports-content{padding:1.5rem 4rem 2rem}.reports-header,.categories-section{padding:1rem 4rem}.title-content h1{font-size:2rem}.title-content p{font-size:1.125rem}}@media (min-width: 1920px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2.5rem}.reports-content{padding:2rem 5rem}.reports-header,.categories-section{padding:1.25rem 5rem}}@media (max-width: 1199px) and (min-width: 768px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.header-top{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}.header-actions{align-self:stretch;justify-content:flex-end}.title-content h1{font-size:1.75rem}.title-content p{font-size:.95rem}}@media (max-width: 767px){.reports-header{padding:1rem}.header-top{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.header-title-section{gap:1rem}.title-content h1{font-size:1.5rem;line-height:1.2}.title-content p{font-size:.875rem}.action-btn{padding:10px 18px;font-size:13px;gap:6px}.back-button{padding:10px}.back-button svg{width:16px;height:16px}.search-input{padding:14px 14px 14px 46px;font-size:15px}.search-icon{left:14px;width:18px;height:18px}.categories-section{padding:1rem}.category-btn{padding:12px 20px;gap:10px;font-size:13px}.category-icon{font-size:1rem}.category-name{font-size:13px}.category-count{font-size:11px;padding:3px 8px;min-width:20px}.reports-content{padding:1rem}.reports-grid{grid-template-columns:1fr;gap:1rem}.card-header,.card-content{padding:1rem}.card-actions{padding:0 1rem 1rem;flex-direction:column;gap:8px}.generate-btn,.preview-btn{width:100%;padding:12px 16px;font-size:13px}.report-icon{width:48px;height:48px;font-size:1.75rem}.report-title{font-size:1.125rem}.report-description{font-size:13px}.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-info{text-align:center}.footer-stats{gap:1rem}}.reports-layout::-webkit-scrollbar,.categories-scroll::-webkit-scrollbar{width:6px;height:6px}.reports-layout::-webkit-scrollbar-track,.categories-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.reports-layout::-webkit-scrollbar-thumb,.categories-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background-color .2s ease}.reports-layout::-webkit-scrollbar-thumb:hover,.categories-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reports-layout{animation:fadeIn .3s ease-out}.report-card{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none}}@media (prefers-contrast: high){.report-card,.category-btn{border-width:2px!important;border-color:#000!important}.category-btn.active{background:#000!important;color:#fff!important}.generate-btn,.action-btn.primary{background:#000!important;border:2px solid #000!important}}.integrations-page{padding:2rem;background:var(--admin-bg-primary);min-height:calc(100vh - 140px)}.integrations-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--admin-text-secondary)}.integrations-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--admin-border-primary)}.header-title-container{display:flex;align-items:center;gap:1rem}.header-content h1{color:var(--admin-text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.integrations-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem;background:var(--admin-bg-secondary);border-radius:8px}.admin-tab{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:6px;color:var(--admin-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.admin-tab:hover{background:var(--admin-bg-primary);color:var(--admin-text-primary)}.admin-tab.active{background:var(--admin-bg-primary);color:var(--admin-text-primary);box-shadow:var(--admin-shadow-sm)}.admin-integration-marketplace{background:var(--admin-bg-primary);border-radius:12px;border:1px solid var(--admin-border-primary);overflow:hidden}.admin-marketplace-header{padding:2rem;border-bottom:1px solid var(--admin-border-primary);background:var(--admin-bg-secondary)}.admin-marketplace-title h3{color:var(--admin-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.admin-marketplace-title p{color:var(--admin-text-secondary);margin:0}.admin-marketplace-filters{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:.5rem}.admin-filter-group label{color:var(--admin-text-secondary);font-size:.875rem;font-weight:500}.admin-search-input,.admin-filter-select{padding:.5rem .75rem;border:1px solid var(--admin-border-primary);border-radius:6px;background:var(--admin-bg-primary);color:var(--admin-text-primary);font-size:.875rem;min-width:200px}.admin-search-input:focus,.admin-filter-select:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f61a}.admin-marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:2rem}.admin-integration-card{background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:12px;overflow:hidden;transition:all .2s ease}.admin-integration-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-md)}.admin-integration-card-header{padding:1.5rem;border-bottom:1px solid var(--admin-border-primary);display:flex;align-items:flex-start;gap:1rem}.admin-integration-icon{width:48px;height:48px;background:var(--admin-bg-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-icon-emoji{font-size:1.5rem}.admin-integration-info{flex:1;min-width:0}.admin-integration-name{color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.admin-integration-category{color:var(--admin-text-secondary);font-size:.875rem;margin:0}.admin-integration-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.admin-tier-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-status-indicator{font-size:.875rem;font-weight:500}.admin-integration-card-content{padding:1.5rem}.admin-integration-description{color:var(--admin-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.admin-integration-features h5{color:var(--admin-text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.admin-feature-list{list-style:none;padding:0;margin:0 0 1.5rem}.admin-feature-item{display:flex;align-items:center;gap:.5rem;color:var(--admin-text-secondary);font-size:.8125rem;margin-bottom:.5rem}.admin-feature-icon{color:var(--admin-success);font-weight:600}.admin-feature-more{color:var(--admin-text-muted);font-style:italic}.admin-integration-pricing{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--admin-bg-secondary);border-radius:8px;margin-bottom:1.5rem}.admin-pricing-info{display:flex;flex-direction:column}.admin-price{color:var(--admin-text-primary);font-size:1.25rem;font-weight:700}.admin-calls-limit{color:var(--admin-text-secondary);font-size:.8125rem}.admin-integration-card-actions{padding:1.5rem;border-top:1px solid var(--admin-border-primary);display:flex;gap:.75rem;flex-wrap:wrap}.admin-integration-notice{padding:1rem 1.5rem;background:var(--admin-bg-tertiary);display:flex;align-items:center;gap:.5rem;color:var(--admin-text-secondary);font-size:.8125rem}.admin-notice-icon{color:var(--admin-accent)}.admin-marketplace-empty{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--admin-text-secondary)}.admin-empty-icon{font-size:3rem;margin-bottom:1rem}.admin-marketplace-empty h4{color:var(--admin-text-primary);margin:0 0 .5rem}.admin-pricing-summary{padding:2rem;border-top:1px solid var(--admin-border-primary);background:var(--admin-bg-secondary)}.admin-pricing-summary h4{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.admin-pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.admin-pricing-tier-card{background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:12px;padding:1.5rem;text-align:center}.admin-tier-name{color:var(--admin-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.admin-tier-price{color:var(--admin-accent);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.admin-tier-limit{color:var(--admin-text-secondary);font-size:.875rem;margin-bottom:1rem}.admin-tier-description{color:var(--admin-text-secondary);font-size:.875rem;margin:0 0 1.5rem}.admin-tier-features{list-style:none;padding:0;margin:0;text-align:left}.admin-tier-feature{display:flex;align-items:center;gap:.5rem;color:var(--admin-text-secondary);font-size:.8125rem;margin-bottom:.5rem}.admin-feature-check{color:var(--admin-success);font-weight:600}.admin-client-integrations{background:var(--admin-bg-primary);border-radius:12px;border:1px solid var(--admin-border-primary);overflow:hidden;min-height:600px}.admin-client-integrations-layout{display:grid;grid-template-columns:350px 1fr;min-height:600px}.admin-clients-panel{background:var(--admin-bg-secondary);border-right:1px solid var(--admin-border-primary);display:flex;flex-direction:column}.admin-panel-header{padding:1.5rem;border-bottom:1px solid var(--admin-border-primary)}.admin-panel-header h3{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.admin-clients-count{color:var(--admin-text-secondary);font-size:.875rem}.admin-clients-list{flex:1;overflow-y:auto}.admin-client-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--admin-border-primary);cursor:pointer;transition:all .2s ease}.admin-client-item:hover{background:var(--admin-bg-primary)}.admin-client-item.selected{background:var(--admin-bg-primary);border-right:3px solid var(--admin-accent)}.admin-client-avatar{width:40px;height:40px;background:var(--admin-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-avatar-text{font-size:.875rem;font-weight:600}.admin-client-info{flex:1;min-width:0}.admin-client-name{color:var(--admin-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.admin-client-meta,.admin-client-activity{color:var(--admin-text-secondary);font-size:.8125rem;margin:0 0 .25rem}.admin-integrations-badge{background:var(--admin-accent);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.admin-clients-empty{padding:3rem 1.5rem;text-align:center;color:var(--admin-text-secondary)}.admin-client-details{background:var(--admin-bg-primary);display:flex;flex-direction:column}.admin-client-header{padding:2rem;border-bottom:1px solid var(--admin-border-primary)}.admin-client-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-client-title h3{color:var(--admin-text-primary);font-size:1.5rem;font-weight:600;margin:0}.admin-client-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.admin-stat-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:8px;padding:1rem;text-align:center}.admin-stat-value{display:block;color:var(--admin-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.admin-stat-label{color:var(--admin-text-secondary);font-size:.8125rem}.admin-stats-loading{display:flex;align-items:center;gap:.5rem;color:var(--admin-text-secondary);font-size:.875rem}.admin-loading-spinner-sm{width:16px;height:16px;border:2px solid var(--admin-border-primary);border-top:2px solid var(--admin-accent);border-radius:50%;animation:spin 1s linear infinite}.admin-client-integrations-list{padding:2rem;flex:1}.admin-client-integrations-list h4{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.admin-integration-detail-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:8px;margin-bottom:1rem;overflow:hidden}.admin-integration-detail-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--admin-border-primary)}.admin-integration-meta h5{color:var(--admin-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.admin-integration-meta p{color:var(--admin-text-secondary);font-size:.875rem;margin:0}.admin-integration-status-badge{margin-left:auto}.admin-integration-status{font-size:.875rem;font-weight:500}.admin-integration-detail-content{padding:1.5rem}.admin-integration-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-metric{display:flex;justify-content:space-between;align-items:center}.admin-metric-label{color:var(--admin-text-secondary);font-size:.8125rem}.admin-metric-value{color:var(--admin-text-primary);font-size:.8125rem;font-weight:600}.admin-integration-actions{display:flex;gap:.75rem;flex-wrap:wrap}.admin-client-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--admin-text-secondary);height:100%}.admin-client-empty h4{color:var(--admin-text-primary);margin:1rem 0 .5rem}.admin-integration-analytics{background:var(--admin-bg-primary);border-radius:12px;border:1px solid var(--admin-border-primary);overflow:hidden}.admin-analytics-header{padding:2rem;border-bottom:1px solid var(--admin-border-primary);background:var(--admin-bg-secondary);display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.admin-analytics-title h3{color:var(--admin-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.admin-analytics-title p{color:var(--admin-text-secondary);margin:0}.admin-analytics-controls{display:flex;gap:1.5rem}.admin-control-group{display:flex;flex-direction:column;gap:.5rem}.admin-control-group label{color:var(--admin-text-secondary);font-size:.875rem;font-weight:500}.admin-control-select{padding:.5rem .75rem;border:1px solid var(--admin-border-primary);border-radius:6px;background:var(--admin-bg-primary);color:var(--admin-text-primary);font-size:.875rem;min-width:150px}.admin-analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem;border-bottom:1px solid var(--admin-border-primary)}.admin-kpi-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.admin-kpi-icon{font-size:2rem;width:60px;height:60px;background:var(--admin-bg-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-kpi-content{flex:1;display:flex;flex-direction:column}.admin-kpi-value{color:var(--admin-text-primary);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.admin-kpi-label{color:var(--admin-text-secondary);font-size:.875rem;margin-bottom:.5rem}.admin-kpi-change{font-size:.8125rem;font-weight:600}.admin-kpi-change.positive{color:var(--admin-success)}.admin-kpi-change.negative{color:var(--admin-error)}.admin-analytics-chart{padding:2rem;border-bottom:1px solid var(--admin-border-primary)}.admin-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-chart-header h4{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-chart-legend{display:flex;gap:1.5rem}.admin-legend-item{display:flex;align-items:center;gap:.5rem;color:var(--admin-text-secondary);font-size:.875rem}.admin-legend-dot{width:12px;height:12px;border-radius:50%}.admin-legend-dot.success{background:var(--admin-success)}.admin-legend-dot.error{background:var(--admin-error)}.admin-chart-container{height:300px;background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:8px;padding:1.5rem}.admin-bar-chart{display:flex;align-items:end;justify-content:space-between;height:100%;gap:.5rem}.admin-chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.admin-chart-bars{display:flex;align-items:end;gap:2px;height:calc(100% - 30px);margin-bottom:10px}.admin-chart-bar{width:12px;border-radius:2px 2px 0 0;min-height:4px;transition:height .3s ease}.admin-chart-bar.success{background:var(--admin-success)}.admin-chart-bar.error{background:var(--admin-error)}.admin-chart-label{color:var(--admin-text-secondary);font-size:.75rem;text-align:center}.admin-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--admin-text-secondary)}.admin-analytics-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;border-bottom:1px solid var(--admin-border-primary)}.admin-analytics-section h4{color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.admin-integration-rank,.admin-client-rank{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:8px;margin-bottom:.75rem}.admin-rank-number{width:32px;height:32px;background:var(--admin-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.admin-rank-content{flex:1;min-width:0}.admin-rank-name{color:var(--admin-text-primary);font-size:.875rem;font-weight:600;display:block;margin-bottom:.25rem}.admin-rank-calls{color:var(--admin-text-secondary);font-size:.8125rem}.admin-rank-bar{width:60px;height:6px;background:var(--admin-border-primary);border-radius:3px;overflow:hidden}.admin-rank-fill{height:100%;background:var(--admin-accent);border-radius:3px;transition:width .3s ease}.admin-tier-revenue{padding:1rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:8px;margin-bottom:.75rem}.admin-tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.admin-tier-name{color:var(--admin-text-primary);font-size:.875rem;font-weight:600}.admin-tier-amount{color:var(--admin-text-secondary);font-size:.875rem;font-weight:600}.admin-tier-bar{height:8px;background:var(--admin-border-primary);border-radius:4px;overflow:hidden}.admin-tier-fill{height:100%;border-radius:4px;transition:width .3s ease}.admin-tier-fill.basic{background:var(--admin-success)}.admin-tier-fill.premium{background:var(--admin-warning)}.admin-tier-fill.enterprise{background:var(--admin-accent)}.admin-analytics-insights{padding:2rem;border-bottom:1px solid var(--admin-border-primary)}.admin-analytics-insights h4{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.admin-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.admin-insight-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:12px;padding:1.5rem;display:flex;gap:1rem}.admin-insight-card.alert{border-left:4px solid var(--admin-error)}.admin-insight-card.success{border-left:4px solid var(--admin-success)}.admin-insight-card.info{border-left:4px solid var(--admin-accent)}.admin-insight-icon{font-size:1.5rem;flex-shrink:0}.admin-insight-content h5{color:var(--admin-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.admin-insight-content p{color:var(--admin-text-secondary);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.admin-analytics-export{padding:2rem}.admin-export-header h4{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.admin-export-header p{color:var(--admin-text-secondary);margin:0 0 1.5rem}.admin-export-actions{display:flex;gap:1rem;flex-wrap:wrap}.admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.admin-btn-primary{background:var(--admin-accent);color:#fff;border-color:var(--admin-accent)}.admin-btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.admin-btn-secondary{background:var(--admin-bg-secondary);color:var(--admin-text-primary);border-color:var(--admin-border-primary)}.admin-btn-secondary:hover:not(:disabled){background:var(--admin-bg-tertiary)}.admin-btn-success{background:var(--admin-success);color:#fff;border-color:var(--admin-success)}.admin-btn-success:hover:not(:disabled){background:#059669}.admin-btn-outline{background:transparent;color:var(--admin-text-primary);border-color:var(--admin-border-primary)}.admin-btn-outline:hover:not(:disabled){background:var(--admin-bg-secondary)}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.admin-modal{background:var(--admin-bg-primary);border-radius:12px;box-shadow:var(--admin-shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-integration-config-modal{max-width:800px}.admin-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--admin-border-primary);display:flex;justify-content:space-between;align-items:center}.admin-modal-header h3{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-modal-close{background:none;border:none;font-size:1.25rem;color:var(--admin-text-secondary);cursor:pointer;padding:.25rem;line-height:1}.admin-modal-close:hover{color:var(--admin-text-primary)}.admin-modal-content{padding:2rem;flex:1;overflow-y:auto}.admin-modal-actions{padding:1.5rem 2rem;border-top:1px solid var(--admin-border-primary);display:flex;gap:1rem;justify-content:flex-end}.admin-integration-config-form{display:flex;flex-direction:column;gap:1.5rem}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group label{color:var(--admin-text-primary);font-size:.875rem;font-weight:600}.admin-form-control{padding:.75rem;border:1px solid var(--admin-border-primary);border-radius:6px;background:var(--admin-bg-primary);color:var(--admin-text-primary);font-size:.875rem;font-family:inherit}.admin-form-control:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f61a}.admin-limits-config{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-limit-item{display:flex;flex-direction:column;gap:.5rem}.admin-limit-item label{color:var(--admin-text-secondary);font-size:.8125rem;font-weight:500}.admin-loading-spinner{width:32px;height:32px;border:3px solid var(--admin-border-primary);border-top:3px solid var(--admin-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 1200px){.admin-marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-client-integrations-layout{grid-template-columns:300px 1fr}.admin-pricing-tiers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.integrations-page{padding:1rem}.integrations-tabs{flex-direction:column}.admin-marketplace-filters{flex-direction:column;gap:1rem}.admin-marketplace-grid{grid-template-columns:1fr}.admin-client-integrations-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.admin-clients-panel{max-height:300px}.admin-analytics-header{flex-direction:column;gap:1.5rem}.admin-analytics-controls{width:100%;justify-content:space-between}.admin-analytics-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-analytics-details{grid-template-columns:1fr}.admin-chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-modal{margin:1rem;max-height:calc(100vh - 2rem)}.admin-modal-actions{flex-direction:column}.admin-limits-config{grid-template-columns:1fr}}@media (max-width: 480px){.admin-integration-card-actions{flex-direction:column}.admin-bar-chart{gap:.25rem}.admin-chart-bar{width:8px}.admin-export-actions{flex-direction:column}}.admin-integration-card{animation:fadeInUp .3s ease-out}.admin-integration-card:nth-child(1){animation-delay:.1s}.admin-integration-card:nth-child(2){animation-delay:.2s}.admin-integration-card:nth-child(3){animation-delay:.3s}.admin-integration-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.integrations-tabs{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.admin-integration-card,.integrations-tabs,.admin-chart-bar,.admin-rank-fill,.admin-tier-fill{animation:none;transition:none}.admin-loading-spinner{animation:none}}@media (prefers-contrast: high){.admin-integration-card,.admin-kpi-card,.admin-stat-card{border-width:2px}.admin-tier-badge,.admin-integrations-badge{border:2px solid currentColor}}.system-status{background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.status-card{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:8px;padding:1.5rem}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-header h3{margin:0;color:var(--admin-text-primary);font-size:1.125rem;font-weight:600}.system-health{display:flex;align-items:center;gap:.5rem;font-weight:500}.system-health.connected{color:#10b981}.status-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#3b82f60d;border-radius:6px}.metric-label{color:var(--admin-text-secondary);font-size:.875rem}.metric-value{color:var(--admin-text-primary);font-weight:600}.integration-category{margin-bottom:3rem}.category-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--admin-border-primary)}.category-header h3{margin:0 0 .5rem;color:var(--admin-text-primary);font-size:1.5rem;font-weight:700}.category-header p{margin:0;color:var(--admin-text-secondary);font-size:.875rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.integration-card{background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.integration-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--admin-accent)}.integration-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.integration-icon{font-size:2.5rem;flex-shrink:0}.integration-info{flex:1;min-width:0}.integration-name{margin:0 0 .5rem;color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;line-height:1.4}.integration-description{margin:0;color:var(--admin-text-secondary);font-size:.875rem;line-height:1.4}.integration-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;margin-left:auto;flex-shrink:0}.integration-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.detail-label{color:var(--admin-text-secondary)}.detail-value{color:var(--admin-text-primary);font-weight:500}.integration-metadata{background:#3b82f60d;border-radius:6px;padding:1rem;margin-top:1rem}.meta-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8125rem}.meta-item:last-child{margin-bottom:0}.meta-key{color:var(--admin-text-secondary);font-weight:500;text-transform:capitalize}.meta-value{color:var(--admin-text-primary);font-family:monospace;font-size:.75rem}.integration-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;margin-top:1rem}.error-icon{font-size:1.125rem}.error-message{color:#dc2626;font-size:.875rem;font-weight:500}.integration-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.375rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-test{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 4px #3b82f64d}.btn-test:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.btn-config{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.btn-config:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.btn-docs{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 4px #8b5cf64d}.btn-docs:hover{transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf666}.btn-secondary{background:var(--admin-bg-secondary);color:var(--admin-text-secondary);border:1px solid var(--admin-border-primary)}.btn-secondary:hover{background:#f1f5f9;color:var(--admin-text-primary)}.integration-logs{background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:12px;padding:1.5rem;margin-top:2rem}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.logs-header h3{margin:0;color:var(--admin-text-primary);font-size:1.25rem;font-weight:600}.logs-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;font-family:Courier New,monospace;max-height:300px;overflow-y:auto}.log-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid #e2e8f0;font-size:.875rem}.log-item:last-child{border-bottom:none}.log-time{color:#000;font-weight:500;min-width:80px}.log-level{padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.75rem;min-width:50px;text-align:center}.log-level.success{background:#dcfce7;color:#166534}.log-level.info{background:#dbeafe;color:#1e40af}.log-level.warning{background:#fef3c7;color:#92400e}.log-level.error{background:#fee2e2;color:#991b1b}.log-message{color:#000;flex:1}.integration-summary{display:flex;gap:2rem;margin-top:1rem}.summary-item{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-value{font-size:2rem;font-weight:700;color:var(--admin-accent);line-height:1}.summary-label{color:var(--admin-text-secondary);font-size:.875rem;margin-top:.25rem}.header-content{margin-bottom:1.5rem}.integrations-header h1{margin:0 0 .5rem;color:var(--admin-text-primary);font-size:2rem;font-weight:700}.integrations-header p{margin:0;color:var(--admin-text-secondary);font-size:1rem}@media (max-width: 768px){.integrations-page{padding:1rem}.integrations-grid{grid-template-columns:1fr}.integration-actions{flex-direction:column}.integration-header{flex-direction:column;align-items:flex-start;gap:.75rem}.integration-status-badge{margin-left:0;align-self:flex-start}.status-metrics{grid-template-columns:1fr}.integration-summary{flex-direction:column;gap:1rem}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal{background:var(--admin-bg-primary);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--admin-border-primary);margin-bottom:1.5rem}.modal-header h3{margin:0;color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;padding-bottom:1rem}.modal-close{background:none;border:none;color:var(--admin-text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f1f5f9;color:var(--admin-text-primary)}.modal-form{padding:0 1.5rem 1.5rem}.form-field{margin-bottom:1.5rem}.form-field label{display:block;margin-bottom:.5rem;color:var(--admin-text-primary);font-weight:600;font-size:.875rem}.service-description{color:var(--admin-text-secondary);font-size:.875rem;line-height:1.5;margin:0;padding:1rem;background:#f8fafc;border-radius:6px;border-left:4px solid var(--admin-accent)}.form-field input{width:100%;padding:.75rem;border:1px solid var(--admin-border-primary);border-radius:6px;font-size:.875rem;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.form-field input:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f61a}.field-help{display:block;margin-top:.5rem;color:var(--admin-text-secondary);font-size:.75rem;font-style:italic}.required-fields{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.required-fields h4{margin:0 0 .75rem;color:#ea580c;font-size:.875rem;font-weight:600}.required-fields ul{margin:0;padding-left:1.25rem;color:#c2410c}.required-fields li{font-family:Courier New,monospace;font-size:.8125rem;margin-bottom:.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--admin-border-primary)}.btn-primary{background:linear-gradient(135deg,var(--admin-accent),#1d4ed8);color:#fff;box-shadow:0 2px 4px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}@media (max-width: 768px){.modal{width:95%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}}._card_j2sr8_3{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid #e5e7eb}._card_j2sr8_3:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}._highlighted_j2sr8_18{border:2px solid #3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}._warning_j2sr8_23{border:2px solid #f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}._header_j2sr8_29{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #f3f4f6;background:linear-gradient(to bottom,#fafbfc,#fff)}._headerLeft_j2sr8_38{display:flex;gap:16px;flex:1}._icon_j2sr8_44{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;font-size:24px;box-shadow:0 4px 12px #3b82f64d}._headerText_j2sr8_58{flex:1}._title_j2sr8_62{margin:0 0 6px;font-size:20px;font-weight:600;color:#111827;line-height:1.3}._description_j2sr8_70{margin:0;font-size:14px;color:#6b7280;line-height:1.5}._headerAction_j2sr8_77{flex-shrink:0;margin-left:16px}._content_j2sr8_83{padding:24px}@media (max-width: 768px){._header_j2sr8_29{flex-direction:column;gap:16px}._headerLeft_j2sr8_38{flex-direction:column;gap:12px}._icon_j2sr8_44{width:40px;height:40px;font-size:20px}._title_j2sr8_62{font-size:18px}._content_j2sr8_83{padding:20px}._headerAction_j2sr8_77{margin-left:0;width:100%}}._section_1rmwx_3{padding:20px 0;border-bottom:1px solid #f3f4f6}._section_1rmwx_3:last-child,._noDivider_1rmwx_9{border-bottom:none}._sectionHeader_1rmwx_13{margin-bottom:16px}._sectionTitle_1rmwx_17{margin:0 0 6px;font-size:16px;font-weight:600;color:#111827;line-height:1.4}._sectionDescription_1rmwx_25{margin:0;font-size:13px;color:#6b7280;line-height:1.5}._sectionContent_1rmwx_32{display:flex;flex-direction:column;gap:16px}._toggleContainer_1s6f5_3{display:block}._toggleContent_1s6f5_7{display:flex;justify-content:space-between;align-items:center;gap:16px}._toggleText_1s6f5_14{flex:1;min-width:0}._label_1s6f5_19{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;cursor:pointer;line-height:1.4}._description_1s6f5_29{margin:0;font-size:13px;color:#6b7280;line-height:1.5}._toggle_1s6f5_3{position:relative;flex-shrink:0;cursor:pointer;border:none;background:transparent;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}._toggle_1s6f5_3:focus{outline:none}._toggle_1s6f5_3:focus-visible{box-shadow:0 0 0 4px #3b82f633;border-radius:9999px}._small_1s6f5_57{width:36px;height:20px}._medium_1s6f5_62{width:44px;height:24px}._large_1s6f5_67{width:52px;height:28px}._toggleSlider_1s6f5_73{position:absolute;inset:0;background-color:#d1d5db;border-radius:9999px;transition:all .3s cubic-bezier(.4,0,.2,1)}._toggleSlider_1s6f5_73:before{content:"";position:absolute;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}._small_1s6f5_57 ._toggleSlider_1s6f5_73:before{height:16px;width:16px;left:2px;bottom:2px}._small_1s6f5_57._checked_1s6f5_101 ._toggleSlider_1s6f5_73:before{transform:translate(16px)}._medium_1s6f5_62 ._toggleSlider_1s6f5_73:before{height:20px;width:20px;left:2px;bottom:2px}._medium_1s6f5_62._checked_1s6f5_101 ._toggleSlider_1s6f5_73:before{transform:translate(20px)}._large_1s6f5_67 ._toggleSlider_1s6f5_73:before{height:24px;width:24px;left:2px;bottom:2px}._large_1s6f5_67._checked_1s6f5_101 ._toggleSlider_1s6f5_73:before{transform:translate(24px)}._unchecked_1s6f5_130 ._toggleSlider_1s6f5_73{background-color:#d1d5db}._checked_1s6f5_101._default_1s6f5_134 ._toggleSlider_1s6f5_73{background-color:#3b82f6}._checked_1s6f5_101._success_1s6f5_138 ._toggleSlider_1s6f5_73{background-color:#10b981}._checked_1s6f5_101._warning_1s6f5_142 ._toggleSlider_1s6f5_73{background-color:#f59e0b}._checked_1s6f5_101._danger_1s6f5_146 ._toggleSlider_1s6f5_73{background-color:#ef4444}._disabled_1s6f5_151{cursor:not-allowed;opacity:.5}._disabled_1s6f5_151 ._label_1s6f5_19{cursor:not-allowed}._toggle_1s6f5_3:not(._disabled_1s6f5_151):hover ._toggleSlider_1s6f5_73{box-shadow:0 0 0 4px #0000000d}._checked_1s6f5_101:not(._disabled_1s6f5_151):hover ._toggleSlider_1s6f5_73{filter:brightness(1.1)}@media (max-width: 640px){._toggleContent_1s6f5_7{gap:12px}._label_1s6f5_19{font-size:13px}._description_1s6f5_29{font-size:12px}}._inputContainer_12uqr_3{display:flex;flex-direction:column;gap:6px}._label_12uqr_9{font-size:14px;font-weight:500;color:#111827;line-height:1.4}._required_12uqr_16{color:#ef4444;margin-left:4px}._description_12uqr_21{margin:0;font-size:13px;color:#6b7280;line-height:1.5}._inputWrapper_12uqr_29{position:relative;display:flex;align-items:center}._input_12uqr_3{width:100%;padding:10px 14px;font-size:14px;line-height:1.5;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}._input_12uqr_3:hover:not(:disabled){border-color:#9ca3af}._input_12uqr_3:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._input_12uqr_3:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}._input_12uqr_3::placeholder{color:#9ca3af}textarea._input_12uqr_3{resize:vertical;min-height:80px}select._input_12uqr_3{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}._prefix_12uqr_87,._suffix_12uqr_88{position:absolute;display:flex;align-items:center;height:100%;padding:0 14px;font-size:14px;color:#6b7280;background-color:#f9fafb;border:1px solid #d1d5db;pointer-events:none}._prefix_12uqr_87{left:0;border-right:none;border-radius:8px 0 0 8px}._suffix_12uqr_88{right:0;border-left:none;border-radius:0 8px 8px 0}._input_12uqr_3._hasPrefix_12uqr_113{padding-left:50px}._input_12uqr_3._hasSuffix_12uqr_117{padding-right:50px}._input_12uqr_3._error_12uqr_122{border-color:#ef4444;background-color:#fef2f2}._input_12uqr_3._error_12uqr_122:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}._errorMessage_12uqr_132{margin:0;font-size:13px;color:#ef4444;line-height:1.5;display:flex;align-items:center;gap:4px}._errorMessage_12uqr_132:before{content:"⚠";font-size:14px}._input_12uqr_3._success_12uqr_148{border-color:#10b981;background-color:#f0fdf4}._input_12uqr_3._success_12uqr_148:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}._successMessage_12uqr_158{margin:0;font-size:13px;color:#10b981;line-height:1.5;display:flex;align-items:center;gap:4px}._successMessage_12uqr_158:before{content:"✓";font-size:14px}@media (max-width: 640px){._input_12uqr_3{font-size:16px}}._button_y0dut_3{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:500;line-height:1;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-decoration:none}._button_y0dut_3:focus{outline:none}._button_y0dut_3:focus-visible{box-shadow:0 0 0 3px #3b82f64d}._small_y0dut_29{padding:8px 12px;font-size:13px;gap:6px}._medium_y0dut_35{padding:10px 16px;font-size:14px;gap:8px}._large_y0dut_41{padding:12px 20px;font-size:16px;gap:10px}._primary_y0dut_48{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}._primary_y0dut_48:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}._primary_y0dut_48:active:not(:disabled){transform:translateY(0)}._secondary_y0dut_64{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}._secondary_y0dut_64:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}._danger_y0dut_75{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}._danger_y0dut_75:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}._success_y0dut_87{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}._success_y0dut_87:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}._ghost_y0dut_99{background-color:transparent;color:#3b82f6;border:1px solid transparent}._ghost_y0dut_99:hover:not(:disabled){background-color:#eff6ff;border-color:#3b82f6}._fullWidth_y0dut_111{width:100%}._disabled_y0dut_116{cursor:not-allowed;opacity:.5}._loading_y0dut_122{cursor:wait;opacity:.7}._loading_y0dut_122 ._buttonText_y0dut_127{opacity:.7}._spinner_y0dut_132{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_y0dut_132 .6s linear infinite}@keyframes _spin_y0dut_132{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._iconLeft_y0dut_151,._iconRight_y0dut_152{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em}._buttonText_y0dut_127{display:inline-block}@media (max-width: 640px){._button_y0dut_3{padding:10px 14px}._small_y0dut_29{padding:8px 10px;font-size:12px}._large_y0dut_41{padding:12px 18px;font-size:15px}}.integration-settings{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.integration-tabs{display:flex;gap:8px;margin-bottom:30px;border-bottom:1px solid #e0e0e0;overflow-x:auto;padding-bottom:0}.integration-tabs .tab{padding:12px 20px;background:none;border:none;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;white-space:nowrap}.integration-tabs .tab:hover{color:#4285f4;background:#4285f40d}.integration-tabs .tab.active{color:#4285f4;border-bottom-color:#4285f4;background:#4285f41a}.tab-content{margin-bottom:30px}.integration-config{background:#fafbfc;border-radius:10px;border:1px solid #e8eaed;overflow:hidden}.config-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#fff;border-bottom:1px solid #e8eaed}.config-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.config-form{padding:25px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#1a1a1a;font-weight:500;margin-bottom:8px}.form-group label input[type=checkbox]{margin-right:8px;accent-color:#4285f4}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid #d0d7de;border-radius:8px;font-size:14px;background:#fff;color:#1a1a1a;transition:border-color .2s ease}.form-group input[type=password]{font-family:monospace;letter-spacing:2px}.test-button{padding:12px 20px;background:#34a853;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:15px}.test-button:hover:not(:disabled){background:#2d8f47;transform:translateY(-1px);box-shadow:0 4px 8px #34a8534d}.webhooks-info{margin-top:20px;padding:15px;background:#e8f0fe;border-radius:8px;border:1px solid #4285f4}.webhooks-info h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 10px}.webhooks-info ul{margin:0;padding-left:20px;color:#5f6368}.webhooks-info li{margin-bottom:5px;font-family:monospace;font-size:13px}.save-button{padding:14px 28px;background:#4285f4;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-button{padding:14px 28px;background:#f8f9fa;color:#5f6368;border:1px solid #dadce0;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.integrations-summary{background:#f8f9fa;border-radius:10px;padding:25px;margin-top:30px;border:1px solid #e0e0e0}.integrations-summary h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 20px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.integration-name{font-weight:600;color:#1a1a1a}@media (max-width: 768px){.integration-settings{padding:15px;margin:10px}.settings-header h2{font-size:24px}.integration-tabs{flex-wrap:wrap}.config-header{flex-direction:column;align-items:flex-start;gap:15px}.settings-actions{flex-direction:column}.summary-grid{grid-template-columns:1fr}}.config-form{animation:fadeIn .3s ease-out}.integrations-settings{background:#fff;font-family:Inter,sans-serif;color:#0f0f0f}.integrations-settings .admin-settings-section{background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;border:1px solid #e5e5e5;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f;overflow:hidden}.integrations-settings .admin-settings-header{background:linear-gradient(135deg,#f59e0b,#f59e0bdd);color:#fff;padding:2rem;border-bottom:none}.integrations-settings .admin-settings-header h3{font-family:Inter,sans-serif;font-weight:700;font-size:1.5rem;margin:0 0 .5rem}.integrations-settings .admin-settings-header p{font-family:Inter,sans-serif;font-weight:400;opacity:.9;margin:0}.integrations-settings .admin-settings-content{padding:2rem}.integrations-settings .admin-setting-group h4{font-family:Inter,sans-serif;font-weight:600;color:#0f0f0f;margin-bottom:1.5rem;font-size:1.125rem}.integrations-settings .settings-toggles .setting-item{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.integrations-settings .settings-toggles .setting-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#f59e0b;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.integrations-settings .settings-toggles .setting-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;border-color:#f59e0b40}.integrations-settings .settings-toggles .setting-item:hover:before{transform:scaleX(1)}.integrations-settings .setting-title{font-family:Inter,sans-serif;font-weight:600;color:#0f0f0f;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.integrations-settings .setting-icon{width:32px;height:32px;background:linear-gradient(135deg,#f59e0b20,#f59e0b10);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.integrations-settings .setting-description{font-family:Inter,sans-serif;color:#525252;font-size:.875rem;line-height:1.5}.integrations-settings .toggle-switch input:checked+.toggle-slider{background:#f59e0b!important}.integrations-settings .toggle-switch input:checked+.toggle-slider:before{background:#fff!important}.ai-agents-settings{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.settings-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f2f5}.settings-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.settings-header p{color:#666;font-size:16px;margin:0}.settings-section{margin-bottom:40px;padding:25px;background:#fafbfc;border-radius:10px;border:1px solid #e8eaed}.settings-section h3{color:#1a1a1a;font-size:22px;font-weight:600;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.setting-item{margin-bottom:20px}.setting-item label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#1a1a1a}.setting-item label input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:#4285f4}.setting-description{color:#666;font-size:14px;margin:8px 0 0 30px;line-height:1.4}.provider-config{margin-bottom:25px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.provider-header h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#4285f4}input:checked+.toggle-slider:before{transform:translate(26px)}.provider-details{margin-top:15px;padding-top:15px;border-top:1px solid #e8eaed}.form-group{margin-bottom:15px}.form-group label{display:block;color:#1a1a1a;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;background:#fff;color:#1a1a1a;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.test-button{padding:10px 16px;background:#34a853;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:10px}.test-button:hover:not(:disabled){background:#2d8f47;transform:translateY(-1px)}.test-button:disabled{background:#9aa0a6;cursor:not-allowed;transform:none}.agent-config{margin-bottom:25px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.agent-header h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.agent-details{margin-top:15px;padding-top:15px;border-top:1px solid #e8eaed}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.feature-item{padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.feature-item label{display:flex;align-items:center;cursor:pointer;margin:0}.feature-item input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:#4285f4}.feature-label{font-weight:500;color:#1a1a1a}.settings-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:2px solid #f0f2f5}.save-button{padding:12px 24px;background:#4285f4;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover:not(:disabled){background:#3367d6;transform:translateY(-1px);box-shadow:0 4px 8px #4285f44d}.save-button:disabled{background:#9aa0a6;cursor:not-allowed;transform:none}.reset-button{padding:12px 24px;background:#f8f9fa;color:#5f6368;border:1px solid #dadce0;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#f1f3f4;border-color:#c0c4c7}.system-info{background:#e8f0fe;border:1px solid #4285f4;border-radius:10px;padding:20px;margin-top:30px}.system-info h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 15px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.info-label{color:#5f6368;font-weight:500}.info-value{color:#1a1a1a;font-weight:600}.info-value.active{color:#34a853}.info-value.inactive{color:#ea4335}@media (max-width: 768px){.ai-agents-settings{padding:15px;margin:10px}.settings-header h2{font-size:24px}.provider-header,.agent-header{flex-direction:column;align-items:flex-start;gap:10px}.settings-actions{flex-direction:column}.features-grid,.info-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.provider-details,.agent-details{animation:fadeIn .3s ease-out}.loading-overlay{position:relative}.loading-overlay:before{content:"";position:absolute;inset:0;background:#fffc;border-radius:8px;z-index:1}.loading-overlay:after{content:"🔄";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;animation:spin 1s linear infinite;z-index:2}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.configuration-control-center{min-height:100vh;background:#fff;font-family:Inter,sans-serif;color:#0f0f0f}.configuration-control-center .control-center-header{background:linear-gradient(135deg,#fff,#fafafa);border-bottom:1px solid #e5e5e5;padding:3rem 2rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f}.configuration-control-center .control-center-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#333,#000);animation:headerShimmer 3s ease-in-out infinite}@keyframes headerShimmer{0%,to{opacity:.8}50%{opacity:1}}.configuration-control-center .header-main-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.configuration-control-center .header-title-section h1{font-family:Inter,sans-serif;font-weight:800;font-size:2.5rem;color:#0f0f0f;margin:0 0 .5rem;letter-spacing:-.025em;line-height:1.1;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.configuration-control-center .header-title-section p{font-family:Inter,sans-serif;font-weight:400;font-size:1.125rem;color:#525252;margin:0;line-height:1.6}.configuration-control-center .header-timestamp{font-family:Inter,sans-serif;font-weight:400;font-size:.875rem;color:#737373;margin-top:.5rem;font-style:italic}.configuration-control-center .header-actions{display:flex;gap:1rem;align-items:center}.configuration-control-center .header-action-btn{display:inline-flex;align-items:center;gap:.25rem;background:#fff;border:1px solid #d4d4d4;border-radius:12px;padding:.5rem 1.5rem;font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;color:#404040;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.configuration-control-center .header-action-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014}.configuration-control-center .header-action-btn.export:hover{background:#16a34a;border-color:#16a34a}.configuration-control-center .header-action-btn.reload:hover{background:#3b82f6;border-color:#3b82f6}.configuration-control-center .header-system-info{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e5e5;font-family:Inter,sans-serif;font-size:.875rem}.configuration-control-center .system-brand{font-weight:700;color:#0f0f0f}.configuration-control-center .system-version{font-weight:600;color:#1e40af}.configuration-control-center .system-modules{font-weight:500;color:#525252}.configuration-control-center .system-separator{color:#a3a3a3;font-weight:300}.configuration-control-center .system-overview{margin:2rem 0 3rem;background:linear-gradient(135deg,#fafafa,#fff);border-radius:20px;padding:2.5rem;border:1px solid #e5e5e5;box-shadow:0 8px 24px #0000000f}.configuration-control-center .system-overview h2{font-family:Inter,sans-serif;font-weight:700;font-size:1.75rem;color:#0f0f0f;margin:0 0 2rem;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.configuration-control-center .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.configuration-control-center .stat-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.configuration-control-center .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#333);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.configuration-control-center .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;border-color:#dbeafe}.configuration-control-center .stat-card:hover:before{transform:scaleX(1)}.configuration-control-center .stat-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.configuration-control-center .stat-header h3{font-family:Inter,sans-serif;font-weight:600;font-size:1rem;color:#525252;margin:0}.configuration-control-center .stat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#f5f5f5);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#1e40af;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.configuration-control-center .stat-title{font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;color:#525252;text-transform:uppercase;letter-spacing:.05em;margin:0}.configuration-control-center .stat-value{font-family:Inter,sans-serif;font-weight:800;font-size:2.5rem;color:#0f0f0f;margin:.5rem 0;line-height:1}.configuration-control-center .stat-description{font-family:Inter,sans-serif;font-weight:400;font-size:.875rem;color:#737373;margin:0;line-height:1.4}.configuration-control-center .stat-card.system-health{position:relative;overflow:hidden}.configuration-control-center .stat-card.system-health:before{background:linear-gradient(90deg,#16a34a,#22c55e)}.configuration-control-center .stat-card.system-health:hover{border-color:#d1fae5}.configuration-control-center .stat-change{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;color:#16a34a}.configuration-control-center .stat-progress{width:100%;height:6px;background:#f5f5f5;border-radius:3px;overflow:hidden;margin-top:1rem}.configuration-control-center .stat-progress-bar{height:100%;background:linear-gradient(90deg,#000,#333);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.configuration-control-center .stat-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.configuration-control-center .configurations-grid{margin:3rem 0}.configuration-control-center .configurations-grid h2{font-family:Inter,sans-serif;font-weight:700;font-size:1.75rem;color:#0f0f0f;margin:0 0 2rem;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.configuration-control-center .config-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.configuration-control-center .config-category-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:0;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;height:fit-content}.configuration-control-center .config-category-card.configured{border-color:#16a34a;background:linear-gradient(135deg,#16a34a05,#fff)}.configuration-control-center .config-category-card.pending{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b05,#fff)}.configuration-control-center .config-category-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #00000014,0 8px 16px #0000000f;border-color:#dbeafe}.configuration-control-center .category-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:0;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;height:fit-content}.configuration-control-center .category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000005 0% 100%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.configuration-control-center .category-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #00000014,0 8px 16px #0000000f,inset 0 1px #fffc;border-color:#dbeafe}.configuration-control-center .category-card:hover:before{opacity:1}.configuration-control-center .category-header{padding:2rem;position:relative;display:flex;align-items:flex-start;gap:1rem}.configuration-control-center .category-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#f5f5f5);display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.configuration-control-center .config-category-card:hover .category-icon{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;transform:scale(1.1)}.configuration-control-center .category-info{flex:1}.configuration-control-center .category-info h3{font-family:Inter,sans-serif;font-weight:700;font-size:1.25rem;color:#0f0f0f;margin:0 0 .5rem;line-height:1.2}.configuration-control-center .category-info p{font-family:Inter,sans-serif;font-weight:400;font-size:.875rem;color:#525252;margin:0;line-height:1.5}.configuration-control-center .category-status{flex-shrink:0;align-self:flex-start}.configuration-control-center .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.configuration-control-center .status-badge.configured{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.configuration-control-center .status-badge.pending{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.configuration-control-center .category-header:after{content:"";position:absolute;bottom:0;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,#000,#333);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.configuration-control-center .category-card:hover .category-header:after{transform:scaleX(1)}.configuration-control-center .category-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.configuration-control-center .category-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#f5f5f5);display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.configuration-control-center .category-card:hover .category-icon{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;transform:scale(1.1)}.configuration-control-center .category-name{font-family:Inter,sans-serif;font-weight:700;font-size:1.25rem;color:#0f0f0f;margin:0;line-height:1.2}.configuration-control-center .category-description{font-family:Inter,sans-serif;font-weight:400;font-size:.875rem;color:#525252;margin:0;line-height:1.5}.configuration-control-center .category-content{padding:2rem}.configuration-control-center .category-metrics{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.configuration-control-center .metric-item{text-align:center;flex:1}.configuration-control-center .metric-value{font-family:Inter,sans-serif;font-weight:800;font-size:1.5rem;color:#1e40af;margin:0;line-height:1}.configuration-control-center .metric-label{font-family:Inter,sans-serif;font-weight:500;font-size:.75rem;color:#737373;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.configuration-control-center .category-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-radius:12px;font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.configuration-control-center .status-icon{width:16px;height:16px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:10px}.configuration-control-center .users-breakdown,.configuration-control-center .clients-breakdown{margin:3rem 0;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;padding:2rem;border:1px solid #e5e5e5;box-shadow:0 4px 12px #0000000d}.configuration-control-center .users-breakdown h2,.configuration-control-center .clients-breakdown h2{font-family:Inter,sans-serif;font-weight:700;font-size:1.5rem;color:#0f0f0f;margin:0 0 1.5rem;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.configuration-control-center .breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.configuration-control-center .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:12px;border:1px solid #e5e5e5;transition:all .2s cubic-bezier(.4,0,.2,1)}.configuration-control-center .breakdown-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#dbeafe}.configuration-control-center .breakdown-item.total{background:linear-gradient(135deg,#000,#333);color:#fff;border-color:#1e40af}.configuration-control-center .breakdown-label{font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;text-transform:capitalize}.configuration-control-center .breakdown-value{font-family:Inter,sans-serif;font-weight:800;font-size:1.25rem}.configuration-control-center .system-realtime{margin:3rem 0;background:linear-gradient(135deg,#ecfdf5,#fff);border-radius:16px;padding:2rem;border:1px solid #d1fae5;box-shadow:0 4px 12px #0000000d}.configuration-control-center .system-realtime h2{font-family:Inter,sans-serif;font-weight:700;font-size:1.5rem;color:#0f0f0f;margin:0 0 1.5rem;background:linear-gradient(135deg,#16a34a,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.configuration-control-center .realtime-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.configuration-control-center .realtime-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:12px;border:1px solid #d1fae5;transition:all .2s cubic-bezier(.4,0,.2,1)}.configuration-control-center .realtime-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#16a34a}.configuration-control-center .realtime-label{font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;color:#525252}.configuration-control-center .realtime-value{font-family:Inter,sans-serif;font-weight:700;font-size:1rem;color:#0f0f0f}.configuration-control-center .realtime-value.status-connected{color:#16a34a}.configuration-control-center .system-info{margin:3rem 0;background:linear-gradient(135deg,#f1f5f9,#fff);border-radius:16px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.configuration-control-center .info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1)}.configuration-control-center .info-row:last-child{border-bottom:none}.configuration-control-center .info-row:hover{background:#3b82f605;border-radius:8px}.configuration-control-center .info-label{font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;color:#525252}.configuration-control-center .info-value{font-family:Inter,sans-serif;font-weight:700;font-size:1rem;color:#0f0f0f}.configuration-control-center h1,.configuration-control-center h2,.configuration-control-center h3{color:#0f0f0f}.configuration-control-center h1:first-letter,.configuration-control-center h2:first-letter,.configuration-control-center h3:first-letter{color:transparent;background:none;text-shadow:none}.configuration-control-center .control-center-footer{margin-top:3rem;animation:fadeInUp .6s ease-out forwards;animation-delay:.4s}.configuration-control-center .footer-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.configuration-control-center .footer-content:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014}@media (max-width: 768px){.configuration-control-center .control-center-header{padding:2rem 1.5rem}.configuration-control-center .header-main-content{flex-direction:column;gap:1.5rem}.configuration-control-center .header-title-section h1{font-size:2rem}.configuration-control-center .header-actions{flex-direction:column;width:100%;gap:.5rem}.configuration-control-center .header-action-btn{width:100%;justify-content:center}.configuration-control-center .header-system-info{flex-direction:column;align-items:flex-start;gap:.5rem}.configuration-control-center .stats-grid,.configuration-control-center .config-categories-grid,.configuration-control-center .breakdown-grid,.configuration-control-center .realtime-info{grid-template-columns:1fr;gap:1rem}.configuration-control-center .category-card:hover{transform:translateY(-3px)}}.configuration-control-center .loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:inherit}.configuration-control-center .loading-spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top:3px solid #3b82f6;border-radius:50%;animation:configSpinner 1s linear infinite}@keyframes configSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.configuration-control-center .stat-card.loading{position:relative;pointer-events:none}.configuration-control-center .header-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.configuration-control-center .header-action-btn.loading{background:#f3f4f6;color:#6b7280;animation:buttonPulse 1.5s ease-in-out infinite}@keyframes buttonPulse{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.configuration-control-center{animation:fadeInUp .8s ease-out forwards}.configuration-control-center .control-center-header{animation:slideInLeft .6s ease-out forwards;animation-delay:.1s;opacity:0}.configuration-control-center .system-overview{animation:fadeInUp .6s ease-out forwards;animation-delay:.2s;opacity:0}.configuration-control-center .configurations-grid{animation:fadeInUp .6s ease-out forwards;animation-delay:.3s;opacity:0}.configuration-control-center .users-breakdown{animation:slideInLeft .6s ease-out forwards;animation-delay:.4s;opacity:0}.configuration-control-center .clients-breakdown{animation:slideInLeft .6s ease-out forwards;animation-delay:.5s;opacity:0}.configuration-control-center .system-realtime{animation:fadeInUp .6s ease-out forwards;animation-delay:.6s;opacity:0}.configuration-control-center .system-info{animation:fadeInUp .6s ease-out forwards;animation-delay:.7s;opacity:0}.configuration-control-center .stat-card:nth-child(1){animation:scaleIn .5s ease-out forwards;animation-delay:.25s;opacity:0}.configuration-control-center .stat-card:nth-child(2){animation:scaleIn .5s ease-out forwards;animation-delay:.3s;opacity:0}.configuration-control-center .stat-card:nth-child(3){animation:scaleIn .5s ease-out forwards;animation-delay:.35s;opacity:0}.configuration-control-center .stat-card:nth-child(4){animation:scaleIn .5s ease-out forwards;animation-delay:.4s;opacity:0}.configuration-control-center .stat-card:nth-child(5){animation:scaleIn .5s ease-out forwards;animation-delay:.45s;opacity:0}.configuration-control-center .stat-card:nth-child(6){animation:scaleIn .5s ease-out forwards;animation-delay:.5s;opacity:0}.configuration-control-center .config-category-card:nth-child(1){animation-delay:.35s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(2){animation-delay:.4s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(3){animation-delay:.45s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(4){animation-delay:.5s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(5){animation-delay:.55s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(6){animation-delay:.6s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(7){animation-delay:.65s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(8){animation-delay:.7s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(9){animation-delay:.75s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(10){animation-delay:.8s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(11){animation-delay:.85s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(12){animation-delay:.9s;opacity:0;animation:scaleIn .5s ease-out forwards}.configuration-control-center .config-category-card:nth-child(13){animation-delay:.95s;opacity:0;animation:scaleIn .5s ease-out forwards}._settingsPage_18c5o_4{min-height:100vh;background:linear-gradient(to bottom,#f9fafb,#fff)!important;padding:24px;color:#111827!important;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb}._header_18c5o_19{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb}._headerContent_18c5o_28{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}._headerLeft_18c5o_36{display:flex;gap:16px;align-items:flex-start;flex:1}._backButton_18c5o_43{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;color:#6b7280}._backButton_18c5o_43:hover{background:#e5e7eb;color:#111827;transform:translate(-2px)}._backButton_18c5o_43 svg{width:20px;height:20px}._headerTitle_18c5o_69{flex:1}._headerTitle_18c5o_69 h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827;line-height:1.2}._headerTitle_18c5o_69 p{margin:0;font-size:15px;color:#6b7280;line-height:1.5}._statsSummary_18c5o_89{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding-top:24px;border-top:1px solid #f3f4f6}._statItem_18c5o_97{text-align:center;padding:16px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:1px solid #e5e7eb;transition:all .3s}._statItem_18c5o_97:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}._statValue_18c5o_111{display:block;font-size:32px;font-weight:700;color:#111827;line-height:1;margin-bottom:8px}._statValue_18c5o_111._connected_18c5o_120{color:#10b981}._statValue_18c5o_111._disconnected_18c5o_124{color:#ef4444}._statLabel_18c5o_128{display:block;font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}._tabsContainer_18c5o_138{background:#fff;border-radius:16px;padding:16px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;overflow-x:auto}._tabsGrid_18c5o_148{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}._tab_18c5o_138{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._tab_18c5o_138:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}._tab_18c5o_138:hover{background:#f3f4f6;transform:translateY(-2px)}._tab_18c5o_138._active_18c5o_186{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}._tab_18c5o_138._active_18c5o_186:before{transform:scaleX(1)}._tabIcon_18c5o_195{font-size:28px;line-height:1;filter:grayscale(100%);transition:filter .3s}._tab_18c5o_138:hover ._tabIcon_18c5o_195,._tab_18c5o_138._active_18c5o_186 ._tabIcon_18c5o_195{filter:grayscale(0%)}._tabName_18c5o_207{font-size:13px;font-weight:600;color:#6b7280;text-align:center;line-height:1.3;transition:color .3s}._tab_18c5o_138._active_18c5o_186 ._tabName_18c5o_207{color:#2563eb}._contentArea_18c5o_221{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;min-height:500px}._tabInfo_18c5o_232{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;padding:20px 28px;margin-bottom:24px;box-shadow:0 4px 16px #3b82f64d;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px}._tabInfoLeft_18c5o_245{flex:1}._tabInfoTitle_18c5o_249{margin:0 0 6px;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}._tabInfoDescription_18c5o_258{margin:0;font-size:14px;opacity:.95;line-height:1.5}._tabInfoMeta_18c5o_265{font-size:13px;opacity:.85;text-align:right}._footer_18c5o_272{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb}._footerActions_18c5o_280{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}._footerInfo_18c5o_287{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #f3f4f6;font-size:13px;color:#6b7280}._loading_18c5o_299{display:flex;align-items:center;justify-content:center;min-height:100vh}@media (max-width: 1024px){._tabsGrid_18c5o_148{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 768px){._settingsPage_18c5o_4{padding:16px}._header_18c5o_19{padding:24px}._headerContent_18c5o_28{flex-direction:column}._headerTitle_18c5o_69 h1{font-size:24px}._statsSummary_18c5o_89,._tabsGrid_18c5o_148{grid-template-columns:repeat(2,1fr)}._contentArea_18c5o_221{padding:20px}._tabInfo_18c5o_232{flex-direction:column;text-align:center}._tabInfoMeta_18c5o_265{text-align:center}._footerActions_18c5o_280{flex-direction:column}._footerInfo_18c5o_287{flex-direction:column;gap:8px}}@media (max-width: 640px){._tabsGrid_18c5o_148,._statsSummary_18c5o_89{grid-template-columns:1fr}}:root{--accent-color-rgb: 59, 130, 246}.announcement-creator-container{max-width:1200px;margin:0 auto;padding:var(--spacing-6);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-height:100vh}.announcement-creator-header{margin-bottom:var(--spacing-8);text-align:center;padding:var(--spacing-6) 0;border-bottom:2px solid var(--bg-tertiary)}.announcement-creator-title-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.back-button:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px)}.announcement-creator-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-3)}.announcement-creator-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.announcement-form{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-section{background:var(--bg-secondary);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid rgba(var(--accent-color-rgb),.1);transition:all var(--transition-normal)}.form-section:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--accent-color-rgb),.2)}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.section-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-4)}.template-selection-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.template-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.template-category-card{background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.template-category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.template-category-card:hover:before{left:100%}.template-category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.template-category-card.selected{border-color:var(--accent-color);background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.05),rgba(var(--accent-color-rgb),.1));box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.2)}.category-icon{font-size:2.5rem;margin-bottom:var(--spacing-2);display:block}.category-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-1)}.category-description{font-size:.75rem;color:var(--text-muted);line-height:1.4}.template-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.template-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.template-type-card{background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-normal);text-align:left}.template-type-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.template-type-card.selected{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}.template-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.template-icon{font-size:1.25rem}.template-title{font-weight:600;color:var(--text-primary);flex:1}.template-meta{font-size:.75rem;color:var(--text-secondary);display:flex;gap:var(--spacing-2)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-2);font-size:.875rem}.form-label.required:after{content:" *";color:var(--error-color)}.form-input{width:100%;padding:var(--spacing-3);border:2px solid var(--bg-tertiary);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.form-input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.form-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1rem;padding-right:calc(var(--spacing-3) + 1.5rem);cursor:pointer}.priority-low{border-color:var(--success-color)!important;background:#10b9810d}.priority-medium{border-color:var(--warning-color)!important;background:#f59e0b0d}.priority-high{border-color:#f97316!important;background:#f973160d}.priority-critical{border-color:var(--error-color)!important;background:#ef44440d}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-3)}.audience-option{background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-3);cursor:pointer;transition:all var(--transition-fast);text-align:center}.audience-option:hover{border-color:var(--accent-color);transform:translateY(-1px)}.audience-option.selected{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05)}.scheduling-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.timing-option{background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-fast);text-align:center;position:relative}.timing-option:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.timing-option.selected{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05)}.timing-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.timing-icon{font-size:2rem;margin-bottom:var(--spacing-2);display:block}.timing-label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-1)}.timing-description{font-size:.75rem;color:var(--text-secondary)}.datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 768px){.datetime-grid{grid-template-columns:1fr}}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.checkbox-item:hover{background:var(--bg-tertiary)}.checkbox-item input[type=checkbox]{width:1rem;height:1rem;border:2px solid var(--bg-tertiary);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.checkbox-item input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.checkbox-label{font-size:.875rem;color:var(--text-primary);cursor:pointer}.error-message{color:var(--error-color);font-size:.75rem;margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.error-message:before{content:"⚠️";font-size:.875rem}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error-color);padding:var(--spacing-4);border-radius:var(--radius-md);margin:var(--spacing-4) 0}.action-buttons{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-6);border-top:2px solid var(--bg-tertiary);margin-top:var(--spacing-6);gap:var(--spacing-4)}.button-group{display:flex;gap:var(--spacing-3)}.btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;min-height:44px}.btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--bg-tertiary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-emergency{background:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-emergency:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.preview-content{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--bg-tertiary)}.preview-title{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.preview-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.preview-close:hover{color:var(--text-primary)}.announcement-preview{border-left:4px solid var(--accent-color);padding:var(--spacing-4);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--bg-secondary);position:relative}.preview-priority-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase}.preview-meta{margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--bg-tertiary);font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-1)}.emergency-mode{background:linear-gradient(135deg,#ef44440d,#ef44441a);border:2px solid rgba(239,68,68,.2)}.emergency-mode .section-title{color:var(--error-color)}.emergency-mode .section-title:before{content:"🚨 "}.emergency-indicator{background:var(--error-color);color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);text-align:center;font-weight:600;margin-bottom:var(--spacing-4);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 1024px){.announcement-creator-container{padding:var(--spacing-4)}.template-categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.template-types-grid{grid-template-columns:1fr}}@media (max-width: 768px){.announcement-creator-title{font-size:2rem}.action-buttons{flex-direction:column;align-items:stretch}.button-group,.btn{justify-content:center}.audience-grid,.scheduling-options{grid-template-columns:1fr}}@media (max-width: 480px){.form-section{padding:var(--spacing-4)}.preview-modal{padding:var(--spacing-2)}.preview-content{padding:var(--spacing-4);max-height:95vh}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-input:focus,.btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mt-4{margin-top:var(--spacing-4)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--dashboard-bg-primary: #ffffff;--dashboard-bg-secondary: #f8f9fa;--dashboard-bg-tertiary: #f1f3f4;--dashboard-text-primary: #1a1a1a;--dashboard-text-secondary: #6c757d;--dashboard-text-muted: #adb5bd;--dashboard-border-light: #e9ecef;--dashboard-border-medium: #dee2e6;--dashboard-shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--dashboard-shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--dashboard-radius-sm: 6px;--dashboard-radius-md: 8px;--dashboard-radius-lg: 12px;--dashboard-transition: all .2s ease}.admin-announcement-dashboard{min-height:100vh;background:var(--dashboard-bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--dashboard-text-primary)}.dashboard-header{background:var(--dashboard-bg-primary);border-bottom:2px solid var(--dashboard-border-light);padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}.header-content{flex:1;min-width:300px}.header-title-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-button:hover{background:#e9ecef;color:#495057;transform:translate(-2px)}.back-button svg{width:20px;height:20px}.header-content h1{color:var(--dashboard-text-primary);font-size:2rem;font-weight:700;margin:0;line-height:1.2}.header-content p{color:var(--dashboard-text-secondary);font-size:1rem;margin:.5rem 0 0;line-height:1.4}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--dashboard-radius-md);font-size:.9375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--dashboard-transition);white-space:nowrap;font-family:inherit}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px);box-shadow:var(--dashboard-shadow-medium)}.btn-secondary{background:var(--dashboard-bg-secondary);color:var(--dashboard-text-primary);border:1px solid var(--dashboard-border-medium)}.btn-secondary:hover{background:var(--dashboard-bg-tertiary)}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem 2.5rem;background:var(--dashboard-bg-secondary)}.metric-card{background:var(--dashboard-bg-primary);border:1px solid var(--dashboard-border-light);border-radius:var(--dashboard-radius-lg);padding:1.5rem;box-shadow:var(--dashboard-shadow-light);transition:var(--dashboard-transition)}.metric-card:hover{box-shadow:var(--dashboard-shadow-medium);transform:translateY(-2px)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-title{color:var(--dashboard-text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.metric-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--dashboard-bg-secondary)}.metric-value{font-size:2rem;font-weight:700;color:var(--dashboard-text-primary);margin:0;line-height:1}.metric-change{font-size:.8125rem;font-weight:500;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.metric-change.positive{color:#28a745}.metric-change.negative{color:#dc3545}.metric-change.neutral{color:var(--dashboard-text-muted)}.dashboard-filters{padding:1.5rem 2.5rem;background:var(--dashboard-bg-primary);border-bottom:1px solid var(--dashboard-border-light);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-label{color:var(--dashboard-text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap}.filter-select,.search-input{padding:.5rem .75rem;border:1px solid var(--dashboard-border-medium);border-radius:var(--dashboard-radius-sm);font-size:.875rem;background:var(--dashboard-bg-primary);color:var(--dashboard-text-primary);transition:var(--dashboard-transition)}.filter-select:focus,.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-input{min-width:250px}.view-toggle{display:flex;background:var(--dashboard-bg-secondary);border-radius:var(--dashboard-radius-sm);padding:.25rem;margin-left:auto}.view-toggle button{padding:.5rem 1rem;border:none;background:transparent;color:var(--dashboard-text-secondary);font-size:.875rem;cursor:pointer;border-radius:var(--dashboard-radius-sm);transition:var(--dashboard-transition)}.view-toggle button.active{background:var(--dashboard-bg-primary);color:var(--dashboard-text-primary);box-shadow:var(--dashboard-shadow-light)}.dashboard-content{padding:2rem 2.5rem;background:var(--dashboard-bg-primary)}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.bulk-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--dashboard-text-secondary)}.select-all-checkbox input{width:16px;height:16px}.announcements-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 640px){.announcements-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.announcements-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width: 1280px){.announcements-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width: 1536px){.announcements-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem}}.announcement-card{background:var(--dashboard-bg-primary);border:1px solid var(--dashboard-border-light);border-radius:var(--dashboard-radius-lg);padding:1.5rem;box-shadow:var(--dashboard-shadow-light);transition:var(--dashboard-transition);position:relative}.announcement-card:hover{box-shadow:var(--dashboard-shadow-medium);transform:translateY(-2px)}.announcement-card.selected{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.card-checkbox{width:18px;height:18px;margin-top:.25rem;flex-shrink:0}.card-content{flex:1;min-width:0}.card-status-priority{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.draft{background:#f8f9fa;color:#6c757d}.status-badge.scheduled{background:#fff3cd;color:#856404}.status-badge.delivering{background:#cce5ff;color:#004085}.status-badge.delivered{background:#d4edda;color:#155724}.status-badge.failed{background:#f8d7da;color:#721c24}.priority-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-badge.low{background:#e2e3e5;color:#383d41}.priority-badge.medium{background:#fff3cd;color:#856404}.priority-badge.high{background:#f5c6cb;color:#721c24}.priority-badge.critical{background:#f8d7da;color:#721c24}.card-title{font-size:1.125rem;font-weight:600;color:var(--dashboard-text-primary);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{color:var(--dashboard-text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--dashboard-border-light);font-size:.8125rem;color:var(--dashboard-text-muted)}.card-meta-left{display:flex;flex-direction:column;gap:.25rem}.card-meta-right{text-align:right}.card-actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-outline{background:transparent;border:1px solid var(--dashboard-border-medium);color:var(--dashboard-text-secondary)}.btn-outline:hover{background:var(--dashboard-bg-secondary);color:var(--dashboard-text-primary)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.announcements-table{width:100%;border-collapse:collapse;background:var(--dashboard-bg-primary);border-radius:var(--dashboard-radius-lg);overflow:hidden;box-shadow:var(--dashboard-shadow-light)}.announcements-table th,.announcements-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--dashboard-border-light)}.announcements-table th{background:var(--dashboard-bg-secondary);color:var(--dashboard-text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.announcements-table tbody tr{transition:var(--dashboard-transition)}.announcements-table tbody tr:hover{background:var(--dashboard-bg-secondary)}.announcements-table tbody tr.selected{background:#007bff1a}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--dashboard-border-light);border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.state-title{font-size:1.25rem;font-weight:600;color:var(--dashboard-text-primary);margin:0 0 .5rem}.state-description{color:var(--dashboard-text-secondary);font-size:.9375rem;margin:0;max-width:400px}@media (max-width: 1200px){.dashboard-header,.dashboard-content,.dashboard-metrics,.dashboard-filters{padding:1.5rem 2rem}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:stretch;padding:1rem 1.5rem}.header-actions{justify-content:stretch}.dashboard-content{padding:1rem 1.5rem}.dashboard-metrics{padding:1rem 1.5rem;grid-template-columns:1fr}.dashboard-filters{padding:1rem 1.5rem;flex-direction:column;align-items:stretch;gap:1rem}.filter-group{justify-content:space-between}.search-input{min-width:auto;width:100%}.view-toggle{margin-left:0;align-self:center}.announcements-grid{grid-template-columns:1fr;gap:1rem}.announcement-card{padding:1rem;margin-bottom:.5rem}.card-content{padding:.75rem 0}.metric-card{padding:1rem}.content-header{flex-direction:column;align-items:stretch}.bulk-actions{justify-content:space-between}.announcements-table{font-size:.875rem}.announcements-table th,.announcements-table td{padding:.75rem .5rem}}@media (max-width: 480px){.dashboard-header,.dashboard-content,.dashboard-metrics,.dashboard-filters{padding:1rem}.header-content h1,.metric-value{font-size:1.5rem}.card-actions{flex-direction:column;align-items:stretch}.announcement-card{padding:.75rem}.announcements-grid{gap:.75rem}.card-content{padding:.5rem 0}.announcement-card button{padding:.5rem .75rem;font-size:.75rem}.btn{justify-content:center}}@media (prefers-reduced-motion: reduce){.announcement-card,.metric-card,.btn,.announcements-table tbody tr{transition:none}.loading-spinner{animation:none}}@media (prefers-contrast: high){.announcement-card,.metric-card{border-width:2px}.status-badge,.priority-badge{font-weight:700}}
