:root{--color-primary-start:#e67700;--color-primary-mid:#f80;--color-primary-end:orange;--color-primary-gradient:linear-gradient(135deg,var(--color-primary-start),var(--color-primary-mid),var(--color-primary-end));--color-primary-rgb:230,119,0;--color-dark-base:#2d2d2d;--color-dark-lighter:#3a3a3a;--color-dark-border:#4a4a4a;--color-dark-hover:#5a5a5a;--color-dark-gradient:linear-gradient(135deg,#505050,#2d2d2d,#2d2d2d);--color-bg-primary:#fff;--color-bg-secondary:#f5f5f7;--color-bg-tertiary:#fcfcfd;--color-bg-light:#f8f9fa;--color-status-online:#22c55e;--color-status-success:#22c55e;--color-status-away:#fbbf24;--color-status-warning:#fbbf24;--color-status-busy:#ef4444;--color-status-error:#ef4444;--color-status-offline:#6b7280;--color-status-neutral:#6b7280;--color-text-primary:#3d3d3d;--color-text-secondary:#6b7280;--color-text-tertiary:#888;--color-text-disabled:#999;--color-text-light:#b3b3b3;--color-text-white:#fff;--color-border-primary:#e4e4e7;--color-border-secondary:#e4e4e7;--color-border-tertiary:#f0f0f0;--color-border-dark:#3a3a3a;--color-link:#667eea;--color-link-hover:#5568d3;--spacing-xxs:2px;--spacing-sm:6px;--spacing-md:8px;--spacing-base:10px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:48px;--font-family-base:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-code:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:20px;--font-size-4xl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.6;--border-radius-none:0;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 12px rgba(var(--color-primary-rgb),0.3);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--sidebar-width:260px;--header-height:57px;--header-secondary-height:56px;--scrollbar-width:6px;--scrollbar-thumb-color:#4a4a4a;--scrollbar-thumb-hover:#5a5a5a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--color-teal:#4ecdc4;--color-blue:#45b7d1;--color-light-blue:#5dade2;--color-orange:#f80;--color-orange-light:#ffa94d;--color-orange-lighter:#ffb366;--color-orange-lightest:#ffc180;--color-success:#10b981;--color-error:#ef4444;--color-warning:#fbbf24;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--chart-gradient-start:#4ecdc4;--chart-gradient-mid:#45b7d1;--chart-gradient-end:#5dade2;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{font-family:var(--font-family-base)!important}body,html{min-width:1400px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:var(--font-family-base)!important;height:100vh;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;text-rendering:optimizeLegibility;width:100vw}#root{height:100%;overflow:hidden;width:100%}button,input,select,textarea{font-family:var(--font-family-base)!important}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--color-bg-tertiary)!important}input:not([type=checkbox]):not([type=radio]),option,select,select option,textarea{color:var(--color-text-primary)!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important}option,select option{background:#fcfcfd!important}code{font-family:var(--font-family-code)}*{box-sizing:border-box;margin:0;padding:0}.dashboard,.suphero-dashboard{background:var(--suphero-bg-secondary);display:flex;height:100vh;left:0;min-width:1400px;overflow:hidden;position:fixed;top:0;width:100vw}.dashboard-sidebar,.suphero-sidebar{background:linear-gradient(135deg,#505050,#2d2d2d,#2d2d2d);border-right:1px solid #3a3a3a;display:flex;flex-direction:column;overflow-y:auto;padding:20px 16px 24px;width:260px}.dashboard-sidebar::-webkit-scrollbar,.suphero-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-thumb,.suphero-sidebar::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover,.suphero-sidebar::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.suphero-brand-logo{flex-shrink:0}.suphero-user-profile{align-items:center;background:#0000000f;border:1px solid #4a4a4a91;border-radius:4px;display:flex;gap:12px;margin-bottom:25px;padding:12px;position:relative}.suphero-user-avatar{flex-shrink:0;position:relative}.suphero-user-avatar img{border:2px solid #4a4a4a;border-radius:6px;height:41px;object-fit:cover;width:41px}.online-indicator{border:0 solid #2d2d2d00;border-radius:50%;bottom:1px;height:12px;position:absolute;right:-2px;transition:background .2s;width:12px}.online-indicator,.online-indicator.status-online{background:var(--suphero-success)}.online-indicator.status-away{background:var(--suphero-warning)}.online-indicator.status-busy{background:var(--suphero-error)}.online-indicator.status-offline{background:#6b7280}.suphero-user-info{flex:1 1;min-width:0}.suphero-user-name{color:var(--suphero-text-inverse);font-size:var(--suphero-text-14);font-weight:var(--suphero-font-medium);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suphero-user-status{align-items:center;display:flex}.status-text{color:var(--suphero-text-inverse);font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium)}.status-dropdown-menu{animation:slideDown .2s ease;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:16px;overflow:hidden;position:absolute;right:16px;top:70px;z-index:1000}.status-option{align-items:center;background:none;border:none;border-bottom:1px solid #e4e4e7;color:var(--suphero-text-primary);cursor:pointer;display:flex;font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);gap:10px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.status-option:last-child{border-bottom:none}.status-option:hover{background:#f9f9f9}.status-option.active{background:#f0f7ff;color:#3b82f6}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-dot.status-online{background:var(--suphero-success);box-shadow:0 0 0 2px #22c55e33}.status-dot.status-away{background:var(--suphero-warning);box-shadow:0 0 0 2px #fbbf2433}.status-dot.status-busy{background:var(--suphero-error);box-shadow:0 0 0 2px #ef444433}.status-dot.status-offline{background:#6b7280;box-shadow:0 0 0 2px #6b728033}.user-settings{align-items:center;background:#0000;border:1px solid #4a4a4a;border-radius:4px;color:#999;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s;width:28px}.user-settings:hover{background:#4a4a4a;border-color:#5a5a5a;color:var(--suphero-text-inverse)}.sidebar-nav,.suphero-sidebar-nav{border-bottom:1px solid #3a3a3a;margin-bottom:10px;padding-bottom:20px}.nav-item,.suphero-nav-item{align-items:center;border-radius:4px;color:#b3b3b3;display:flex;font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);gap:11px;letter-spacing:-.1px;margin-bottom:5px;padding:13px 12px;text-decoration:none;transition:all .15s}.nav-item:hover{background:#3a3a3a}.nav-item.active,.nav-item:hover{color:var(--suphero-text-inverse)}.nav-item.active{background:linear-gradient(135deg,#e67700,#f80,orange);font-weight:var(--suphero-font-medium)}.nav-item svg{stroke-width:2;flex-shrink:0;height:20px;width:20px}.beta-badge{background:#ff8c0026;border:1px solid #ff8c004d;border-radius:4px;color:#ff8c00;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium);margin-left:auto;padding:2px 6px;text-transform:lowercase}.sidebar-section{border-bottom:1px solid #3a3a3a;margin-bottom:10px;padding-bottom:16px}.sidebar-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:10px}.section-header,.suphero-section-header{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium);justify-content:space-between;margin-bottom:2px;padding:6px 12px;text-align:left;transition:all .2s;-webkit-user-select:none;user-select:none;width:100%}.section-header:hover{color:var(--suphero-text-inverse)}.section-header svg{opacity:.7;transition:opacity .2s}.section-header:hover svg{opacity:1}.collapse-btn{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .15s}.collapse-btn:hover{background:#3a3a3a;color:#b3b3b3}.collapse-btn svg{height:14px;width:14px}.section-items{display:flex;flex-direction:column;gap:1px}.section-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#b3b3b3;cursor:pointer;display:flex;font-family:inherit;font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);gap:10px;letter-spacing:-.1px;margin-bottom:3px;overflow:hidden;padding:10px 12px;text-align:left;text-decoration:none;text-overflow:ellipsis;transition:all .15s;white-space:nowrap;width:100%}.section-item svg{flex-shrink:0;height:16px;opacity:.7;width:16px}.section-item:hover{background:#3a3a3a;color:var(--suphero-text-inverse)}.section-item:hover svg{opacity:1}.section-item.active{background:linear-gradient(135deg,#e67700,#f80,orange);color:var(--suphero-text-inverse);font-weight:var(--suphero-font-medium)}.section-item.active svg{opacity:1}.new-chat-request-btn{align-items:center;animation:bounceInButton 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff9500,#ff8c00);border:none;border-radius:4px;box-shadow:0 4px 12px #ff95004d;color:var(--suphero-text-inverse);cursor:pointer;display:flex;font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);gap:8px;height:44px;margin:30px 10px 16px;min-height:44px;padding:0 12px;transition:all .3s ease,transform .5s ease;width:calc(100% - 20px)}.new-chat-request-btn:hover{box-shadow:0 6px 20px #ff950080;transform:translateY(-2px)}.new-chat-request-btn svg{flex-shrink:0}.new-chat-request-btn span,.new-chat-request-btn svg{position:relative;z-index:1}.new-chat-request-btn span:first-of-type{flex:1 1}.request-badge{background:#ffffff4d;border-radius:3px;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium);padding:2px 6px}@keyframes bounceInButton{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sidebar-top{align-items:left;display:flex;justify-content:left;margin-bottom:20px;margin-top:0;padding:0}.suphero-logo-top{height:auto;min-height:auto;padding-bottom:5px;padding-top:5px;width:120px}.dashboard-main,.suphero-main{background:#fcfcfd;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dashboard-main.has-minimized-chats,.suphero-main.has-minimized-chats{padding-bottom:80px}.main-header,.suphero-main-header{align-items:center;background:var(--suphero-bg-tertiary);border-bottom:1px solid #e4e4e7;display:flex;flex-shrink:0;justify-content:space-between;max-height:56px;min-height:56px;padding:10px 25px!important}.page-content-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto}.suphero-header-left{align-items:center;display:flex;flex:1 1;gap:10px}.btn-icon-header{align-items:center;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:7px;color:var(--suphero-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.btn-icon-header:hover{background:var(--suphero-bg-tertiary);border-color:#d4d4d8;color:var(--suphero-text-primary)}.btn-icon-header svg{stroke-width:2;height:18px;width:18px}.suphero-breadcrumb{align-items:center;color:var(--suphero-text-disabled);display:flex;font-size:var(--suphero-text-13);gap:7px;margin-left:8px}.suphero-breadcrumb span{font-weight:var(--suphero-font-medium);transition:color .15s}.suphero-breadcrumb span:not(.suphero-breadcrumb-current):hover{color:var(--suphero-text-primary);cursor:pointer}.suphero-breadcrumb-current{color:var(--suphero-text-primary);font-size:var(--suphero-text-16);font-weight:var(--suphero-font-medium)}.suphero-breadcrumb svg{color:#d4d4d8;height:14px;width:14px}.suphero-header-actions{align-items:center;display:flex;gap:10px}.secondary-header{border-top:1px solid #e4e4e700}.dashboard-home-tabs-header,.suphero-admin-tabs-wrapper,.suphero-agents-tabs-wrapper,.suphero-banned-tabs-wrapper,.suphero-departments-tabs-wrapper,.suphero-history-tabs-wrapper,.suphero-shortcuts-tabs-wrapper,.suphero-tabs-wrapper,.suphero-triggers-tabs-wrapper{align-items:center;display:flex;justify-content:space-between}.suphero-account-tabs-wrapper,.suphero-dashboard-home-tabs-wrapper,.suphero-personal-tabs-wrapper,.suphero-widget-tabs-wrapper{background:var(--suphero-bg-tertiary);display:flex;gap:0;padding:0}.dashboard-tab-btn,.suphero-tab-btn{align-items:center;background:#0000;border:1px solid #e9e9e9;border-bottom:3px solid #0000;border-top:none;color:var(--suphero-text-primary)!important;cursor:pointer;display:flex;gap:8px;margin-bottom:-3px;padding:18px 24px;transition:all .05s}.dashboard-tab-btn,.suphero-admin-dashboard-tab-btn,.suphero-tab-btn{font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium)}.suphero-admin-dashboard-tab-btn{padding:17px 24px}.dashboard-tab-btn:hover,.suphero-tab-btn:hover{background:#667eea0d;color:var(--suphero-text-primary)}.dashboard-tab-btn.active,.suphero-tab-btn.active{background:#fcfcfd;color:#ff850b}.dashboard-tab-btn svg,.suphero-tab-btn svg{height:16px;width:16px}.dashboard-tab-btn .suphero-tab-badge,.suphero-tab-btn .suphero-tab-badge{align-items:center;background:#667eea38;border-radius:10px;color:#0c0c0c;display:inline-flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium);height:20px;justify-content:center;margin-left:6px;min-width:20px;padding:0 6px}.dashboard-tab-btn.active .suphero-tab-badge,.suphero-tab-btn.active .suphero-tab-badge{background:#fc6b00;color:#fff}.suphero-tab-btn.tab-empty .suphero-tab-badge,.suphero-tab-btn.tab-empty.active .suphero-tab-badge{background:#e5e5e5!important;color:#6d6d6d!important}.suphero-tab-btn.tab-empty svg{fill:#8f8f8f!important}.suphero-dashboard-welcome{margin-bottom:32px}.suphero-welcome-title{-webkit-text-fill-color:#0000;animation:supheroShimmerText 13s linear infinite;background:linear-gradient(90deg,#667eea,#c850c0 50%,#f07e00);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:var(--suphero-text-24);font-weight:var(--suphero-font-medium);letter-spacing:-1px;line-height:1.2;margin:0 0 8px}@keyframes supheroShimmerText{0%{background-position:200%}to{background-position:-200%}}.suphero-welcome-subtitle{color:#898989;font-size:var(--suphero-text-17);font-weight:var(--suphero-font-medium);letter-spacing:-1px;line-height:1;margin:0}.report-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.period-selector{background:#f4f4f5;border-radius:8px;display:flex;gap:8px;padding:4px}.period-btn{background:#0000;border:none;border-radius:6px;color:var(--suphero-text-tertiary);cursor:pointer;font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);padding:8px 16px;transition:all .2s}.period-btn:hover{background:#ffffff80;color:var(--suphero-text-primary)}.period-btn.active{background:var(--suphero-bg-primary);box-shadow:0 1px 2px #0000000d;color:var(--suphero-text-primary)}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.report-chart-card,.suphero-chart-card{background:var(--suphero-bg-primary);border:1px solid #e4e4e7ba;border-radius:8px;padding:24px}.report-chart-title{color:var(--suphero-text-primary);font-size:var(--suphero-text-15);font-weight:var(--suphero-font-medium);margin:0 0 10px}.donut-chart-container{align-items:center;display:flex;gap:32px;justify-content:space-between}.donut-chart-container .no-data-message{width:100%}.donut-chart{flex-shrink:0;height:200px;width:200px}.donut-legend{display:flex;flex:1 1;flex-direction:column;gap:20px}.legend-row{align-items:center;display:flex;gap:10px}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-label{color:#464646;flex:1 1;font-weight:600}.legend-label,.legend-value{font-size:var(--suphero-text-13)}.legend-value{color:var(--suphero-text-primary);font-weight:var(--suphero-font-medium)}@media (max-width:1024px){.reports-grid{grid-template-columns:1fr}}@media (max-width:768px){.donut-chart-container{flex-direction:column;gap:20px}.donut-chart{height:160px;width:160px}}.stats-cards-grid,.suphero-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}.stat-card-modern,.suphero-stat-card{background:var(--suphero-bg-primary);border:1px solid #e4e4e7ba;border-radius:4px;color:var(--suphero-text-primary);overflow:visible;padding:20px;position:relative;z-index:1}.stat-card-modern:hover,.suphero-stat-card:hover{z-index:100}.card-pattern{display:none}.card-icon-top{margin-bottom:16px}.card-icon-top svg{display:block}.skeleton-card{pointer-events:none}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-icon{height:24px;margin-bottom:16px;width:24px}.skeleton-title{height:15px;margin-bottom:6px;width:60%}.skeleton-value{height:18px;width:40%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hourly-chart-section{background:var(--suphero-bg-primary);border:1px solid #e4e4e7b0;border-radius:4px;margin-bottom:0;margin-top:32px;overflow:visible;padding:24px;position:relative}.chart-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{color:var(--suphero-text-primary);font-size:var(--suphero-text-18);margin-bottom:4px}.chart-subtitle{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-13);margin:0}.chart-legend{display:flex;gap:16px}.legend-item{align-items:center;color:var(--suphero-text-tertiary);display:flex;font-size:var(--suphero-text-13);gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.chart-container-wrapper{overflow:visible;position:relative;width:100%}.line-chart{display:block;height:auto;min-height:350px;width:100%}.chart-tooltip{animation:tooltipFadeIn .2s ease-out;background:#18181b;border-radius:8px;box-shadow:0 4px 12px #00000026;color:var(--suphero-text-inverse);min-width:180px;padding:12px 16px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);z-index:99999!important}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.chart-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #18181b;bottom:-6px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.chart-tooltip.tooltip-left:after{left:auto;right:10px;transform:none}.tooltip-time{border-bottom:1px solid #ffffff1a;color:#4ecdc4;font-weight:var(--suphero-font-medium);margin-bottom:8px;padding-bottom:8px}.tooltip-row,.tooltip-time{font-size:var(--suphero-text-13)}.tooltip-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.tooltip-label{color:var(--suphero-text-disabled)}.tooltip-label,.tooltip-value{font-weight:var(--suphero-font-medium)}.tooltip-value{color:var(--suphero-text-inverse)}.tooltip-row.success .tooltip-value{color:#86efac}.tooltip-row.error .tooltip-value{color:#fca5a5}@media (max-width:768px){.chart-header{flex-direction:column;gap:12px}.chart-container-wrapper{overflow-x:auto;overflow-y:visible}.line-chart{min-width:800px}.chart-tooltip{font-size:var(--suphero-text-12);min-width:160px;padding:10px 14px}}.card-header{display:none}.card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:4px;display:flex;height:40px;justify-content:center;width:40px}.card-icon svg{stroke:#fff;height:20px;opacity:.95;width:20px}.card-change{align-items:center;border-radius:4px;display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium);gap:3px;padding:4px 10px}.card-change.positive{background:#dcfce7;color:#15803d}.card-change.positive svg{stroke:#15803d}.card-change.negative{background:#fee2e2;color:var(--suphero-error-dark)}.card-change.negative svg{stroke:#dc2626;transform:rotate(180deg)}.card-body{display:flex;flex-direction:column;position:relative;z-index:1}.card-info{flex:1 1}.card-title{color:#4a4a4a;font-size:13px;font-weight:var(--suphero-font-medium);margin-bottom:6px;text-transform:capitalize}.card-value-row{align-items:center;display:flex;gap:8px}.card-value{color:var(--suphero-text-primary);font-size:17px;font-weight:600!important;letter-spacing:0;line-height:1.8;margin-right:5px}.trend-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium);gap:3px;line-height:1;padding:2px 6px;position:relative}.detail-item span,.trend-badge,.visitor-info img,.visitor-info span,.visitor-table img,.visitor-table span,.visitor-table svg,.visitor-table td,.visitor-table td *{cursor:pointer!important}.trend-badge svg{flex-shrink:0}.trend-badge.trend-up{background:#2264c51a;color:#066fbd}.trend-badge.trend-down{background:#ef44441a;color:var(--suphero-error-dark)}.trend-badge.trend-warning{background:#fbbf241a;color:#d97706}.trend-badge:before{background:#18181b;border-radius:6px;bottom:calc(100% + 8px);color:var(--suphero-text-inverse);content:attr(data-tooltip);font-size:var(--suphero-text-12);padding:6px 10px;white-space:nowrap}.trend-badge:after,.trend-badge:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;z-index:10000}.trend-badge:after{border:6px solid #0000;border-top-color:#18181b;bottom:calc(100% + 2px);content:""}.trend-badge:hover:after,.trend-badge:hover:before{opacity:1}.live-badge{align-items:center;background:#22c55e1a;border-radius:4px;color:#16a34a;display:inline-flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium);gap:4px;line-height:1;padding:3px 8px}.live-dot{animation:pulse 2s ease-in-out infinite;background:#16a34a;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.card-chart{display:none}@media (max-width:1400px){.stats-cards-grid,.suphero-stats-grid{gap:16px;grid-template-columns:repeat(4,1fr)}.stat-card-modern,.suphero-stat-card{padding:16px}.stats-cards-grid,.suphero-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-cards-grid,.suphero-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-cards-grid,.suphero-stats-grid{grid-template-columns:1fr}.stat-card-modern,.suphero-stat-card{min-height:140px;padding:18px}.card-value{font-size:var(--suphero-text-19)}}.agent-filter-dropdown,.country-filter-dropdown,.daterange-filter-dropdown,.os-filter-dropdown,.rating-filter-dropdown,.status-filter-dropdown{align-items:center;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:6px;cursor:pointer;display:flex;gap:8px;min-width:170px;padding:7px 12px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.agent-filter-dropdown:hover,.country-filter-dropdown:hover,.daterange-filter-dropdown:hover,.os-filter-dropdown:hover,.rating-filter-dropdown:hover,.status-filter-dropdown:hover{background:#fafafa;border-color:#d4d4d8}.filter-dropdown-text{color:var(--suphero-text-primary);flex:1 1;font-family:var(--suphero-font-family);font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium)}.suphero-filter-dropdown-menu{animation:dropdownFadeIn .15s ease;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.suphero-filter-dropdown-item{align-items:center;color:var(--suphero-text-primary);cursor:pointer;display:flex;font-family:var(--suphero-font-family);font-size:var(--suphero-text-13);gap:8px;padding:10px 12px;transition:background .15s}.suphero-filter-dropdown-item:hover{background:#f4f4f5}.suphero-filter-dropdown-item.active{background:#eff6ff;color:#1e40af;font-weight:var(--suphero-font-medium)}.suphero-filter-dropdown-item .fi{font-size:var(--suphero-text-16)}.header-filter-input,.header-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--suphero-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #e4e4e7;border-radius:6px;color:var(--suphero-text-primary);font-family:var(--suphero-font-family);font-size:var(--suphero-text-13);outline:none;padding:7px 32px 7px 12px;transition:all .2s}.header-filter-select{cursor:pointer;min-width:140px}.header-filter-select option{background:#fcfcfd;color:var(--suphero-text-primary);padding:8px}.header-filter-select option:first-child{font-weight:var(--suphero-font-medium)}.header-filter-input{background-image:none;padding-right:12px;width:120px}.header-filter-input:focus,.header-filter-select:focus{border-color:#ff8400;box-shadow:0 0 0 3px #ff84001a}.header-filter-select:hover{background-color:#fafafa;border-color:#d4d4d8}.header-clear-btn{align-items:center;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:6px;color:var(--suphero-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.header-clear-btn:hover{background:#fafafa;border-color:#d4d4d8;color:var(--suphero-text-primary)}.suphero-search-container{align-items:center;display:flex;flex:1 1;margin-right:0;max-width:340px;min-width:340px;position:relative}.suphero-search-container .search-icon{color:var(--suphero-text-disabled);left:12px;pointer-events:none;position:absolute}.suphero-search-container .search-input{background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:6px;color:var(--suphero-text-primary);font-family:var(--suphero-font-family);font-size:var(--suphero-text-13);outline:none;padding:8px 36px;transition:all .2s;width:100%}.suphero-search-container .search-input::placeholder{color:var(--suphero-text-disabled)}.suphero-search-container .search-input:focus{border-color:#ff8400;box-shadow:0 0 0 2px #ff84001a}.suphero-search-container .search-clear{align-items:center;background:#0000;border:none;color:var(--suphero-text-disabled);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:10px;transition:color .2s;width:20px}.suphero-search-container .search-clear:hover{color:var(--suphero-text-primary)}.suphero-loading-results,.suphero-no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#ff8400;height:40px;width:40px}.suphero-language-selector-wrapper{position:relative}.suphero-language-selector{align-items:center;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:7px;cursor:pointer;display:flex;gap:8px;padding:7px 12px;transition:all .15s}.suphero-language-selector:hover{background:var(--suphero-bg-tertiary);border-color:#d4d4d8}.suphero-language-selector .fi{border-radius:2px;flex-shrink:0;height:15px;width:20px}.suphero-language-name{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);min-width:80px}.suphero-language-selector svg{stroke:#71717a;flex-shrink:0;height:16px;transition:transform .2s;width:16px}.suphero-language-selector:hover svg{stroke:#18181b}.suphero-language-dropdown-menu{animation:dropdownFadeIn .15s ease;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;min-width:180px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.suphero-language-dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #e4e4e7;color:var(--suphero-text-primary);cursor:pointer;display:flex;font-size:var(--suphero-text-13);gap:12px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.suphero-language-dropdown-item:last-child{border-bottom:none}.suphero-language-dropdown-item:hover{background:var(--suphero-bg-tertiary)}.suphero-language-dropdown-item.active{background:#eff6ff;color:#2563eb;font-weight:var(--suphero-font-medium)}.suphero-language-dropdown-item .fi{border-radius:2px;flex-shrink:0;height:15px;width:20px}select option{border-bottom:1px solid #e4e4e7;padding:10px 14px}select option:last-child{border-bottom:none}.suphero-header-user-wrapper{position:relative}.suphero-header-user{align-items:center;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:7px;cursor:pointer;display:flex;gap:10px;padding:7px 12px 7px 7px;transition:all .15s}.suphero-header-user:hover{background:var(--suphero-bg-tertiary);border-color:#d4d4d8}.suphero-header-user img{border-radius:20px;flex-shrink:0;height:18px;width:18px}.suphero-header-user-name{color:var(--suphero-text-primary);font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);white-space:nowrap}.suphero-header-user svg{color:var(--suphero-text-disabled);flex-shrink:0;height:14px;width:14px}.suphero-user-dropdown-menu{animation:slideDown .2s ease-out;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:10px;box-shadow:0 10px 30px #0000001a;min-width:240px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suphero-user-dropdown-header{background:#0000;border-radius:0;display:block;margin-bottom:0;padding:6px 12px}.suphero-user-dropdown-avatar{display:none}.suphero-user-dropdown-info{text-align:left}.suphero-user-dropdown-name{color:var(--suphero-text-primary);font-size:14px;font-weight:600}.suphero-user-dropdown-email,.suphero-user-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suphero-user-dropdown-email{color:var(--suphero-text-secondary);font-size:12px;margin-top:4px}.suphero-user-dropdown-divider{background:#f4f4f5;height:.5px;margin:8px 0}.suphero-user-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--suphero-text-primary);cursor:pointer;display:flex;font-size:13px;gap:0;padding:10px 12px;text-align:left;transition:all .15s;width:100%}.suphero-user-dropdown-item:hover{background:var(--suphero-bg-tertiary)}.suphero-user-dropdown-item svg{display:none}.suphero-user-dropdown-logout{color:#ef4444;font-weight:600}.suphero-user-dropdown-logout svg{color:#ef4444}.suphero-user-dropdown-logout:hover{background:#fef2f2}.suphero-visitor-list-container{background:#fcfcfd;flex:1 1;margin:0;overflow-x:hidden;overflow-y:auto}.suphero-visitor-list-container::-webkit-scrollbar{width:8px}.suphero-hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.suphero-hidden-scrollbar::-webkit-scrollbar{display:none;width:0}.suphero-visitor-list-container::-webkit-scrollbar-track{background:var(--suphero-bg-tertiary)}.suphero-visitor-list-container::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:4px}.suphero-visitor-section{margin-bottom:1px}.suphero-visitor-section-header{align-items:center;border-bottom:1px solid #e4e4e7;color:var(--suphero-text-primary);cursor:pointer;display:flex;font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);gap:12px;padding:12px 20px;-webkit-user-select:none;user-select:none}.suphero-visitor-section-header,.suphero-visitor-section-header:hover{background:var(--suphero-bg-tertiary)!important}.suphero-visitor-section-header.open,.suphero-visitor-section-header.open:hover{background:#fcfcfd!important}.suphero-section-collapse-btn{align-items:center;background:linear-gradient(135deg,#505050,#707070,#909090);border:none;border-radius:3px;color:var(--suphero-text-inverse);cursor:pointer;display:flex;font-size:var(--suphero-text-18);font-weight:var(--suphero-font-medium);height:22px;justify-content:center;line-height:1;padding:0;pointer-events:none;width:22px}.suphero-visitor-section-header.open .suphero-section-collapse-btn{background:linear-gradient(135deg,#e67700,#f80,orange)}.section-title,.visitor-count{color:#4a4a4a;font-size:var(--suphero-text-15);font-weight:var(--suphero-font-medium)}.visitor-count{margin-left:auto}.suphero-visitor-table-header{background:#fcfcfd;border-bottom:1px solid #e4e4e7;color:var(--suphero-text-disabled);font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium);position:-webkit-sticky;position:sticky;top:0;z-index:10}.suphero-visitor-row,.suphero-visitor-table-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:90px 110px 110px 120px 130px 100px 1.2fr .9fr 90px 90px;padding:14px 20px}.suphero-visitor-row{align-items:center;background:var(--suphero-bg-primary);border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.suphero-col-status{align-items:center;display:flex;justify-content:flex-start}.suphero-history-table-header{background:#fcfcfd;border-bottom:1px solid #e4e4e7;color:var(--suphero-text-secondary);font-weight:var(--suphero-font-medium);position:-webkit-sticky;position:sticky;top:0;z-index:10}.suphero-history-row,.suphero-history-table-header{grid-gap:14px;display:grid;font-size:var(--suphero-text-12);gap:14px;grid-template-columns:135px 95px 115px 125px 145px 120px 150px 120px 150px 90px;padding:14px 24px}.suphero-history-row{align-items:center;background:var(--suphero-bg-primary);border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.suphero-col-agent,.suphero-col-chats,.suphero-col-datetime,.suphero-col-duration,.suphero-col-ip,.suphero-col-location,.suphero-col-online,.suphero-col-os,.suphero-col-rating,.suphero-col-referrer,.suphero-col-response-time,.suphero-col-status,.suphero-col-viewing,.suphero-col-visitor,.suphero-col-visits{align-items:center;display:flex}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium)}@media (max-width:1800px){.suphero-history-row,.suphero-history-table-header{gap:13px;grid-template-columns:130px 92px 110px 120px 140px 115px 145px 115px 145px 88px}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium)}}@media (max-width:1700px){.suphero-history-row,.suphero-history-table-header{gap:12px;grid-template-columns:125px 90px 105px 115px 135px 110px 140px 110px 140px 85px}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium)}}@media (max-width:1600px){.suphero-history-row,.suphero-history-table-header{gap:12px;grid-template-columns:120px 88px 100px 110px 130px 105px 135px 105px 135px 82px}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium)}}@media (max-width:1500px){.suphero-history-row,.suphero-history-table-header{gap:11px;grid-template-columns:115px 85px 95px 105px 125px 100px 130px 100px 130px 80px}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium)}}@media (max-width:1400px){.suphero-history-row,.suphero-history-table-header{font-size:var(--suphero-text-11);gap:10px;grid-template-columns:110px 82px 90px 100px 120px 95px 125px 95px 125px 78px}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium)}}@media (max-width:1300px){.suphero-history-row,.suphero-history-table-header{font-size:var(--suphero-text-11);gap:10px;grid-template-columns:105px 80px 85px 95px 115px 90px 120px 90px 120px 75px;padding:12px 18px}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium)}}@media (max-width:1200px){.suphero-history-row,.suphero-history-table-header{font-size:var(--suphero-text-11);gap:9px;grid-template-columns:100px 78px 82px 90px 110px 88px 115px 88px 115px 72px;padding:12px 16px}.suphero-history-table-header .suphero-col-response-time{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium)}}.suphero-history-row:hover,.suphero-visitor-row:hover{background:var(--suphero-bg-secondary)}.suphero-ai-learned-table-header{background:#0000;text-transform:none}.suphero-ai-learned-row,.suphero-ai-learned-table-header{grid-gap:12px;border-bottom:1px solid #f0f0f0;color:var(--suphero-text-secondary);display:grid;font-size:var(--suphero-text-12);font-weight:500;gap:12px;grid-template-columns:.6fr 1.7fr 1.7fr .5fr .6fr .4fr;padding:14px 26px}.suphero-ai-learned-row{align-items:center;background:var(--suphero-bg-primary);cursor:pointer;transition:background .15s}.suphero-ai-learned-row:hover{background:var(--suphero-bg-secondary)}.suphero-ai-learned-cell{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suphero-ai-learned-cell-center{align-items:center;display:flex;justify-content:center}.suphero-ai-usage-table-header{background:#0000;text-transform:none}.suphero-ai-usage-row,.suphero-ai-usage-table-header{grid-gap:12px;border-bottom:1px solid #f0f0f0;color:var(--suphero-text-secondary);display:grid;font-size:var(--suphero-text-12);font-weight:500;gap:12px;grid-template-columns:.18fr 1fr .2fr .15fr .12fr .1fr;padding:14px 26px}.suphero-ai-usage-row{align-items:center;background:var(--suphero-bg-primary);cursor:pointer;transition:background .15s}.suphero-ai-usage-row:hover{background:var(--suphero-bg-secondary)}.suphero-ai-usage-cell{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suphero-ai-usage-cell-right{align-items:center;display:flex;justify-content:flex-end}@media (max-width:1600px){.suphero-ai-learned-row,.suphero-ai-learned-table-header{gap:12px;grid-template-columns:.6fr 1.7fr 1.7fr .5fr .6fr .4fr}.suphero-ai-usage-row,.suphero-ai-usage-table-header{gap:12px;grid-template-columns:.18fr 1fr .2fr .15fr .12fr .1fr}}@media (max-width:1400px){.suphero-ai-learned-row,.suphero-ai-learned-table-header{font-size:var(--suphero-text-11);gap:11px;grid-template-columns:.6fr 1.7fr 1.7fr .5fr .6fr .4fr;padding:12px 20px}.suphero-ai-usage-row,.suphero-ai-usage-table-header{font-size:var(--suphero-text-11);gap:11px;grid-template-columns:.18fr 1fr .2fr .15fr .12fr .1fr;padding:12px 20px}}@media (max-width:1200px){.suphero-ai-learned-row,.suphero-ai-learned-table-header{font-size:var(--suphero-text-11);gap:10px;grid-template-columns:.6fr 1.7fr 1.7fr .5fr .6fr .4fr;padding:12px 18px}.suphero-ai-usage-row,.suphero-ai-usage-table-header{font-size:var(--suphero-text-11);gap:10px;grid-template-columns:.18fr 1fr .2fr .15fr .12fr .1fr;padding:12px 18px}}@media (max-width:1400px){.suphero-visitor-table-header{font-size:var(--suphero-text-11)}.suphero-visitor-row,.suphero-visitor-table-header{gap:10px;grid-template-columns:160px 80px 85px 85px 1.3fr .7fr 80px 80px}}@media (max-width:1200px){.suphero-visitor-row,.suphero-visitor-table-header{font-size:var(--suphero-text-11);gap:8px;grid-template-columns:140px 70px 100px 75px 1.3fr .7fr 70px 70px}}.suphero-usage-message-block{border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:15px}.suphero-usage-message-block.visitor-message{background:#f8fafc;border-left-color:#3b82f6}.suphero-usage-message-block.ai-message{background:#fef5e7;border-left-color:#f59e0b}.suphero-usage-message-label{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:8px}.suphero-usage-message-content{color:#2d3748;font-size:14px;line-height:1.5;word-break:break-word}.suphero-usage-meta-grid{grid-gap:15px;display:grid;font-size:13px;gap:15px;grid-template-columns:1fr 1fr}.suphero-usage-meta-label{color:#718096;margin-bottom:4px}.suphero-usage-meta-value{color:#2d3748;font-weight:500}.search-highlight{background-color:#fef3c7;border-radius:2px;color:#92400e;font-weight:600;padding:0 2px}.suphero-visitor-row.suphero-active-row,.suphero-visitor-table-header.suphero-active-table{grid-template-columns:110px 100px 100px 100px 95px .7fr .5fr 80px 100px 180px}.suphero-visitor-row.suphero-idle-row,.suphero-visitor-table-header.suphero-idle-table{grid-template-columns:115px 110px 130px 110px 115px 1.2fr .7fr 90px 90px 20px}.suphero-visitor-table-header.suphero-ai-managed-table{grid-template-columns:130px 110px 100px 120px 110px 240px 460px}.suphero-visitor-table-header.suphero-ai-managed-table .suphero-col-actions{color:var(--suphero-text-secondary);font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium)}.suphero-visitor-row.suphero-ai-managed-row{cursor:default;grid-template-columns:130px 110px 100px 120px 110px 240px 460px}.suphero-takeover-btn{align-items:center;background:linear-gradient(135deg,#ffb100,#ff6b09);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:5px 10px;transition:opacity .15s ease,transform .15s ease}.suphero-takeover-btn:hover{opacity:.9;transform:translateY(-1px)}.suphero-takeover-btn.urgent{animation:urgentPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff3d00,#ff1744)}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 #ff174466}50%{box-shadow:0 0 0 8px #ff174400}}.suphero-human-request-badge{animation:bounce 1s ease infinite;font-size:14px;margin-right:6px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.suphero-visitor-row.human-requested{background:linear-gradient(90deg,#ff3d0014,#0000);border-left:3px solid #ff3d00}.suphero-zoom-warning-banner{animation:zoomBannerSlideDown .3s ease-out;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes zoomBannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.suphero-zoom-warning-content{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;font-size:13px;font-weight:500;padding:10px 20px;width:100%}.suphero-zoom-warning-text{flex:1 1;padding-right:30px;text-align:center}.suphero-zoom-warning-dismiss{background:#0000;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:24px;font-weight:400;line-height:1;opacity:.9;padding:0 5px}.suphero-zoom-warning-dismiss:hover{opacity:1}.suphero-human-request-banner{animation:bannerSlideDown .4s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:backwards;display:flex;justify-content:center;left:0;position:fixed;right:0;top:50px;z-index:9999}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.suphero-human-request-banner-content{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff3d00);border-radius:12px;box-shadow:0 8px 32px #ff3d0059;color:#fff;display:flex;gap:12px;padding:14px 20px}.suphero-human-request-icon{animation:wave 1s ease-in-out infinite;font-size:24px}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.suphero-human-request-text{font-size:14px;font-weight:500}.suphero-human-request-text strong{font-weight:700}.suphero-human-request-takeover-btn{background:#fff;border:none;border-radius:6px;color:#ff3d00;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .15s ease}.suphero-human-request-takeover-btn:hover{background:#fff5f2;transform:scale(1.05)}.suphero-human-request-dismiss-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.suphero-human-request-dismiss-btn:hover{background:#ffffff40;color:#fff}.suphero-hero-continue-btn{align-items:center;background:linear-gradient(135deg,#efefef,#efefef);border:none;border-radius:4px;color:#565656;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:5px 10px;transition:background .15s ease,transform .15s ease}.suphero-hero-continue-btn:hover{background:linear-gradient(135deg,#e0e0e0,#e0e0e0);transform:translateY(-1px)}.suphero-hero-continue-btn svg{fill:#ff6800}.suphero-watch-btn{align-items:center;background:linear-gradient(135deg,#efefef,#efefef);border:none;border-radius:4px;color:#565656;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:5px 10px;transition:background .15s ease,transform .15s ease}.suphero-watch-btn:hover{background:linear-gradient(135deg,#e0e0e0,#e0e0e0);transform:translateY(-1px)}@media (max-width:1400px){.suphero-visitor-row.suphero-active-idle-row,.suphero-visitor-table-header.suphero-active-idle-table{grid-template-columns:95px 80px 110px 85px 1.3fr .7fr 80px 80px 110px}}@media (max-width:1200px){.suphero-visitor-row.suphero-active-idle-row,.suphero-visitor-table-header.suphero-active-idle-table{grid-template-columns:90px 70px 100px 75px 1.3fr .7fr 70px 70px 100px}}.suphero-col-visitor{align-items:center;color:var(--suphero-text-primary);display:flex;font-size:var(--suphero-text-13);gap:8px}.suphero-col-ip{align-items:center;color:#666;display:flex;font-size:12px;max-width:110px;min-width:110px}.suphero-offline-badge{align-items:center;background:#f59e0b1a;border-radius:4px;cursor:help;display:inline-flex;font-size:14px;justify-content:center;margin-left:6px;padding:2px 6px;transition:all .2s ease}.suphero-offline-badge:hover{background:#f59e0b33;transform:scale(1.1)}.chat-new-message-badge{align-items:center;background:#24ae56;border-radius:2px;color:#fff;display:inline-flex;font-size:var(--suphero-text-11);font-weight:500;justify-content:center;margin-right:6px;overflow:hidden;padding:4px 8px;position:relative;white-space:nowrap}.chat-new-message-badge:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.suphero-col-location{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium);justify-content:center}.suphero-country-flag-badge{align-items:center;display:inline-flex;justify-content:center}.suphero-country-flag-badge .fi{background-position:50%;background-size:cover;border-radius:2px;display:inline-block;height:15px;width:20px}.os-icon{align-items:center;color:var(--suphero-text-secondary);display:inline-flex;justify-content:center}.suphero-col-agent,.suphero-col-chats,.suphero-col-datetime,.suphero-col-duration,.suphero-col-ip,.suphero-col-online,.suphero-col-os,.suphero-col-rating,.suphero-col-referrer,.suphero-col-status,.suphero-col-viewing,.suphero-col-visitor,.suphero-col-visits{align-items:center;color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium)}.suphero-col-online{color:var(--suphero-text-secondary);font-size:var(--suphero-text-12)}.suphero-col-viewing{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suphero-col-chats,.suphero-col-visits{justify-content:center;text-align:center}.suphero-col-agent{color:var(--suphero-text-secondary);display:flex;font-size:var(--suphero-text-12);text-align:center}.suphero-col-agent,.suphero-page-number{align-items:center;font-weight:var(--suphero-font-medium);justify-content:center}.suphero-page-number{background:#3b82f6;border-radius:3px;color:var(--suphero-text-inverse);display:inline-flex;flex-shrink:0;font-size:var(--suphero-text-10);height:18px;margin-right:10px;min-width:18px;padding:0 5px}.suphero-online-time{color:var(--suphero-text-secondary);font-size:var(--suphero-text-12)}.suphero-rating-stars{display:flex;gap:2px}.suphero-status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:var(--suphero-text-11);font-weight:var(--suphero-font-medium);padding:4px 10px;text-transform:capitalize}.suphero-status-badge.suphero-status-answered{background:#10b9811a;color:var(--suphero-success-light)}.suphero-status-badge.suphero-status-missed{background:#ef44441a;color:var(--suphero-error)}.suphero-status-badge.suphero-status-abandoned{background:#6b72801a;color:var(--suphero-text-tertiary)}.suphero-status-badge.suphero-status-owner{background-color:#f44336e6;color:#fff;font-size:var(--suphero-text-12);font-weight:500}.suphero-status-badge.suphero-status-admin{background-color:#3b82f6;color:#fff;font-size:var(--suphero-text-12);font-weight:500}.suphero-status-badge.suphero-status-agent{background:#ffba0038;color:var(--suphero-text-primary)}.suphero-no-visitors{background:var(--suphero-bg-primary);color:var(--suphero-text-disabled);font-size:var(--suphero-text-13);padding:40px 20px;text-align:center}.minimized-taskbar-wrapper{align-items:center;background:#fefefe;border-top:1px solid #ececec;bottom:0;display:flex;height:60px;left:260px;position:fixed;right:0;z-index:999}.minimized-taskbar{display:flex;flex:1 1;gap:12px;overflow-x:auto;overflow-y:hidden;padding:12px 20px;scroll-behavior:smooth}.minimized-taskbar::-webkit-scrollbar{display:none}.minimized-taskbar{-ms-overflow-style:none;scrollbar-width:none}.taskbar-scroll-btn{align-items:center;background:#fefefe;border:none;border-right:1px solid #ececec;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;min-width:50px;transition:all .2s;width:50px}.taskbar-scroll-btn.right{border-left:1px solid #ececec;border-right:none}.taskbar-scroll-btn:hover:not(.disabled){background:#f5f5f5;color:#000}.taskbar-scroll-btn.disabled{color:#999;cursor:not-allowed;opacity:.3}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.minimized-chat{align-items:center;background:#ededed;border:1px solid #ececec;border-radius:4px;cursor:pointer;display:flex;gap:4px;max-width:300px;padding:8px 14px;position:relative;transition:all .2s}.minimized-hero-ai-badge{animation:heroAIPulseMinimized 2s ease-in-out infinite;color:#ff6800;flex-shrink:0;position:static}.minimized-avatar{align-items:center;border:1px solid #f5f5f5;border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-left:7px;margin-right:5px;width:16px}.minimized-chat.has-unread-message .minimized-hero-ai-badge{color:#fff}@keyframes heroAIPulseMinimized{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.minimized-chat:hover{background:#d9d9d9;border-color:#d0d0d0}.minimized-chat.has-unread-message{animation:blinkMinimized .5s ease-in-out infinite;background:#10b981}.minimized-chat.has-unread-message .minimized-name{color:#fff;font-weight:600}.minimized-chat.has-unread-message .minimized-close{color:#fff}.minimized-chat.has-unread-message .minimized-close:hover{background:#fff3;color:#fff}.minimized-chat.has-unread-message:hover{animation:blinkMinimized .5s ease-in-out infinite;background:#059669}@keyframes blinkMinimized{0%,to{background:#10b981}50%{background:#059669}}.minimized-name{color:#1a1a1a;flex:1 1;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.minimized-close{align-items:center;background:#0000;border:none;border-radius:3px;color:#242424;cursor:pointer;display:flex;font-size:17px;height:23px;justify-content:center;line-height:31px;margin:0 0 0 20px;padding:0;position:relative;top:-1px;transition:all .2s;width:25px}.minimized-close:hover{background:#dc2626;color:#fff}@media (max-width:768px){.dashboard-sidebar{width:80px}.brand-title,.nav-item span,.new-chat-btn span,.section-header span,.section-items,.trial-info,.upgrade-btn{display:none}.new-chat-btn{justify-content:center;padding:12px}.main-header{padding:16px 20px}.breadcrumb{display:none}}.suphero-modal-backdrop{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}body.history-modal-open .minimized-taskbar-wrapper{display:none!important}body.chat-modal-open .minimized-taskbar-wrapper{z-index:1060}@media (max-width:1400px){.stats-cards-grid,.suphero-stats-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1024px){.stats-cards-grid,.suphero-stats-grid{grid-template-columns:repeat(2,1fr)!important}.reports-grid{grid-template-columns:1fr!important}.hourly-chart-section .chart-container-wrapper svg{overflow-x:auto}}@media (max-width:768px){.stats-cards-grid,.suphero-stats-grid{grid-template-columns:1fr!important}.report-header{align-items:flex-start!important;flex-direction:column;gap:16px}.period-selector{flex-wrap:wrap;width:100%}.period-btn{flex:1 1;min-width:100px}.stat-card-modern .card-value{font-size:var(--suphero-text-24)!important}.stat-card-modern .card-title{font-size:var(--suphero-text-11)!important}.report-chart-card{padding:16px!important}.report-chart-title{font-size:var(--suphero-text-13)!important}.hourly-chart-section .section-title{font-size:var(--suphero-text-16)!important}.hourly-chart-section .chart-subtitle{font-size:var(--suphero-text-12)!important}table{font-size:var(--suphero-text-11)!important}table td,table th{padding:8px 4px!important}}@media (max-width:640px){.stat-card-modern{padding:16px!important}.chart-container-wrapper{margin:0 -8px}.period-btn{font-size:var(--suphero-text-12);padding:8px 12px}}.custom-checkbox{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:var(--suphero-bg-primary)!important;border:2px solid #d1d5db!important;border-radius:3px!important;cursor:pointer;flex-shrink:0;height:18px!important;margin-right:8px;position:relative;transition:all .15s ease;width:18px!important}.custom-checkbox:checked,.custom-checkbox:hover:not(:disabled){border-color:var(--suphero-accent)!important}.custom-checkbox:checked{background:linear-gradient(135deg,#e67700,#f80,orange)!important}.custom-checkbox:checked:after{color:var(--suphero-text-inverse);content:"✓"!important;font-size:var(--suphero-text-13);font-weight:var(--suphero-font-bold);left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-checkbox:disabled{cursor:not-allowed;opacity:.5}input[type=range]{-webkit-appearance:none;appearance:none;border-radius:3px;cursor:pointer;height:6px}input[type=range]::-webkit-slider-runnable-track{background:#0000;border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:#0000;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff5722;border:none;border-radius:50%;box-shadow:0 0 3px #ff57224d;cursor:pointer;height:18px;margin-top:-6px;width:18px}input[type=range]::-moz-range-thumb{background:#ff5722;border:none;border-radius:50%;box-shadow:0 0 3px #ff57224d;cursor:pointer;height:18px;width:18px}.no-data-message{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:200px;text-align:center}.no-data-message img{display:block;filter:grayscale(100%);height:auto;margin:0 auto;opacity:.2;width:100px}.no-data-message p{color:silver;font-size:18px;font-weight:300;margin:0;text-align:center}.suphero-no-results{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:60px 20px}.suphero-no-results .suphero-history-no-results-icon{color:var(--suphero-text-disabled);margin-bottom:0}.suphero-no-results .suphero-history-no-results-text{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-17);margin:0}.suphero-no-results .suphero-history-no-results-hint{color:var(--suphero-text-disabled);font-size:var(--suphero-text-14);margin:0}.session-kicked-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.session-kicked-modal{animation:sessionKickedSlideIn .2s ease-out;background:var(--suphero-bg-primary);border-radius:6px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px 40px;text-align:center;width:90%}@keyframes sessionKickedSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.session-kicked-icon{font-size:48px;margin-bottom:16px}.session-kicked-modal h2{color:var(--suphero-text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.session-kicked-modal p{color:var(--suphero-text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.session-kicked-btn{background:linear-gradient(135deg,#f5a623,#f39c12);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s ease}.session-kicked-btn:hover{background:linear-gradient(135deg,#e6951a,#e08e0b);box-shadow:0 2px 8px #f5a6234d}.suphero-toast{align-items:center;animation:supheroToastSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;display:flex;gap:12px;left:50%;max-width:600px;min-width:320px;padding:14px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:99999}@keyframes supheroToastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.suphero-toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.suphero-toast-message{color:#333;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.suphero-toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.suphero-toast-close:hover{background:#0000000d;color:#333}.suphero-toast-error .suphero-toast-close{color:#fff}.suphero-toast-error .suphero-toast-close:hover{background:#fff3;color:#fff}.suphero-toast-success .suphero-toast-close{color:#fff}.suphero-toast-success .suphero-toast-close:hover{background:#fff3;color:#fff}.suphero-toast-error{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 20px #d32f2f66}.suphero-toast-error .suphero-toast-message{color:#fff}.suphero-toast-success{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 4px 20px #43a04766}.suphero-toast-success:before{content:none!important}.suphero-toast-success .suphero-toast-message{color:#fff}.suphero-toast-warning{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 20px #d32f2f66}.suphero-toast-warning .suphero-toast-message{color:#fff;font-size:13px}.suphero-toast-warning .suphero-toast-close{color:#fff}.suphero-toast-warning .suphero-toast-close:hover{background:#fff3;color:#fff}.suphero-toast-info{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 20px #2196f366}.suphero-toast-info .suphero-toast-close,.suphero-toast-info .suphero-toast-message{color:#fff}.suphero-toast-info .suphero-toast-close:hover{background:#fff3;color:#fff}:root{--suphero-text-10:10px;--suphero-text-11:11px;--suphero-text-12:12px;--suphero-text-13:13px;--suphero-text-14:14px;--suphero-text-15:15px;--suphero-text-16:16px;--suphero-text-17:17px;--suphero-text-18:18px;--suphero-text-19:19px;--suphero-text-24:24px;--suphero-text-32:32px;--suphero-text-36:36px;--suphero-text-72:72px;--suphero-leading-none:1;--suphero-leading-tight:1.25;--suphero-leading-snug:1.375;--suphero-leading-normal:1.5;--suphero-leading-relaxed:1.625;--suphero-leading-loose:2;--suphero-font-light:300;--suphero-font-normal:400;--suphero-font-medium:500;--suphero-font-semibold:600;--suphero-font-bold:700;--suphero-font-extrabold:800;--suphero-tracking-tighter:-0.05em;--suphero-tracking-tight:-0.025em;--suphero-tracking-normal:0;--suphero-tracking-wide:0.025em;--suphero-tracking-wider:0.05em;--suphero-tracking-widest:0.1em;--suphero-primary:#4ecdc4;--suphero-primary-dark:#3db8af;--suphero-secondary:#45b7d1;--suphero-secondary-light:#5dade2;--suphero-accent:#f80;--suphero-accent-light:#ffa94d;--suphero-accent-lighter:#ffb366;--suphero-accent-lightest:#ffc180;--suphero-success:#22c55e;--suphero-success-light:#10b981;--suphero-error:#ef4444;--suphero-error-dark:#dc2626;--suphero-error-light:#fee2e2;--suphero-warning:#fbbf24;--suphero-warning-alt:#ffc107;--suphero-info:#3b82f6;--suphero-info-alt:#667eea;--suphero-gray-50:#f9fafb;--suphero-gray-100:#f5f5f7;--suphero-gray-200:#e4e4e7;--suphero-gray-300:#d4d4d8;--suphero-gray-400:#a1a1aa;--suphero-gray-500:#71717a;--suphero-gray-600:#52525b;--suphero-gray-700:#3f3f46;--suphero-gray-800:#27272a;--suphero-gray-900:#18181b;--suphero-dark-bg-primary:#2d2d2d;--suphero-dark-bg-secondary:#3a3a3a;--suphero-dark-bg-tertiary:#4a4a4a;--suphero-dark-border:#4a4a4a91;--suphero-bg-primary:#fff;--suphero-bg-secondary:#f8f9fa;--suphero-bg-tertiary:#f5f5f7;--suphero-bg-hover:#f0f0f0;--suphero-text-primary:#18181b;--suphero-text-secondary:#52525b;--suphero-text-tertiary:#71717a;--suphero-text-quaternary:#9f9f9f;--suphero-text-disabled:#a1a1aa;--suphero-text-inverse:#fff;--suphero-border-primary:#e4e4e7;--suphero-border-secondary:#d4d4d8;--suphero-border-tertiary:#f0f0f0;--suphero-chart-gradient-start:#4ecdc4;--suphero-chart-gradient-mid:#45b7d1;--suphero-chart-gradient-end:#5dade2;--suphero-chart-area-start:#4ecdc459;--suphero-chart-area-mid:#45b7d133;--suphero-chart-area-end:#5dade20d;--suphero-gradient-primary:linear-gradient(135deg,#4ecdc4,#45b7d1);--suphero-gradient-secondary:linear-gradient(135deg,#667eea,#764ba2);--suphero-gradient-accent:linear-gradient(135deg,#f80,#ffa94d);--suphero-gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--suphero-gradient-sidebar:linear-gradient(135deg,#505050,#2d2d2d,#2d2d2d);--suphero-space-1:4px;--suphero-space-2:8px;--suphero-space-3:12px;--suphero-space-4:16px;--suphero-space-5:20px;--suphero-space-6:24px;--suphero-space-8:32px;--suphero-space-10:40px;--suphero-space-12:48px;--suphero-space-16:64px;--suphero-radius-none:0;--suphero-radius-sm:4px;--suphero-radius-md:8px;--suphero-radius-lg:12px;--suphero-radius-xl:16px;--suphero-radius-full:9999px;--suphero-shadow-sm:0 1px 2px #0000000d;--suphero-shadow-md:0 4px 6px #0000001a;--suphero-shadow-lg:0 10px 15px #0000001a;--suphero-shadow-xl:0 20px 25px #0000001a;--suphero-shadow-2xl:0 20px 60px #0000004d;--suphero-transition-fast:0.15s ease;--suphero-transition-base:0.2s ease;--suphero-transition-slow:0.3s ease;--suphero-z-dropdown:1000;--suphero-z-sticky:1020;--suphero-z-fixed:1030;--suphero-z-modal-backdrop:1040;--suphero-z-modal:1050;--suphero-z-popover:1060;--suphero-z-tooltip:1070;--suphero-font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--suphero-font-family-code:"Monaco","Menlo","Consolas",monospace}.suphero-text-10{font-size:10px;font-size:var(--suphero-text-10)}.suphero-text-11{font-size:11px;font-size:var(--suphero-text-11)}.suphero-text-12{font-size:12px;font-size:var(--suphero-text-12)}.suphero-text-13{font-size:13px;font-size:var(--suphero-text-13)}.suphero-text-14{font-size:14px;font-size:var(--suphero-text-14)}.suphero-text-15{font-size:15px;font-size:var(--suphero-text-15)}.suphero-text-16{font-size:16px;font-size:var(--suphero-text-16)}.suphero-text-17{font-size:17px;font-size:var(--suphero-text-17)}.suphero-text-18{font-size:18px;font-size:var(--suphero-text-18)}.suphero-text-19{font-size:19px;font-size:var(--suphero-text-19)}.suphero-text-24{font-size:24px;font-size:var(--suphero-text-24)}.suphero-text-32{font-size:32px;font-size:var(--suphero-text-32)}.suphero-text-36{font-size:36px;font-size:var(--suphero-text-36)}.suphero-text-72{font-size:72px;font-size:var(--suphero-text-72)}.suphero-font-light{font-weight:300;font-weight:var(--suphero-font-light)}.suphero-font-normal{font-weight:400;font-weight:var(--suphero-font-normal)}.suphero-font-medium{font-weight:500;font-weight:var(--suphero-font-medium)}.suphero-font-semibold{font-weight:600;font-weight:var(--suphero-font-semibold)}.suphero-font-bold{font-weight:700;font-weight:var(--suphero-font-bold)}.suphero-font-extrabold{font-weight:800;font-weight:var(--suphero-font-extrabold)}.suphero-leading-none{line-height:1;line-height:var(--suphero-leading-none)}.suphero-leading-tight{line-height:1.25;line-height:var(--suphero-leading-tight)}.suphero-leading-snug{line-height:1.375;line-height:var(--suphero-leading-snug)}.suphero-leading-normal{line-height:1.5;line-height:var(--suphero-leading-normal)}.suphero-leading-relaxed{line-height:1.625;line-height:var(--suphero-leading-relaxed)}.suphero-leading-loose{line-height:2;line-height:var(--suphero-leading-loose)}.suphero-tracking-tighter{letter-spacing:-.05em;letter-spacing:var(--suphero-tracking-tighter)}.suphero-tracking-tight{letter-spacing:-.025em;letter-spacing:var(--suphero-tracking-tight)}.suphero-tracking-normal{letter-spacing:0;letter-spacing:var(--suphero-tracking-normal)}.suphero-tracking-wide{letter-spacing:.025em;letter-spacing:var(--suphero-tracking-wide)}.suphero-tracking-wider{letter-spacing:.05em;letter-spacing:var(--suphero-tracking-wider)}.suphero-tracking-widest{letter-spacing:.1em;letter-spacing:var(--suphero-tracking-widest)}.suphero-text-primary{color:#18181b;color:var(--suphero-text-primary)}.suphero-text-secondary{color:#52525b;color:var(--suphero-text-secondary)}.suphero-text-tertiary{color:#71717a;color:var(--suphero-text-tertiary)}.suphero-text-quaternary{color:#9f9f9f;color:var(--suphero-text-quaternary)}.suphero-text-disabled{color:#a1a1aa;color:var(--suphero-text-disabled)}.suphero-text-inverse{color:#fff;color:var(--suphero-text-inverse)}.suphero-text-success{color:#22c55e;color:var(--suphero-success)}.suphero-text-error{color:#ef4444;color:var(--suphero-error)}.suphero-text-warning{color:#fbbf24;color:var(--suphero-warning)}.suphero-text-info{color:#3b82f6;color:var(--suphero-info)}.suphero-bg-primary{background-color:#fff;background-color:var(--suphero-bg-primary)}.suphero-bg-secondary{background-color:#f8f9fa;background-color:var(--suphero-bg-secondary)}.suphero-bg-tertiary{background-color:#f5f5f7;background-color:var(--suphero-bg-tertiary)}.suphero-bg-success{background-color:#22c55e;background-color:var(--suphero-success)}.suphero-bg-error{background-color:#ef4444;background-color:var(--suphero-error)}.suphero-bg-warning{background-color:#fbbf24;background-color:var(--suphero-warning)}.suphero-bg-info{background-color:#3b82f6;background-color:var(--suphero-info)}.dashboard-home-tabs-header{align-items:center;background:#f5f5f7;border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between;max-height:56px;min-height:56px;padding:10px 25px}.dashboard-home-tab-btn-style{font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium)}.suphero-dashboard-home-content-padding{padding:var(--suphero-space-8)}.dashboard-home-legend-dot-gradient{background:var(--suphero-gradient-primary)}.dashboard-home-legend-text{font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium)}.dashboard-home-chart-tooltip-style{cursor:pointer}.dashboard-home-report-header-margin{margin-bottom:8px}.dashboard-home-stats-grid-layout{grid-template-columns:repeat(4,1fr);margin-bottom:32px;margin-top:24px}.dashboard-home-skeleton-title{height:14px;margin-bottom:12px;width:60%}.dashboard-home-skeleton-value{height:28px;width:80%}.dashboard-home-reports-grid-spacing{margin-bottom:32px;margin-top:24px}.dashboard-home-chart-loading-container{align-items:center;display:flex;gap:32px;padding:20px}.dashboard-home-chart-svg-size{flex-shrink:0;height:160px;width:160px}.dashboard-home-legend-container{display:flex;flex:1 1;flex-direction:column;gap:12px}.dashboard-home-legend-item-row{align-items:center;display:flex;gap:8px}.dashboard-home-skeleton-dot{border-radius:2px;height:12px;width:12px}.dashboard-home-skeleton-label{height:14px;width:60px}.dashboard-home-skeleton-value-small{height:14px;margin-left:auto;width:40px}.dashboard-home-legend-color-teal{background:var(--suphero-primary)}.dashboard-home-legend-color-blue{background:var(--suphero-secondary)}.dashboard-home-legend-color-light-blue{background:var(--suphero-secondary-light)}.dashboard-home-legend-color-orange{background:var(--suphero-accent)}.dashboard-home-legend-color-orange-light{background:var(--suphero-accent-light)}.dashboard-home-legend-color-orange-lighter{background:var(--suphero-accent-lighter)}.dashboard-home-legend-color-orange-lightest{background:var(--suphero-accent-lightest)}.dashboard-home-chart-card-420{height:420px}.dashboard-home-chart-subtitle{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-12);margin-bottom:var(--suphero-space-4)}.dashboard-home-chart-padding-small{padding:10px 0}.dashboard-home-skeleton-chart{border-radius:8px;height:300px;width:100%}.dashboard-home-chart-wrapper-relative{position:relative}.dashboard-home-tooltip-position{transform:translate(-50%,-120%)}.dashboard-home-table-header-cell{color:#3a3a3a;font-size:13px;font-weight:600;padding:12px 8px;text-align:left}.dashboard-home-table-header-cell-center{color:#3a3a3a;font-size:13px;font-weight:600;padding:12px 8px;text-align:center}.dashboard-home-table-row-border{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.dashboard-home-table-row-border:hover{background-color:#fafafa}.dashboard-home-table-cell,.dashboard-home-table-cell-center{color:#444;font-size:12px;font-weight:var(--suphero-font-medium);padding:12px 8px}.dashboard-home-table-cell-center{text-align:center}.dashboard-home-table-answered{color:var(--suphero-success-light);font-weight:var(--suphero-font-medium)}.dashboard-home-table-missed{color:var(--suphero-error);font-weight:var(--suphero-font-medium)}.dashboard-home-table-separator{color:var(--suphero-text-disabled)}.dashboard-home-rating-container{align-items:center;display:flex;gap:4px;justify-content:center}.dashboard-home-rating-star{color:var(--suphero-warning);font-weight:var(--suphero-font-medium)}.dashboard-home-rating-value{color:var(--suphero-text-primary);font-weight:var(--suphero-font-medium)}.dashboard-home-rating-padding{padding:20px 0}.dashboard-home-rating-item{margin-bottom:16px}.dashboard-home-rating-row{align-items:center;display:flex;gap:12px;margin-bottom:6px}.dashboard-home-rating-label-container{align-items:center;display:flex;gap:4px;min-width:60px}.dashboard-home-rating-star-icon{color:var(--suphero-warning);font-size:var(--suphero-text-13)}.dashboard-home-rating-star-text{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium)}.dashboard-home-rating-bar-bg{background:#f4f4f5;border-radius:4px;flex:1 1;height:32px;overflow:hidden;position:relative}.dashboard-home-rating-bar-fill{align-items:center;background:linear-gradient(90deg,#4ecdc4,#45b7d1);border-radius:4px;color:var(--suphero-text-inverse);display:flex;font-size:var(--suphero-text-12);font-weight:var(--suphero-font-medium);height:100%;padding-left:12px;transition:all .3s}.dashboard-home-rating-bar-fill-hover{background:var(--suphero-accent)}.dashboard-home-reports-grid-spacing-large{margin-bottom:32px;margin-top:32px}.dashboard-home-skeleton-table-header{border-radius:4px;height:36px;margin-bottom:10px;width:100%}.dashboard-home-skeleton-table-row{border-radius:4px;height:56px;margin-bottom:8px;width:100%}.dashboard-home-skeleton-rating-container{display:flex;flex-direction:column;gap:20px}.dashboard-home-skeleton-rating-row{align-items:center;display:flex;gap:12px}.dashboard-home-skeleton-rating-label{height:18px;width:50px}.dashboard-home-skeleton-rating-bar{border-radius:6px;flex:1 1;height:36px}.dashboard-home-skeleton-rating-value{height:18px;width:60px}.dashboard-home-table-wrapper{overflow-x:auto}.dashboard-home-table-style{border-collapse:collapse;font-size:12px;width:100%}.dashboard-home-table-thead-border{border-bottom:.1px solid #ededed}.dashboard-home-chart-circle-hover{cursor:pointer}.dashboard-home-chart-dot-interactive{cursor:pointer;pointer-events:none;transition:r .2s}.dashboard-home-reports-grid-mt-24{margin-bottom:32px;margin-top:24px}.dashboard-home-reports-grid-mt-32{margin-bottom:32px;margin-top:32px}.dashboard-home-chart-height-420{min-height:420px}.dashboard-home-chart-height-460{height:460px}.dashboard-home-chart-subtitle-style{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-12);margin-bottom:16px}.dashboard-home-chart-padding-10{padding:10px 0}.dashboard-home-chart-padding-20{padding:20px 0}.dashboard-home-legend-bg-ff8800{background:var(--suphero-accent)}.dashboard-home-legend-bg-ffa94d{background:var(--suphero-accent-light)}.dashboard-home-legend-bg-ffb366{background:var(--suphero-accent-lighter)}.dashboard-home-legend-bg-ffc180{background:var(--suphero-accent-lightest)}.dashboard-home-legend-bg-4ecdc4{background:var(--suphero-primary)}.dashboard-home-legend-bg-45b7d1{background:var(--suphero-secondary)}.dashboard-home-legend-bg-5dade2{background:var(--suphero-secondary-light)}.admin-dashboard-tabs-header{align-items:center;background:#f5f5f7;border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between;max-height:57px;min-height:57px;padding:10px 25px}.admin-dashboard-tab-btn-padding{font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium);padding:17px 24px}.admin-dashboard-no-results{color:var(--suphero-text-quaternary);padding:60px 20px;text-align:center}.chat-modal-actions-dropdown{align-items:center;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:4px;color:var(--suphero-text-primary);cursor:pointer;display:flex;font-size:var(--suphero-text-13);gap:8px;justify-content:space-between;min-width:120px;padding:6px 10px}.chat-modal-dropdown-icon-rotate{transform:rotate(180deg);transition:transform .2s}.chat-modal-dropdown-icon-normal{transform:rotate(0deg);transition:transform .2s}.chat-modal-dropdown-menu{animation:dropdownFadeIn .15s ease;background:var(--suphero-bg-primary);border:1px solid #e4e4e7;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10001}.chat-modal-dropdown-item{background:#0000;border-bottom:1px solid #e4e4e7;color:var(--suphero-text-primary);cursor:pointer;font-size:var(--suphero-text-13);padding:10px 14px}.chat-modal-dropdown-item:hover{background:var(--suphero-bg-tertiary)}.chat-modal-dropdown-item-last{border-bottom:none}.header-main-style{align-items:center;background:#f5f5f7;border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between;max-height:57px;min-height:57px;padding:10px 25px}.header-breadcrumb-subtext{color:var(--suphero-text-quaternary);margin-left:10px}.sidebar-section-header-icon-rotate{transform:rotate(180deg);transition:transform .2s}.sidebar-section-header-icon-normal{transform:rotate(0deg);transition:transform .2s}.suphero-notfound-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:var(--suphero-font-family);height:100vh;justify-content:center;padding:20px;width:100vw}.notfound-card{background:var(--suphero-bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:48px 40px;text-align:center;width:100%}.notfound-icon-wrapper{margin-bottom:24px}.notfound-icon{margin:0 auto}.notfound-title{color:var(--suphero-info-alt);font-size:var(--suphero-text-72);font-weight:var(--suphero-font-bold);line-height:1;margin:0 0 16px}.notfound-subtitle{color:var(--suphero-text-primary);font-size:var(--suphero-text-24);font-weight:var(--suphero-font-semibold);margin:0 0 12px}.notfound-description{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-14);line-height:1.6;margin:0 0 32px}.notfound-buttons{display:flex;gap:12px;justify-content:center}.notfound-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:var(--suphero-text-inverse);cursor:pointer;font-size:var(--suphero-text-14);font-weight:var(--suphero-font-medium);padding:12px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.notfound-btn-primary:hover{box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.notfound-btn-secondary{background:#0000;border:2px solid #667eea;border-radius:8px;color:var(--suphero-info-alt);cursor:pointer;font-size:var(--suphero-text-14);font-weight:var(--suphero-font-medium);padding:12px 24px;transition:all .2s}.notfound-btn-secondary:hover{background:var(--suphero-bg-tertiary)}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;font-family:var(--suphero-font-family);height:100vh;justify-content:center;padding:20px;width:100vw}.error-boundary-card{background:var(--suphero-bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px 40px;text-align:center;width:100%}.error-boundary-icon-wrapper{margin-bottom:24px}.error-boundary-icon{margin:0 auto}.error-boundary-title{color:var(--suphero-error);font-size:var(--suphero-text-32);font-weight:var(--suphero-font-bold);margin:0 0 16px}.error-boundary-description{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-14);line-height:1.6;margin:0 0 24px}.error-boundary-details{background:var(--suphero-bg-tertiary);border-radius:8px;color:var(--suphero-text-secondary);font-size:var(--suphero-text-12);margin-bottom:24px;padding:16px;text-align:left}.error-boundary-details-summary{cursor:pointer;font-weight:var(--suphero-font-semibold);margin-bottom:12px}.error-boundary-details-pre{font-family:var(--suphero-font-family-code);font-size:var(--suphero-text-11);line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.error-boundary-buttons{display:flex;gap:12px;justify-content:center}.error-boundary-btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:var(--suphero-text-inverse);cursor:pointer;font-size:var(--suphero-text-14);font-weight:var(--suphero-font-medium);padding:12px 24px;transition:transform .2s,box-shadow .2s}.error-boundary-btn-primary:hover{box-shadow:0 8px 16px #ef444466;transform:translateY(-2px)}.error-boundary-btn-secondary{background:#0000;border:2px solid #ef4444;border-radius:8px;color:var(--suphero-error);cursor:pointer;font-size:var(--suphero-text-14);font-weight:var(--suphero-font-medium);padding:12px 24px;transition:all .2s}.error-boundary-btn-secondary:hover{background:#fee2e2}.loading-fallback-container{align-items:center;background:#f5f5f7;display:flex;font-family:var(--suphero-font-family);height:100vh;justify-content:center;width:100vw}.loading-fallback-content{text-align:center}.loading-fallback-spinner{animation:spin 1s linear infinite;border:4px solid #e4e4e7;border-radius:50%;border-top-color:#f80;height:48px;margin:0 auto 16px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-fallback-text{color:var(--suphero-text-tertiary);font-size:var(--suphero-text-14);margin:0}.loading-fallback-text,.suphero-label{font-weight:var(--suphero-font-medium)}.suphero-label{color:var(--suphero-text-secondary)}.suphero-input,.suphero-label{font-size:var(--suphero-text-13)}.suphero-input{color:var(--suphero-text-primary)}.suphero-button-text{font-size:var(--suphero-text-13);font-weight:var(--suphero-font-medium)}.suphero-caption{color:var(--suphero-text-secondary);font-size:var(--suphero-text-12)}.suphero-small-text{color:var(--suphero-text-disabled);font-size:var(--suphero-text-11)}.suphero-badge-text{font-size:var(--suphero-text-10);font-weight:var(--suphero-font-medium)}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.position-relative{position:relative}.overflow-hidden{overflow:hidden}