@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#0a0a0a;color:#fafafa;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative}.background-orbs{position:absolute}.orb-1{animation:float-slow 8s ease-in-out infinite;background:#6366f11a;height:256px;left:25%;top:25%;width:256px}.orb-1,.orb-2{filter:blur(48px)}.orb-2{animation:float-slower 12s ease-in-out infinite;background:#a855f71a;height:192px;right:25%;top:75%;width:192px}.orb-3{animation:float-fast 6s ease-in-out infinite;background:#22c55e33;bottom:25%;filter:blur(32px);height:128px;left:33.333333%;width:128px}.grid-background{animation:drift 20s linear infinite;background-size:50px 50px;opacity:.03;position:absolute}.container{max-width:384px;padding:0 16px;position:relative;width:100%;z-index:10}.login-card{animation:fade-in .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a80;border:1px solid #3f3f464d;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:24px;padding:24px;width:100%}.logo-container{display:flex;justify-content:center;margin-bottom:24px}.logo{animation:scale-in .2s ease-out;height:auto;object-fit:contain;width:120px}.login-message{margin-bottom:32px;text-align:center}.login-title{color:#fafafa;font-size:24px;font-weight:600;margin-bottom:8px}.login-subtitle{color:#a1a1aa;font-size:14px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-weight:500}.form-input,.form-label{color:#fafafa;font-size:14px}.form-input{background:#27272acc;border:1px solid #3f3f4680;border-radius:8px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input::placeholder{color:#71717a}.password-input-container{position:relative;width:100%}.password-input-container .form-input{padding-right:48px;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#71717a;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:1}.password-toggle:hover{background:#3f3f4666;color:#d4d4d8}.password-toggle:focus{box-shadow:0 0 0 2px #6366f14d;color:#6366f1;outline:none}.password-toggle:active{transform:scale(.95)}.password-toggle svg{transition:inherit}.error-message,.login-button{font-size:14px}.login-button{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:12px 16px;transition:background-color .2s,transform .1s}.login-button:hover:not(:disabled){background:#6366f1e6;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.footer{text-align:center}.footer-link{align-items:center;display:flex;gap:8px;justify-content:center;text-decoration:none}.footer-dot{background:#6366f1;border-radius:50%;height:8px;width:8px}.footer-url{color:#a1a1aa;font-size:14px}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.login-card{padding:20px}.login-title{font-size:20px}.logo{width:100px}}.timezone-selector{align-items:center;background-color:#3f3f464d;border:1px solid #71717a33;border-radius:8px;display:flex;gap:8px;padding:8px 16px}.timezone-selector-label{color:#a1a1aa;font-size:14px;font-weight:500}.timezone-selector-select{background-color:#27272acc;border:1px solid #71717a4d;border-radius:6px;color:#fafafa;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.timezone-selector-select:hover{border-color:#60a5fa80}.timezone-selector-select:focus{border-color:#60a5fab3;outline:none}.dashboard-layout{background-color:#0a0a0a;color:#fafafa;font-family:Inter,sans-serif;min-height:100vh;position:relative}.funnel-section{margin-bottom:32px}.funnel-title{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.funnel-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.funnel-card{--funnel-green:#22c55e;--funnel-blue:#3b82f6;--funnel-orange:#f59e0b;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:20px 24px}.funnel-card--loading{animation:pulse 1.5s ease-in-out infinite;height:120px}.funnel-card__label{color:#ffffffb3;font-size:14px;margin-bottom:8px}.funnel-card__count{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.funnel-card__subtitle{color:#fff6;font-size:13px;margin-bottom:16px}.funnel-card__bar-bg{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.funnel-card__bar-fill{border-radius:2px;height:100%;transition:width .6s ease}.toast{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#4ade8026;border:1px solid #4ade8066;color:#4ade80}.toast-error{background:#f8717126;border:1px solid #f8717166;color:#f87171}.toast-info{background:#60a5fa26;border:1px solid #60a5fa66;color:#60a5fa}.toast-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.toast-message{flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;color:currentColor;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:4px;transition:opacity .2s}.toast-close:hover{opacity:1}.overview-view,.trends-view{display:flex;flex-direction:column;gap:24px}.overview-divider{background:#ffffff14;height:1px;margin:8px 0}.trends-error{color:#ef4444;padding:24px;text-align:center}.trends-stat-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.trends-stat-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:16px 20px}.trends-stat-card--loading{animation:pulse 1.5s ease-in-out infinite;height:80px}.trends-stat-card__label{color:#ffffff80;font-size:12px;margin-bottom:4px}.trends-stat-card__value{color:#fff;font-size:28px;font-weight:700;line-height:1.2}.trends-stat-card__subtitle{color:#fff6;font-size:12px;margin-top:2px}.trends-charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.trends-chart-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:20px}.trends-chart-card--loading{animation:pulse 1.5s ease-in-out infinite;height:280px}.trends-chart-card__title{color:#fffc;font-size:14px;font-weight:600;margin-bottom:16px}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:#1a1a1a!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fff!important;font-size:12px!important}.loading-state-container{gap:20px;min-height:120px;padding:48px 40px}.loading-state-container,.loading-state-fullscreen{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-state-fullscreen{background:linear-gradient(135deg,#60a5fa0d,#60a5fa05);gap:24px;min-height:100vh;padding:24px}.loading-state-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a0a0a99;border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1}}.loading-spinner{display:inline-block;position:relative}.loading-spinner-inner{animation:spinnerRotate 3s cubic-bezier(.68,-.55,.265,1.55) infinite;border-radius:50%;height:100%;position:absolute;width:100%}.loading-spinner-sm{height:28px;width:28px}.loading-spinner-sm .loading-spinner-inner{border-color:#60a5fa #60a5fa #60a5fa40 #60a5fa40;border-style:solid;border-width:2px;box-shadow:inset 0 0 0 2px #60a5fa1a}.loading-spinner-md{height:40px;width:40px}.loading-spinner-md .loading-spinner-inner{border-color:#60a5fa #60a5fa #60a5fa33 #60a5fa33;border-style:solid;border-width:3px;box-shadow:inset 0 0 0 3px #60a5fa14,0 0 20px #60a5fa33}.loading-spinner-lg{height:56px;width:56px}.loading-spinner-lg .loading-spinner-inner{border-color:#60a5fa #60a5fa #60a5fa26 #60a5fa26;border-style:solid;border-width:4px;box-shadow:inset 0 0 0 4px #60a5fa0d,0 0 30px #60a5fa40}.loading-spinner-md:before{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#60a5fa4d 0,#0000 70%)}.loading-spinner-lg:before,.loading-spinner-md:before{border-radius:50%;content:"";height:100%;position:absolute;width:100%}.loading-spinner-lg:before{animation:pulse 2.5s ease-in-out infinite;background:radial-gradient(circle,#60a5fa33 0,#0000 70%)}.loading-message{animation:messageSlideIn .4s cubic-bezier(.34,1.56,.64,1);color:#fafafa;font-size:15px;font-weight:600;letter-spacing:.3px}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expandable-metric-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#60a5fa1f,#60a5fa12);border:1.5px solid #60a5fa4d;border-radius:10px;border-radius:var(--border-radius-lg,10px);box-shadow:0 8px 16px #0000004d;min-width:200px;padding:16px 20px;padding:var(--spacing-lg,16px) var(--spacing-xl,20px);position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .2s;transition:transform var(--transition-normal,.3s) var(--transition-cubic,cubic-bezier(.4,0,.2,1)),box-shadow var(--transition-normal,.3s) var(--transition-cubic,cubic-bezier(.4,0,.2,1)),border-color var(--transition-fast,.2s)}.expandable-metric-card.type-messages{background:linear-gradient(135deg,#60a5fa1f,#60a5fa12);border-color:#60a5fa4d}.expandable-metric-card.type-messages:hover{border-color:#60a5fa66;box-shadow:0 12px 24px #60a5fa40}.expandable-metric-card.type-queries{background:linear-gradient(135deg,#4ade801f,#4ade8012);border-color:#4ade804d}.expandable-metric-card.type-queries:hover{border-color:#4ade8066;box-shadow:0 12px 24px #4ade8040}.expandable-metric-card.type-tasks{background:linear-gradient(135deg,#a78bfa1f,#a78bfa12);border-color:#a78bfa4d}.expandable-metric-card.type-tasks:hover{border-color:#a78bfa66;box-shadow:0 12px 24px #a78bfa40}.expandable-metric-card.compact{min-height:auto;padding:12px 16px;padding:var(--spacing-md,12px) var(--spacing-lg,16px)}.expandable-metric-card.compact .expandable-metric-card-value{font-size:32px}.expandable-metric-card.compact .expandable-metric-card-label{font-size:11px;font-size:var(--font-size-xs,11px);margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.expandable-metric-card:hover{transform:translateY(-4px)}.expandable-metric-card:focus-within{outline:2px solid #60a5fa80;outline-offset:2px}.expandable-metric-card-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg,16px);justify-content:space-between}.expandable-metric-card-content{flex:1 1}.expandable-metric-card-content.clickable{cursor:pointer;position:relative;transition:all .2s;transition:all var(--transition-fast,.2s)}.expandable-metric-card-content.clickable:hover{opacity:.9;transform:translateY(-2px)}.expandable-metric-card-content.clickable:active{opacity:.8;transform:translateY(0)}.expandable-metric-card.clickable-card{border:2px solid #60a5fa4d;position:relative}.expandable-metric-card.clickable-card:before{background:#60a5fa99;border-radius:50%;content:"";height:8px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s;transition:opacity var(--transition-fast,.2s);width:8px}.expandable-metric-card.clickable-card:hover:before{opacity:1}.expandable-metric-card.clickable-card:hover{border-color:#60a5fa99;box-shadow:0 8px 20px #60a5fa4d}.expandable-metric-card-label{color:#b4b4b8;font-size:13px;font-weight:600;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.expandable-metric-card-value{color:#60a5fa;font-size:32px;font-weight:800;line-height:1;transition:color .2s;transition:color var(--transition-fast,.2s)}.expandable-metric-card.type-messages .expandable-metric-card-value{color:#60a5fa}.expandable-metric-card.type-queries .expandable-metric-card-value{color:#4ade80}.expandable-metric-card.type-tasks .expandable-metric-card-value{color:#a78bfa}.expandable-metric-card-action-hint{color:#8b8b92;font-size:12px;font-weight:500;letter-spacing:.3px;margin-top:6px;transition:color .2s ease}.expandable-metric-card-content.clickable:hover .expandable-metric-card-action-hint{color:#60a5fa}.expandable-metric-card-expand{background:none;border:none;border-radius:6px;border-radius:var(--border-radius-sm,6px);color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;font-size:16px;font-size:var(--font-size-lg,16px);padding:4px;padding:var(--spacing-xs,4px);transition:transform .2s,color .2s;transition:transform var(--transition-fast,.2s),color var(--transition-fast,.2s)}.expandable-metric-card-expand:hover{background:#60a5fa1a;color:#fafafa;color:var(--text-primary,#fafafa)}.expandable-metric-card-expand:focus{outline:2px solid #60a5fa80;outline-offset:2px}.expandable-metric-card-expand.expanded{transform:rotate(90deg)}.expandable-metric-card-chart{margin-top:16px;margin-top:var(--spacing-lg,16px);transition:opacity .2s;transition:opacity var(--transition-fast,.2s)}.expandable-metric-card-content-area{margin-top:16px;margin-top:var(--spacing-lg,16px);max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);transition:max-height var(--transition-normal,.3s) var(--transition-cubic,cubic-bezier(.4,0,.2,1))}.expandable-metric-card-content-area.expanded{max-height:2000px}.expandable-metric-card-error{background:#f871711a;border:1px solid #f871714d;border-radius:8px;border-radius:var(--border-radius-md,8px);margin-top:16px;margin-top:var(--spacing-lg,16px);padding:12px;padding:var(--spacing-md,12px)}.expandable-metric-card-error .error-message{color:#f87171;color:var(--error-primary,#f87171);font-size:12px;font-size:var(--font-size-sm,12px);margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.expandable-metric-card-error .retry-button{background:#f8717133;border:1px solid #f8717166;border-radius:6px;border-radius:var(--border-radius-sm,6px);color:#f87171;color:var(--error-primary,#f87171);cursor:pointer;font-size:11px;font-size:var(--font-size-xs,11px);margin-top:4px;margin-top:var(--spacing-xs,4px);padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-sm,8px);transition:background .2s;transition:background var(--transition-fast,.2s)}.expandable-metric-card-error .retry-button:hover{background:#f871714d}.expandable-metric-card-error .retry-button:focus{outline:2px solid #f8717180;outline-offset:2px}.bar-list-chart{gap:12px;width:100%}.bar-list-chart,.bar-list-item{display:flex;flex-direction:column}.bar-list-item{gap:6px}.bar-list-item-header{align-items:center;display:flex;justify-content:space-between}.bar-list-item-label{align-items:center;color:#fafafa;display:flex;font-size:14px;font-weight:600;gap:8px}.bar-list-item-value{color:#d4d4d8;font-size:13px;font-weight:600}.bar-list-item-bar-container{background:#3f3f4633;border-radius:4px;height:8px;overflow:hidden;width:100%}.bar-list-item-bar{background:linear-gradient(90deg,#3b82f6e6,#3b82f680);border-radius:4px;height:100%;transition:width .3s ease}.query-type-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);width:100%}.query-type-card{align-items:center;background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:1.5px solid #3b82f633;border-radius:10px;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative}.query-type-card:before{background:currentColor;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.query-type-card-icon{flex-shrink:0;font-size:24px;line-height:1}.query-type-card-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.query-type-card-label{color:#b4b4b8;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.query-type-card-value{color:#fafafa;font-size:20px;font-weight:800}.query-type-card-percentage{color:#a1a1aa;font-size:13px;font-weight:600}.query-type-card-accent{bottom:0;opacity:.6;position:absolute;right:0;top:0;width:2px}@media (max-width:1024px){.query-type-cards{gap:10px;grid-template-columns:repeat(3,1fr)}.query-type-card{padding:12px}.query-type-card-icon{font-size:20px}.query-type-card-value{font-size:14px}}@media (max-width:768px){.query-type-cards{gap:8px;grid-template-columns:repeat(3,1fr)}.query-type-card{flex-direction:column;padding:10px;text-align:center}.query-type-card-icon{font-size:18px}.query-type-card-content{width:100%}.query-type-card-value{font-size:12px}.query-type-card-label,.query-type-card-percentage{font-size:10px}}.empty-state-default{padding:80px 24px}.empty-state-compact,.empty-state-default{align-items:center;color:#71717a;display:flex;flex-direction:column;justify-content:center;text-align:center}.empty-state-compact{background-color:#3f3f464d;border-radius:8px;margin-bottom:24px;padding:60px 24px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-compact .empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-title{color:#a1a1aa;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-compact .empty-state-title{font-size:16px;margin-bottom:6px}.empty-state-message{color:#71717a;font-size:14px}.empty-state-compact .empty-state-message{font-size:13px}.metrics-overview-section{display:flex;flex-direction:column;gap:12px}.metrics-overview-cards-with-charts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.metrics-overview-cards-simple{display:flex;flex-wrap:wrap;gap:12px;width:100%}.metrics-overview-cards-simple>*{flex:1 1;min-width:200px}.metrics-overview-cards-with-charts>*{min-width:0}@media (max-width:1024px){.metrics-overview-cards-with-charts{grid-template-columns:1fr}}@media (max-width:768px){.metrics-overview-cards-simple,.metrics-overview-cards-with-charts{gap:10px}}.user-metrics-section{display:flex;flex-direction:column;gap:12px}.user-metrics-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);width:100%}.user-metric-card{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:20px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-metric-card:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.user-metric-card-new{background:linear-gradient(135deg,#60a5fa26,#60a5fa14);border:1.5px solid #60a5fa59;box-shadow:0 8px 16px #60a5fa26}.user-metric-card-new:hover{background:linear-gradient(135deg,#60a5fa33,#60a5fa1f);border-color:#60a5fa80;box-shadow:0 12px 32px #60a5fa4d;transform:translateY(-4px)}.user-metric-card-new .user-metric-value{color:#60a5fa}.user-metric-card-active{background:linear-gradient(135deg,#fb923c2e,#fb923c1a);border:1.5px solid #fb923c66;box-shadow:0 8px 16px #fb923c33;transform:scale(1.02)}.user-metric-card-active:hover{background:linear-gradient(135deg,#fb923c40,#fb923c26);border-color:#fb923c99;box-shadow:0 16px 40px #fb923c59;transform:translateY(-4px) scale(1.05)}.user-metric-card-active .user-metric-value{color:#fb923c}.user-metric-card-active .user-metric-label{color:#fbbf24}.user-metric-card-low-engagement{background:linear-gradient(135deg,#f871711f,#f871710f);border:1.5px solid #f871714d;box-shadow:0 8px 16px #f871711f}.user-metric-card-low-engagement:hover{background:linear-gradient(135deg,#f871712e,#f871711a);border-color:#f8717173;box-shadow:0 12px 32px #f8717140;transform:translateY(-4px)}.user-metric-card-low-engagement .user-metric-value{color:#f87171}.user-metric-card-high-engagement{background:linear-gradient(135deg,#4ade8026,#4ade8014);border:1.5px solid #4ade8059;box-shadow:0 8px 16px #4ade8026}.user-metric-card-high-engagement:hover{background:linear-gradient(135deg,#4ade8033,#4ade801f);border-color:#4ade8080;box-shadow:0 12px 32px #4ade804d;transform:translateY(-4px)}.user-metric-card-high-engagement .user-metric-value{color:#4ade80}.user-metric-icon{font-size:22px;line-height:1;opacity:.85;transition:opacity .3s ease}.user-metric-card:hover .user-metric-icon{opacity:1}.user-metric-label{color:#b4b4b8;font-size:12px;font-weight:700;letter-spacing:.7px;margin-bottom:2px;text-transform:uppercase;transition:color .3s ease}.user-metric-value{font-size:32px;font-weight:900;line-height:1;transition:color .3s ease}.user-metric-percentage{color:#d4d4d8;font-size:14px;font-weight:700;letter-spacing:.3px;margin-top:4px;transition:color .3s ease}.user-metric-card-low-engagement .user-metric-percentage{color:#fecaca}.user-metric-card-high-engagement .user-metric-percentage{color:#a7f3d0}.user-metrics-chart{width:100%}@media (max-width:1024px){.user-metrics-cards{gap:14px;grid-template-columns:repeat(2,1fr)}.user-metric-card{padding:18px 16px}.user-metric-value{font-size:28px}.user-metric-icon{font-size:20px}}@media (max-width:768px){.user-metrics-cards{gap:12px;grid-template-columns:1fr}.user-metric-card{padding:16px 14px}.user-metric-value{font-size:24px}.user-metric-icon{font-size:18px}.user-metric-card-active{transform:scale(1)}.user-metric-card-active:hover{transform:translateY(-4px) scale(1.02)}}.tools-stat-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);width:100%}.tools-stat-card{background:linear-gradient(135deg,#a78bfa1f,#a78bfa12);border:1.5px solid #a78bfa4d;border-radius:10px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.tools-stat-card:hover{background:linear-gradient(135deg,#60a5fa14,#60a5fa08);border-color:#60a5fa66;transform:translateY(-2px)}.tools-stat-card-header{align-items:center;display:flex;gap:10px}.tools-stat-card-icon{font-size:20px;line-height:1}.tools-stat-card-label{color:#b4b4b8;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.tools-stat-card-content{align-items:baseline;display:flex;gap:8px}.tools-stat-card-value{color:#fafafa;font-size:22px;font-weight:800}.tools-stat-card-percentage{color:#a1a1aa;font-size:13px;font-weight:600}.tools-stat-card-accent{bottom:0;opacity:.4;position:absolute;right:0;top:0;transition:opacity .2s ease;width:2px}.tools-stat-card:hover .tools-stat-card-accent{opacity:.8}@media (max-width:1024px){.tools-stat-cards{gap:10px;grid-template-columns:repeat(3,1fr)}.tools-stat-card{gap:10px;padding:12px}.tools-stat-card-icon{font-size:18px}.tools-stat-card-value{font-size:16px}}@media (max-width:768px){.tools-stat-cards{gap:10px;grid-template-columns:repeat(2,1fr)}.tools-stat-card{padding:12px}.tools-stat-card-icon{font-size:16px}.tools-stat-card-value{font-size:14px}.tools-stat-card-label{font-size:10px}}@media (max-width:480px){.tools-stat-cards{grid-template-columns:1fr}}.tools-integrated-section{width:100%}.timezone-bar-chart{display:flex;flex-direction:column;gap:14px;width:100%}.timezone-bar-item{display:flex;flex-direction:column;gap:8px}.timezone-bar-item-header{align-items:center;display:flex;justify-content:space-between}.timezone-bar-item-label{align-items:center;color:#fafafa;display:flex;font-size:14px;font-weight:600;gap:8px}.timezone-bar-item-value{color:#d4d4d8;font-size:13px;font-weight:600}.timezone-bar-item-bar-container{background:#3f3f4633;border-radius:5px;height:10px;overflow:hidden;width:100%}.timezone-bar-item-bar{background:linear-gradient(90deg,#fb923ce6,#fb923c80);border-radius:5px;height:100%;transition:width .3s ease}.user-distribution-section{margin-bottom:24px;margin-bottom:var(--spacing-2xl,24px)}.user-distribution-container{display:flex;flex-direction:column;gap:12px}.user-distribution-item{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #3f3f464d;border-radius:10px;overflow:hidden}.user-distribution-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.user-distribution-header:hover{background-color:#60a5fa1a;border-color:#60a5fa4d}.user-distribution-title{color:#fafafa;font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0}.user-distribution-toggle{align-items:center;color:#a1a1aa;display:flex;font-size:12px;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.user-distribution-content{animation:slideDown .3s ease;border-top:1px solid #3f3f4633;padding:12px 16px}.user-distribution-more{background:#60a5fa0d;border-radius:6px;color:#71717a;font-size:11px;margin-top:8px;padding:8px;text-align:center}.error-message{background:#f871711a;border:1px solid #f871714d;border-radius:var(--border-radius-md,8px);color:var(--error-primary,#f87171);font-size:12px;font-size:var(--font-size-sm,12px);padding:12px;padding:var(--spacing-md,12px)}@media (max-width:768px){.user-distribution-content,.user-distribution-header{padding:10px 12px}.user-distribution-title{font-size:12px}}.conversation-timeline{display:flex;flex-direction:column;gap:20px}.conversation-timeline-empty{color:#a1a1aa;padding:40px;text-align:center}.conversation-timeline-messages{display:flex;flex-direction:column;gap:12px}.conversation-timeline-evaluation-boundary{border-bottom:1px solid #3f3f464d;border-top:1px solid #3f3f464d;margin:24px 0 16px;padding:12px 0}.conversation-timeline-evaluation-boundary--first{border-top:none;margin-top:0;padding-top:0}.conversation-timeline-evaluation-timestamp{color:#71717a;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.conversation-timeline-message{display:flex;flex-direction:column;gap:8px}.conversation-timeline-message-header{align-items:center;color:#a1a1aa;display:flex;font-size:12px}.conversation-timeline-message-sender{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.conversation-timeline-message-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:8px;padding:12px 16px}.conversation-timeline-message-bubble p{color:#fafafa;line-height:1.6;margin:0;white-space:pre-wrap}.conversation-timeline-message--user .conversation-timeline-message-bubble{background-color:#60a5fa33;border-color:#60a5fa}.conversation-timeline-message--asmi .conversation-timeline-message-bubble{background-color:#a78bfa33;border-color:#a78bfa}.conversation-timeline-message--asmi .conversation-timeline-message-sender{color:#a78bfa}.conversation-timeline-message--user .conversation-timeline-message-sender{color:#60a5fa}.conversation-timeline-load-more,.modal-overlay{align-items:center;display:flex;justify-content:center;padding:20px}.modal-overlay{animation:fadeInModal .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#000000bf;bottom:0;height:100vh;left:0;margin:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:1000}@keyframes fadeInModal{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1}}.modal-container{animation:slideInModal .35s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1.5px solid #60a5fa33;border-radius:18px;box-shadow:0 25px 80px #000000b3,inset 0 0 1px #ffffff1a;display:flex;flex-direction:column;margin:0;max-height:88vh;max-width:900px;outline:none;overflow:hidden;position:relative;width:100%}@keyframes slideInModal{0%{opacity:0;transform:translateY(-30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#60a5fa14,#60a5fa0a);border-bottom:1.5px solid #60a5fa26;display:flex;justify-content:space-between;padding:28px 32px;position:relative}.modal-header:after{background:linear-gradient(90deg,#60a5fa00,#60a5fa4d 50%,#60a5fa00);bottom:-1.5px;content:"";height:1px;left:0;position:absolute;right:0}.modal-header-blue{background:linear-gradient(135deg,#60a5fa1f,#60a5fa0f);border-bottom-color:#60a5fa40}.modal-header-blue:after{background:linear-gradient(90deg,#60a5fa00,#60a5fa66 50%,#60a5fa00)}.modal-header-green{background:linear-gradient(135deg,#4ade801f,#4ade800f);border-bottom-color:#4ade8040}.modal-header-green:after{background:linear-gradient(90deg,#4ade8000,#4ade8066 50%,#4ade8000)}.modal-header-purple{background:linear-gradient(135deg,#a78bfa1f,#a78bfa0f);border-bottom-color:#a78bfa40}.modal-header-purple:after{background:linear-gradient(90deg,#a78bfa00,#a78bfa66 50%,#a78bfa00)}.modal-header-orange{background:linear-gradient(135deg,#fb923c1f,#fb923c0f);border-bottom-color:#fb923c40}.modal-header-orange:after{background:linear-gradient(90deg,#fb923c00,#fb923c66 50%,#fb923c00)}.modal-header-left{align-items:center;display:flex;gap:16px}.modal-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:36px;line-height:1}.modal-title{color:#fafafa;font-size:26px;font-weight:800;letter-spacing:.3px;margin:0}.modal-close-button{align-items:center;background-color:#71717a26;border:1.5px solid #71717a66;border-radius:10px;color:#b4b4b8;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.modal-close-button:hover{background-color:#ef444440;border-color:#ef444499;color:#fca5a5;transform:rotate(90deg)}.modal-close-button:active{background-color:#ef444459;transform:rotate(90deg) scale(.95)}.modal-content{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#ffffff05 0,#fff0 10%);flex:1 1;overflow-y:auto;padding:28px 32px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#71717a66;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#71717a99}@media (max-width:768px){.modal-overlay{padding:12px}.modal-container{border-radius:14px;max-height:94vh}.modal-content,.modal-header{padding:20px 24px}.modal-icon{font-size:28px}.modal-title{font-size:22px}}.user-conversation-modal-content{padding:16px;padding:var(--spacing-md,16px)}.user-conversation-modal-header{display:flex;justify-content:flex-end;margin-bottom:20px;margin-bottom:var(--spacing-lg,20px)}.user-conversation-modal-error{color:#ef4444;color:var(--color-error,#ef4444);padding:20px;padding:var(--spacing-lg,20px);text-align:center}.user-conversation-modal .modal-content{max-height:80vh;overflow-y:auto}.unified-user-activity{display:flex;flex-direction:column;gap:16px;width:100%}.unified-user-activity-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.unified-user-activity-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.filter-button{align-items:center;background:linear-gradient(135deg,#3f3f4633,#3f3f461a);border:1.5px solid #71717a66;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#b4b4b8;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.3px;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-button:hover{background:linear-gradient(135deg,#60a5fa1f,#60a5fa0f);border-color:#60a5fa80;box-shadow:0 6px 16px #60a5fa26;color:#d4d4d8;transform:translateY(-2px)}.filter-button.active{background:linear-gradient(135deg,#60a5fa33,#60a5fa1f);border-color:#60a5fab3;box-shadow:0 8px 24px #60a5fa40;color:#60a5fa;font-weight:800;transform:translateY(-2px)}.filter-badge{align-items:center;background-color:#60a5fa59;border:1px solid #60a5fa80;border-radius:5px;color:#fafafa;display:inline-flex;font-size:11px;font-weight:800;height:20px;justify-content:center;min-width:22px;padding:0 5px}.unified-user-activity-sort{flex-shrink:0}.sort-select{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #3f3f464d;border-radius:6px;color:#a1a1aa;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.sort-select:hover{background:linear-gradient(135deg,#60a5fa14,#60a5fa08);border-color:#60a5fa66}.sort-select:focus{border-color:#60a5fa99;outline:none}.unified-user-activity-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.unified-user-activity-list::-webkit-scrollbar{width:6px}.unified-user-activity-list::-webkit-scrollbar-track{background:#0000}.unified-user-activity-list::-webkit-scrollbar-thumb{background:#71717a80;border-radius:3px}.unified-user-activity-list::-webkit-scrollbar-thumb:hover{background:#71717ab3}.no-results{color:#71717a;font-size:14px;padding:24px;text-align:center}.user-activity-item{align-items:center;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #3f3f4633;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.user-activity-item:hover{background:linear-gradient(135deg,#60a5fa0f,#60a5fa05);border-color:#60a5fa4d}.user-activity-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.user-activity-item-header{align-items:center;display:flex;gap:8px}.user-activity-item-type{flex-shrink:0;font-size:14px;line-height:1}.user-activity-item-name{color:#fafafa;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-activity-item-messages{color:#b4b4b8;font-size:12px;font-weight:600}.user-activity-item-action{background:linear-gradient(135deg,#60a5fa1a,#60a5fa0d);border:1px solid #60a5fa4d;border-radius:4px;color:#60a5fa;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;margin-left:8px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.user-activity-item-action:hover{background:linear-gradient(135deg,#60a5fa33,#60a5fa1a);border-color:#60a5fa80}.unified-user-activity-load-more{border-top:1px solid #3f3f4633;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:16px}.load-more-button{background:linear-gradient(135deg,#4ade801a,#4ade800d);border:1px solid #4ade804d;border-radius:6px;color:#4ade80;cursor:pointer;font-size:12px;font-weight:600;padding:10px 16px;transition:all .2s ease}.load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#4ade8033,#4ade801a);border-color:#4ade8080}.load-more-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.unified-user-activity-controls{align-items:stretch;flex-direction:column;gap:12px}.unified-user-activity-filters{flex:1 1}.sort-select,.unified-user-activity-sort{width:100%}.user-activity-item{align-items:flex-start;flex-direction:column;gap:10px}.user-activity-item-action{margin-left:0;text-align:center;width:100%}}.collapsible-section{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #3f3f464d;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.collapsible-section:hover{background:linear-gradient(135deg,#60a5fa0d,#60a5fa05);border-color:#60a5fa4d}.collapsible-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapsible-section-header:hover{background-color:#60a5fa1a}.collapsible-section-header-content{align-items:center;display:flex;flex:1 1;gap:12px}.collapsible-section-icon{font-size:20px;line-height:1}.collapsible-section-title{color:#fafafa;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.collapsible-section-toggle{align-items:center;color:#a1a1aa;display:flex;font-size:12px;height:24px;justify-content:center;transition:transform .3s ease,color .2s ease;width:24px}.collapsible-section-toggle.expanded{color:#60a5fa;transform:rotate(0deg)}.collapsible-section-content{animation:slideDown .3s ease;border-top:1px solid #3f3f4633;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.collapsible-section[data-color=blue]{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f633}.collapsible-section[data-color=blue]:hover{background:linear-gradient(135deg,#3b82f614,#3b82f608);border-color:#3b82f64d}.collapsible-section[data-color=green]{background:linear-gradient(135deg,#4ade800d,#4ade8005);border-color:#4ade8033}.collapsible-section[data-color=green]:hover{background:linear-gradient(135deg,#4ade8014,#4ade8008);border-color:#4ade804d}.collapsible-section[data-color=purple]{background:linear-gradient(135deg,#a78bfa0d,#a78bfa05);border-color:#a78bfa33}.collapsible-section[data-color=purple]:hover{background:linear-gradient(135deg,#a78bfa14,#a78bfa08);border-color:#a78bfa4d}.collapsible-section[data-color=orange]{background:linear-gradient(135deg,#fb923c0d,#fb923c05);border-color:#fb923c33}.collapsible-section[data-color=orange]:hover{background:linear-gradient(135deg,#fb923c14,#fb923c08);border-color:#fb923c4d}@media (max-width:768px){.collapsible-section{margin-bottom:12px}.collapsible-section-content,.collapsible-section-header{padding:12px}.collapsible-section-title{font-size:14px}.collapsible-section-icon{font-size:18px}}.queries-detail-list{width:100%}.queries-detail-list-empty{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:15px;padding:40px 20px;text-align:center}.queries-detail-list-items{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.queries-detail-list-item{background:linear-gradient(135deg,#60a5fa0f,#60a5fa05);border:1.5px solid #60a5fa33;border-radius:12px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.queries-detail-list-item:before{background:linear-gradient(90deg,#60a5fa00,#60a5fa66 50%,#60a5fa00);content:"";height:2px;left:0;position:absolute;right:0;top:0}.queries-detail-list-item:hover{background:linear-gradient(135deg,#60a5fa1a,#60a5fa0d);border-color:#60a5fa66;box-shadow:0 8px 24px #60a5fa1f;transform:translateY(-2px)}.queries-detail-list-item-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.queries-detail-list-item-header-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.queries-detail-list-item-type{align-items:center;border:1.5px solid;border-radius:8px;display:flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.queries-detail-list-item-username{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:8px;color:#60a5fa;font-size:12px;font-weight:700;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.queries-detail-list-item-username:hover{background:#60a5fa40;border-color:#60a5fa80}.queries-detail-list-item-type-mail{background:#60a5fa33;border-color:#60a5fa66;box-shadow:0 4px 12px #60a5fa26;color:#60a5fa}.queries-detail-list-item-type-mail:before{content:"📧";font-size:14px;margin-right:4px}.queries-detail-list-item-type-calendar{background:#4ade8033;border-color:#4ade8066;box-shadow:0 4px 12px #4ade8026;color:#4ade80}.queries-detail-list-item-type-calendar:before{content:"📅";font-size:14px;margin-right:4px}.queries-detail-list-item-type-internet{background:#a78bfa33;border-color:#a78bfa66;box-shadow:0 4px 12px #a78bfa26;color:#a78bfa}.queries-detail-list-item-type-internet:before{content:"🌐";font-size:14px;margin-right:4px}.queries-detail-list-item-timestamp{color:#71717a;flex-shrink:0;font-size:12px;font-weight:600}.queries-detail-list-item-summary{border-top:1px solid #60a5fa1a;color:#b4b4b8;font-size:13px;line-height:1.6;padding-top:10px}.tasks-detail-list{width:100%}.tasks-detail-list-empty{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:15px;padding:40px 20px;text-align:center}.tasks-detail-list-items{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.tasks-detail-list-item{background:linear-gradient(135deg,#4ade800f,#4ade8005);border:1.5px solid #4ade8033;border-radius:12px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tasks-detail-list-item:before{background:linear-gradient(90deg,#4ade8000,#4ade8066 50%,#4ade8000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.tasks-detail-list-item:hover{background:linear-gradient(135deg,#4ade801a,#4ade800d);border-color:#4ade8066;box-shadow:0 8px 24px #4ade801f;transform:translateY(-2px)}.tasks-detail-list-item-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.tasks-detail-list-item-header>div:first-child{flex:1 1;min-width:0}.tasks-detail-list-item-name{color:#fafafa;font-size:15px;font-weight:700;letter-spacing:.2px;margin-bottom:6px}.tasks-detail-list-item-description{color:#b4b4b8;font-size:13px;line-height:1.6;margin-bottom:8px}.tasks-detail-list-item-username{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:8px;color:#60a5fa;display:inline-block;font-size:12px;font-weight:700;margin-top:6px;padding:6px 12px;transition:all .2s ease}.tasks-detail-list-item-username:hover{background:#60a5fa40;border-color:#60a5fa80}.tasks-detail-list-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.tasks-detail-list-item-status{align-items:center;border:1.5px solid;border-radius:8px;display:flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.tasks-detail-list-item-status-active{background:#4ade8033;border-color:#4ade8066;box-shadow:0 4px 12px #4ade8026;color:#4ade80}.tasks-detail-list-item-status-active:before{content:"●";font-size:8px}.tasks-detail-list-item-status-inactive{background:#71717a26;border-color:#71717a4d;box-shadow:0 4px 12px #71717a14;color:#a1a1aa}.tasks-detail-list-item-status-inactive:before{content:"○";font-size:8px}.tasks-detail-list-item-enabled{background:#60a5fa1a;border-radius:6px;color:#b4b4b8;font-size:12px;font-weight:700;padding:4px 10px}.tasks-detail-list-item-footer{border-top:1px solid #4ade8026;margin-top:10px;padding-top:10px}.tasks-detail-list-item-date{color:#71717a;font-size:12px;font-weight:600}.quick-overview-container{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.section-heading{display:none}@media (max-width:1024px){.quick-overview-container{gap:10px;padding:12px}}@media (max-width:768px){.quick-overview-container{gap:8px;padding:10px}}.time-range-pills{background:#ffffff0f;border-radius:8px;display:flex;gap:4px;padding:3px}.pill{background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .15s ease;white-space:nowrap}.pill:hover{background:#ffffff0a;color:#fffc}.pill--active{background:#ffffff1a;box-shadow:0 1px 3px #0003;color:#fff}.analytics-container{background-color:#0a0a0a;color:#fafafa;font-family:Inter,sans-serif;min-height:100vh;position:relative}.background-orbs{inset:0;pointer-events:none;position:fixed;z-index:1}.orb-1{animation:float-slow 10s ease-in-out infinite;background:#6366f10d;height:300px;left:10%;top:10%;width:300px}.orb-1,.orb-2{border-radius:50%;filter:blur(60px);position:absolute}.orb-2{animation:float-slower 14s ease-in-out infinite;background:#a855f70d;height:250px;right:10%;top:60%;width:250px}.orb-3{animation:float-fast 8s ease-in-out infinite;background:#22c55e14;border-radius:50%;bottom:20%;filter:blur(50px);height:200px;left:40%;position:absolute;width:200px}.grid-background{animation:drift 25s linear infinite;background-image:radial-gradient(circle at 2px 2px,#6366f1 1px,#0000 0);background-size:60px 60px;inset:0;opacity:.02;position:fixed;z-index:1}.analytics-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272acc;border-bottom:1px solid #3f3f464d;padding:16px 24px;position:relative;z-index:10}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-left,.header-right{align-items:center;display:flex;gap:16px}.header-logo{height:auto;object-fit:contain;width:80px}.header-title{color:#fafafa;font-size:24px;font-weight:600;margin:0}.logout-button{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.logout-button:hover{background:#ef444433;border-color:#ef444480}.logout-icon{height:16px;width:16px}.analytics-main{margin:0 auto;max-width:1400px;padding:24px;position:relative;z-index:10}.dashboard-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tabs-container{background:#27272a80;border-radius:12px;display:flex;gap:4px;padding:6px;width:-webkit-fit-content;width:fit-content}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#a1a1aa;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.tab:hover{background:#3f3f464d;color:#fafafa}.tab-active{background:#6366f1!important;color:#fff!important}.tab-icon{height:16px;width:16px}.content-container{animation:fade-in .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a80;border:1px solid #3f3f464d;border-radius:12px;padding:24px}.content-header{align-items:center;border-bottom:1px solid #3f3f464d;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.content-header-actions{align-items:center;display:flex;gap:12px}.content-title{color:#fafafa;font-size:20px;font-weight:600;margin:0}.content-stats{display:flex;gap:24px}.stat-item{color:#a1a1aa;font-size:14px}.stat-value{font-weight:600}.export-button{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#86efac;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.export-button:hover:not(:disabled){background:#22c55e33;border-color:#22c55e80;color:#bbf7d0}.export-button:disabled{cursor:not-allowed;opacity:.6}.export-icon{flex-shrink:0;height:16px;width:16px}.export-spinner{animation:spin .8s linear infinite;border:2px solid #22c55e4d;border-radius:50%;border-top-color:#86efac;flex-shrink:0;height:14px;width:14px}.export-error-container{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.export-error-message{color:#fca5a5;flex:1 1;font-size:14px}.export-error-dismiss{align-items:center;background:#0000;border:none;border-radius:4px;color:#fca5a5;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.export-error-dismiss:hover{background:#ef444433;color:#fee2e2}.search-container{align-items:center;display:flex;gap:12px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background:#27272acc;border:1px solid #3f3f4666;border-radius:8px;color:#fafafa;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s;width:280px}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-icon,.search-input::placeholder{color:#71717a}.search-icon{height:16px;left:12px;pointer-events:none;position:absolute;width:16px}.search-toggle-button{align-items:center;background:#27272acc;border:1px solid #3f3f4666;border-radius:8px;color:#a1a1aa;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px;transition:all .2s}.search-toggle-button:hover{background:#3f3f4680;border-color:#3f3f4699;color:#d4d4d8}.search-toggle-button.active{background:#6366f126;border-color:#6366f166;color:#c7d2fe}.chart-icon,.filter-icon{height:14px;width:14px}.column-search-row th{border-bottom:2px solid #3f3f4666!important;padding:8px 12px!important}.column-search-input{background:#18181bcc;border:1px solid #3f3f464d;border-radius:6px;color:#fafafa;font-size:12px;padding:8px 10px;transition:all .2s;width:100%}.column-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.column-search-input::placeholder{color:#71717a;font-size:11px}.error-message{text-align:center}.retry-button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background:#6366f1e6}.table-container{border:1px solid #3f3f464d;border-radius:8px;overflow-x:auto}.users-table{background:#27272a4d;border-collapse:collapse;width:100%}.users-table th{background:#27272acc;border-bottom:1px solid #3f3f464d;color:#fafafa;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 12px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #3f3f4633;color:#d4d4d8;font-size:14px;padding:16px 12px}.users-table tr:hover{background:#3f3f4633}.phone-cell{font-family:Monaco,Menlo,monospace;font-size:13px}.email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{color:#a1a1aa;font-size:12px}.flag-badge{border-radius:4px;display:inline-block;font-size:11px;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.flag-active{color:#86efac}.flag-inactive{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.pagination-container{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px 0}.pagination-button{background:#27272acc;border:1px solid #3f3f4666;border-radius:6px;color:#d4d4d8;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s}.pagination-button:hover:not(:disabled){background:#3f3f4699;border-color:#3f3f46b3}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#a1a1aa;font-size:13px;font-weight:500}.pagination-numbers{display:flex;gap:4px}.pagination-number{background:#27272a99;border:1px solid #3f3f464d;border-radius:6px;color:#d4d4d8;cursor:pointer;font-size:13px;min-width:36px;padding:8px 12px;transition:all .2s}.pagination-number:hover{background:#3f3f4680;border-color:#3f3f4699}.pagination-number.active{background:#6366f1;border-color:#6366f1;color:#fff}.tooltip-container{display:inline-block;position:relative}.tooltip{animation:tooltip-fade-in .2s ease-out forwards;background:#18181bf2;border:1px solid #3f3f4666;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fafafa;font-size:12px;font-weight:400;margin-top:8px;max-width:250px;opacity:0;padding:8px 12px;pointer-events:none;text-transform:none;top:100%;white-space:nowrap;white-space:normal;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:5px solid;border-color:#0000 #0000 #18181bf2;bottom:100%;content:""}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.compact-header{display:flex;flex-direction:column;line-height:1.2;text-align:center}.compact-header div{font-size:11px;font-weight:600}.info-icon{color:#71717a;cursor:help;height:14px;transition:color .2s;width:14px}.info-icon:hover{color:#6366f1}.flag-aggregates{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a99;border:1px solid #3f3f464d;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.aggregates-title{color:#fafafa;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.aggregates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.aggregate-card{background:#18181bcc;border:1px solid #3f3f4666;border-radius:8px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.aggregate-card:hover{border-color:#6366f166;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.aggregate-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06d6a0);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.aggregate-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.aggregate-label{color:#d4d4d8;font-size:14px;font-weight:600;line-height:1.3;margin:0}.aggregate-percentage{color:#6366f1;font-size:24px;font-weight:700;text-shadow:0 0 20px #6366f14d}.aggregate-counts{align-items:baseline;display:flex;gap:4px;margin-bottom:16px}.active-count{color:#06d6a0;font-size:20px;font-weight:700}.count-separator{color:#71717a}.count-separator,.total-count{font-size:16px;font-weight:500}.total-count{color:#a1a1aa}.count-label{color:#71717a;font-size:12px;margin-left:4px}.aggregate-bar{background:#3f3f464d;border-radius:3px;height:6px;overflow:hidden;position:relative}.aggregate-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;box-shadow:0 0 10px #6366f166;height:100%;transition:width .8s ease-out}.sortable-header{cursor:pointer;position:relative;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none}.sortable-header:hover{background:#3f3f464d;color:#d4d4d8}.sortable-header{padding:12px 16px;vertical-align:middle}.header-cell{align-items:center;display:flex;justify-content:space-between;min-height:24px;width:100%}.header-text{flex:1 1;text-align:left}.header-with-tooltip{align-items:center;display:flex;flex:1 1;gap:6px}.sort-indicators{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:2px;margin-left:8px}.sort-arrow{color:#71717a;display:block;font-size:10px;line-height:1.2;transition:color .2s;-webkit-user-select:none;user-select:none}.sort-arrow.active{color:#6366f1}.sort-priority{background:#6366f1;border-radius:50%;color:#fff;display:inline-block;font-size:9px;font-weight:600;height:14px;line-height:14px;margin-left:4px;text-align:center;vertical-align:middle;width:14px}.coming-soon-content{align-items:center;display:flex;flex-direction:column;padding:80px 20px;text-align:center}.coming-soon-icon{color:#6366f1;height:64px;margin-bottom:24px;width:64px}.coming-soon-icon svg{height:100%;width:100%}.coming-soon-title{color:#fafafa;font-size:24px;font-weight:600;margin:0 0 12px}.coming-soon-subtitle{color:#a1a1aa;font-size:16px;margin:0}.user-row{cursor:pointer;transition:background-color .2s}.user-row:hover{background-color:#6366f126!important}.platform-badges{display:flex;flex-wrap:wrap;gap:6px}.platform-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.platform-whatsapp{background:#25d36633;border:1px solid #25d3664d;color:#25d366}.platform-imessage{background:#007aff33;border:1px solid #007aff4d;color:#007aff}@media (max-width:1024px){.analytics-main{padding:16px}.header-content{padding:0 16px}.content-container{padding:16px}}@media (max-width:768px){.header-content{align-items:stretch;flex-direction:column;gap:16px}.header-left,.tabs-container{justify-content:center}.tabs-container{width:100%}.tab{flex:1 1;justify-content:center}.content-header{align-items:stretch;flex-direction:column;gap:16px}.content-header-actions{flex-direction:column;width:100%}.export-button{justify-content:center;width:100%}.table-container{font-size:12px}.users-table td,.users-table th{padding:8px 6px}}.error-state-container{background-color:#0a0a0a;color:#fafafa;min-height:100vh;padding:24px}.error-container{justify-content:center;min-height:60vh}.error-message{color:#f87171;margin-bottom:24px}.back-button{background-color:#3f3f4680;border:1px solid #71717a4d;color:#fafafa;padding:8px 16px}.back-button:hover{background-color:#3f3f46b3;border-color:#71717a80}.user-detail-header{margin-bottom:20px}.user-detail-header-left{align-items:center;display:flex;gap:16px}.user-detail-header-right{align-items:center;display:flex;gap:12px}.view-timeline-button{align-items:center;background-color:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:8px;color:#60a5fa;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.view-timeline-button:hover{background-color:#60a5fa33;transform:translateY(-1px)}.view-timeline-button:active{transform:translateY(0)}.profile-row-divider{border-top:1px solid #3f3f464d;margin-top:8px;padding-top:12px}.profile-item-row{align-items:flex-start;flex-direction:row;gap:8px}.profile-item-row .profile-label{flex-shrink:0;margin-top:0;padding-top:0}.profile-item-row .profile-value{margin-top:0;padding-top:0}.profile-item-actions{align-items:flex-start;justify-content:flex-start}.profile-label{line-height:1.4}.profile-value-purple{color:#a78bfa;font-size:16px;font-weight:600}.profile-value-green{color:#4ade80;font-size:16px;font-weight:600}.profile-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.profile-action-button-purple{background-color:#a78bfa33;border:1px solid #a78bfa66;color:#a78bfa}.profile-action-button-purple:hover{background-color:#a78bfa4d;transform:translateY(-1px)}.profile-action-button-green{background-color:#4ade8033;border:1px solid #4ade8066;color:#4ade80}.profile-action-button-green:hover{background-color:#4ade804d;transform:translateY(-1px)}.profile-action-button:active{transform:translateY(0)}.time-range-selector-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.time-range-selector{flex:1 1}.time-range-label{color:#fafafa;font-size:14px}.time-range-select{background-color:#3f3f4680;border:1px solid #71717a4d;padding:8px 12px}.time-range-select:hover{border-color:#60a5fa80}.time-range-select:focus{border-color:#60a5fab3}.custom-date-inputs{gap:8px}.date-input{background-color:#3f3f4680;border:1px solid #71717a4d;border-radius:6px;padding:6px 10px}.date-input:hover{border-color:#60a5fa80}.date-input:focus{border-color:#60a5fab3}.date-separator{color:#a1a1aa}.summary-cards{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card{border:1px solid;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card-loading{opacity:.7}.summary-card-blue{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa4d}.summary-card-blue.summary-card-active{background:linear-gradient(135deg,#60a5fa4d,#3b82f640);border:2px solid #60a5fab3;border-left:4px solid #60a5fa;box-shadow:0 8px 24px #60a5fa4d,0 0 0 1px #60a5fa33,inset 0 0 20px #60a5fa1a;transform:scale(1.02)}.summary-card-blue:not(.summary-card-active):hover{border-color:#60a5fa80;box-shadow:0 8px 16px #60a5fa40,0 0 0 1px #60a5fa33;transform:translateY(-2px) scale(1.01)}.summary-card-purple{background:linear-gradient(135deg,#a78bfa26,#8b5cf61a);border-color:#a78bfa4d}.summary-card-purple.summary-card-active{background:linear-gradient(135deg,#a78bfa4d,#8b5cf640);border:2px solid #a78bfab3;border-left:4px solid #a78bfa;box-shadow:0 8px 24px #a78bfa4d,0 0 0 1px #a78bfa33,inset 0 0 20px #a78bfa1a;transform:scale(1.02)}.summary-card-purple:not(.summary-card-active):hover{border-color:#a78bfa80;box-shadow:0 8px 16px #a78bfa40,0 0 0 1px #a78bfa33;transform:translateY(-2px) scale(1.01)}.summary-card-green{background:linear-gradient(135deg,#4ade8026,#22c55e1a);border-color:#4ade804d}.summary-card-green.summary-card-active{background:linear-gradient(135deg,#4ade804d,#22c55e40);border:2px solid #4ade80b3;border-left:4px solid #4ade80;box-shadow:0 8px 24px #4ade804d,0 0 0 1px #4ade8033,inset 0 0 20px #4ade801a;transform:scale(1.02)}.summary-card-green:not(.summary-card-active):hover{border-color:#4ade8080;box-shadow:0 8px 16px #4ade8040,0 0 0 1px #4ade8033;transform:translateY(-2px) scale(1.01)}.summary-card-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ab3;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.summary-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.summary-card-icon{align-items:center;border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.summary-card-icon-blue{background:linear-gradient(135deg,#60a5fa4d,#3b82f633)}.summary-card-icon-purple{background:linear-gradient(135deg,#a78bfa4d,#8b5cf633)}.summary-card-icon-green{background:linear-gradient(135deg,#4ade804d,#22c55e33)}.summary-card-badge{align-items:center;background-color:#60a5fa26;border-radius:8px;color:#60a5fa;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.summary-card-blue .summary-card-badge-active{background-color:#60a5fa80;box-shadow:0 2px 8px #60a5fa4d;color:#fff}.summary-card-purple .summary-card-badge{background-color:#a78bfa26;color:#a78bfa}.summary-card-purple .summary-card-badge-active{background-color:#a78bfa80;box-shadow:0 2px 8px #a78bfa4d;color:#fff}.summary-card-green .summary-card-badge{background-color:#4ade8026;color:#4ade80}.summary-card-green .summary-card-badge-active{background-color:#4ade8080;box-shadow:0 2px 8px #4ade804d;color:#fff}.summary-card-check{font-size:14px}.summary-card-value{font-family:system-ui,-apple-system;font-size:42px;font-weight:800;line-height:1;margin-bottom:8px}.summary-card-value-blue{color:#60a5fa}.summary-card-value-purple{color:#a78bfa}.summary-card-value-green{color:#4ade80}.summary-card-hint{align-items:center;color:#a1a1aa;display:flex;font-size:13px;gap:4px}.messages-content{width:100%}.messages-chart{background-color:#3f3f464d;border:1px solid #3f3f464d;border-radius:8px;margin-bottom:24px;margin-top:0;outline:none;padding:16px}.messages-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.messages-chart-back-button{background-color:#3f3f4680;border:1px solid #71717a4d;border-radius:6px;color:#fafafa;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.messages-chart-back-button:hover{background-color:#3f3f46b3;border-color:#71717a80}.messages-chart-hint{color:#a1a1aa;font-size:12px}.messages-chart-enabled{cursor:pointer}.messages-chart-disabled{cursor:default}.messages-chart-axis{font-size:12px}.messages-chart-label-text{fill:#60a5fa;font-size:12px;font-weight:600}.messages-chart-label-media{fill:#f472b6;font-size:12px;font-weight:600}.tasks-content{width:100%}.tasks-summary{color:#fafafa;font-size:16px;font-weight:600;margin-bottom:20px}.tasks-total{color:#a1a1aa}.task-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a80;border:1px solid #3f3f464d;border-radius:12px;padding:20px;transition:all .3s ease}.task-item:hover{border-color:#3f3f4680;box-shadow:0 4px 12px #0000001a}.task-header{align-items:center}.task-name{font-size:18px}.task-status{border-radius:8px;text-transform:capitalize}.task-status.enabled{background-color:#4ade8033;border:1px solid #4ade8066}.task-status.disabled{background-color:#71717a33;border:1px solid #71717a66;color:#71717a}.task-description{margin-bottom:16px}.task-dates{color:#a1a1aa;font-size:13px;gap:16px;margin-bottom:12px}.task-date-item{align-items:center;display:flex;gap:4px}.task-date-item strong{color:#fafafa;font-weight:600}.task-execution-timeline{border-top:1px solid #3f3f464d;margin-top:16px;padding-top:16px}.task-execution-timeline-title{color:#fafafa;font-size:14px;font-weight:600;margin-bottom:12px}.task-execution-timeline-list{display:flex;flex-direction:column;gap:8px}.task-execution-event{align-items:center;background-color:#3f3f4633;border-radius:6px;display:flex;gap:12px;padding:8px}.task-execution-status-dot{border-radius:50%;height:8px;width:8px}.task-execution-status-dot.task-execution-status-success{background-color:#4ade80}.task-execution-status-dot.task-execution-status-failed{background-color:#f87171}.task-execution-time{color:#a1a1aa;flex:1 1;font-size:12px}.task-execution-status{font-size:12px;font-weight:500}.task-execution-status.task-execution-status-success{color:#4ade80}.task-execution-status.task-execution-status-failed{color:#f87171}.task-execution-duration{color:#a1a1aa;font-size:12px}.task-execution-error{color:#f87171;font-size:11px;font-style:italic}.queries-content{width:100%}.queries-chart{background-color:#3f3f464d;border:1px solid #3f3f464d;border-radius:8px;margin-bottom:24px;margin-top:0;outline:none;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.queries-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.queries-chart-back-button{background-color:#3f3f4680;border:1px solid #71717a4d;border-radius:6px;color:#fafafa;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.queries-chart-back-button:hover{background-color:#3f3f46b3;border-color:#71717a80}.queries-chart-hint{color:#a1a1aa;font-size:12px}.queries-chart-enabled{cursor:pointer}.queries-chart-disabled{cursor:default}.queries-chart-axis{font-size:12px}.queries-chart-label-mail{fill:#60a5fa;font-size:12px;font-weight:600}.queries-chart-label-calendar{fill:#a78bfa;font-size:12px;font-weight:600}.queries-chart-label-internet{fill:#4ade80;font-size:12px;font-weight:600}.queries-chart :global(.recharts-legend-wrapper){color:#fafafa;font-size:14px}.queries-chart :global(.recharts-legend-wrapper text){fill:#fafafa;font-size:14px}.integrations-modal-loading{color:#a1a1aa;padding:40px;text-align:center}.integrations-modal-summary{color:#a1a1aa;font-size:14px;margin-bottom:20px}.integrations-list{display:flex;flex-direction:column;gap:16px}.integration-item{background-color:#3f3f464d;border:1px solid #3f3f4680;border-radius:12px;padding:20px}.integration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.integration-name{color:#fafafa;font-size:18px;font-weight:600}.integration-status{border:1px solid;border-radius:8px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.integration-status-connected{background-color:#10b98133;border-color:#10b98166;color:#10b981}.integration-status-disconnected,.integration-status-pending{background-color:#71717a33;border-color:#71717a66;color:#71717a}.integration-connected{color:#a1a1aa;font-size:12px;margin-bottom:12px}.integration-permissions{margin-top:12px}.integration-permissions-label{color:#a1a1aa;font-size:12px;margin-bottom:8px}.integration-permissions-list{display:flex;flex-wrap:wrap;gap:8px}.integration-permission-tag{background-color:#60a5fa33;border:1px solid #60a5fa4d;border-radius:6px;color:#60a5fa;font-size:11px;padding:4px 8px}.integrations-modal-error{color:#ef4444;padding:40px;text-align:center}.integrations-modal-error-title{font-size:18px;font-weight:600;margin-bottom:8px}.lifecycle-timeline{animation:fade-in .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a80;border:1px solid #3f3f464d;border-radius:16px;margin-top:0;padding:32px}.lifecycle-timeline-title{color:#fafafa;font-size:20px;font-weight:600;margin-bottom:32px}.lifecycle-timeline-container{padding-left:40px;position:relative}.lifecycle-timeline-container:before{animation:timeline-glow 3s ease-in-out infinite;background:linear-gradient(180deg,#6366f14d,#a855f74d 50%,#22c55e4d);border-radius:2px;bottom:0;content:"";left:19px;position:absolute;top:0;width:3px}@keyframes timeline-glow{0%,to{box-shadow:0 0 10px #6366f133;opacity:.4}50%{box-shadow:0 0 20px #a855f74d;opacity:.6}}.lifecycle-timeline-item{align-items:flex-start;animation:slide-in .5s ease-out;animation-fill-mode:both;display:flex;gap:20px;margin-bottom:28px;position:relative}.lifecycle-timeline-item:first-child{animation-delay:.1s}.lifecycle-timeline-item:nth-child(2){animation-delay:.2s}.lifecycle-timeline-item:nth-child(3){animation-delay:.3s}.lifecycle-timeline-item:nth-child(4){animation-delay:.4s}.lifecycle-timeline-item:nth-child(5){animation-delay:.5s}.lifecycle-timeline-item:nth-child(n+6){animation-delay:.6s}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.lifecycle-timeline-dot{align-items:center;background-color:#60a5fa;background-color:var(--event-color,#60a5fa);border:3px solid #0a0a0ae6;border-radius:50%;box-shadow:0 0 0 4px #60a5fa26;box-shadow:0 0 0 4px rgba(var(--event-color-rgb,96,165,250),.15);cursor:pointer;display:flex;height:36px;justify-content:center;left:-25px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:2}.lifecycle-timeline-dot:hover{box-shadow:0 0 20px currentColor;transform:scale(1.15)}.lifecycle-timeline-icon{-webkit-font-smoothing:antialiased;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));font-size:16px;line-height:1;text-rendering:optimizeLegibility;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.lifecycle-timeline-dot:hover .lifecycle-timeline-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transform:scale(1.2) rotate(8deg)}.lifecycle-timeline-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#60a5fa1a,#3f3f464d);background:linear-gradient(135deg,rgba(var(--event-color-rgb,96,165,250),.1) 0,#3f3f464d 100%);border:1px solid color-mix(in srgb,#60a5fa 40%,#0000);border:1px solid color-mix(in srgb,var(--event-color,#60a5fa) 40%,#0000);border-radius:12px;flex:1 1;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.lifecycle-timeline-content:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.lifecycle-timeline-item:hover .lifecycle-timeline-content{border-color:#3f3f4699;box-shadow:0 8px 24px #0003,0 0 0 1px #3f3f4633;transform:translateX(4px)}.lifecycle-timeline-item:hover .lifecycle-timeline-content:before{opacity:.6}.lifecycle-timeline-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px}.lifecycle-timeline-header-left{align-items:center;display:flex;gap:8px}.lifecycle-timeline-title-text{color:#fafafa;color:var(--event-color,#fafafa);font-size:15px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px #0003}.lifecycle-timeline-date{background:#3f3f4666;border:1px solid #3f3f464d;border-radius:6px;color:#a1a1aa;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.lifecycle-timeline-platform-badge{background-color:color-mix(in srgb,#60a5fa 20%,#0000);background-color:color-mix(in srgb,var(--event-color,#60a5fa) 20%,#0000);border-radius:4px;color:#60a5fa;color:var(--event-color,#60a5fa);font-size:11px;font-weight:600;padding:2px 6px}.lifecycle-timeline-description{color:#d4d4d8;font-size:14px;letter-spacing:.2px;line-height:1.5;margin-top:6px}.lifecycle-timeline-metadata{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.lifecycle-timeline-tag-dynamic{background-color:color-mix(in srgb,#60a5fa 20%,#0000);background-color:color-mix(in srgb,var(--event-color,#60a5fa) 20%,#0000);border:1px solid color-mix(in srgb,#60a5fa 40%,#0000);border:1px solid color-mix(in srgb,var(--event-color,#60a5fa) 40%,#0000);color:#60a5fa;color:var(--event-color,#60a5fa)}.lifecycle-timeline-tag{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#27272acc;border:1px solid #3f3f4666;border-radius:8px;color:#d4d4d8;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;position:relative;transition:all .2s ease}.lifecycle-timeline-tag-status-success{background-color:#4ade8033;border:1px solid #4ade8066;color:#4ade80;font-weight:600}.lifecycle-timeline-tag-status-error{background-color:#ef444433;border:1px solid #ef444466;color:#f87171;font-weight:600}.lifecycle-timeline-tag:before{background:linear-gradient(135deg,currentColor,#0000);border-radius:8px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .2s ease}.lifecycle-timeline-tag:hover{border-color:#3f3f4699;box-shadow:0 6px 12px #0003;transform:translateY(-2px) scale(1.02)}.lifecycle-timeline-tag:hover:before{opacity:.3}.lifecycle-timeline-tag{font-size:13px;line-height:1.5}.lifecycle-timeline-empty{background:#27272a4d;border:2px dashed #3f3f4666;border-radius:12px;color:#a1a1aa;padding:60px 24px;text-align:center}.lifecycle-timeline-empty:before{content:"📭";display:block;font-size:48px;margin-bottom:16px;opacity:.6}.lifecycle-timeline-empty p{color:#71717a;font-size:15px;margin:0}.lifecycle-timeline{max-height:calc(90vh - 200px);overflow-y:auto;scrollbar-color:#6366f14d #27272a4d;scrollbar-width:thin}.lifecycle-timeline::-webkit-scrollbar{width:8px}.lifecycle-timeline::-webkit-scrollbar-track{background:#27272a4d;border-radius:4px}.lifecycle-timeline::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.lifecycle-timeline::-webkit-scrollbar-thumb:hover{background:#6366f199}@media (max-width:768px){.lifecycle-timeline{padding:20px}.lifecycle-timeline-container{padding-left:32px}.lifecycle-timeline-container:before{left:15px}.lifecycle-timeline-dot{height:32px;left:-19px;width:32px}.lifecycle-timeline-icon{font-size:16px}.lifecycle-timeline-content{padding:14px 16px}.lifecycle-timeline-header{align-items:flex-start;flex-direction:column;gap:8px}.lifecycle-timeline-date{align-self:flex-start}}.dossier-modal-loading{color:#a1a1aa;padding:40px;text-align:center}.user-detail-container{background-color:#0a0a0a;color:#fafafa;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;position:relative}.user-detail-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;padding:16px 0;position:relative;z-index:10}.back-button{align-items:center;background:#27272acc;border:1px solid #3f3f4666;border-radius:8px;color:#d4d4d8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.back-button:hover{background:#3f3f4699;border-color:#3f3f46b3;color:#fafafa;transform:translateX(-2px)}.back-button svg{height:16px;width:16px}.user-detail-title{color:#fafafa;font-size:24px;font-weight:600;line-height:1.3;margin:0}.profile-card{animation:fade-in .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a80;border:1px solid #3f3f464d;border-radius:12px;margin-bottom:24px;padding:24px;position:relative;transition:all .3s ease;z-index:10}.profile-card:hover{border-color:#3f3f4680;box-shadow:0 4px 12px #0000001a}.profile-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.profile-row:last-child{margin-bottom:0}.profile-item{display:flex;flex-direction:column;gap:6px}.profile-label{color:#a1a1aa;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-value{color:#fafafa;font-size:15px;font-weight:500;line-height:1.4}.profile-flags{border-top:1px solid #3f3f464d;display:flex;gap:12px;margin-top:16px;padding-top:16px}.flag-badge{border-radius:6px;font-size:12px;font-weight:500;padding:6px 12px}.flag-active{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.flag-inactive{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.time-range-selector{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;position:relative;z-index:10}.time-range-selector label{color:#a1a1aa;font-size:13px;font-weight:500;white-space:nowrap}.time-range-select{background:#27272acc;border:1px solid #3f3f4666;border-radius:8px;color:#fafafa;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px;transition:all .2s}.time-range-select:hover{background:#27272ae6;border-color:#3f3f4699}.time-range-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.custom-date-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.date-input{background:#27272acc;border:1px solid #3f3f4666;border-radius:8px;color:#fafafa;font-size:14px;padding:10px 12px;transition:all .2s}.date-input:hover{border-color:#3f3f4699}.date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;position:relative;z-index:10}.summary-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a99;border:1px solid #3f3f464d;border-radius:12px;padding:20px;text-align:center}.summary-value{color:#6366f1;font-size:32px;font-weight:700;margin-bottom:8px}.summary-label{color:#a1a1aa;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.detail-tabs{border-bottom:1px solid #3f3f464d;display:flex;gap:8px;margin-bottom:24px;position:relative;z-index:10}.detail-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#a1a1aa;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.detail-tab:hover{color:#fafafa}.detail-tab.active{border-bottom-color:#6366f1;color:#6366f1}.tab-content{animation:fade-in .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272a80;border:1px solid #3f3f464d;border-radius:12px;min-height:400px;padding:24px;position:relative;z-index:10}.overview-content{display:flex;flex-direction:column;gap:24px}.overview-section h3{color:#fafafa;font-size:18px;font-weight:600;margin-bottom:16px}.breakdown-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.breakdown-item{background:#3f3f464d;border-radius:8px;padding:16px;text-align:center}.breakdown-value{color:#6366f1;display:block;font-size:24px;font-weight:700;margin-bottom:4px}.breakdown-label{color:#a1a1aa;font-size:12px;text-transform:uppercase}.messages-content,.queries-content,.tasks-content,.tools-content{display:flex;flex-direction:column;gap:24px}.messages-summary,.queries-summary{display:flex;flex-wrap:wrap;gap:24px}.summary-stat{align-items:center;background:#3f3f464d;border-radius:8px;display:flex;flex-direction:column;min-width:100px;padding:16px}.stat-value{color:#6366f1;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#a1a1aa;font-size:12px;text-transform:uppercase}.messages-list,.queries-list,.tasks-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.message-item,.query-item,.task-item{background:#27272a99;border:1px solid #3f3f464d;border-radius:8px;padding:16px;transition:all .2s}.message-item:hover,.query-item:hover,.task-item:hover{background:#27272acc;border-color:#3f3f4680;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.message-item{align-items:center;display:flex;gap:16px}.message-type{background:#6366f133;border-radius:6px;color:#818cf8;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.message-info{align-items:center;display:flex;flex:1 1;gap:12px}.message-direction{background:#a855f733;border-radius:4px;color:#a78bfa;font-size:11px;padding:4px 8px}.message-platform{color:#a1a1aa;font-size:12px}.message-time{color:#71717a;font-size:12px;margin-left:auto}.tasks-summary,.tools-summary{background:#27272a99;border:1px solid #3f3f464d;border-radius:8px;margin-bottom:20px;padding:16px 20px}.tasks-total,.tools-total{color:#fafafa;font-size:15px;font-weight:600;letter-spacing:.3px}.tasks-list,.tools-list{display:flex;flex-direction:column;gap:12px}.tool-item{background:#27272a99;border:1px solid #3f3f464d;border-radius:8px;padding:16px;transition:all .2s}.tool-item:hover{background:#27272acc;border-color:#3f3f4680;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.tool-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tool-name{color:#fafafa;font-size:16px;font-weight:600}.tool-status{border-radius:6px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.tool-status.active{background:#22c55e33;color:#4ade80}.tool-permissions{display:flex;flex-direction:column;gap:8px}.permissions-label{color:#a1a1aa;font-size:12px;text-transform:uppercase}.permissions-list{display:flex;flex-wrap:wrap;gap:8px}.permission-tag{background:#6366f133;border-radius:4px;color:#818cf8;font-size:11px;padding:4px 8px}.task-name{color:#fafafa;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.task-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.task-status{border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.task-status.enabled{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.task-status.disabled{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.task-description{color:#d4d4d8;font-size:14px;line-height:1.6;margin-bottom:12px}.task-summary{color:#a1a1aa;font-size:13px;font-style:italic;line-height:1.5;margin-bottom:12px}.task-dates{color:#71717a;display:flex;flex-wrap:wrap;font-size:12px;gap:20px}.task-dates strong{color:#a1a1aa;font-weight:600;margin-right:4px}.query-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.query-type{border-radius:6px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.query-type.mail{background:#3b82f633;color:#60a5fa}.query-type.calendar{background:#a855f733;color:#a78bfa}.query-type.internet{background:#22c55e33;color:#4ade80}.query-time{color:#71717a;font-size:12px}.query-text{color:#fafafa;font-size:14px;line-height:1.5;margin-bottom:8px}.query-response{background:#3f3f464d;border-left:3px solid #6366f180;border-radius:6px;color:#a1a1aa;font-size:13px;padding:12px}.empty-state{padding:48px}.loading-container{align-items:center;color:#a1a1aa;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-container{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:16px;font-weight:500;padding:16px 24px}.user-detail-container .background-orbs,.user-detail-container .grid-background{inset:0;pointer-events:none;position:fixed;z-index:1}.user-detail-container .orb-1,.user-detail-container .orb-2,.user-detail-container .orb-3{border-radius:50%;filter:blur(60px);position:absolute}.user-detail-container .orb-1{animation:float-slow 10s ease-in-out infinite;background:#6366f10d;height:300px;left:10%;top:10%;width:300px}.user-detail-container .orb-2{animation:float-slower 14s ease-in-out infinite;background:#a855f70d;height:250px;right:10%;top:60%;width:250px}.user-detail-container .orb-3{animation:float-fast 8s ease-in-out infinite;background:#22c55e14;bottom:20%;filter:blur(50px);height:200px;left:40%;width:200px}.user-detail-container .grid-background{animation:drift 25s linear infinite;background-image:radial-gradient(circle at 2px 2px,#6366f1 1px,#0000 0);background-size:60px 60px;opacity:.02}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes float-slower{0%,to{transform:translate(0)}50%{transform:translate(-15px,15px)}}@keyframes float-fast{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@media (max-width:1024px){.user-detail-container{padding:16px}.profile-row{gap:16px;grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.user-detail-header{align-items:flex-start;flex-direction:column;gap:12px}.user-detail-title{font-size:20px}.profile-card{padding:20px}.time-range-selector{align-items:flex-start;flex-direction:column}.custom-date-inputs{width:100%}.date-input{flex:1 1;min-width:140px}.summary-cards{grid-template-columns:1fr}.tab-content{padding:16px}.task-dates{flex-direction:column;gap:8px}.task-header{align-items:flex-start;flex-direction:column}}.messages-list::-webkit-scrollbar,.tasks-list::-webkit-scrollbar,.tools-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track,.tasks-list::-webkit-scrollbar-track,.tools-list::-webkit-scrollbar-track{background:#27272a4d;border-radius:4px}.messages-list::-webkit-scrollbar-thumb,.tasks-list::-webkit-scrollbar-thumb,.tools-list::-webkit-scrollbar-thumb{background:#3f3f4680;border-radius:4px}.messages-list::-webkit-scrollbar-thumb:hover,.tasks-list::-webkit-scrollbar-thumb:hover,.tools-list::-webkit-scrollbar-thumb:hover{background:#3f3f46b3}.back-button:focus,.date-input:focus,.time-range-select:focus{outline:2px solid #6366f1;outline-offset:2px}.message-item,.profile-card,.query-item,.tab-content,.task-item,.tool-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.messages-chart{border:1px solid #3f3f464d!important;outline:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.messages-chart:active,.messages-chart:focus,.messages-chart:focus-visible{border:1px solid #3f3f464d!important;box-shadow:none!important;outline:none!important}.messages-chart:hover{border-color:#3f3f4680;box-shadow:0 4px 12px #0000001a}.messages-chart svg,.messages-chart svg:active,.messages-chart svg:focus{border:none!important;outline:none!important}.messages-chart *{transition:opacity .2s ease,transform .2s ease}.messages-chart .recharts-wrapper,.messages-chart .recharts-wrapper:active,.messages-chart .recharts-wrapper:focus{border:none!important;outline:none!important}.messages-chart .recharts-dot{transition:r .2s ease,opacity .2s ease}.messages-chart .recharts-dot:hover{opacity:.8}.empty-state{background:#27272a4d;border:1px dashed #3f3f464d;border-radius:8px;color:#71717a;font-size:14px;padding:60px 24px;text-align:center}.execution-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.execution-modal-content{background-color:#1a1a1a;border:1px solid #3f3f4680;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.execution-modal-header{align-items:center;background:linear-gradient(135deg,#a78bfa1a,#60a5fa1a);border-bottom:1px solid #3f3f464d;display:flex;justify-content:space-between;padding:24px}.execution-modal-header-left{align-items:center;display:flex;gap:12px}.execution-modal-icon{font-size:32px}.execution-modal-title{color:#fafafa;font-size:24px;font-weight:700;margin:0}.execution-modal-close-button{align-items:center;background-color:#3f3f4680;border:1px solid #71717a4d;border-radius:8px;color:#fafafa;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.execution-modal-close-button:hover{background-color:#ef444433;border-color:#ef444480}.execution-modal-body{flex:1 1;overflow-y:auto;padding:24px}.execution-modal-loading{color:#a1a1aa;padding:40px;text-align:center}.execution-modal-error{color:#ef4444;padding:40px;text-align:center}.execution-modal-error-title{font-size:18px;font-weight:600;margin-bottom:8px}.execution-section{background-color:#0a0a0a;border:1px solid #3f3f4680;border-radius:12px;margin-bottom:24px;padding:20px}.execution-section:last-child{margin-bottom:0}.execution-section-title{color:#fafafa;font-size:18px;font-weight:600;margin:0 0 16px}.execution-section-grid-2{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:repeat(2,1fr)}.execution-section-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.execution-section-label{color:#a1a1aa}.execution-section-value{color:#fafafa;margin-left:8px}.execution-section-value-success{color:#10b981;margin-left:8px}.execution-section-description{color:#a1a1aa;font-size:14px;margin-top:12px}.execution-stat-label{color:#a1a1aa;font-size:12px;margin-bottom:4px}.execution-stat-value{color:#fafafa;font-size:24px;font-weight:700}.execution-stat-value-success{color:#10b981;font-size:24px;font-weight:700}.execution-stat-value-error{color:#ef4444;font-size:24px;font-weight:700}.execution-stat-value-info{color:#60a5fa;font-size:20px;font-weight:600}.execution-stat-value-small{color:#fafafa;font-size:14px;font-weight:500}.execution-timeline-container{padding-left:24px;position:relative}.execution-timeline-line{background-color:#3f3f4680;bottom:0;left:11px;position:absolute;top:0;width:2px}.execution-timeline-item{margin-bottom:20px;padding-left:32px;position:relative}.execution-timeline-dot{align-items:center;border:3px solid #1a1a1a;border-radius:50%;display:flex;height:24px;justify-content:center;left:-13px;position:absolute;top:4px;width:24px;z-index:1}.execution-timeline-dot-success{background-color:#10b981}.execution-timeline-dot-failed{background-color:#ef4444}.execution-timeline-event{background-color:#3f3f4633;border-radius:8px;padding:12px 16px}.execution-timeline-event-success{border:1px solid #10b9814d}.execution-timeline-event-failed{border:1px solid #ef44444d}.execution-timeline-event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.execution-timeline-event-date{color:#fafafa;font-size:14px;font-weight:600}.execution-timeline-event-status{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.execution-timeline-event-status-success{background-color:#10b98133;border:1px solid #10b9814d;color:#10b981}.execution-timeline-event-status-failed{background-color:#ef444433;border:1px solid #ef44444d;color:#ef4444}.execution-timeline-event-details{color:#a1a1aa;display:flex;font-size:12px;gap:16px}.execution-timeline-event-error{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;font-size:12px;margin-top:8px;padding:8px}.execution-timeline-empty{color:#71717a;padding:40px;text-align:center}.execution-timeline-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.tasks-list-container{background-color:#0a0a0a;color:#fafafa;min-height:100vh;position:relative}.tasks-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative;z-index:10}.tasks-list-header-left{align-items:center;display:flex;gap:16px}.tasks-list-title{color:#fafafa;font-size:24px;font-weight:600;margin:0}.tasks-list-loading{color:#a1a1aa;padding:80px}.tasks-list-error,.tasks-list-loading{position:relative;text-align:center;z-index:10}.tasks-list-error{color:#ef4444;padding:40px}.tasks-list-error-title{font-size:18px;font-weight:600;margin-bottom:8px}.tasks-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px;position:relative;z-index:10}.tasks-stat-card{border-radius:16px;cursor:default;display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .3s}.tasks-stat-card-blue{background:linear-gradient(135deg,#60a5fa26,#a78bfa26);border:1px solid #60a5fa4d;box-shadow:0 4px 20px #60a5fa1a}.tasks-stat-card-blue:hover{box-shadow:0 8px 30px #60a5fa33;transform:translateY(-4px)}.tasks-stat-card-green{background:linear-gradient(135deg,#10b98126,#22c55e26);border:1px solid #10b9814d;box-shadow:0 4px 20px #10b9811a}.tasks-stat-card-green:hover{box-shadow:0 8px 30px #10b98133;transform:translateY(-4px)}.tasks-stat-card-gray{background:linear-gradient(135deg,#71717a26,#a1a1aa26);border:1px solid #71717a4d;box-shadow:0 4px 20px #71717a1a}.tasks-stat-card-gray:hover{box-shadow:0 8px 30px #71717a33;transform:translateY(-4px)}.tasks-stat-label{align-items:center;color:#a1a1aa;display:flex;font-size:14px;font-weight:500;gap:8px}.tasks-stat-value{font-size:40px;font-weight:700;line-height:1}.tasks-stat-value-blue{color:#60a5fa}.tasks-stat-value-green{color:#10b981}.tasks-stat-value-gray{color:#71717a}.tasks-empty-state{align-items:center;background:linear-gradient(135deg,#3f3f461a,#27272a1a);border:1px dashed #71717a4d;border-radius:20px;color:#71717a;display:flex;flex-direction:column;justify-content:center;padding:100px 24px;position:relative;text-align:center;z-index:10}.tasks-empty-icon{filter:grayscale(.3);font-size:80px;margin-bottom:20px;opacity:.6}.tasks-empty-title{color:#a1a1aa;font-size:22px;font-weight:600;margin-bottom:10px}.tasks-empty-description{color:#71717a;font-size:15px;max-width:400px}.tasks-list{display:flex;flex-direction:column;gap:16px;position:relative;z-index:10}.tasks-task-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1acc,#27272acc);border:1px solid #3f3f4699;border-radius:16px;box-shadow:0 2px 10px #0003;cursor:default;display:flex;justify-content:space-between;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tasks-task-card:hover{background:linear-gradient(135deg,#1a1a1af2,#27272af2);border-color:#a78bfa99;box-shadow:0 8px 30px #a78bfa26;transform:translateY(-4px)}.tasks-task-content{flex:1 1;min-width:0}.tasks-task-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.tasks-task-name{color:#fafafa;font-size:20px;font-weight:700;line-height:1.3;margin:0}.tasks-task-badge{border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.tasks-task-badge-active{background-color:#10b98133;border:1px solid #10b98166;color:#10b981}.tasks-task-badge-inactive{background-color:#71717a33;border:1px solid #71717a66;color:#71717a}.tasks-task-badge-status{background-color:#60a5fa33;border:1px solid #60a5fa66;color:#60a5fa;text-transform:capitalize}.tasks-task-description{color:#d4d4d8;font-size:15px;font-weight:400;line-height:1.6;margin:0 0 14px}.tasks-task-meta{color:#71717a;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.tasks-task-meta-item{align-items:center;display:flex;gap:6px}.tasks-task-meta-icon{opacity:.6}.tasks-task-meta-text,.tasks-task-meta-text strong{color:#a1a1aa}.tasks-task-action-button{align-items:center;background:linear-gradient(135deg,#a78bfa33,#8b5cf633);border:1px solid #a78bfa80;border-radius:10px;box-shadow:0 2px 10px #a78bfa1a;color:#c4b5fd;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:20px;padding:12px 20px;transition:all .3s;white-space:nowrap}.tasks-task-action-button:hover{background:linear-gradient(135deg,#a78bfa4d,#8b5cf64d);border-color:#a78bfab3;box-shadow:0 4px 20px #a78bfa40;color:#e9d5ff;transform:translateY(-2px)}.conversation-evaluation-page{background-color:#0a0a0a;color:#fafafa;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;position:relative}.conversation-evaluation-header{justify-content:space-between;margin-bottom:32px;padding:16px 0;position:relative;z-index:10}.conversation-evaluation-header,.conversation-evaluation-header-left{align-items:center;display:flex;gap:16px}.conversation-evaluation-title{color:#fafafa;font-size:24px;font-weight:600;line-height:1.3;margin:0}*{box-sizing:border-box;margin:0;padding:0}.App{font-family:Inter,sans-serif;min-height:100vh}.App,.app-loading{background-color:#0a0a0a;color:#fafafa}.app-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #6366f14d;border-radius:50%;border-top-color:#6366f1;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.50579ee2.css.map*/