:root{--bg-root: #0a0a0a;--bg-main: #0a0a0a;--bg-surface: #111111;--bg-card: #171717;--bg-card-hover: #1f1f1f;--bg-elevated: #262626;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #0a0a0a;--accent-primary: #2563eb;--accent-primary-hover: #3b82f6;--accent-glow: rgba(37, 99, 235, .15);--border-default: #262626;--border-subtle: #1f1f1f;--border-focus: #2563eb;--status-success: #22c55e;--status-warning: #eab308;--status-error: #ef4444;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:var(--bg-root);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.01em}button{cursor:pointer;font-family:inherit;transition:all .15s ease}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-primary-hover)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;padding:1.5rem 2rem 3rem;max-width:100%;width:calc(100% - 260px)}@media(max-width:1024px){.main-content{margin-left:0;width:100%;padding:1rem}}.sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:1.25rem .75rem;position:fixed;height:100vh;z-index:100;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin-bottom:1.5rem}.brand-icon{width:28px;height:28px;background:var(--text-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:var(--text-inverse)}.brand-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.sidebar-section-label{padding:1rem .75rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.125rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;width:100%;transition:all .15s ease}.nav-item:hover,.nav-item.active{background:var(--bg-card);color:var(--text-primary)}.nav-item .nav-icon{display:flex;align-items:center;color:inherit}.active-indicator{margin-left:auto;color:var(--text-muted)}.sidebar-footer{margin-top:auto;padding:.75rem;border-top:1px solid var(--border-subtle)}.system-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--status-success);font-weight:500}.system-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--status-success)}.user-profile{display:flex;align-items:center;gap:.75rem}.admin-badge{background:var(--bg-card);padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.03em}.logout-button{background:transparent;border:1px solid var(--border-default);color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius-sm)}.logout-button:hover{background:#ef44441a;border-color:var(--status-error);color:var(--status-error)}.view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.header-title h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.header-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.view-actions{display:flex;gap:.5rem;align-items:center}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .15s ease}.dashboard-card:hover{border-color:var(--border-default)}.card-title{font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:0}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.kpi-card-premium{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start}.kpi-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-secondary)}.kpi-trend-pill{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600}.kpi-trend-pill.positive{background:#22c55e1a;color:var(--status-success)}.kpi-trend-pill.negative{background:#ef44441a;color:var(--status-error)}.kpi-content{display:flex;flex-direction:column}.kpi-title{font-size:.8125rem;color:var(--text-muted);font-weight:500;margin-bottom:.125rem}.kpi-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.kpi-subtitle{font-size:.6875rem;color:var(--text-muted);margin-top:.125rem}.kpi-gloss-effect{display:none}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.15}}.skeleton-card{background:var(--bg-card);min-height:120px;display:flex;flex-direction:column;gap:.75rem}.skeleton-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-elevated)}.skeleton-title{width:50%;height:14px;border-radius:var(--radius-sm);background:var(--bg-elevated)}.skeleton-value{width:35%;height:28px;border-radius:var(--radius-sm);background:var(--bg-elevated)}.skeleton-row{height:44px;border-radius:var(--radius-md);background:var(--bg-elevated);margin-top:.5rem}.chart-widget h3{font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:1rem;text-transform:none;letter-spacing:normal}.chart-container{width:100%}.chart-skeleton{display:flex;align-items:center;justify-content:center;height:280px;color:var(--text-muted);font-size:.875rem}.table-card,.table-card-premium{padding:0;overflow:hidden}.data-table-premium{width:100%;border-collapse:collapse}.data-table-premium th{text-align:left;padding:.75rem 1.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.data-table-premium td{padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-secondary)}.data-table-premium tbody tr{transition:background .1s ease}.data-table-premium tbody tr:hover{background:var(--bg-surface)}.data-table-premium tbody tr:last-child td{border-bottom:none}.table-row-hover{cursor:pointer}.identity-cell{display:flex;align-items:center;gap:.75rem}.avatar-mini{width:28px;height:28px;background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.identity-info{display:flex;flex-direction:column}.identity-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.identity-id{font-size:.75rem;color:var(--text-muted)}.engagement-pill{display:flex;flex-direction:column}.engagement-pill .count{font-weight:500;font-size:.875rem;color:var(--text-primary)}.engagement-pill .sub{font-size:.75rem;color:var(--text-muted)}.text-right{text-align:right}.text-truncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timestamp{font-size:.8125rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.badge{background:var(--bg-elevated);color:var(--text-secondary);padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--border-default)}.badge-outline{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--text-muted)}.pagination-premium{padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle)}.pagination-info{font-size:.8125rem;color:var(--text-muted)}.pagination-info .highlight{color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-btn{padding:.375rem .75rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;font-weight:500}.page-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem}.active-page{background:var(--text-primary);color:var(--text-inverse);padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.pagination-mini{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.page-indicator{font-variant-numeric:tabular-nums}.icon-btn-sm{background:var(--bg-elevated);border:1px solid var(--border-default);width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.75rem}.icon-btn-sm:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.icon-btn-sm:disabled{opacity:.3;cursor:not-allowed}.search-bar-premium{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-default);padding:.5rem .75rem;border-radius:var(--radius-md);color:var(--text-muted);transition:border-color .15s ease}.search-bar-premium:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow)}.search-bar-premium input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.8125rem;width:200px;font-family:inherit}.search-bar-premium input::placeholder{color:var(--text-muted)}.primary-button{background:var(--text-primary);color:var(--text-inverse);border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.8125rem}.primary-button:hover{opacity:.9}.icon-button-premium{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500}.icon-button-premium:hover{background:var(--bg-elevated);color:var(--text-primary)}.grid-2-col{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}@media(max-width:900px){.grid-2-col{grid-template-columns:1fr}}.section-spacing{margin-top:1.5rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-root)}.login-card{width:100%;max-width:380px;text-align:center}.login-card h1{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.login-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.5rem;margin-bottom:1.5rem}.login-form{text-align:left}.input-group{margin-bottom:1rem}.input-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.75rem;color:var(--text-muted)}.input-with-icon input{width:100%;padding:.625rem .75rem .625rem 2.5rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all .15s ease}.input-with-icon input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow)}.input-with-icon input::placeholder{color:var(--text-muted)}.login-button{width:100%;padding:.625rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--status-error);font-size:.8125rem;background:#ef444414;padding:.625rem .75rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid rgba(239,68,68,.15)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-users-premium .card-title{font-size:.8125rem}.user-list-modern{display:flex;flex-direction:column;gap:.25rem}.user-row-modern{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;transition:all .15s ease}.user-row-modern:hover{background:var(--bg-surface);border-color:var(--border-subtle)}.rank-badge{font-size:.6875rem;font-weight:600;color:var(--text-muted);width:16px;text-align:center;font-variant-numeric:tabular-nums}.user-avatar-premium{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.user-avatar-premium img{width:100%;height:100%;object-fit:cover}.user-info-modern{flex:1;min-width:0}.user-name-modern{display:block;font-weight:500;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-stats-pill{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--text-muted);margin-top:.0625rem}.user-stats-pill .dot{color:var(--text-muted)}.platform-tag{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .375rem;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-default)}.hover-reveal{margin-left:auto;opacity:0;transition:opacity .15s ease}.user-row-modern:hover .hover-reveal{opacity:1}.last-active-text{font-size:.6875rem;color:var(--text-muted)}.anomaly-stream{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}.anomaly-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);background:var(--bg-surface);border-left:2px solid transparent}.anomaly-item.spike{border-left-color:var(--status-success)}.anomaly-item.drop{border-left-color:var(--status-error)}.anomaly-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spike .anomaly-icon{color:var(--status-success);background:#22c55e1a}.drop .anomaly-icon{color:var(--status-error);background:#ef44441a}.anomaly-details{flex:1;display:flex;flex-direction:column}.anomaly-date{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.02em}.anomaly-desc{font-size:.8125rem;color:var(--text-secondary)}.anomaly-value{font-weight:600;font-size:.9375rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.anomaly-count{font-size:.6875rem;font-weight:600;background:var(--bg-elevated);padding:.125rem .375rem;border-radius:var(--radius-sm);color:var(--text-muted)}.anomaly-count.alert{background:#ef44441a;color:var(--status-error)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem}.status-card{margin-top:1rem}.card-title-sm{font-size:.6875rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;letter-spacing:.05em;font-weight:600}.status-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--status-success)}.status-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.session-feed{display:flex;flex-direction:column;gap:.375rem}.session-item-premium{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:transparent;border-radius:var(--radius-md);border:1px solid transparent;transition:all .15s ease;cursor:pointer}.session-item-premium:hover{background:var(--bg-surface);border-color:var(--border-subtle)}.session-icon-box{width:32px;height:32px;background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.session-info-main{flex:1;min-width:0}.session-top{display:flex;align-items:center;gap:.5rem}.session-user{font-weight:500;font-size:.875rem;color:var(--text-primary)}.session-time{font-size:.6875rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.session-stats-bar{display:flex;gap:.375rem;font-size:.6875rem;color:var(--text-muted);margin-top:.125rem}.tag-os{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-default)}.funnel-container{max-width:720px}.funnel-visualization-premium{display:flex;flex-direction:column;gap:0}.funnel-step-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.step-rank{width:28px;height:28px;background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.step-main-info{flex:1}.step-event-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0}.step-metrics-row{display:flex;gap:.75rem;margin-top:.25rem}.step-metric-badge{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.step-metric-secondary{font-size:.6875rem;color:var(--text-muted)}.step-graph-container{display:flex;align-items:center;gap:.75rem;width:200px;flex-shrink:0}.step-progress-wrapper{flex:1;height:6px;background:var(--bg-elevated);border-radius:999px;overflow:hidden}.step-progress-fill{height:100%;background:var(--accent-primary);border-radius:999px;transition:width .6s ease}.step-rate-text{font-size:.8125rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.funnel-bridge{display:flex;align-items:center;gap:.5rem;padding:.375rem 0 .375rem 2rem}.bridge-line{flex:1;height:1px;background:var(--border-subtle)}.drop-indicator{display:flex;flex-direction:column;align-items:center;gap:0}.drop-value{font-size:.6875rem;font-weight:600;color:var(--status-error)}.drop-label{font-size:.5625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:.875rem;font-weight:500;color:var(--text-muted)}.loading-state-table{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:3rem;color:var(--text-muted);font-size:.875rem}.mt-6{margin-top:1.5rem}.p-6{padding:1.25rem}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.detail-page{max-width:1280px;margin:0 auto}.detail-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8125rem;font-weight:500;margin-bottom:1.25rem;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.detail-back-link:hover{color:var(--text-primary)}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.detail-avatar{width:48px;height:48px;background:var(--bg-elevated);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.detail-header-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.detail-header-meta{display:flex;gap:1rem;margin-top:.25rem;flex-wrap:wrap}.detail-meta-item{font-size:.8125rem;color:var(--text-muted)}.detail-meta-item strong{color:var(--text-secondary);font-weight:500}.tabs-container{border-bottom:1px solid var(--border-subtle);margin-bottom:1.5rem}.tabs-list{display:flex;gap:0;list-style:none}.tab-item{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.session-detail-card{margin-bottom:.75rem;cursor:pointer}.session-detail-card.expanded{border-color:var(--border-default)}.session-summary-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.session-meta-group{display:flex;gap:1.5rem;flex-wrap:wrap}.session-meta-item{display:flex;flex-direction:column}.session-meta-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.session-meta-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.session-expand-icon{margin-left:auto;color:var(--text-muted);transition:transform .2s ease}.session-expand-icon.open{transform:rotate(180deg)}.event-timeline{padding:.75rem 0 0 1rem;border-top:1px solid var(--border-subtle);margin-top:.75rem}.timeline-item{display:flex;gap:.75rem;padding:.5rem 0;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:4px;top:1.75rem;bottom:0;width:1px;background:var(--border-subtle)}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--text-muted);flex-shrink:0;margin-top:.375rem}.timeline-content{flex:1;min-width:0}.timeline-event-type{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.timeline-event-value{font-size:.75rem;color:var(--text-muted);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-event-time{font-size:.6875rem;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-top:.375rem}.accent-text{color:var(--text-primary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.kpi-grid{grid-template-columns:1fr 1fr}.view-header{flex-direction:column;align-items:flex-start}.search-bar-premium input{width:140px}.step-graph-container{width:120px}}.scrollable-panel{max-height:520px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}.scrollable-panel::-webkit-scrollbar{width:6px}.scrollable-panel::-webkit-scrollbar-track{background:transparent}.scrollable-panel::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}.scrollable-panel::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.scrollable-list{max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}.scrollable-list::-webkit-scrollbar{width:5px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.scrollable-list::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}.scrollable-list::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.sessions-list-card{display:flex;flex-direction:column;max-height:600px}.sessions-list-card .card-header-flex{flex-shrink:0}.sessions-list-card .session-feed{flex:1;min-height:0}.sessions-scroll-container{max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent;padding-right:.25rem}.sessions-scroll-container::-webkit-scrollbar{width:6px}.sessions-scroll-container::-webkit-scrollbar-track{background:transparent}.sessions-scroll-container::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}.sessions-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.user-row-clickable{cursor:pointer}.user-row-clickable:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.user-row-clickable:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.user-row-selected{background:var(--accent-glow);border-color:var(--accent-primary)}.user-row-selected:hover{background:var(--accent-glow);border-color:var(--accent-primary-hover)}.row-chevron{color:var(--text-muted);opacity:0;transition:opacity .15s ease;flex-shrink:0}.user-row-clickable:hover .row-chevron,.user-row-clickable:focus-visible .row-chevron{opacity:1}.session-item-expandable{border-radius:var(--radius-md);border:1px solid transparent;transition:all .15s ease}.session-item-expandable.expanded{background:var(--bg-surface);border-color:var(--border-default);border-radius:var(--radius-lg);margin-bottom:.25rem}.session-item-expandable .session-item-premium{border:none;background:transparent}.session-expand-chevron{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0;margin-left:auto}.session-expand-chevron.open{transform:rotate(180deg)}.session-events-panel{padding:0 .625rem .625rem 3rem;border-top:1px solid var(--border-subtle);margin-top:0}.session-events-loading{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;color:var(--text-muted);font-size:.8125rem}.events-panel-header{display:flex;align-items:center;gap:1rem;padding:.625rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem}.events-panel-count{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.events-panel-duration{font-size:.75rem;color:var(--text-muted)}.events-timeline-scroll{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent;padding-right:.25rem}.events-timeline-scroll::-webkit-scrollbar{width:4px}.events-timeline-scroll::-webkit-scrollbar-track{background:transparent}.events-timeline-scroll::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}.scroll-sentinel{height:1px;width:100%}.infinite-scroll-loader{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--text-muted);font-size:.8125rem}.scroll-end-marker{text-align:center;padding:.75rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:.25rem}.breakdown-list{display:flex;flex-direction:column}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.breakdown-row:last-child{border-bottom:none}.breakdown-count{font-variant-numeric:tabular-nums;font-weight:500;font-size:.875rem;color:var(--text-primary)}.dashboard-col-scroll{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 280px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}.dashboard-col-scroll::-webkit-scrollbar{width:6px}.dashboard-col-scroll::-webkit-scrollbar-track{background:transparent}.dashboard-col-scroll::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}.dashboard-col-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.anomaly-stream::-webkit-scrollbar{width:5px}.anomaly-stream::-webkit-scrollbar-track{background:transparent}.anomaly-stream::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}.users-table-card{display:flex;flex-direction:column;max-height:calc(100vh - 260px)}.users-table-card .data-table-premium{display:block;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}.users-table-card .data-table-premium thead{position:sticky;top:0;z-index:1}.users-table-card .data-table-premium::-webkit-scrollbar{width:6px}.users-table-card .data-table-premium::-webkit-scrollbar-track{background:transparent}.users-table-card .data-table-premium::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:999px}.users-table-card .pagination-premium{flex-shrink:0}.date-range-picker{position:relative}.date-range-dropdown{position:absolute;top:100%;right:0;margin-top:.375rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:320px;box-shadow:0 4px 12px #0000004d;z-index:50}.dropdown-presets{display:flex;flex-direction:column;gap:0;padding:.5rem 0}.preset-button{padding:.625rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;text-align:left;cursor:pointer;transition:all .15s ease;font-weight:500}.preset-button:hover{background:var(--bg-surface);color:var(--text-primary)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:.5rem 0}.dropdown-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.date-input-group{display:flex;flex-direction:column;gap:.375rem}.date-input-group label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.date-input{padding:.5rem .625rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:border-color .15s ease}.date-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow)}.dropdown-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border-subtle)}.action-button{flex:1;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-default);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;font-family:inherit}.action-button.secondary{background:transparent;color:var(--text-secondary)}.action-button.secondary:hover{background:var(--bg-surface);color:var(--text-primary)}.action-button.primary{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.action-button.primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.filter-select{position:relative;display:flex;flex-direction:column;gap:.375rem}.filter-select-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.filter-select-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.filter-select-button:hover{background:var(--bg-elevated);color:var(--text-primary)}.filter-select-button .text-primary{color:var(--text-primary)}.filter-select-button .text-muted{color:var(--text-muted)}.filter-select-controls{display:flex;align-items:center;gap:.375rem}.filter-select-clear{background:none;border:none;color:var(--text-muted);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.filter-select-clear:hover{color:var(--text-primary)}.filter-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.375rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;z-index:40;max-height:200px;overflow-y:auto}.filter-select-option{width:100%;padding:.625rem .75rem;background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;text-align:left;cursor:pointer;transition:all .15s ease;font-family:inherit}.filter-select-option:hover{background:var(--bg-surface);color:var(--text-primary)}.filter-select-option.selected{background:#2563eb1a;color:var(--accent-primary);font-weight:500}.filter-controls{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.view-container{max-width:1280px;margin:0 auto;width:100%}.dashboard-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}