:root{--bg-color:#0a0908;--card-bg:#22333b;--card-border:#c6ac8f26;--border-color:#c6ac8f26;--text-primary:#eae0d5;--text-secondary:#c6ac8f;--primary:#c6ac8f;--primary-glow:#c6ac8f40;--success:#71a758;--success-glow:#71a75826;--warning:#c9b336;--warning-glow:#c9b33626;--info:#db8324;--info-glow:#db832426;--danger:#ef4444;--danger-glow:#ef444426;--accent:#5e503f;--table-header:#5e503f;--table-hover:#c6ac8f08;--glow-color-1:#c6ac8f14;--glow-color-2:#5e503f14;--input-bg:#0a090899;--input-border:#c6ac8f26;--scrollbar-thumb:#c6ac8f33;--scrollbar-track:#0a090880;--shadow:0 8px 32px 0 #00000073;--font-stack:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body.light-mode{--bg-color:#eae0d5;--card-bg:#fff;--card-border:#22333b1f;--border-color:#22333b1f;--text-primary:#0a0908;--text-secondary:#22333b;--primary:#22333b;--primary-glow:#22333b26;--success:#71a758;--success-glow:#71a7581a;--warning:#c9b336;--warning-glow:#c9b3361a;--info:#db8324;--info-glow:#db83241a;--danger:#dc2626;--danger-glow:#dc26261a;--accent:#5e503f;--table-header:#5e503f26;--table-hover:#22333b08;--glow-color-1:#22333b0d;--glow-color-2:#5e503f0d;--input-bg:#ffffffe6;--input-border:#22333b1f;--scrollbar-thumb:#22333b26;--scrollbar-track:#ffffff80;--shadow:0 8px 32px 0 #22333b0d}*{box-sizing:border-box;margin:0;padding:0}html{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-stack);max-width:100vw;min-height:100vh;transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}.glow-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-bg:before,.glow-bg:after{content:"";filter:blur(120px);opacity:.8;border-radius:50%;width:600px;height:600px;transition:background-color .4s;position:absolute}.glow-bg:before{background-color:var(--glow-color-1);top:-200px;left:-100px}.glow-bg:after{background-color:var(--glow-color-2);bottom:-200px;right:-100px}.container{flex-direction:column;gap:1.25rem;max-width:1600px;margin:0 auto;padding:2rem;display:flex}header{border-bottom:1px solid var(--card-border);z-index:1000;background-color:var(--bg-color);justify-content:space-between;align-items:center;margin-top:-1.5rem;padding-top:1.5rem;padding-bottom:1rem;display:flex;position:sticky;top:-1.5rem}.logo-area{align-items:center;gap:.75rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0003);-webkit-background-clip:text;background-clip:text;font-size:2.25rem}.logo-text h1{letter-spacing:-.5px;font-size:1.75rem;font-weight:800;line-height:1.2}.logo-text p{color:var(--text-secondary);font-size:.85rem;font-weight:500}.header-controls{align-items:center;gap:1rem;display:flex}.date-badge{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);box-shadow:var(--shadow);border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.btn-theme{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;width:2.5rem;height:2.5rem;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:transform .2s,background-color .2s;display:flex}.btn-theme:hover{background-color:var(--primary-glow);transform:scale(1.05)}.tab-bar{border:1px solid var(--card-border);background:#00000026;border-radius:12px;align-self:flex-start;gap:1rem;padding:.25rem;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-stack);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.tab-content{flex-direction:column;gap:1.25rem;animation:.4s fadeIn;display:flex}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow);border-radius:16px;min-width:0;max-width:100%;padding:1.5rem;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:#c6ac8f59}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-header h2{align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.25rem;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .2s,border-color .3s;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}#kpi-total-agents:before,#kpi-judg-actions:before{background-color:var(--primary)}#kpi-most-active:before,#kpi-judg-calls:before{background-color:var(--success)}#kpi-avg-active:before,#kpi-judg-active:before{background-color:var(--warning)}#kpi-total-actions:before,#kpi-judg-breaks:before{background-color:var(--info)}.kpi-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;display:flex}#kpi-total-agents .kpi-icon,#kpi-judg-actions .kpi-icon{background-color:var(--primary-glow);color:var(--primary)}#kpi-most-active .kpi-icon,#kpi-judg-calls .kpi-icon{background-color:var(--success-glow);color:var(--success)}#kpi-avg-active .kpi-icon,#kpi-judg-active .kpi-icon{background-color:var(--warning-glow);color:var(--warning)}#kpi-total-actions .kpi-icon,#kpi-judg-breaks .kpi-icon{background-color:var(--info-glow);color:var(--info)}.kpi-info{flex-direction:column;display:flex}.kpi-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.kpi-value{margin:.1rem 0;font-size:1.5rem;font-weight:800}.kpi-subtext{color:var(--text-secondary);font-size:.75rem;font-weight:500}.timeline-section{position:relative}.timeline-card-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem}.timeline-title-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.timeline-hovered-chip{background:var(--primary-glow);border:1px solid var(--primary);color:var(--primary);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .75rem;font-size:.8rem;font-weight:700;transition:opacity .18s,transform .18s;display:inline-flex;transform:translateY(-4px)}.timeline-hovered-chip.visible{opacity:1;transform:translateY(0)}.timeline-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.timeline-controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem 1rem;display:flex}.timeline-controls label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.timeline-legend{flex-wrap:wrap;gap:1.25rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.legend-color{border-radius:4px;width:1.25rem;height:.75rem}.legend-active{background-color:var(--success);opacity:.85;border:1px solid #0003}.legend-call{background-color:var(--info);opacity:.85;border:1px solid #0003}.timeline-canvas-wrapper{border:1px solid var(--card-border);border-radius:8px;width:100%;display:flex;overflow:hidden}.timeline-names-panel{z-index:2;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;position:relative;overflow:hidden}.timeline-names-panel::-webkit-scrollbar{display:none}.timeline-chart-panel{scrollbar-width:thin;scrollbar-color:#64748b66 transparent;flex:1;overflow:auto hidden}.timeline-chart-panel::-webkit-scrollbar{width:6px;height:6px}.timeline-chart-panel::-webkit-scrollbar-track{background:0 0}.timeline-chart-panel::-webkit-scrollbar-thumb{background:#64748b59;border-radius:3px}.timeline-container-outer{border:1px solid var(--card-border);background:#0000001a;border-radius:8px;width:100%;overflow-x:auto}.timeline-container{min-width:900px;padding:.5rem;position:relative}#timeline-canvas,#judgment-timeline-canvas{cursor:crosshair;width:100%;height:auto;display:block}.timeline-tip{color:var(--text-secondary);align-items:center;gap:.35rem;margin-top:.75rem;font-size:.8rem;display:flex}.dashboard-split{grid-template-columns:1.4fr 1fr;gap:1.5rem;display:grid}@media (max-width:1100px){.dashboard-split,.judgment-grid{grid-template-columns:1fr!important}}.split-header{flex-wrap:wrap;gap:1rem}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);font-size:.85rem;position:absolute;left:.85rem}#search-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:var(--font-stack);border-radius:30px;outline:none;width:220px;padding:.5rem 1rem .5rem 2.25rem;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}#search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.table-container{border:1px solid var(--card-border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}th,td{border-bottom:1px solid var(--card-border);padding:.85rem 1rem}th{background-color:var(--table-header);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:700}th.sortable{cursor:pointer}th.sortable:hover{color:var(--primary)}th i{opacity:.6;margin-left:.25rem;font-size:.75rem}tbody tr{cursor:pointer;transition:background-color .2s}tbody tr:hover{background-color:var(--table-hover)}tbody tr.selected{background-color:var(--primary-glow);border-left:4px solid var(--primary)}tbody tr td:first-child{font-weight:600}.details-empty{text-align:center;height:100%;min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-icon{color:var(--text-secondary);opacity:.15;margin-bottom:1.5rem;font-size:4rem}.details-empty h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.details-empty p{max-width:300px;font-size:.875rem}.details-content{animation:.3s fadeIn}.details-header{border-bottom:1px solid var(--card-border);align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex;position:relative}.agent-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 10px #00000026}.agent-title-info h2{letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.badge{background-color:var(--primary-glow);color:var(--primary);border-radius:30px;margin-top:.25rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.btn-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:color .2s;position:absolute;top:0;right:0}.btn-close:hover{color:var(--danger)}.details-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.mini-stat-box{border:1px solid var(--card-border);background:#00000014;border-radius:12px;flex-direction:column;padding:.75rem 1rem;display:flex}.mini-title{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.mini-value{color:var(--text-primary);margin-top:.25rem;font-size:1.15rem;font-weight:700}.details-section{border-top:1px solid var(--card-border);margin-top:1.5rem;padding-top:1.25rem}.details-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.charts-row{flex-wrap:wrap;justify-content:space-around;gap:1rem;display:flex}.chart-wrapper,.chart-wrapper-large{flex-direction:column;flex:1;align-items:center;gap:.75rem;display:flex}.chart-wrapper{min-width:150px}.chart-wrapper-large{min-width:200px;padding:1rem}.chart-legend{flex-direction:column;gap:.35rem;width:100%;font-size:.75rem;display:flex}.legend-row{justify-content:space-between;align-items:center;display:flex}.legend-label-col{color:var(--text-secondary);align-items:center;gap:.35rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:.5rem;height:.5rem}.legend-value-col{color:var(--text-primary);font-weight:700}.timeline-list-container{border:1px solid var(--card-border);background:#00000014;border-radius:8px;max-height:200px;overflow-y:auto}.timeline-list{padding:.5rem;list-style:none}.timeline-list li{border-left:3px solid var(--warning);background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.65rem .75rem;font-size:.8rem;font-weight:500;display:flex}.timeline-list li:last-child{margin-bottom:0}.break-time{color:var(--text-primary);font-weight:700}.break-duration{background-color:var(--warning-glow);color:var(--warning);border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.judgment-controls{padding:1.25rem 1.5rem}.selector-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.control-group{align-items:center;gap:1rem;display:flex}.control-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.dropdown-select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:var(--font-stack);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:8px;outline:none;padding:.5rem 2rem .5rem 1rem;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.dropdown-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.judgment-agent-badge{background:var(--primary-glow);border:1px solid var(--card-border);color:var(--text-primary);border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.judgment-grid{grid-template-columns:1.4fr 1fr;gap:1.25rem;display:grid}.judgment-left,.judgment-right{flex-direction:column;gap:1.25rem;display:flex}.unified-feed-container{max-height:480px;padding-right:.5rem;overflow-y:auto}.feed-timeline{margin:.5rem 0;padding-left:1.75rem;position:relative}.feed-timeline:before{content:"";background-color:var(--card-border);width:2px;position:absolute;top:5px;bottom:5px;left:7.5px}.feed-item{margin-bottom:1.25rem;animation:.3s fadeIn;position:relative}.feed-item:last-child{margin-bottom:0}.feed-icon{background-color:var(--bg-color);border:2px solid var(--card-border);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.55rem;transition:border-color .2s,background-color .2s;display:flex;position:absolute;top:3px;left:-1.75rem}.feed-item.feed-action-note .feed-icon{border-color:var(--info);color:var(--info)}.feed-item.feed-action-opportunity .feed-icon{border-color:var(--accent);color:var(--accent)}.feed-item.feed-action-contact .feed-icon{border-color:var(--success);color:var(--success)}.feed-item.feed-call-answered .feed-icon{border-color:var(--success);background-color:var(--success-glow);color:var(--success)}.feed-item.feed-call-missed .feed-icon,.feed-item.feed-call-no-answer .feed-icon,.feed-item.feed-call-voicemail .feed-icon,.feed-item.feed-call-busy .feed-icon,.feed-item.feed-call-failed .feed-icon{border-color:var(--danger);background-color:var(--danger-glow);color:var(--danger)}.feed-content{border:1px solid var(--card-border);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;transition:background-color .2s;display:flex}.feed-content:hover{background:#ffffff0a}.feed-text h4{color:var(--text-primary);font-size:.85rem;font-weight:700}.feed-text p{color:var(--text-secondary);margin-top:.15rem;font-size:.78rem}.feed-meta{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.feed-time-badge{color:var(--text-secondary);background:#0003;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.feed-item-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.badge-note{background:var(--info-glow);color:var(--info)}.badge-opportunity{color:var(--accent);background:#8b5cf626}.badge-contact{background:var(--success-glow);color:var(--success)}.badge-call-in{background:var(--primary-glow);color:var(--primary)}.badge-call-out{color:#ec4899;background:#ec48991a}.judgment-notes-area{flex-direction:column;gap:.85rem;display:flex}.notes-tip{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.notes-textarea{background:var(--input-bg);border:1px solid var(--input-border);width:100%;height:120px;color:var(--text-primary);font-family:var(--font-stack);resize:none;border-radius:8px;outline:none;padding:.75rem;font-size:.85rem;line-height:1.4;transition:border-color .2s,box-shadow .2s}.notes-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.notes-actions{justify-content:space-between;align-items:center;display:flex}.btn-primary-small{background:var(--primary);color:#fff;font-family:var(--font-stack);cursor:pointer;box-shadow:0 2px 6px var(--primary-glow);border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:transform .15s,background-color .2s;display:flex}.btn-primary-small:hover{background-color:#4338ca;transform:scale(1.02)}.btn-primary-small:active{transform:scale(.98)}.status-msg{font-size:.78rem;font-weight:600;transition:opacity .3s}.status-msg.success{color:var(--success)}.status-msg.error{color:var(--danger)}.tooltip{z-index:10000;border:1px solid var(--card-border);color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.8rem;transition:opacity .15s;display:flex;position:fixed;box-shadow:0 10px 25px #0006}.tooltip-title{border-bottom:1px solid #ffffff1a;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.85rem;font-weight:700}.tooltip-row{justify-content:space-between;gap:1.5rem;display:flex}.tooltip-label{color:var(--text-secondary)}.tooltip-value{font-weight:700}.hidden{display:none!important}.mt-1{margin-top:1.25rem}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timeline-controls-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.timeline-controls{border:1px solid var(--card-border);color:var(--text-secondary);box-sizing:border-box;background:#00000026;border-radius:30px;justify-content:center;align-items:center;gap:1.25rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;display:flex}.timeline-controls label{align-items:center;gap:.3rem;display:flex}.mini-select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:var(--font-stack);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .25rem center;background-repeat:no-repeat;background-size:.65rem;border-radius:4px;outline:none;padding:.15rem 1.1rem .15rem .45rem;font-size:.78rem;font-weight:700}.mini-select:focus{border-color:var(--primary)}.app-layout{background-color:var(--bg-color);width:100%;min-height:100vh;display:flex}.sidebar{background:var(--accent);color:#fff;border-right:1px solid var(--card-border);flex-direction:column;flex-shrink:0;width:260px;height:100dvh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:visible}.sidebar.collapsed{width:70px}.sidebar-toggle-btn{background:var(--primary);border:1px solid var(--card-border);color:#fff;cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex;position:absolute;top:1.25rem;right:-12px;box-shadow:0 2px 8px #00000026;padding:0!important;line-height:1!important}.sidebar-header{white-space:nowrap;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;display:flex;overflow:hidden}.sidebar-logo-icon{color:#fff;flex-shrink:0;font-size:1.75rem}.sidebar-logo-text{letter-spacing:-.5px;opacity:1;font-size:1.2rem;font-weight:800;transition:opacity .2s}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0;overflow:hidden}.sidebar-menu{scrollbar-width:none;flex-direction:column;flex:1;gap:.4rem;padding:1.25rem .5rem;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-menu-item{color:#ffffffbf;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu-item i{text-align:center;flex-shrink:0;width:20px;font-size:1.05rem}.sidebar-menu-item:hover{color:#fff;background:#ffffff0f}.sidebar-menu-item.active{color:var(--text-primary);background:var(--bg-color);box-shadow:var(--shadow);font-weight:700}.sidebar.collapsed .sidebar-item-label{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar.collapsed .sidebar-menu-item{justify-content:center;gap:0;padding-left:0;padding-right:0}.main-content-area{flex-direction:column;flex:1;gap:1.25rem;min-width:0;max-width:100%;height:100vh;padding:1.5rem;display:flex;overflow:hidden auto}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1.25rem;display:grid}.overview-card-1{background-color:var(--success);color:#fff}.overview-card-2{background-color:var(--warning);color:#2a1209}.overview-card-3{background-color:var(--info);color:#fff}.overview-card-4{background-color:var(--bg-color);border:2px solid var(--card-border)}@media print{body{color:#000!important;background:#fff!important}.sidebar,.sidebar-toggle-btn,.header-controls,.tab-bar,.card-header button,.btn-primary-small,#theme-toggle{display:none!important}.main-content-area{height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.card{page-break-inside:avoid;margin-bottom:1.5rem;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.table-container{overflow:visible!important}table{page-break-inside:avoid}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}}.search-box{align-items:center;width:100%;max-width:300px;display:flex;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;z-index:10;font-size:.9rem;line-height:1;position:absolute;left:12px}.search-box input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-stack);border-radius:8px;outline:none;font-size:.85rem;transition:all .2s;padding:.55rem .75rem .55rem 2.2rem!important}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.custom-file-input-wrapper{width:100%;display:inline-block;position:relative}.custom-file-input-wrapper input[type=file]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.custom-file-label{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex;overflow:hidden}.custom-file-input-wrapper:hover .custom-file-label{border-color:var(--primary);background:#d15c2e0d}.tooltip{flex-direction:column;gap:.35rem;color:#f8fafc!important;z-index:9999!important;background:#0f172a!important;border:1px solid #ffffff26!important;border-radius:10px!important;padding:.8rem 1rem!important;font-family:Outfit,sans-serif!important;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080!important}.tooltip-title{color:#fff!important;border-bottom:1px solid #ffffff1f!important;margin-bottom:.4rem!important;padding-bottom:.3rem!important;font-size:.95rem!important;font-weight:800!important}.tooltip-row{justify-content:space-between;align-items:center;gap:1.5rem;line-height:1.4;display:flex;font-size:.8rem!important}.tooltip-label{text-transform:capitalize;color:#94a3b8!important;font-weight:600!important}.tooltip-value{text-align:right;color:#f8fafc!important;font-weight:700!important}select{appearance:none!important;background-color:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-primary)!important;cursor:pointer!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23d15c2e' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:11px!important;border-radius:8px!important;outline:none!important;padding:.45rem 2.2rem .45rem .85rem!important;font-family:Outfit,-apple-system,sans-serif!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s!important}select:hover{border-color:var(--primary)!important;box-shadow:0 4px 12px #d15c2e14!important}select option{color:var(--text-primary)!important;background-color:#0a0a0a!important;padding:.5rem!important}body.light-mode select option{color:var(--text-primary)!important;background-color:#fff!important}@media (max-width:1024px){.sidebar{transform:translate(-100%);z-index:1100!important;height:100vh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:0!important;box-shadow:0 10px 30px #00000080!important}.sidebar.collapsed{width:260px!important;transform:translate(-100%)!important}.sidebar:not(.collapsed){width:260px!important;transform:translate(0)!important}.sidebar-toggle-btn{display:none!important}.main-content-area{width:100%!important;margin-left:0!important;padding:1rem!important}.mobile-hamburger{display:flex!important}.mobile-sidebar-backdrop{display:block!important}}.mobile-hamburger{justify-content:center;align-items:center;display:flex!important}.mobile-sidebar-backdrop{display:none}.hero-root{z-index:9999;font-family:var(--font-stack);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.hero-video-wrap{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-poster{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;z-index:2;opacity:0;width:100%;height:100%;animation:1.5s .6s forwards hero-video-fadein;position:absolute;inset:0}@keyframes hero-video-fadein{to{opacity:1}}.hero-video-overlay{z-index:3;pointer-events:none;background:#000000b3;position:absolute;inset:0}.hero-theme-toggle{z-index:10;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;font-size:1rem;transition:background .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.hero-light .hero-theme-toggle{color:#3a2a1a;background:#00000012;border-color:#00000026}.hero-theme-toggle:hover{background:#d15c2e40;border-color:#d15c2e80;transform:scale(1.1)rotate(15deg)}.hero-content{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:860px;padding:2rem 1.5rem;animation:.9s cubic-bezier(.22,1,.36,1) both hero-fade-up;display:flex;position:relative}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.hero-badge{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:#d15c2e1a;border:1px solid #d15c2e66;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero-light .hero-badge{background:#d15c2e1f;border-color:#d15c2e80}.hero-badge-dot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 8px var(--primary);border-radius:50%;animation:2s ease-in-out infinite hero-pulse-dot}@keyframes hero-pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--primary)}50%{opacity:.5;box-shadow:0 0 16px var(--primary)}}.hero-headline{font-family:var(--font-luxury), Georgia, serif;color:#faefea;letter-spacing:-.02em;text-shadow:0 2px 20px #00000080;margin:0;font-size:clamp(3.5rem,8vw,5.5rem);font-weight:400;line-height:1.1}.hero-light .hero-headline{color:#1a0f08;text-shadow:0 2px 12px #fff9}.hero-headline-accent{background:linear-gradient(135deg, var(--primary) 0%, #e8803a 50%, var(--warning) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subheadline{color:#fff0e6e0;max-width:600px;margin:0;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:400;line-height:1.65}.hero-light .hero-subheadline{color:#32190acc}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.hero-stat{color:#fff0e6e0;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.hero-light .hero-stat{color:#32190abf}.hero-stat i{color:var(--primary);font-size:.9rem}.hero-stat-divider{background:#d15c2e66;border-radius:50%;width:4px;height:4px}.hero-features{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.hero-feature-card{text-align:left;-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.4rem 1.2rem;transition:border-color .25s,transform .25s,background .25s;display:flex}.hero-light .hero-feature-card{background:#ffffff73;border-color:#00000014}.hero-feature-card:hover{background:#d15c2e14;border-color:#d15c2e73;transform:translateY(-3px)}.hero-feature-card--accent{background:#d15c2e14;border-color:#d15c2e4d}.hero-light .hero-feature-card--accent{background:#d15c2e1a;border-color:#d15c2e4d}.hero-feature-card--accent:hover{background:#d15c2e24;border-color:#d15c2e99}.hero-feature-card i{color:var(--primary);background:#d15c2e24;border-radius:10px;padding:.55rem;font-size:1.3rem}.hero-feature-card h3{color:#faefea;margin:0;font-size:.95rem;font-weight:700}.hero-light .hero-feature-card h3{color:#1a0f08}.hero-feature-card p{color:#fff0e6bf;margin:0;font-size:.8rem;line-height:1.55}.hero-light .hero-feature-card p{color:#32190aa6}.hero-cta-btn{font-family:var(--font-stack);letter-spacing:.02em;color:#fff;cursor:pointer;isolation:isolate;background:var(--primary);border:none;border-radius:999px;align-items:center;gap:.75rem;padding:1rem 2.75rem;font-size:1.05rem;font-weight:700;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,filter .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d15c2e80,0 4px 20px #d15c2e59,0 8px 40px #d15c2e33,inset 0 1px #ffffff2e}.hero-cta-btn:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.03);box-shadow:0 0 0 1px #d15c2eb3,0 8px 30px #d15c2e80,0 16px 60px #d15c2e4d,inset 0 1px #ffffff38}.hero-cta-btn:active{filter:brightness(.97);transition-duration:80ms;transform:translateY(-1px)scale(.99);box-shadow:0 0 0 1px #d15c2e99,0 4px 16px #d15c2e66,inset 0 1px #ffffff26}.hero-cta-icon{font-size:.9rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hero-cta-btn:hover .hero-cta-icon{transform:translate(5px)}.hero-footnote{color:#edbeab8c;align-items:center;gap:.4rem;margin:0;font-size:.76rem;display:flex}.hero-light .hero-footnote{color:#50280a73}.hero-footnote i{color:#71a758cc;font-size:.72rem}@media (max-width:700px){.hero-features{grid-template-columns:1fr}.hero-stat-divider{display:none}.hero-cta-btn{padding:.9rem 2rem;font-size:.95rem}}@media (max-width:480px){.hero-headline{font-size:2.8rem}}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='%2364748b' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.15rem;outline:none;transition:border-color .2s,box-shadow .2s;padding-right:2.2rem!important}select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}select option{background-color:var(--card-bg)!important;color:var(--text-primary)!important;padding:.5rem!important}@media print{.sidebar,.sidebar-wrapper,.no-print,header,button,select,input,.nav-toggle,#sidebar-menu-btn,.header-controls{display:none!important}body,html{color:#000!important;background:#fff!important}main,.main-content,.dashboard-container,.dashboard-split,.dashboard-content{width:100%!important;max-width:100%!important;box-shadow:none!important;margin:0!important;padding:0!important}.card{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #e2e8f0!important}}.print-table th,.print-table td{text-align:center!important}.table-compact th,.table-compact td{padding:.45rem .5rem!important;font-size:.72rem!important}.table-container{scrollbar-width:thin;scrollbar-color:#db832466 #0000000d}.table-container::-webkit-scrollbar{height:6px;display:block!important}.table-container::-webkit-scrollbar-track{background:#ffffff03}.table-container::-webkit-scrollbar-thumb{background:#db832466;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#db8324cc}.metric-card-wrapper{cursor:pointer;position:relative}.metric-card-wrapper:after{content:attr(data-tooltip);color:#f8fafc;text-align:center;pointer-events:none;opacity:0;z-index:999999;background:#0f172af2;border:1px solid #ffffff14;border-radius:8px;width:240px;padding:.6rem .9rem;font-size:.76rem;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;top:105%;left:50%;transform:translate(-50%)scale(.9);box-shadow:0 10px 15px -3px #0000004d}.metric-card-wrapper:hover{z-index:50}.metric-card-wrapper:hover:after{opacity:1;transform:translate(-50%)scale(1)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg, var(--card-border) 25%, #ffffff0d 50%, var(--card-border) 75%);opacity:.85;background-size:200% 100%;border-radius:8px;animation:1.5s linear infinite skeleton-shimmer}.skeleton-card{width:100%;height:120px}.skeleton-title{width:60%;height:1.25rem;margin-bottom:.75rem}.skeleton-text{width:80%;height:.85rem;margin-bottom:.5rem}.skeleton-value{width:40%;height:2.5rem;margin-bottom:.75rem}.skeleton-chart{width:100%;height:300px}.skeleton-table-row{width:100%;height:45px;margin-bottom:.5rem}@media (max-width:1024px){.container{padding:1.5rem}.tab-bar{-webkit-overflow-scrolling:touch;max-width:100%;padding:.35rem;overflow-x:auto}}.mobile-sidebar-controls{display:none}@media (max-width:768px){.container{gap:1rem;padding:1rem}header{flex-direction:row;justify-content:space-between;align-items:center;margin-top:-1rem;padding-top:1rem;top:-1rem}.header-controls{display:none!important}.mobile-sidebar-controls{border-top:1px solid var(--card-border);flex-direction:column;gap:.65rem;margin-top:auto;padding:1.25rem 1rem .5rem;display:flex}.mobile-sidebar-action-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.mobile-sidebar-action-btn:hover{background:var(--primary-glow)}.tab-bar{white-space:nowrap;scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:.55rem .9rem;font-size:.82rem}.hero-content{gap:1.25rem;padding:1.5rem 1rem}.hero-headline{font-size:clamp(2.2rem,6vw,3.5rem)!important}.hero-subheadline{font-size:.95rem}}@media (max-width:480px){.hero-cta-btn{justify-content:center;width:100%;padding:.85rem 1.25rem}.timeline-controls-row{gap:.5rem!important;width:100%!important}.timeline-controls{box-sizing:border-box;width:fit-content;max-width:100%!important}.container{padding:.75rem}.logo-text h1{font-size:1.4rem}.logo-text p{font-size:.75rem}.hero-headline{font-size:2rem!important}.timeline-controls{justify-content:space-between!important;gap:.4rem!important;width:100%!important;padding:.35rem .6rem!important}.timeline-controls>div{gap:.2rem!important}.timeline-controls button,.timeline-controls select,.timeline-controls .mini-select{border-radius:6px!important;padding:.25rem .45rem!important;font-size:.75rem!important}.timeline-controls span{font-size:.76rem!important}}@media (max-width:768px){.metrics-matrix-container{flex-direction:column!important;gap:.5rem!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.metric-card-wrapper{text-align:left!important;border-radius:8px!important;flex-direction:row!important;flex:auto!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important;padding:.75rem 1rem!important;display:flex!important}.metric-card-title{color:var(--text-secondary)!important;margin:0!important;font-size:.85rem!important;font-weight:600!important}.metric-card-value{color:var(--text-primary)!important;margin:0!important;font-size:1.15rem!important;font-weight:800!important}.metric-card-sub{display:none!important}.metric-card-wrapper.active-card{flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important}.metric-card-wrapper.active-card .metric-card-sub{margin-top:.15rem!important;padding:.15rem .5rem!important;font-size:.7rem!important;display:inline-block!important}.no-print{flex-wrap:wrap!important;gap:.6rem!important}.search-header-card{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:1rem!important}.search-header-card h2{font-size:1.2rem!important}.search-header-card .search-box{width:100%!important;max-width:100%!important;margin:0!important}.export-grid{grid-template-columns:1fr!important;gap:1rem!important}}.export-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;margin-top:1rem;display:grid}@media (max-width:480px){.ai-send-btn-text{display:none!important}.ai-send-btn-icon{margin-right:0!important}.ai-assistant-form{gap:.5rem!important;padding:.75rem 1rem!important}}