@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";.navbar-brand-title{letter-spacing:.08em;margin:0;font-size:1.4rem;font-weight:700}.theme-toggle-btn{cursor:pointer;background:0 0;border:none;margin-right:.5rem;font-size:1.2rem}.settings-btn{cursor:pointer;background:0 0;border:none;padding:.4rem .8rem;font-size:1.5rem}.navbar-user-info{align-items:center;display:flex}.navbar-welcome{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.navbar-welcome strong{color:var(--text-primary);font-weight:600}.logout-btn{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.logout-btn:hover{color:#ef4444;background:#ef44441a}.nav-tab-wrapper{position:relative}.nav-dropdown{-webkit-backdrop-filter:blur(16px);z-index:200;pointer-events:none;background:#0a0c14e0;border:1px solid #ffffff1a;border-radius:12px;min-width:220px;max-width:320px;padding:.75rem 1rem;animation:.2s forwards navDropdownIn;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d}.nav-dropdown-arrow{background:#0a0c14e0;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-dropdown-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;border-bottom:1px solid #ffffff14;margin-bottom:.5rem;padding-bottom:.4rem;font-size:.7rem;font-weight:700}.nav-dropdown-items{flex-wrap:wrap;gap:.35rem;display:flex}.nav-dropdown-pill{color:#fffc;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff0f;border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:500;transition:background .15s,color .15s;display:inline-block}@keyframes navDropdownIn{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}:root[data-theme=light] .nav-dropdown{background:#0f172aeb;border-color:#ffffff26;box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff1a}:root[data-theme=light] .nav-dropdown-arrow{background:#0f172aeb;border-color:#ffffff26}.home-container{color:#fff;background-color:#0f172a;width:100vw;height:100vh;display:flex}.region-button{cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:all .4s;display:flex}.region-button:hover{filter:brightness(1.2)}.region-button.iraq-btn{background-color:#0000;background-image:linear-gradient(#0f172aa6,#0f172ad9),url(/assets/iraq-bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-right:1px solid #ffffff1a}.region-button.uae-btn{background-color:#0000;background-image:linear-gradient(#0f172aa6,#0f172ad9),url(/assets/uae-bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.region-button .content-wrapper{flex-direction:column;align-items:center;gap:1rem;transition:transform .4s;display:flex}.region-button:hover .content-wrapper{transform:scale(1.1)}.region-flag{font-size:4rem}.region-title{letter-spacing:2px;margin:0;font-family:Inter,sans-serif;font-size:3rem;font-weight:700}.region-subtitle{color:#94a3b8;font-family:Inter,sans-serif;font-size:1.2rem}.login-container{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-backdrop{pointer-events:none;background:radial-gradient(at 20%,#6366f126 0%,#0000 50%),radial-gradient(at 80%,#8b5cf61f 0%,#0000 50%),radial-gradient(at 50% 0,#6366f114 0%,#0000 60%);position:absolute;inset:0}.login-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;width:100%;max-width:420px;padding:2.5rem 2rem;position:relative;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff08}.login-header{text-align:center;margin-bottom:2rem}.login-logo{margin-bottom:.75rem;font-size:2.5rem}.login-title{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.25rem;font-size:1.4rem;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:.9rem;font-weight:500}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.login-input-wrapper{background:var(--bg-surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:center;padding:0 .75rem;transition:border-color .2s,box-shadow .2s;display:flex}.login-input-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}.login-input-icon{color:var(--text-muted);flex-shrink:0;margin-right:.5rem}.login-input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:.95rem}.login-input-wrapper input::placeholder{color:var(--text-muted)}.login-input-wrapper input:-webkit-autofill{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-surface-elevated) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.login-input-wrapper input:-webkit-autofill:hover{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-surface-elevated) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.login-input-wrapper input:-webkit-autofill:focus{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-surface-elevated) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.login-input-wrapper input:-webkit-autofill:active{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-surface-elevated) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.login-toggle-pw{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:1rem;transition:opacity .2s}.login-toggle-pw:hover{opacity:1}.login-error{border-radius:var(--radius-md);color:#f87171;background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.login-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #6366f14d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.login-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.75rem}.filter-arrow-tab{z-index:250;background:var(--bg-surface-elevated);border:1px solid var(--glass-border);width:36px;height:72px;color:var(--text-secondary);cursor:pointer;border-right:none;border-radius:10px 0 0 10px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:200px;right:0;box-shadow:-3px 0 12px #00000059}.filter-arrow-tab:hover{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:var(--text-primary);width:42px}.filter-arrow-tab.open{right:320px}.filter-arrow-tab svg{transition:transform .3s}.filter-arrow-tab.open svg{transform:rotate(180deg)}.filter-panel{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);z-index:99;border-right:none;flex-direction:column;width:320px;max-height:calc(100vh - 70px);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:70px;right:0;transform:translate(100%);box-shadow:-8px 0 30px #0006}.filter-panel.open{transform:translate(0)}.filter-panel.closing{transform:translate(100%)}.filter-panel-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.filter-panel-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.filter-panel-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:.3rem;display:flex}.filter-panel-close:hover{color:var(--text-primary);background:var(--white-alpha-10)}.filter-search-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:.75rem 1.5rem}.filter-search-wrapper{align-items:center;display:flex;position:relative}.filter-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.filter-search-input{background:var(--bg-surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:.5rem 2rem;font-size:.82rem}.filter-search-input::placeholder{color:var(--text-muted)}.filter-search-input:focus{border-color:var(--brand-primary)}.filter-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:0 4px;font-size:1.1rem;line-height:1;position:absolute;right:6px}.filter-search-clear:hover{color:var(--text-primary)}.filter-panel-body{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.filter-group-vertical{flex-direction:column;gap:.4rem;display:flex}.filter-group-vertical label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.filter-group-vertical .modern-input{width:100%}.all-time-btn{color:var(--text-secondary);border:1px solid var(--glass-border);text-align:center;width:100%;transition:all var(--transition-fast);background:#ffffff0f;padding:.55rem;font-size:.82rem}.all-time-btn:hover{background:var(--white-alpha-10);color:var(--text-primary)}.filter-panel-footer{border-top:1px solid var(--glass-border);background:var(--bg-surface);flex-shrink:0;gap:.75rem;padding:1rem 1.5rem;display:flex}.filter-apply-btn{flex:1}.filter-select{border:1px solid var(--glass-border);background-color:var(--bg-surface-elevated)!important;color:var(--text-primary)!important}.filter-select option:disabled{color:var(--text-muted)}.filter-select:has(option:disabled:checked){color:var(--text-muted)!important}.filter-badge{background:var(--brand-primary);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;left:4px}.filter-date-pair{gap:.4rem;display:flex}.filter-date-pair .filter-date{flex:1;min-width:0}.mb-0-5{margin-bottom:.5rem}.mt-1{margin-top:1rem}.deals-section{flex-direction:column;max-height:calc(100vh - 140px);padding:0;display:flex;position:relative;overflow:hidden}.deals-section .table-wrapper{flex:auto;overflow:auto}.deals-section .premium-table{table-layout:fixed;width:100%}.deals-section .premium-table th{background:var(--bg-surface-elevated);z-index:2;padding:.5rem;font-size:.68rem;position:sticky;top:0}.deals-section .premium-table td{text-overflow:ellipsis;white-space:nowrap;padding:.4rem .5rem;font-size:.75rem;overflow:hidden}.deals-section .premium-table tr{height:2rem}.contact-row{cursor:pointer;transition:background var(--transition-fast)}.status-pill{color:var(--brand-secondary);background:#8b5cf61a;border-radius:4px;padding:2px 8px;font-size:11px}.badge-container{align-items:center;gap:4px;display:inline-flex}.badge-icon{font-size:10px}.empty-state-cell{text-align:center;color:var(--text-muted);padding:4rem}.empty-state-icon{margin-bottom:1rem;font-size:3rem}.pagination-container{border-top:1px solid var(--glass-border);background:var(--bg-surface-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.pagination-text{color:var(--text-muted);font-size:.8rem}.pagination-highlight{color:var(--text-primary)}.pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--white-alpha-5);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .9rem;font-size:.78rem}.pagination-btn:hover:not(:disabled){background:var(--white-alpha-10);color:var(--text-primary)}.pagination-right{align-items:center;gap:.75rem;display:flex}.export-csv-btn{border-radius:var(--radius-sm);color:#22c55e;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#22c55e14;border:1px solid #22c55e4d;align-items:center;gap:6px;padding:.35rem .9rem;font-size:.78rem;font-weight:500;display:inline-flex}.export-csv-btn:hover:not(:disabled){background:#22c55e2e;border-color:#22c55e80;box-shadow:0 0 12px #22c55e26}.export-csv-btn:disabled{opacity:.4;cursor:not-allowed}.export-spinner{border:2px solid #22c55e4d;border-top-color:#22c55e;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite export-spin;display:inline-block}@keyframes export-spin{to{transform:rotate(360deg)}}.modal-content-wide{width:95%!important;max-width:1600px!important}.modal-title-margin{margin-bottom:1.5rem}.btn-view-deal{background:var(--white-alpha-5);text-decoration:none}.task-card{position:relative}.task-card-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:1rem;font-size:.9rem;font-weight:700}.task-card-label.pending{color:#f59e0b}.task-card-label.completed{color:#10b981}.task-card-label.rate{color:var(--text-primary)}.task-card .heading-lg{font-size:2.8rem}.task-card-subtext{color:var(--text-muted);margin-top:.5rem;font-size:.95rem}.task-section-container{margin-bottom:1.5rem;position:relative}.task-section-container-nopad{margin-bottom:1.5rem;padding:0;position:relative}.loader-overlay-rounded{border-radius:var(--radius-lg)}.funnel-grid{grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) minmax(200px,1fr);gap:1rem;display:grid}.funnel-total-box{text-align:center;color:var(--text-primary);background:#8b5cf6;border-radius:4px;grid-column:1/-1;padding:1.5rem}.funnel-total-value{margin:.5rem 0;font-size:1.5rem}.funnel-box{text-align:center;color:var(--text-primary);border-radius:4px;padding:1.5rem;transition:transform .2s}.funnel-box-clickable{cursor:pointer}.funnel-box-clickable:hover{transform:scale(1.02)}.bg-danger{background:#ef4444}.funnel-percent{font-size:.8rem}.task-section-container-nopad .premium-table{table-layout:fixed;width:100%}.table-cell-muted{color:var(--text-muted)}.stage-distribution-empty{color:var(--text-muted)}.salesman-pagination{border-top:1px solid var(--glass-border);justify-content:center;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.salesman-pagination .pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--white-alpha-5);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .9rem;font-size:.78rem}.salesman-pagination .pagination-btn:hover:not(:disabled){background:var(--white-alpha-10);color:var(--text-primary)}.salesman-pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-muted);font-size:.8rem}.stage-distribution-section{border-top:1px solid var(--glass-border);padding-bottom:1.25rem}.employee-clickable-cell{align-items:center;gap:6px;display:flex}.employee-name-text{position:relative}.drilldown-icon-wrapper{color:var(--brand-primary);opacity:.45;transition:opacity var(--transition-fast) ease, transform var(--transition-fast) ease, color var(--transition-fast) ease;justify-content:center;align-items:center;display:inline-flex;transform:scale(.95)}.expandable-row{transition:all var(--transition-fast) ease-in-out}.expandable-row:hover td{box-shadow:inset 0 1px #6366f126,inset 0 -1px #6366f126;color:var(--text-primary)!important;background:#6366f117!important}:root[data-theme=light] .expandable-row:hover td{box-shadow:inset 0 1px #4f46e51f,inset 0 -1px #4f46e51f;background:#4f46e50f!important}.expandable-row:hover .drilldown-icon-wrapper{opacity:1;color:var(--brand-secondary);transform:scale(1.2)translate(1px,-1px)}.premium-table tbody tr{height:52px}.placeholder-row td{border-bottom:1px solid var(--white-alpha-2)}.journey-card{position:relative}.journey-card-label{text-transform:uppercase;margin-bottom:1rem;font-size:.9rem;font-weight:700}.label-muted{color:var(--text-muted)}.label-warning{color:#f59e0b}.label-success{color:#10b981}.label-primary{color:var(--text-primary)}.journey-card .heading-lg{font-size:2.8rem}.journey-card-subtext{color:var(--text-muted);margin-top:.5rem;font-size:.95rem}.journey-section-nopad{margin-bottom:1.5rem;padding:0;position:relative}.section-title-padded{padding:1rem}.table-th-progress{width:20%}.table-cell-warning{color:#f59e0b}.table-cell-success{color:#10b981}.table-cell-danger{color:#ef4444}.progress-bar-bg{background:var(--white-alpha-10);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:#10b981;height:100%}.stage-distribution-wrapper{flex-wrap:wrap;gap:1rem;padding:1rem 0;display:flex}.stage-card{background:var(--white-alpha-5);border-radius:var(--radius-md);border:1px solid var(--glass-border);min-width:150px;padding:1rem}.stage-card-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8rem}.stage-card-value{font-size:1.5rem}.branch-section-nopad{padding:0;position:relative}.branch-header-flex{justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.section-title-nomargin{margin:0}.expand-btn{background:var(--white-alpha-5);color:var(--text-primary)}.total-row{background:var(--white-alpha-5);font-weight:700}.table-cell-empty{text-align:center;color:var(--text-muted);padding:4rem}.tree-icon{width:16px;color:var(--text-muted);margin-right:6px;font-size:.7rem;transition:transform .15s;display:inline-block}.level-1{padding-left:3rem!important}.level-2{padding-left:4.5rem!important}.level-3{padding-left:6rem!important}.level-4{padding-left:7.5rem!important}.pipeline-row{cursor:pointer;transition:background .15s}.pipeline-row:hover{background:#ffffff0a!important}.pipeline-badge{color:#fff;letter-spacing:.3px;border-radius:4px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.brand-row{cursor:pointer;transition:background .15s}.brand-row:hover{background:#ffffff08!important}.brand-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.model-row{cursor:pointer;transition:background .15s}.model-row:hover{background:#ffffff06!important}.model-label,.sub-row-count{color:var(--text-muted);font-size:.85rem}.contact-row{background:#ffffff03}.contact-row:hover{background:#3b82f60f!important}.contact-link{color:#60a5fa;align-items:center;gap:8px;padding:2px 0;font-size:.85rem;text-decoration:none;transition:color .15s,transform .1s;display:inline-flex}.contact-link:hover{color:#93c5fd;text-decoration:underline}.contact-link svg{opacity:.7;flex-shrink:0;transition:opacity .15s}.contact-link:hover svg{opacity:1}.contact-source-cell{vertical-align:middle}.source-badge{color:#34d399;letter-spacing:.3px;white-space:nowrap;background:#10b98126;border-radius:4px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.purchase-contact{border-left:3px solid #10b98180;background:#10b9810a!important}.purchase-contact:hover{background:#10b98114!important}.purchase-indicator{color:#34d399;background:#10b98133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:.7rem;font-weight:700;display:inline-flex}.cars-title{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.cars-section{min-height:150px;margin-bottom:1.5rem;position:relative}.cars-summary-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;display:grid}.summary-label{justify-content:center;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.summary-value{margin-top:.5rem}.dot{width:8px;height:8px;display:inline-block}.dot-rounded{border-radius:50%}.color-success{color:#10b981}.bg-success{background:#10b981}.color-warning{color:#f59e0b}.bg-warning{background:#f59e0b}.color-primary{color:#3b82f6}.bg-primary{background:#3b82f6}.color-purple{color:#a855f7}.bg-purple{background:#a855f7}.color-indigo{color:#8b5cf6}.bg-indigo{background:#8b5cf6}.color-pink{color:#ec4899}.bg-pink{background:#ec4899}.header-flex{justify-content:space-between;padding-bottom:1rem;display:flex}.table-wrapper{overflow-x:auto}.table-cell-bold{font-weight:600}.table-cell-empty{text-align:center;padding:2rem}.sub-row-cell{color:var(--text-secondary);padding-left:3rem}.sub-row-success{color:#10b981b3}.sub-row-warning{color:#f59e0bb3}.sub-row-primary{color:#3b82f6b3}.sub-row-purple{color:#a855f7b3}.sub-row-indigo{color:#8b5cf6b3}.sub-row-pink{color:#ec4899b3}.mr-0-5{margin-right:.5rem}.leads-cards-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=1100px){.leads-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.leads-cards-grid{grid-template-columns:1fr}}.leads-stat-card{text-align:center;padding:1.25rem;position:relative}.leads-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.78rem}.leads-stat-value{font-size:2rem;font-weight:700}.leads-section{margin-bottom:1.5rem;padding:1.5rem;position:relative}.leads-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.leads-conversion-pie-row{grid-template-columns:1fr 2.5fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.leads-conversion-pie-row{grid-template-columns:1fr}}.leads-conversion-pie-row .leads-section{flex-direction:column;margin-bottom:0;display:flex}.leads-conversion-pie-row .leads-pie-card{padding:1.25rem 1.5rem}.leads-pie-card .leads-chart-container{flex:1;justify-content:stretch;align-items:stretch;display:flex}.leads-pie-card .leads-chart-container>div{flex:1;width:100%}.leads-pct-row{flex-wrap:wrap;gap:1.5rem;margin-top:1rem;display:flex}.leads-pct-item{background:var(--white-alpha-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);flex-direction:column;align-items:center;min-width:100px;padding:.75rem 1rem;display:flex}.leads-pct-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem}.leads-pct-val{color:var(--text-primary);font-size:1.3rem;font-weight:600}.leads-chart-container{border-radius:var(--radius-md);background:#00000026;margin-top:1rem;padding:.75rem .5rem}.leads-tooltip{background:var(--bg-surface-elevated);border:1px solid var(--white-alpha-10);border-radius:8px;padding:.6rem .9rem;font-size:.82rem;box-shadow:0 4px 20px #0006}.leads-tooltip-label{color:var(--text-primary);margin-bottom:.3rem;font-weight:600}.leads-tooltip p{color:var(--text-secondary);margin:.15rem 0}.leads-section .recharts-legend-wrapper{font-size:.75rem}.leads-section .recharts-default-legend .recharts-legend-item-text{color:var(--text-secondary)!important}.leads-stat-sparkline{border-radius:var(--radius-sm);height:60px;margin-top:.6rem;overflow:hidden}.sparkline-tooltip{background:var(--bg-surface-elevated);border:1px solid var(--glass-border);border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.75rem;display:flex;box-shadow:0 4px 12px #0000004d}.sparkline-tooltip-date{color:var(--text-muted)}.sparkline-tooltip-val{font-weight:700}.leads-pct-count{color:var(--text-muted);margin-top:.2rem;font-size:.68rem}.leads-pct-total{border-top:2px solid var(--text-primary)}.cr-value{color:#10b981;margin:auto;font-size:3rem}.cr-details{color:var(--text-secondary);justify-content:space-around;width:100%;margin-top:.5rem;padding:0 1rem;font-size:.85rem;display:flex}.cr-detail-item{text-align:center;flex-direction:column;gap:4px;display:flex}.cr-detail-value{color:var(--text-primary);font-size:1rem;font-weight:600}.leads-chart-container.transparent-260{background:0 0;height:260px;margin:0}.leads-chart-container.h-400{height:400px}.deals-graph-section{margin-bottom:1.5rem;padding:1.5rem;position:relative}.deals-graph-header{align-items:center;margin-bottom:1.5rem;display:flex}.empty-chart-fallback{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.deals-won-table-wrapper{margin-top:1rem}.deals-won-table-container{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--white-alpha-3);max-height:500px;overflow:auto}.deals-won-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.deals-won-table th,.deals-won-table td{border-bottom:1px solid var(--glass-border);white-space:nowrap;padding:.75rem 1rem}.deals-won-table th{background:var(--black-alpha-20);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;z-index:10;font-size:.75rem;font-weight:600;position:sticky;top:0}.deals-won-table tbody tr:hover{background:var(--white-alpha-5)}.deals-won-table td{color:var(--text-primary)}.deals-monetary-value{color:#10b981;font-family:monospace;font-size:1.1em}.deals-cards-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.deals-cards-grid-3{grid-template-columns:1fr}}.lost-deals-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.summary-badge{color:#f87171;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;padding:.4rem 1rem;font-size:.9rem;font-weight:500}.summary-badge strong{color:#ef4444}.lost-deals-table-card{flex-direction:column;max-height:calc(100vh - 210px);padding:0;display:flex;position:relative;overflow:hidden}.lost-deals-table-wrapper{flex:auto;overflow:auto}.lost-deals-table{border-collapse:collapse;width:100%;min-width:1300px}.lost-deals-table th{background:var(--bg-surface-elevated);z-index:2;text-transform:uppercase;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--glass-border);padding:.5rem;font-size:.68rem;position:sticky;top:0}.lost-deals-table td{border-bottom:1px solid var(--white-alpha-2);vertical-align:middle;padding:.4rem .5rem;font-size:.75rem}.lost-deals-table tr{height:2rem}.lost-deals-table-card .pagination-container{border-top:1px solid var(--glass-border);background:var(--bg-surface-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.lost-deals-table-card .pagination-text{color:var(--text-muted);font-size:.8rem}.lost-deals-table-card .pagination-highlight{color:var(--text-primary)}.lost-deals-table-card .pagination-right{align-items:center;gap:.75rem;display:flex}.phone-cell{white-space:nowrap;min-width:130px}.phone-cell .phone-number{color:var(--text-primary);font-size:.82rem;font-weight:500;line-height:1.5}.phone-cell .phone-number+.phone-number{color:var(--text-secondary);border-top:1px dashed var(--white-alpha-5);margin-top:2px;padding-top:2px;font-size:.75rem}.badge-source{color:#60a5fa;background:#3b82f61f}.comment-cell{min-width:200px;max-width:280px}.comment-display{flex-direction:column;gap:.2rem;display:flex;position:relative}.comment-text{color:var(--text-primary);word-break:break-word;font-size:.82rem;font-weight:400;line-height:1.4}.comment-meta{color:var(--text-muted);font-size:.7rem;font-style:italic}.no-comment{color:var(--text-muted)}.comment-edit-btn{cursor:pointer;opacity:0;background:0 0;border:none;padding:2px;font-size:.75rem;transition:opacity .2s;position:absolute;top:-2px;right:-4px}.comment-display:hover .comment-edit-btn{opacity:1}.comment-edit{flex-direction:column;gap:.4rem;display:flex}.comment-textarea{background:var(--bg-surface-elevated);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;outline:none;min-height:50px;padding:.5rem;font-family:inherit;font-size:.82rem}.comment-actions{gap:.3rem;display:flex}.comment-actions .action-btn{padding:.2rem .5rem;font-size:.8rem}.save-btn{color:#10b981;background:var(--white-alpha-5);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer}.cancel-btn{color:#f87171;background:var(--white-alpha-5);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer}.bitrix-link{color:#60a5fa;align-items:center;gap:6px;padding:2px 0;text-decoration:none;transition:color .15s,transform .1s;display:inline-flex}.bitrix-link:hover{color:#93c5fd;text-decoration:underline}.bitrix-link svg{opacity:.7;flex-shrink:0;transition:opacity .15s}.bitrix-link:hover svg{opacity:1}.user-mgmt-page{flex-direction:column;gap:1.25rem;display:flex}.user-mgmt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.user-mgmt-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-export-green{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.btn-export-green:hover:not(:disabled){background:#10b98133}.btn-export-green:disabled{opacity:.55;cursor:not-allowed}.btn-export-blue{color:#818cf8;background:#6366f11a;border:1px solid #6366f14d}.btn-export-blue:hover:not(:disabled){background:#6366f133}.btn-export-blue:disabled{opacity:.55;cursor:not-allowed}.live-indicator{color:#10b981;text-transform:uppercase;letter-spacing:.08em;vertical-align:middle;align-items:center;gap:.35rem;margin-left:.75rem;font-size:.65rem;font-weight:700;display:inline-flex}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.6;box-shadow:0 0 0 4px #10b98100}}.user-profile-card{border-left:3px solid var(--brand-primary)}.profile-card-title{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.profile-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.profile-field{flex-direction:column;gap:.3rem;display:flex}.profile-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.profile-msg{color:#10b981;font-size:.85rem;font-weight:500}.add-user-card{border-left:3px solid #10b981}.add-user-title{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.add-user-form{margin-bottom:.5rem}.add-user-fields{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.add-user-fields input{min-width:180px}.add-user-error{color:#f87171;margin-top:.5rem;font-size:.85rem}.add-user-note{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.developer-row{background:#f59e0b0f}.admin-row{background:#6366f10a}.badge-developer{color:#f59e0b;background:#f59e0b26}.badge-admin{color:#818cf8;background:#6366f126}.badge-user{color:#34d399;background:#10b98126}.online-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.online-badge.online{color:#10b981;background:#10b9811a}.online-badge.offline{color:var(--text-muted);background:var(--white-alpha-5)}.online-dot{border-radius:50%;width:7px;height:7px}.online-badge.online .online-dot{background:#10b981;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 6px #10b98180}.online-badge.offline .online-dot{background:var(--text-muted);opacity:.5}.live-usage-badge{color:#10b981;opacity:.8;margin-left:.35rem;font-size:.65rem;font-weight:600;display:inline-block}.protected-label{color:var(--text-muted);font-size:.75rem;font-style:italic}.action-btns{align-items:center;gap:.4rem;display:flex}.action-btn{background:var(--white-alpha-5);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;padding:.3rem .5rem;font-size:.85rem;transition:all .15s}.edit-btn:hover{background:#6366f126}.delete-btn:hover{background:#ef444426}.save-btn{color:#10b981}.save-btn:hover{background:#10b98126}.cancel-btn{color:#f87171}.cancel-btn:hover{background:#ef444426}.inline-edit-input{min-width:120px;padding:.35rem .5rem;font-size:.85rem}.btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.working-hours-card{padding:1.25rem 1.5rem}.wh-subtitle{color:var(--text-muted);margin:.25rem 0 1.25rem;font-size:.8rem;line-height:1.5}.wh-regions{flex-direction:column;gap:1.5rem;margin-bottom:1.25rem;display:flex}.wh-region{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:1rem}.wh-region-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.9rem;font-size:.75rem;font-weight:700}.wh-teams{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.wh-teams{grid-template-columns:1fr}}.wh-team{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:.75rem}.wh-team-label{color:var(--text-secondary);margin-bottom:.6rem;font-size:.75rem;font-weight:600}.wh-time-row{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.wh-time-input{width:7.5rem!important;padding:.35rem .6rem!important;font-size:.82rem!important}.wh-to{color:var(--text-muted);font-size:.85rem}.wh-days{flex-wrap:wrap;gap:.3rem;display:flex}.wh-day-btn{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.wh-day-btn:hover{border-color:var(--accent);color:var(--accent)}.wh-day-btn.active{border-color:var(--accent);color:#a5b4fc;background:#6366f140}.wh-footer{align-items:center;gap:1rem;display:flex}.email-manager{max-width:1000px;margin:0 auto;padding:24px}.email-manager__header{margin-bottom:28px}.email-manager__header h1{color:var(--text-primary);margin:0 0 6px;font-size:24px;font-weight:700}.email-manager__subtitle{color:var(--text-secondary);margin:0;font-size:14px}.email-manager__region-tabs{z-index:1;gap:0;margin-bottom:-1px;display:flex;position:relative}.email-manager__region-tab{border:1px solid var(--border-default);cursor:pointer;background:var(--bg-main);color:var(--text-secondary);border-bottom:none;border-radius:10px 10px 0 0;align-items:center;gap:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.email-manager__region-tab:hover:not(.email-manager__region-tab--active){background:var(--bg-card);color:var(--text-primary)}.email-manager__region-tab--active{background:var(--bg-card);color:var(--text-primary);border-bottom-color:var(--bg-card)}.email-manager__region-tab--active.email-manager__region-tab--iraq{border-top:3px solid #4f46e5}.email-manager__region-tab--active.email-manager__region-tab--uae{border-top:3px solid #0d9488}.email-manager__region-badge{color:var(--text-secondary);background:var(--bg-main);border:1px solid var(--border-default);border-radius:8px;margin-bottom:16px;padding:8px 14px;font-size:13px}.email-manager__region-badge strong{color:var(--text-primary)}.email-manager__controls{background:var(--bg-card);border:1px solid var(--border-default);border-radius:0 12px 12px;margin-bottom:20px;padding:20px}.email-manager__controls--uae{border-top-color:#0d9488}.email-manager__btn--send-uae{background:#0d9488!important}.email-manager__btn--send-uae:hover:not(:disabled){background:#0f766e!important}.email-manager__inputs{gap:20px;margin-bottom:20px;display:flex}.email-manager__input-group{flex:1}.email-manager__label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.email-manager__help{color:var(--text-secondary);margin:4px 0 0;font-size:12px;font-style:italic}.email-manager__input{border:1px solid var(--border-default);background:var(--bg-main);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.email-manager__input:focus{border-color:var(--accent)}.email-manager__input::placeholder{color:var(--text-secondary);opacity:.7}.email-manager__buttons{flex-wrap:wrap;gap:10px;display:flex}.email-manager__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.email-manager__btn:disabled{opacity:.5;cursor:not-allowed}.email-manager__btn--preview{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-default)}.email-manager__btn--preview:hover:not(:disabled){background:var(--border-default)}.email-manager__btn--test{color:#1d4ed8;background:#dbeafe}.email-manager__btn--test:hover:not(:disabled){background:#bfdbfe}.email-manager__btn--send{color:#fff;background:#4f46e5}.email-manager__btn--send:hover:not(:disabled){background:#4338ca}.email-manager__shift-selector{margin-bottom:20px}.email-manager__shift-pills{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.email-manager__shift-pill{border:2px solid var(--border-default);cursor:pointer;background:var(--bg-main);color:var(--text-secondary);border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:120px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.email-manager__shift-pill:hover:not(.email-manager__shift-pill--active){background:var(--bg-card);color:var(--text-primary);border-color:var(--text-secondary)}.email-manager__shift-time{opacity:.8;font-size:11px;font-weight:400}.email-manager__shift-pill--active.email-manager__shift-pill--day{color:#4338ca;background:#eef2ff;border-color:#4f46e5}.email-manager__shift-pill--active.email-manager__shift-pill--night{color:#c7d2fe;background:#1e1b4b;border-color:#6366f1}.email-manager__shift-pill--active.email-manager__shift-pill--both{color:#166534;background:#f0fdf4;border-color:#16a34a}.email-manager__schedule{border-top:1px solid var(--border-default);margin-top:10px;margin-bottom:24px;padding-top:20px}.email-manager__schedule-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.email-manager__current-schedule{color:var(--text-secondary);font-size:13px}.email-manager__current-schedule strong{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 6px}.email-manager__schedule-options{align-items:center;gap:12px;display:flex}.email-manager__select{border:1px solid var(--border-default);background:var(--bg-main);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;min-width:200px;padding:10px 14px;font-size:14px}.email-manager__custom-time{animation:.2s ease-out fadeIn}.email-manager__input--time{width:auto!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.email-manager__status{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.email-manager__status--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.email-manager__status--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.email-manager__preview{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.email-manager__preview-title{color:var(--text-primary);border-bottom:1px solid var(--border-default);margin:0;padding:14px 20px;font-size:15px;font-weight:600}.email-manager__iframe{background:#f1f5f9;border:none;width:100%;min-height:700px}.chat-history-modal{flex-direction:column;width:95%;max-width:700px;max-height:85vh;padding:0;display:flex;overflow:hidden}.chat-history-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.chat-history-header{border-bottom:1px solid var(--glass-border);background:var(--bg-surface-elevated);flex-shrink:0;padding:1.5rem 2rem}.chat-history-client-info{align-items:center;gap:1rem;display:flex}.chat-history-avatar{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;width:48px;height:48px;box-shadow:0 4px 12px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.chat-history-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.chat-history-meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.78rem;display:flex}.chat-meta-item{align-items:center;gap:.25rem;display:inline-flex}.chat-meta-fallback{color:var(--brand-secondary);opacity:.8;font-style:italic}.chat-history-messages{background:var(--bg-main);flex-direction:column;flex:auto;gap:.75rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-history-empty{color:var(--text-muted);justify-content:center;align-items:center;padding:4rem 2rem;font-size:.9rem;display:flex}.chat-bubble-wrapper{max-width:80%;display:flex}.chat-bubble-wrapper.incoming{align-self:flex-start}.chat-bubble-wrapper.outgoing{align-self:flex-end}.chat-bubble{word-break:break-word;border-radius:12px;padding:.75rem 1rem;font-size:.82rem;line-height:1.5;position:relative}.chat-bubble.incoming{background:var(--bg-surface-elevated);border:1px solid var(--glass-border);border-bottom-left-radius:4px}.chat-bubble.outgoing{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f140;border-bottom-right-radius:4px}.chat-bubble-sender{align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.chat-sender-name{color:var(--brand-secondary);font-size:.72rem;font-weight:600}.chat-bubble.outgoing .chat-sender-name{color:var(--brand-primary)}.chat-channel-icon{font-size:.7rem}.chat-bubble-subject{color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem;font-style:italic}.chat-bubble-content{color:var(--text-primary);white-space:pre-wrap}.chat-bubble-time{color:var(--text-muted);text-align:right;margin-top:.35rem;font-size:.65rem}.chat-history-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.chat-modal-export-btn{color:#10b981;cursor:pointer;white-space:nowrap;background:#10b9811a;border:1px solid #10b98159;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.chat-modal-export-btn:hover:not(:disabled){background:#10b98133;border-color:#10b9818c;transform:translateY(-1px);box-shadow:0 0 16px #10b98126}.chat-modal-export-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin-sm{to{transform:rotate(360deg)}}.chat-section{flex-direction:column;max-height:calc(100vh - 140px);padding:0;display:flex;position:relative;overflow:hidden}.chat-section .table-wrapper{flex:auto;overflow:auto}.chat-section .premium-table{table-layout:auto;width:100%;min-width:1200px}.chat-section .premium-table th{background:var(--bg-surface-elevated);z-index:2;padding:.5rem;font-size:.68rem;position:sticky;top:0}.chat-section .premium-table td{text-overflow:ellipsis;white-space:nowrap;padding:.4rem .5rem;font-size:.75rem;overflow:hidden}.chat-section .premium-table tr{height:2rem}.chat-row{cursor:pointer;transition:background var(--transition-fast)}.chat-row:hover{background:var(--white-alpha-8)!important}.channel-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.channel-badge-icon{font-size:.65rem}.channel-whatsapp{color:#25d366;background:#25d3661f;border:1px solid #25d36640}.channel-facebook{color:#1877f2;background:#1877f21f;border:1px solid #1877f240}.channel-instagram{color:#e1306c;background:#e1306c1f;border:1px solid #e1306c40}.channel-telegram{color:#08c;background:#0088cc1f;border:1px solid #0088cc40}.channel-email{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.channel-call{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.channel-sms{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf640}.channel-livechat{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.channel-other{background:var(--white-alpha-5);color:var(--text-muted);border:1px solid var(--glass-border)}.message-count-badge{min-width:24px;height:22px;color:var(--brand-primary);background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f140;border-radius:11px;justify-content:center;align-items:center;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.direction-badge{border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.direction-incoming{color:#3b82f6;background:#3b82f61a}.direction-outgoing{color:#10b981;background:#10b9811a}.chat-last-message{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-secondary);overflow:hidden;font-weight:400!important}.chat-view-btn{border-radius:var(--radius-sm);color:var(--brand-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#6366f114;border:1px solid #6366f14d;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:500;display:inline-flex}.chat-view-btn:hover{background:#6366f12e;border-color:#6366f180;box-shadow:0 0 12px #6366f126}.response-time-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.response-fast{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.response-medium{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.response-slow{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.transfer-badge{white-space:nowrap;text-overflow:ellipsis;color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:4px;align-items:center;gap:3px;max-width:150px;padding:2px 8px;font-size:.68rem;font-weight:500;display:inline-flex;overflow:hidden}.chat-action-btns{align-items:center;gap:4px;display:inline-flex}.chat-export-row-btn{border-radius:var(--radius-sm);color:#10b981;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#10b98114;border:1px solid #10b9814d;align-items:center;gap:3px;padding:4px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.chat-export-row-btn:hover:not(:disabled){background:#10b9812e;border-color:#10b98180;box-shadow:0 0 12px #10b98126}.chat-export-row-btn:disabled{opacity:.6;cursor:not-allowed}.export-spinner-sm{border:2px solid #10b98140;border-top-color:#10b981;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin-sm;display:inline-block}:root[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--brand-primary:#4f46e5;--brand-secondary:#7c3aed;--accent-glow:#4f46e533;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--glass-bg:#ffffffd9;--glass-border:#00000026;--glass-shadow:0 4px 15px 0 #0000000d;--overlay-bg:#0003;--white-alpha-2:#00000005;--white-alpha-3:#00000008;--white-alpha-5:#0000000d;--white-alpha-8:#00000014;--white-alpha-10:#0000001a;--white-alpha-20:#0003;--black-alpha-20:#fffc}:root[data-theme=light] .text-gradient{background:linear-gradient(135deg,#4c1d95,#6b21a8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}:root{--bg-main:#060910;--bg-surface:#10141d;--bg-surface-elevated:#161c26;--brand-primary:#6366f1;--brand-secondary:#8b5cf6;--accent-glow:#6366f166;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--glass-bg:#10141db3;--glass-border:var(--white-alpha-5);--glass-shadow:0 8px 32px 0 #00000080;--transition-fast:.15s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--overlay-bg:#00000080;--white-alpha-2:#ffffff05;--white-alpha-3:#ffffff08;--white-alpha-5:#ffffff0d;--white-alpha-8:#ffffff14;--white-alpha-10:#ffffff1a;--white-alpha-20:#fff3;--black-alpha-20:#0003;--btn-text:#fff}*{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:inherit}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:outfit,sans-serif;overflow-x:hidden}.app-container.vertical-layout{flex-direction:column;min-height:100vh;display:flex}.top-navbar{background:var(--bg-surface);border-bottom:1px solid var(--glass-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:3rem;display:flex}.navbar-tabs{gap:.5rem;display:flex}.nav-tab{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--white-alpha-3);align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-tab:hover{background:var(--white-alpha-8);color:var(--text-primary)}.nav-tab.active-tab{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:var(--btn-text);box-shadow:0 4px 15px var(--accent-glow)}.navbar-right{gap:1rem;display:flex}.icon-btn{background:var(--white-alpha-5);color:var(--text-primary);cursor:pointer;border:none;border-radius:5px;padding:.5rem}.csv-btn{background:var(--white-alpha-5);color:var(--text-primary);border:1px solid var(--white-alpha-10)}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.filter-group{flex-direction:column;gap:.3rem;display:flex}.filter-group label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:600}.filter-group.hide-label label{opacity:0}.modern-input{background:var(--black-alpha-20);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);padding:.5rem 1rem;font-family:inherit;font-size:.9rem}.modern-input::placeholder{color:var(--text-muted)}.filter-select{appearance:none;background-color:var(--bg-surface);color:var(--text-primary);padding-right:2.5rem}.filter-select option{background-color:var(--bg-surface);color:var(--text-primary)}.filter-actions{gap:.5rem;display:flex}.compact-btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.9rem}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:var(--btn-text)}.btn-danger-outline{color:#ef4444;background:0 0;border:1px solid #ef444466}body.filter-active{overflow-x:hidden}body.filter-active .main-content{margin-right:320px}.main-content{flex:1;padding:1.5rem 2rem;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:1.25rem}.text-gradient{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.premium-table{border-collapse:collapse;width:100%;font-size:.85rem}.premium-table th{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--glass-border);text-align:left;padding:1rem}.premium-table td{border-bottom:1px solid var(--white-alpha-2);padding:1rem;font-weight:700}.badge{border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.badge-success{color:#10b981;background:#10b98126}.badge-warning{color:#f59e0b;background:#f59e0b26}.badge-danger{color:#ef4444;background:#ef444426}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.4s forwards fadeInSlideUp}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90%;max-width:1000px;max-height:90vh;box-shadow:var(--glass-shadow);padding:2rem;position:relative;overflow-y:auto}.modal-close{background:var(--white-alpha-10);color:var(--text-primary);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{background:#ef4444cc}.loader-overlay{z-index:50;border-radius:inherit;background:#060910b3;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.loading-message{color:#ffffffbf;text-align:center;max-width:260px;margin:0;font-size:.78rem;line-height:1.4}.spinner{border:4px solid var(--white-alpha-10);border-left-color:var(--brand-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.pagination-controls{gap:.5rem;display:flex}.pagination-btn{background:var(--white-alpha-5);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;padding:.5rem 1rem}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:var(--white-alpha-10)}.expandable-row{cursor:pointer;transition:background var(--transition-fast)}.expandable-row.expanded{background:#ffffff08}.expandable-row:hover{background:var(--white-alpha-8)!important}.sub-row{background:var(--black-alpha-20)}.sub-row td{border-bottom:1px dashed var(--white-alpha-5);padding-top:.5rem;padding-bottom:.5rem}.text-danger{color:#ef4444}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-info{color:#3b82f6}.clickable{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--white-alpha-20);text-decoration-color:var(--white-alpha-20);text-underline-offset:4px}.clickable:hover{color:var(--brand-primary);-webkit-text-decoration-color:var(--brand-primary);text-decoration-color:var(--brand-primary)}.recharts-text{font-family:inherit;font-weight:700!important}