body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:light;--nova-blue: #BB4042;--nova-blue-dark: #702628;--deep-dark: #381314;--dark-bg: #150102;--aqua-verge: #345C66;--verdant-surge: #345C66;--luxe-brass: #D4A853;--golden-yellow: #C79C28;--silicon-grey: #A8A29E;--deep-charcoal: #152529;--bg-primary: #F9F6F0;--bg-secondary: #F1E7CF;--card-bg: #FFFFFF;--text-primary: #1C1917;--text-secondary: #57534E;--text-muted: #A8A29E;--border-light: #E8E2D9;--border-focus: rgba(187, 64, 66, .4);--light-pink: #F1D9D9;--pink-highlight: #F8ECEC;--light-teal: #D6DEE0;--light-gold: #E9D7A9;--light-gold-alt: #F4EBD4;--nav-hover-bg: #F0EBE3;--gradient-primary: linear-gradient(135deg, #BB4042 0%, #702628 100%);--gradient-aqua: linear-gradient(135deg, #345C66 0%, #2a4a52 100%);--gradient-success: linear-gradient(135deg, #345C66 0%, #2a4a52 100%);--gradient-gold: linear-gradient(135deg, #D4A853 0%, #C79C28 100%);--status-completed: #345C66;--status-busy: #D4A853;--status-no-answer: #BB4042;--status-failed: #702628;--purple-primary: var(--nova-blue);--purple-light: var(--aqua-verge);--purple-dark: var(--nova-blue-dark);--green-success: var(--verdant-surge);--red-failed: #702628;--blue-busy: var(--luxe-brass);--orange-refuse: var(--luxe-brass);--padding-horizontal: 32px;--section-gap: 24px;--max-width: 1440px;--card-border: 1px solid var(--border-light);--border-radius: 16px;--transition-speed: .2s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}h1,h2,h3,h4,h5,h6,.chart-container h3,.tenant-name,.hero-value,.metric-value,.hero-card-title,.hero-stat-value,.hero-stat-label,.secondary-value,.secondary-label,.chart-title,.chart-center-value,.chart-center-label,.donut-stat-value,.donut-stat-label,.chart-filter-badge,.calls-table th,.customers-table th{font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.App{min-height:100vh;padding:0;position:relative}.container{max-width:var(--max-width);margin:0 auto;padding:1.5rem 2rem 3rem}.filter-section{background:var(--card-bg);border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;display:flex;align-items:center;gap:2rem;border:1px solid var(--border-light);position:relative;z-index:500;overflow:visible}.filter-group{display:flex;flex-direction:column;gap:.3rem;position:relative;z-index:500}.filter-label{font-size:.65rem;font-weight:700;color:var(--aqua-verge);text-transform:uppercase;letter-spacing:1px}.campaign-info{margin-left:auto;display:flex;gap:1rem;align-items:center}.campaign-badge{padding:.45rem 1.25rem;background:linear-gradient(135deg,#345c661a,#345c660d);border:1px solid rgba(52,92,102,.2);border-radius:24px;font-size:.8rem;color:var(--aqua-verge);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.campaign-badge.collections{background:linear-gradient(135deg,#d4a8531a,#d4a8530d);border-color:#d4a85340;color:var(--golden-yellow)}.campaign-dates{font-size:.8rem;color:var(--text-secondary);font-weight:500}.date-filter-section{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:16px var(--padding-horizontal);margin-bottom:var(--section-gap);animation:fadeIn .5s ease;position:relative;z-index:100}.chart-with-metrics{display:flex;flex-direction:column;gap:16px;height:500px;min-width:0;overflow:hidden}.metrics-row{display:flex;gap:16px;width:100%;min-height:85px;height:85px;align-items:stretch}.metrics-row.single{justify-content:center}.metrics-row.single .metric-card{max-width:100%;flex:1}.metrics-row:not(.single) .metric-card{flex:1}.metrics-section{padding:0 var(--padding-horizontal);margin-bottom:var(--section-gap);animation:fadeIn .5s ease .1s backwards;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--section-gap);max-width:1200px;margin-left:auto;margin-right:auto}.metrics-section .metric-card{min-height:100px}.metrics-section .metric-card:nth-child(1){grid-column:1 / 3}.metrics-section .metric-card:nth-child(2){grid-column:3 / 5}.metrics-section .metric-card:nth-child(3){grid-column:5 / 7}.metrics-section .metric-card:nth-child(4){grid-column:1 / 4}.metrics-section .metric-card:nth-child(5){grid-column:4 / 7}.charts-section{display:grid;gap:var(--section-gap);padding:0 var(--padding-horizontal);margin-bottom:var(--section-gap);animation:fadeIn .6s ease .2s backwards}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem;overflow:hidden}.charts-grid>*{min-width:0;max-width:100%;overflow:hidden}@media(min-width:1200px){.charts-section{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(380px,auto)}}@media(min-width:992px)and (max-width:1199px){.charts-section{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(350px,auto)}}@media(min-width:768px)and (max-width:991px){.charts-section{grid-template-columns:repeat(2,1fr)}.charts-section>:nth-child(3){grid-column:1 / -1}.metrics-row{flex-direction:row}.metric-card .metric-value{font-size:24px}}@media(max-width:767px){.charts-section{grid-template-columns:1fr;padding:0 16px}.metrics-row:not(.single){flex-direction:column}.metrics-row:not(.single) .metric-card{width:100%}}.table-section{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-light);padding:0;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;animation:fadeIn .6s ease .3s backwards;position:relative;overflow:hidden}.card{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-light);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;position:relative;z-index:1;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #bb40421f,0 16px 48px #0000000f}.chart-container{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-light);padding:1.5rem;transition:all .25s ease;position:relative;z-index:1;flex:1;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;display:flex;flex-direction:column}.chart-container h3{margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--bg-secondary);font-size:.8rem;font-weight:700;color:var(--nova-blue);text-transform:uppercase;letter-spacing:.5px}.chart-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:280px}@media(min-width:1200px){.chart-with-metrics{height:500px}}@media(min-width:992px)and (max-width:1199px){.chart-with-metrics{height:470px}}@media(min-width:768px)and (max-width:991px){.chart-with-metrics{height:450px}}@media(max-width:767px){.chart-with-metrics{height:420px}.chart-container{padding:20px}.chart-content{min-height:250px}}.chart-container.has-active-filter{border-color:var(--nova-blue);box-shadow:0 0 0 3px #bb404226}.chart-container:hover{box-shadow:0 4px 16px #0000000f,0 12px 32px #0000000f}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(187,64,66,.1);border-top-color:var(--nova-blue);border-radius:50%;animation:spin 1s linear infinite}.route-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:16px;background:linear-gradient(135deg,#f9f6f0,#fbf8f4,#f9f6f0)}.route-loading-spinner{width:48px;height:48px;border:4px solid rgba(187,64,66,.2);border-top:4px solid #BB4042;border-radius:50%;animation:spin 1s linear infinite}.route-loading p{color:#a8a29e;font-size:14px;margin:0}.error-banner{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 20px;margin:16px var(--padding-horizontal);display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease}.error-banner span{color:#dc2626;font-size:14px;font-weight:500}.error-banner button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.error-banner button:hover{background:#ef444433;transform:translateY(-1px)}.ws-indicator{position:fixed;bottom:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid var(--border-light);display:flex;align-items:center;gap:8px;font-size:14px;color:var(--verdant-surge);animation:fadeInScale .3s ease;z-index:9999;box-shadow:0 4px 12px #bb40421a}.ws-dot{width:8px;height:8px;background:var(--verdant-surge);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filtered-out{opacity:0;transform:scale(.95);transition:all var(--transition-speed) ease}.table-row{transition:background var(--transition-speed) ease}.table-row:hover{background:linear-gradient(90deg,transparent,rgba(187,64,66,.05),transparent)}@media(min-width:1400px){.metrics-section{max-width:1300px;gap:32px}.metrics-section .metric-card{min-height:110px}}@media(min-width:1200px)and (max-width:1399px){.metrics-section{max-width:1100px;gap:24px}}@media(min-width:992px)and (max-width:1199px){.metrics-section{max-width:900px;gap:20px}.metrics-section .metric-card{min-height:90px}}@media(max-width:991px){.metrics-section{grid-template-columns:1fr;max-width:400px}.metrics-section .metric-card:nth-child(1),.metrics-section .metric-card:nth-child(2),.metrics-section .metric-card:nth-child(3),.metrics-section .metric-card:nth-child(4),.metrics-section .metric-card:nth-child(5){grid-column:auto}}@media(min-width:2560px){:root{--padding-horizontal: 48px;--section-gap: 32px;--max-width: 2400px}}@media(min-width:1920px)and (max-width:2559px){:root{--padding-horizontal: 40px;--section-gap: 28px}}@media(min-width:1400px)and (max-width:1919px){:root{--padding-horizontal: 32px;--section-gap: 24px}.chart-container{min-width:unset;max-width:100%}}@media(min-width:1200px)and (max-width:1399px){:root{--padding-horizontal: 24px;--section-gap: 20px}.chart-container{min-width:unset;max-width:100%;padding:18px}.table-section{overflow-x:auto}}@media(min-width:768px)and (max-width:991px){.metrics-section{grid-template-columns:repeat(3,1fr);gap:15px}}@media(max-width:768px){:root{--padding-horizontal: 16px;--section-gap: 16px}.metrics-section,.charts-section{grid-template-columns:1fr}.table-section{padding:10px 16px 16px}}.filter-tooltip-badge{display:inline-block;padding:10px 20px;background:#d4a8531a;border:2px solid var(--luxe-brass);border-radius:24px;color:var(--golden-yellow);font-weight:500;font-size:14px;transition:all .3s ease;cursor:default}.filter-tooltip-badge:hover{background:#d4a85326;transform:translateY(-1px);box-shadow:0 4px 12px #d4a85333}@media(max-width:1280px){.charts-grid{grid-template-columns:repeat(2,1fr)}.charts-grid>:nth-child(3){grid-column:span 2}}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}.charts-grid>:nth-child(3){grid-column:span 1}}@media(max-width:1024px){.container{padding:1rem 1.5rem 2rem}.filter-section{flex-wrap:wrap;gap:1rem}.campaign-info{margin-left:0;width:100%;justify-content:flex-start}}@media(max-width:768px){.container{padding:1rem}.filter-section{padding:.75rem 1rem}}@media(max-width:900px){:root{--padding-horizontal: 16px;--section-gap: 16px}.container{padding:1rem}.filter-section{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;overflow:visible}.filter-group{width:100%;position:relative}.filter-group:first-child{z-index:600}.filter-group:nth-child(2){z-index:500}.campaign-info{margin-left:0;justify-content:center;flex-wrap:wrap;gap:.5rem}.campaign-badge{font-size:.7rem;padding:.35rem .9rem}.campaign-dates{font-size:.75rem}}@media(max-width:640px){.container{padding:.75rem}.filter-section{padding:.75rem;margin-bottom:1rem;border-radius:12px;overflow:visible}.filter-group{position:relative}.filter-group:first-child{z-index:600}.filter-group:nth-child(2){z-index:500}.filter-label{font-size:.6rem}.campaign-info{display:none}.charts-grid{grid-template-columns:1fr;gap:1rem}.charts-grid>:nth-child(3){grid-column:span 1}.table-section{border-radius:12px;margin:0 -.25rem}.error-banner{flex-direction:column;gap:.75rem;text-align:center;margin:.5rem;padding:1rem}.error-banner button{width:100%}}@media(max-width:480px){.container{padding:.5rem}.filter-section{padding:.5rem .75rem}.chart-container{padding:1rem}.chart-container h3{font-size:.7rem}.chart-content{min-height:200px}.ws-indicator{bottom:10px;right:10px;padding:6px 12px;font-size:12px}.ws-dot{width:6px;height:6px}}@media(hover:none)and (pointer:coarse){.pagination-button{min-height:44px;min-width:44px;padding:10px 20px}.icon-button{min-height:44px;min-width:44px;padding:10px}.card:hover,.hero-card:hover,.secondary-card:hover,.chart-container:hover{transform:none}}@media(max-height:500px)and (orientation:landscape){.hero-metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.hero-card{min-height:120px;padding:1rem}.secondary-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.charts-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.chart-card{min-height:280px}}.metrics-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:3rem 1.5rem;margin:1rem 0;background:#fff;border:1px solid var(--border-light, #e5e7eb);border-radius:16px;color:var(--text-secondary, #6B7280)}.metrics-access-denied svg{color:var(--nova-blue, #BB4042);opacity:.7}.metrics-access-denied h3{margin:.25rem 0 0;font-size:1.05rem;color:var(--text-primary, #111827)}.metrics-access-denied p{margin:0;font-size:.9rem;max-width:420px}.tenant-logo-container{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none;position:relative;min-height:var(--logo-size, 40px)}.tenant-logo-loading-wrapper,.tenant-logo-content-wrapper{display:flex;align-items:center;gap:12px;width:100%}.tenant-logo-container.sm{--logo-size: 32px;--font-size: 12px;--initial-size: 20px;gap:8px}.tenant-logo-container.md{--logo-size: 40px;--font-size: 14px;--initial-size: 24px;gap:12px}.tenant-logo-container.lg{--logo-size: 72px;--font-size: 16px;--initial-size: 36px;gap:16px}.tenant-logo-image-container{position:relative;width:var(--logo-size);height:var(--logo-size);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#ffffffe6,#fbf8f4e6);box-shadow:0 4px 12px #345c661f;border:1px solid rgba(52,92,102,.15);transition:all .3s ease;cursor:pointer}.tenant-logo-image-container:hover{transform:scale(1.02);box-shadow:0 6px 14px #345c6633}.tenant-logo-image{width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .3s ease;padding:8px}.tenant-logo-image.loaded{opacity:1}.tenant-logo-text-fallback{display:flex;align-items:center;gap:12px}.tenant-logo-initial{width:var(--logo-size);height:var(--logo-size);border-radius:12px;background:linear-gradient(135deg,var(--nova-blue, #BB4042),var(--aqua-verge, #345C66));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--initial-size);text-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 4px 16px #bb40424d;transition:all .3s ease;cursor:pointer}.tenant-logo-text-fallback:hover .tenant-logo-initial{transform:scale(1.02);box-shadow:0 6px 14px #345c6659}.tenant-name-text{font-size:var(--font-size);font-weight:600;font-family:Inter,-apple-system,SF Pro Display,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;letter-spacing:-.025em}.tenant-logo-skeleton,.image-loading-skeleton{width:var(--logo-size);height:var(--logo-size);border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 50%,#f0f0f0 75%);background-size:200% 100%;position:relative;overflow:hidden}.tenant-name-skeleton{width:120px;height:20px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 50%,#f0f0f0 75%);background-size:200% 100%;position:relative;overflow:hidden}.image-loading-skeleton{position:absolute;top:0;left:0;z-index:1}.shimmer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translate(-100%)}@media(min-width:2560px){.tenant-logo-container.lg{--logo-size: 80px;--font-size: 17px;--initial-size: 40px}}@media(min-width:1920px)and (max-width:2559px){.tenant-logo-container.lg{--logo-size: 76px;--font-size: 16px;--initial-size: 38px}}@media(min-width:1400px)and (max-width:1919px){.tenant-logo-container.lg{--logo-size: 72px;--font-size: 16px;--initial-size: 36px}}@media(min-width:1200px)and (max-width:1399px){.tenant-logo-container.lg{--logo-size: 68px;--font-size: 15px;--initial-size: 34px}}@media(max-width:1199px){.tenant-logo-container.lg{--logo-size: 64px;--font-size: 14px;--initial-size: 32px}.tenant-logo-container.md{--logo-size: 32px;--font-size: 13px;--initial-size: 20px}.tenant-name-text{max-width:150px}}.tenant-logo-container.interactive{cursor:pointer}.tenant-logo-container.interactive:hover .tenant-logo-image-container,.tenant-logo-container.interactive:hover .tenant-logo-initial{transform:translateY(-1px);box-shadow:0 6px 16px #345c6640;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.tenant-logo-container.interactive:hover .tenant-name-text{color:#000;transition:color .2s ease}@media(prefers-contrast:high){.tenant-logo-initial{background:#000;border:2px solid #fff}.tenant-name-text{color:#000;font-weight:600}}@media(prefers-reduced-motion:reduce){.tenant-logo-image,.tenant-logo-initial,.tenant-name-text,.shimmer-overlay{transition:none!important;animation:none!important}}.tenant-logo-container.header-context{display:flex;align-items:center;gap:16px;--logo-size: 64px;--font-size: 26px;--initial-size: 32px}.tenant-logo-container.header-context .tenant-logo-image-container{width:var(--logo-size);height:var(--logo-size);min-width:var(--logo-size);border-radius:10px;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.08);background:#fff}.tenant-logo-container.header-context .tenant-logo-image{padding:6px}.tenant-logo-container.header-context .tenant-logo-content-wrapper,.tenant-logo-container.header-context .tenant-logo-text-fallback{display:flex;align-items:center;gap:14px}.tenant-logo-container.header-context .tenant-logo-initial{width:var(--logo-size);height:var(--logo-size);min-width:var(--logo-size);border-radius:10px;font-size:var(--initial-size)}.tenant-logo-container.header-context .tenant-name-text{font-size:var(--font-size);font-weight:600;font-family:Inter,-apple-system,SF Pro Display,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--nova-blue, #BB4042) 0%,var(--aqua-verge, #345C66) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em;white-space:nowrap;overflow:visible;text-overflow:unset;max-width:none}@media(min-width:1920px){.tenant-logo-container.header-context{--logo-size: 68px;--font-size: 28px;--initial-size: 34px;gap:18px}}@media(min-width:1400px)and (max-width:1919px){.tenant-logo-container.header-context{--logo-size: 64px;--font-size: 26px;--initial-size: 32px;gap:16px}}@media(max-width:1399px){.tenant-logo-container.header-context{--logo-size: 54px;--font-size: 21px;--initial-size: 28px;gap:14px}}@media(max-width:1199px){.tenant-logo-container.header-context{--logo-size: 50px;--font-size: 19px;--initial-size: 26px;gap:12px}}@media(max-width:1024px){.tenant-logo-container.header-context{--logo-size: 40px;--initial-size: 20px;gap:8px}}@media(max-width:768px){.tenant-logo-container.header-context{--logo-size: 36px;--initial-size: 18px;gap:8px}.tenant-logo-container.header-context .tenant-name-text{display:none}}@media(prefers-color-scheme:dark){.tenant-name-text{color:#cbd5e0}.tenant-logo-container.header-context .tenant-name-text{color:#f1e7cf}.tenant-logo-skeleton,.tenant-name-skeleton{background:linear-gradient(90deg,#2D3748 25%,transparent 50%,#2D3748 75%)}.shimmer-overlay{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}}.tenant-selector{position:relative;z-index:10001}.tenant-selector-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1.5px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;color:var(--text-primary);min-width:200px}.tenant-selector-trigger:hover:not(:disabled){background:#345c6608;border-color:var(--aqua-verge);box-shadow:0 2px 8px #345c661a}.tenant-selector-trigger:disabled{opacity:.6;cursor:not-allowed}.tenant-selector-current{display:flex;align-items:center;gap:8px;flex:1;justify-content:space-between}.tenant-selector-name{font-weight:600;color:var(--text-primary);flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-selector-arrow{transition:transform .2s ease;color:var(--aqua-verge)}.tenant-selector-arrow.open{transform:rotate(180deg)}.tenant-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 40px #bb404226,0 4px 12px #00000014;overflow:hidden;animation:slideDown .2s ease;z-index:100000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tenant-selector-list{max-height:300px;overflow-y:auto}.tenant-selector-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:14px 18px;background:#fff;border:none;border-bottom:1px solid var(--border-light);border-left:3px solid transparent;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left}.tenant-selector-item:last-child{border-bottom:none}.tenant-selector-item:hover:not(:disabled){background:linear-gradient(90deg,#345c6614,#345c6605);border-left-color:var(--aqua-verge)}.tenant-selector-item:disabled{cursor:default;opacity:.7}.tenant-selector-item.current{background:linear-gradient(90deg,#bb404214,#bb404205);border-left-color:var(--nova-blue)}.tenant-item-content{flex:1;min-width:0}.tenant-item-name{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-item-meta{display:flex;align-items:center;gap:12px;font-size:12px}.tenant-item-code{color:var(--silicon-grey);background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace}.tenant-item-role{color:var(--aqua-verge);font-weight:600;text-transform:capitalize}.tenant-item-current{color:var(--nova-blue);font-size:12px;font-weight:600;padding:4px 8px;background:#bb40421a;border-radius:4px}.tenant-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.tenant-selector-spinner{padding:20px 30px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;font-size:14px;color:#666;font-weight:500}@media(min-width:2560px){.tenant-selector-trigger{min-width:240px;padding:10px 20px;font-size:15px}.tenant-selector-dropdown{min-width:320px}.tenant-selector-item{padding:16px 20px;min-height:52px}.tenant-item-name{font-size:15px}}@media(min-width:1920px)and (max-width:2559px){.tenant-selector-trigger{min-width:220px;padding:9px 18px;font-size:14px}.tenant-selector-dropdown{min-width:300px}}@media(min-width:1400px)and (max-width:1919px){.tenant-selector-trigger{min-width:200px;padding:8px 16px;font-size:14px}.tenant-selector-dropdown{min-width:280px}}@media(min-width:1200px)and (max-width:1399px){.tenant-selector-trigger{min-width:180px;padding:7px 14px;font-size:13px}.tenant-selector-dropdown{min-width:260px}.tenant-selector-item{padding:12px 16px;min-height:44px}}@media(max-width:1199px){.tenant-selector-trigger{min-width:160px;padding:6px 12px;font-size:13px}.tenant-selector-dropdown{min-width:240px}.tenant-selector-item{padding:10px 14px;min-height:40px}}@media(max-width:768px){.tenant-selector-label{display:none}.tenant-selector-trigger{min-width:140px}}.dashboard-header{background:linear-gradient(180deg,#fff,#fbf8f4);border-bottom:1px solid var(--border-light);height:72px;position:sticky;top:0;z-index:10000}.header-inner{max-width:var(--max-width, 1440px);margin:0 auto;padding:0 2rem;height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem}.header-left{display:flex;align-items:center;justify-content:flex-start;min-width:0}.logo-box{width:42px;height:42px;background:linear-gradient(135deg,#bb404226,#70262826);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--nova-blue);box-shadow:0 2px 8px #bb404226}.logo-container{display:flex;align-items:center;position:relative;height:72px}.branding-logo{width:180px;height:auto;max-height:64px;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(187,64,66,.1));cursor:pointer}.branding-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(187,64,66,.2))}.header-center{display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:0}.tenant-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem;min-width:0}.admin-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;color:var(--silicon-grey);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s ease;border:1px solid transparent}.admin-link:hover{background:#bb40420f;color:var(--aqua-verge);border-color:#bb404226}.admin-link svg{width:18px;height:18px}.header-tenant-selector{margin-right:0;max-width:260px}.header-tenant-selector .tenant-selector-trigger{background:#fff;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}.header-tenant-selector .tenant-selector-trigger:hover:not(:disabled){background:#bb40420a;border-color:var(--aqua-verge)}.tenant-badge{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1.5px solid var(--border-light);padding:8px 20px;border-radius:8px;font-size:14px;display:inline-flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #bb40420f;white-space:nowrap;transition:all .2s ease}.tenant-badge:hover{border-color:#bb40424d}.tenant-label{color:var(--text-secondary);font-weight:400}.user-section{display:flex;align-items:center;gap:1rem}.username{font-size:.85rem;color:var(--text-secondary);font-weight:500}.logout-button{background:transparent;border:2px solid var(--nova-blue, #BB4042);color:var(--nova-blue, #BB4042);padding:.5rem 1.25rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#bb404214;border-color:var(--nova-blue-dark, #702628);color:var(--nova-blue-dark, #702628);transform:translateY(-1px)}.logout-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.branding-logo{width:150px;max-height:56px}}@media(max-width:1024px){.header-inner{gap:.75rem;padding:0 1.5rem}.header-right{gap:.75rem}.header-tenant-selector{max-width:220px}.header-center .tenant-name-text{display:none}}@media(max-width:900px){.header-inner{gap:.5rem;padding:0 1rem}.header-right{gap:.5rem}.header-tenant-selector{max-width:160px}.admin-link span,.username{display:none}}@media(max-width:768px){.dashboard-header{height:64px}.header-inner{padding:0 1rem;grid-template-columns:auto 1fr}.header-center{display:none}.branding-logo{width:130px;max-height:48px}.header-right{gap:.75rem;justify-self:end}.username,.logout-button,.user-menu,.admin-link,.header-tenant-selector{display:none}}@media(max-width:640px){.header-inner{padding:0 .75rem}}@media(max-width:480px){.dashboard-header{height:60px}.header-inner{padding:0 .5rem}.branding-logo{width:110px;max-height:44px}}.mobile-menu-button{display:none;background:transparent;border:1px solid var(--border-light);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease}.mobile-menu-button:hover{background:#bb40420f;border-color:var(--aqua-verge)}.mobile-menu-button svg{width:20px;height:20px;color:var(--text-secondary)}@media(max-width:768px){.mobile-menu-button{display:flex;align-items:center;justify-content:center}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu-panel{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:var(--card-bg);box-shadow:-4px 0 24px #00000026;z-index:1000;transition:right .3s ease;display:flex;flex-direction:column}.mobile-menu-panel.active{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.mobile-menu-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.mobile-menu-close{background:transparent;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background .2s ease}.mobile-menu-close:hover{background:var(--bg-secondary)}.mobile-menu-close svg{width:20px;height:20px;color:var(--text-secondary)}.mobile-menu-content{flex:1;padding:1rem;overflow-y:auto}.mobile-menu-section{margin-bottom:1.5rem}.mobile-menu-section-title{font-size:.7rem;font-weight:700;color:var(--aqua-verge);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.mobile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;margin-bottom:.25rem}.mobile-menu-item:hover{background:#bb404214;color:var(--aqua-verge)}.mobile-menu-item svg{width:18px;height:18px}.mobile-menu-footer{padding:1rem;border-top:1px solid var(--border-light)}.mobile-logout-button{width:100%;padding:.75rem;background:transparent;border:1.5px solid var(--border-light);color:var(--text-secondary);font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.mobile-logout-button:hover{border-color:var(--nova-blue);color:var(--nova-blue);background:#bb40420a}.mobile-logout-button svg{width:18px;height:18px;margin-right:8px}.mobile-logout-button{display:flex;align-items:center;justify-content:center}.mobile-menu-user-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#bb404214,#bb40420a);border-radius:10px;border:1px solid rgba(187,64,66,.15)}.mobile-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--nova-blue) 0%,#702628 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 8px #bb40424d}.mobile-user-details{display:flex;flex-direction:column;gap:2px}.mobile-user-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.mobile-user-role{font-size:.75rem;color:var(--aqua-verge);text-transform:capitalize;font-weight:500}.mobile-menu-tenant-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#bb40420f,#bb40420a);border-radius:10px;border:1px solid rgba(187,64,66,.1)}.mobile-tenant-name{font-size:.9rem;font-weight:600;color:var(--nova-blue)}.mobile-tenant-selector{margin-top:12px;width:100%}.mobile-tenant-selector .tenant-selector-trigger{width:100%;background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:10px 14px;justify-content:space-between}.mobile-tenant-selector .tenant-selector-trigger:hover:not(:disabled){background:#bb40420a;border-color:var(--aqua-verge)}.mobile-tenant-selector .tenant-selector-name{font-size:.85rem;font-weight:500}.mobile-tenant-selector .tenant-selector-dropdown{position:relative;top:4px;width:100%;max-height:200px;overflow-y:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.mobile-tenant-selector .tenant-selector-item{padding:10px 12px}.mobile-tenant-selector .tenant-item-name{font-size:.85rem}.mobile-tenant-selector .tenant-item-meta{font-size:.7rem}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border-light);border-radius:10px;padding:.35rem .6rem;cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{background:#bb40420d;border-color:var(--aqua-verge, rgba(187, 64, 66, .3))}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#bb4042,#702628);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.user-menu-chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform .2s ease}.user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}.user-menu-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:.75rem;z-index:10001}.user-menu-tenant{display:flex;flex-direction:column;gap:.4rem}.user-menu-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.user-menu-current-tenant{font-size:.9rem;font-weight:600;color:var(--text-primary)}.user-menu-tenant-selector:not(:empty)+.user-menu-current-tenant{display:none}.user-menu-tenant-selector{width:100%;max-width:100%}.user-menu-divider{height:1px;background:var(--border-light);margin:.6rem 0}.user-menu-logout{display:flex;align-items:center;gap:.5rem;width:100%;background:transparent;border:none;border-radius:8px;padding:.55rem .6rem;font-size:.85rem;font-weight:600;color:var(--nova-blue, #BB4042);cursor:pointer;transition:background .2s ease}.user-menu-logout svg{width:16px;height:16px}.user-menu-logout:hover{background:#bb404214}.user-menu-logout:disabled{opacity:.6;cursor:not-allowed}.campaign-selector{position:relative;display:inline-block;min-width:280px}.campaign-selector-trigger{width:100%;padding:.5rem 2.5rem .5rem 1rem;border:2px solid var(--border-light);border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text-primary);background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;display:flex;align-items:center;justify-content:space-between;height:42px}.campaign-selector-trigger:hover:not(.disabled),.campaign-selector-trigger.open{border-color:var(--aqua-verge);box-shadow:0 0 0 4px #345c661a}.campaign-selector-trigger.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.campaign-selector-content{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.campaign-selector-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-selector-arrow{margin-left:8px;transition:transform .2s ease;color:var(--aqua-verge);flex-shrink:0}.campaign-selector-trigger.open .campaign-selector-arrow{transform:rotate(180deg)}.campaign-selector-spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--aqua-verge);border-radius:50%;animation:spin .8s linear infinite;margin-left:8px;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.campaign-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #bb404226,0 4px 12px #00000014;border:1px solid var(--border-light);z-index:1000;max-height:400px;overflow:hidden;display:flex;flex-direction:column;min-width:320px}.campaign-search-container{padding:10px 12px;border-bottom:1px solid var(--bg-secondary);background:#345c6608}.campaign-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:14px;outline:none;transition:all .2s ease}.campaign-search-input:focus{border-color:var(--aqua-verge);box-shadow:0 0 0 2px #345c6626}.campaign-search-input::placeholder{color:var(--text-muted)}.campaign-options{flex:1;overflow-y:auto;padding:4px 0}.campaign-option{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.campaign-option:hover{background:linear-gradient(90deg,#345c6614,#345c6605);border-left-color:var(--aqua-verge)}.campaign-option.selected{background:linear-gradient(90deg,#bb404214,#bb404205);border-left-color:var(--nova-blue)}.campaign-option-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;flex-shrink:0}.campaign-option-icon.collections{background:linear-gradient(135deg,#d1a95526,#d1a9550d);color:var(--luxe-brass)}.campaign-option-icon.reminder{background:linear-gradient(135deg,#345c6626,#345c660d);color:var(--aqua-verge)}.campaign-option-content{flex:1;min-width:0}.campaign-option-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0}.campaign-option-name{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.campaign-option-hint{font-size:12px;color:var(--text-muted);margin-top:2px}.campaign-option-dates{font-size:.7rem;color:var(--text-muted);display:flex;gap:.75rem}.campaign-option-empty{padding:16px 12px;text-align:center;color:var(--text-muted);font-size:14px}.campaign-type-badge{padding:.2rem .5rem;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.campaign-type-badge.small{padding:1px 6px;font-size:10px}.campaign-type-badge.badge-collections{background:#d1a9551a;color:#b8942e;border:1px solid rgba(209,169,85,.2)}.campaign-type-badge.badge-reminder{background:#345c661a;color:var(--aqua-verge);border:1px solid rgba(52,92,102,.2)}.campaign-status-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:capitalize}.campaign-status-badge.badge-active{background:#345c661a;color:var(--verdant-surge)}.campaign-status-badge.badge-completed{background:#bb40421a;color:var(--nova-blue)}.campaign-status-badge.badge-cancelled{background:#a8a29e1a;color:var(--silicon-grey)}.campaign-options::-webkit-scrollbar{width:6px}.campaign-options::-webkit-scrollbar-track{background:var(--bg-secondary)}.campaign-options::-webkit-scrollbar-thumb{background:#345c664d;border-radius:3px}.campaign-options::-webkit-scrollbar-thumb:hover{background:var(--aqua-verge)}@media(max-width:1024px){.campaign-selector{min-width:220px}.campaign-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:auto;max-width:min(400px,calc(100vw - 32px));max-height:50vh;min-width:280px;z-index:1000}}@media(max-width:900px){.campaign-selector{min-width:100%;width:100%}.campaign-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-width:none;max-height:50vh;min-width:auto;z-index:1000}}@media(max-width:768px){.campaign-selector{min-width:100%;width:100%}.campaign-selector-trigger{padding:6px 10px;font-size:13px}.campaign-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-width:none;max-height:45vh;min-width:auto;z-index:1000}.campaign-type-badge{font-size:10px;padding:1px 6px}}@media(max-width:640px){.campaign-selector{min-width:100%;width:100%}.campaign-selector-trigger{padding:.6rem 2rem .6rem .875rem;font-size:.85rem}.campaign-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;bottom:auto;max-height:50vh;border-radius:12px;z-index:1000}.campaign-option{padding:.75rem .875rem;gap:.5rem}.campaign-option-icon{width:28px;height:28px;font-size:.6rem}.campaign-option-name{font-size:.8rem}.campaign-option-dates{font-size:.65rem;flex-wrap:wrap}.campaign-search-input{padding:6px 10px;font-size:13px}}@media(max-width:480px){.campaign-selector-trigger{padding:.5rem 1.75rem .5rem .75rem;font-size:.8rem}.campaign-selector-dropdown{max-height:55vh}.campaign-option{padding:.625rem .75rem}.campaign-option-icon{width:24px;height:24px;border-radius:6px}}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem}.hero-card{background:var(--card-bg);border-radius:20px;padding:1.5rem;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;border:1px solid var(--border-light);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:160px}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.hero-card.primary:before{background:linear-gradient(135deg,#345c66,#2a4a52)}.hero-card.success:before{background:linear-gradient(135deg,#345c66,#2a4a52)}.hero-card.interactive:before{background:linear-gradient(135deg,#345c66,#2a4a52)}.hero-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #bb40421f,0 16px 48px #0000000f}.hero-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.hero-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.hero-icon.blue{background:linear-gradient(135deg,#bb40421f,#bb40420a)}.hero-icon.green,.hero-icon.teal{background:linear-gradient(135deg,#345c661f,#345c660a)}.hero-icon svg{width:24px;height:24px}.hero-icon .rupee-icon{font-size:22px;font-weight:800;color:var(--verdant-surge)}.hero-card-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.hero-stats-row{display:flex;justify-content:space-between;gap:1rem}.hero-stat{flex:1;min-width:0;text-align:center;padding:.5rem;border-radius:10px;background:var(--bg-primary)}.hero-stat-value{font-size:1.75rem;font-weight:800;color:var(--deep-charcoal);line-height:1;letter-spacing:-.5px;white-space:nowrap}.hero-stat-value.success{color:var(--verdant-surge)}.hero-stat-value.highlight{color:var(--luxe-brass)}.hero-stat-label{font-size:.65rem;color:var(--text-muted);margin-top:.35rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.hero-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px}@media(max-width:1400px){.hero-stat-value{font-size:1.5rem}.hero-stats-row{gap:.5rem}.hero-stat{padding:.35rem}}@media(max-width:1280px){.hero-metrics{grid-template-columns:repeat(2,1fr)}.hero-metrics .hero-card:last-child{grid-column:span 2}.hero-stat-value{font-size:1.75rem}.hero-stat{padding:.5rem}.hero-stats-row{gap:1rem}}@media(max-width:900px){.hero-metrics{grid-template-columns:1fr}.hero-metrics .hero-card:last-child{grid-column:span 1}.hero-stat-value{font-size:1.5rem}}@media(max-width:600px){.hero-card{padding:1rem}.hero-stats-row{flex-direction:column;gap:.5rem}.hero-stat{padding:.75rem}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #e8ecef) 25%,var(--skeleton-shine, #f4f6f8) 50%,var(--skeleton-base, #e8ecef) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-value{height:2rem;width:80px;margin-bottom:.25rem}.skeleton-value.large{height:2.5rem;width:100px}.skeleton-label{height:.75rem;width:60px}.skeleton-icon{width:48px;height:48px;border-radius:12px}.skeleton-circle{border-radius:50%}.skeleton-card{padding:1.5rem;background:var(--card-bg, #fff);border-radius:20px;border:1px solid var(--border-light, #e8ecef)}.skeleton-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.skeleton-card-title{height:.75rem;width:100px}.skeleton-stats-row{display:flex;justify-content:space-between;gap:1rem}.skeleton-stat{flex:1;text-align:center;padding:.5rem;border-radius:10px;background:var(--bg-primary, #f8fafc)}.skeleton-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.skeleton-donut{width:160px;height:160px;border-radius:50%;border:24px solid var(--skeleton-base, #e8ecef);position:relative;overflow:hidden}.skeleton-donut:after{content:"";position:absolute;top:-24px;left:-24px;right:-24px;bottom:-24px;border-radius:50%;border:24px solid transparent;border-top-color:var(--skeleton-shine, #f4f6f8);animation:skeleton-spin 1.5s linear infinite}@keyframes skeleton-spin{to{transform:rotate(360deg)}}.skeleton-bar{height:20px;border-radius:4px;margin-bottom:.75rem}.skeleton-bars{width:100%;padding:1rem 0}.skeleton-bar:nth-child(1){width:90%}.skeleton-bar:nth-child(2){width:75%}.skeleton-bar:nth-child(3){width:60%}.skeleton-bar:nth-child(4){width:85%}.skeleton-bar:nth-child(5){width:45%}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:120px}.error-state-icon{width:48px;height:48px;margin-bottom:1rem;color:var(--silicon-grey, #A8A29E)}.error-state-message{font-size:.875rem;color:var(--text-secondary, #64748b);margin-bottom:1rem;max-width:200px}.error-state-retry{padding:.5rem 1rem;background:var(--nova-blue, #BB4042);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.error-state-retry:hover{background:var(--aqua-verge, #345C66);transform:translateY(-1px)}.error-state-retry:active{transform:translateY(0)}.error-state.compact{padding:1rem;min-height:80px}.error-state.compact .error-state-icon{width:32px;height:32px;margin-bottom:.5rem}.error-state.compact .error-state-message{font-size:.75rem;margin-bottom:.75rem}.secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.secondary-card{background:var(--card-bg);border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #00000005,0 4px 12px #00000008;border:1px solid var(--border-light);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:90px;display:flex;flex-direction:column;justify-content:center}.secondary-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--aqua-verge);transform:scaleX(0);transition:transform .25s ease}.secondary-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #345c6626;border-color:#345c664d}.secondary-card:hover:before{transform:scaleX(1)}.secondary-value{font-size:1.5rem;font-weight:800;color:var(--deep-charcoal);letter-spacing:-.5px}.secondary-label{font-size:.65rem;color:var(--text-secondary);margin-top:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.secondary-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:50px}.secondary-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media(max-width:900px){.secondary-grid{grid-template-columns:repeat(2,1fr)}.secondary-grid .secondary-card:last-child{grid-column:span 2}}@media(max-width:600px){.secondary-grid{grid-template-columns:1fr}.secondary-grid .secondary-card:last-child{grid-column:span 1}.secondary-card{padding:1rem}.secondary-value{font-size:1.25rem}}.chart-card{background:var(--card-bg);border-radius:20px;padding:1.5rem;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;border:1px solid var(--border-light);transition:all .25s ease;min-width:0;max-width:100%;overflow:visible}.chart-card:hover{box-shadow:0 4px 16px #0000000f,0 12px 32px #0000000f}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--bg-secondary)}.chart-title{font-size:.8rem;font-weight:700;color:var(--nova-blue);text-transform:uppercase;letter-spacing:.5px}.chart-menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--silicon-grey);cursor:pointer;border-radius:6px;transition:all .15s ease;font-size:1.2rem}.chart-menu:hover{background:var(--bg-secondary);color:var(--aqua-verge)}.chart-content{position:relative;height:100%}.active-filter-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--nova-blue),#702628);color:#fff;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;z-index:10;animation:fadeInScale .3s ease;box-shadow:0 4px 12px #bb404240;transition:all .3s ease}.active-filter-badge:hover{transform:scale(1.05);box-shadow:0 6px 16px #bb404259}.language-filter{background:linear-gradient(135deg,var(--aqua-verge),#2a4a52)}.execution-filter{background:linear-gradient(135deg,var(--luxe-brass),#c49e3d)}.call-status-filter{background:linear-gradient(135deg,var(--verdant-surge),#2a4a52)}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.chart-container canvas{cursor:pointer}.chart-helper-text{text-align:center;color:var(--text-muted);font-size:11px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light);opacity:.8;transition:opacity .3s ease}.chart-helper-text:hover{opacity:1}.chart-container.payment-outcomes{transition:all .3s ease}.chart-container.payment-outcomes.has-active-filter{background:linear-gradient(135deg,#fffffffa,#345c6608,#bb404205);box-shadow:0 8px 24px #345c6626,0 0 0 1px #345c661a}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes subtlePulse{0%,to{box-shadow:0 4px 12px #bb404240}50%{box-shadow:0 6px 18px #bb404259}}.active-filter-badge.call-status-filter{animation:fadeInScale .3s ease,subtlePulse 2s ease-in-out infinite}.chart-container canvas{transition:filter .2s ease}.chart-container.has-active-filter canvas{filter:contrast(1.05)}.donut-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.donut-stat-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.35rem .5rem;border-radius:6px;background:var(--bg-primary)}.donut-stat-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-stat-label{flex:1;color:var(--text-secondary);font-weight:500}.donut-stat-value{font-weight:700;color:var(--deep-charcoal)}.chart-container{position:relative;height:220px;min-height:220px;max-width:100%;overflow:visible;isolation:isolate}.chart-container canvas{position:relative;z-index:1}.bar-chart-container{height:280px;min-height:280px;max-width:100%;overflow:visible}.bar-chart-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.bar-chart-rows{min-height:100%}.chart-card{min-height:380px;display:flex;flex-direction:column}.chart-card .chart-container,.chart-card .bar-chart-container{flex:1}@media(max-width:1280px){.chart-card{min-height:340px;padding:1.25rem}.chart-container{height:200px;min-height:200px}.bar-chart-container{height:250px;min-height:250px}}@media(max-width:900px){.chart-card{min-height:320px;padding:1rem}.chart-header{margin-bottom:.75rem;padding-bottom:.5rem}.chart-title{font-size:.7rem}.chart-container{height:180px;min-height:180px}.bar-chart-container{height:220px;min-height:220px}.donut-stats{gap:.35rem;margin-top:.75rem}.donut-stat-item{font-size:.65rem;padding:.25rem .4rem}.donut-stat-color{width:8px;height:8px}.active-filter-badge{font-size:10px;padding:3px 10px}}@media(max-width:640px){.chart-card{min-height:280px;padding:.875rem;border-radius:16px}.chart-header{margin-bottom:.5rem;padding-bottom:.4rem}.chart-title{font-size:.65rem}.chart-menu{width:24px;height:24px;font-size:1rem}.chart-container{height:160px;min-height:160px}.bar-chart-container{height:200px;min-height:200px}.donut-stats{grid-template-columns:1fr;gap:.25rem;margin-top:.5rem}.donut-stat-item{font-size:.6rem;padding:.2rem .35rem}.active-filter-badge{top:5px;right:5px;font-size:9px;padding:2px 8px}.chart-helper-text{font-size:10px;margin-top:6px;padding-top:6px}.no-data{font-size:12px}}@media(hover:none)and (pointer:coarse){.chart-card:hover{box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a}.chart-container canvas{touch-action:pan-y}}.chart-filter-badge{position:absolute;top:10px;right:10px;cursor:pointer;padding:6px 12px;background-color:var(--nova-blue, #BB4042);color:#fff;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #0003;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 20px);z-index:10;border:none;outline:none;font-family:inherit}.chart-filter-badge-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.chart-filter-badge-close{flex-shrink:0}.chart-filter-badge:hover{background-color:var(--aqua-verge, #345C66);transform:scale(1.05)}.chart-filter-badge:focus-visible{outline:2px solid var(--aqua-verge, #345C66);outline-offset:2px}@media(max-width:640px){.chart-filter-badge{top:5px;right:5px;padding:4px 10px;font-size:10px}}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:-1}.chart-center-value{font-size:24px;font-weight:700;color:var(--deep-charcoal, #152529)}.chart-center-label{font-size:12px;color:var(--silicon-grey, #A8A29E)}@media(max-width:640px){.chart-center-value{font-size:20px}.chart-center-label{font-size:10px}}.chart-skeleton{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.5rem}.skeleton-donut-container{display:flex;align-items:center;justify-content:center}.skeleton-donut{width:140px;height:140px;border-radius:50%;border:20px solid var(--skeleton-base, #e8ecef);background:transparent;position:relative}.skeleton-stats{width:100%;display:flex;flex-direction:column;gap:.5rem}.bar-chart-skeleton{padding:1rem}.bar-chart-skeleton .skeleton-bar{height:24px;margin-bottom:.75rem;border-radius:6px}@media(max-width:640px){.skeleton-donut{width:100px;height:100px;border-width:16px}}.table-toggle-container{display:flex;align-items:center}.table-toggle{position:relative;display:inline-flex;background:linear-gradient(135deg,#bb40420a,#345c660a);border:1px solid rgba(187,64,66,.15);border-radius:12px;padding:4px;height:44px;overflow:hidden;box-shadow:0 2px 8px #bb40420f;transition:all .3s ease}.table-toggle:hover{border-color:#345c664d;box-shadow:0 4px 12px #345c661a}.toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#fff,#fbf8f4);border:1px solid rgba(187,64,66,.12);border-radius:8px;z-index:1;pointer-events:none;box-shadow:0 2px 8px #bb404214,0 1px 2px #0000000a;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(0)}.toggle-slider.right{transform:translate(100%)}.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;padding:0 28px;height:100%;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.toggle-option:hover:not(.active){background:#345c6614}.toggle-option:active:not(.active){transform:scale(.97)}.option-label{font-size:.8rem;font-weight:600;color:#a8a29e;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.4px;text-transform:uppercase}.toggle-option.active .option-label{color:#bb4042;font-weight:700;text-shadow:0 0 20px rgba(187,64,66,.15)}.toggle-option:hover:not(.active) .option-label{color:#345c66}.active-indicator{display:none}@media(max-width:1200px){.table-toggle{height:36px}.toggle-option{padding:0 18px}.option-label{font-size:.75rem}}@media(max-width:768px){.table-toggle{height:34px}.toggle-option{padding:0 14px}.option-label{font-size:.7rem}}@media(max-width:640px){.table-toggle-container{width:100%}.table-toggle{width:100%;height:40px}.toggle-option{padding:0 12px}.option-label{font-size:.7rem;letter-spacing:.3px}}@media(max-width:480px){.table-toggle{height:38px;border-radius:10px}.toggle-slider{border-radius:7px}.toggle-option{padding:0 8px}.option-label{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.toggle-slider,.toggle-option,.option-label{transition:none!important}}.calls-table-container>.loading{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%}.calls-table-container>.loading>.loading-spinner{width:40px!important;height:40px!important;min-width:40px;min-height:40px;max-width:40px;max-height:40px;aspect-ratio:1 / 1;border:4px solid rgba(52,92,102,.1)!important;border-top-color:var(--aqua-verge, #345C66)!important;border-radius:50%!important;animation:spin 1s linear infinite;flex-shrink:0;box-sizing:border-box}@keyframes sinewave{0%{transform:translate(0)}to{transform:translate(-50%)}}.recording-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;min-height:64px;max-height:64px;padding:4px 0}.recording-controls-top{display:flex;align-items:center;gap:8px;position:relative}.audio-controls{display:flex;gap:4px;align-items:center;margin-top:4px;margin-left:0}.audio-control{padding:4px;background:#345c6614;border:1px solid rgba(52,92,102,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.audio-control:hover{background:#345c6626;border-color:#345c6666;transform:translateY(-1px)}.audio-control:active{transform:translateY(0);background:#345c6633}.audio-control svg{width:16px;height:16px}.audio-control.disabled{background:#cccccc0d;border:1px solid rgba(204,204,204,.1);cursor:not-allowed;opacity:.5}.audio-control.disabled:hover{background:#cccccc0d;border-color:#cccccc1a;transform:none}.audio-control.disabled svg{stroke:#ccc}.sinewave-container{position:absolute;left:35px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;height:20px;overflow:hidden;width:40px;z-index:1;opacity:0;visibility:hidden;transition:opacity .2s ease}.sinewave-container.visible{opacity:1;visibility:visible}.sinewave-animation{display:flex;align-items:center;animation:sinewave 1.5s linear infinite;width:200%}.sinewave-animation svg{width:100%;height:20px}.calls-table-container{width:100%}.table-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.table-info{font-size:.85rem;color:var(--text-secondary)}.filter-count{color:var(--aqua-verge);font-weight:600}.calls-table{width:100%;border-collapse:separate;border-spacing:0}.calls-table thead{background:linear-gradient(180deg,#bb40420f,#bb404205)}.calls-table th{padding:12px 16px;text-align:left;font-size:.7rem;font-weight:700;color:#152529!important;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light)}.calls-table th:last-child{border-right:none}.calls-table td{padding:14px 16px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);vertical-align:middle}.calls-table td:last-child{border-right:none}.calls-table tbody tr:last-child td{border-bottom:none}.table-row{transition:background .2s ease}.table-row:hover{background:linear-gradient(90deg,rgba(52,92,102,.04) 0%,transparent 100%)}.table-row.selected{background:#345c6614}.call-id{font-family:monospace;font-size:12px;color:#666}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.status-completed{background:linear-gradient(135deg,#345c661f,#345c660a)!important;color:#345c66!important}.status-badge.status-busy{background:linear-gradient(135deg,#d1a9551f,#d1a9550a)!important;color:#d4a853!important}.status-badge.status-no-answer{background:linear-gradient(135deg,#345c661f,#345c660a)!important;color:#345c66!important}.status-badge.status-failed{background:linear-gradient(135deg,#ef53501f,#ef53500a)!important;color:#ef5350!important}.status-badge.status-initiated{background:linear-gradient(135deg,#bb40421f,#bb40420a)!important;color:#bb4042!important}.duration-cell{font-family:monospace;font-size:.8rem;color:var(--text-secondary);display:inline-block}@media(min-width:769px){.duration-cell{background:var(--bg-primary);padding:.3rem .6rem;border-radius:6px}}.calls-table .customer-name{font-weight:700;color:#1c1917!important;font-size:.95rem;line-height:1.3;display:block}.calls-table .customer-id,.calls-table .loan-id{font-size:.75rem;color:#a8a29e!important;font-family:monospace;display:block}.icon-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#345c661a}.icon-button svg{width:18px;height:18px;stroke:var(--aqua-verge);transition:stroke .2s ease}.icon-button:hover svg{stroke:var(--nova-blue)}.icon-button.recording:hover{background:#345c661a}.icon-button.transcript{display:block;margin:0 auto}.icon-button.transcript:hover{background:#345c661a}.icon-button.loading{opacity:.6;cursor:wait}.icon-button:disabled,.icon-button.disabled{opacity:.4;cursor:not-allowed}.icon-button:disabled:hover,.icon-button.disabled:hover{background:none;transform:none}.loading-spinner-small{display:inline-block;animation:spin 1s linear infinite;font-size:16px;color:var(--aqua-verge)}.metrics-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.language-badge,.metric-badge{padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize;white-space:nowrap;border:1px solid}.language-badge{background:#345c661a;color:var(--aqua-verge);border-color:#345c6633}.metric-badge{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-light)}.hardship-badge{background:#d1a9551a!important;color:#d4a853!important;border:1px solid rgba(209,169,85,.2)!important}.dispute-badge{background:#ef53501a!important;color:#ef5350!important;border:1px solid rgba(239,83,80,.2)!important}.legal-badge{background:#ef53501f!important;color:#ef5350!important;border:1px solid rgba(239,83,80,.25)!important}.refuse-badge,.confusion-badge{background:#d1a9551a!important;color:#d4a853!important;border:1px solid rgba(209,169,85,.2)!important}.reason-badge{background:#a8a29e1a!important;color:#a8a29e!important;border:1px solid rgba(168,162,158,.2)!important}.income-badge{background:#bb40421a!important;color:#bb4042!important;border:1px solid rgba(187,64,66,.2)!important}.engagement-high{background:#345c661a!important;color:#345c66!important;border:1px solid rgba(52,92,102,.2)!important}.engagement-medium{background:#d1a9551a!important;color:#d4a853!important;border:1px solid rgba(209,169,85,.2)!important}.engagement-low{background:#ef53501a!important;color:#ef5350!important;border:1px solid rgba(239,83,80,.2)!important}.callback-badge{background:#bb40421a!important;color:#bb4042!important;border:1px solid rgba(187,64,66,.2)!important}.metric-badge.ptp{background:#345c661a!important;color:#345c66!important;border-color:#345c6633!important}.metric-badge.rpt{background:#d1a9551a!important;color:#d4a853!important;border-color:#d1a95533!important}.metric-badge.callback{background:#bb40421a!important;color:#bb4042!important;border-color:#bb404233!important}.metric-badge.intent-high{background:#345c661a!important;color:#345c66!important;border-color:#345c6633!important}.metric-badge.intent-medium{background:#d1a9551a!important;color:#d4a853!important;border-color:#d1a95533!important}.metric-badge.intent-low{background:#ef53501a!important;color:#ef5350!important;border-color:#ef535033!important}.metric-badge.ability-high{background:#bb40421a!important;color:#bb4042!important;border-color:#bb404233!important}.metric-badge.ability-medium{background:#345c661a!important;color:#345c66!important;border-color:#345c6633!important}.metric-badge.ability-low{background:#a8a29e1a!important;color:#a8a29e!important;border-color:#a8a29e33!important}.metric-badge.disposition-promise_to_pay,.metric-badge.disposition-ptp{background:#345c661a!important;color:#345c66!important;border-color:#345c6633!important}.metric-badge.disposition-callback_scheduled{background:#bb40421a!important;color:#bb4042!important;border-color:#bb404233!important}.metric-badge.disposition-claiming_payment{background:#345c661a!important;color:#345c66!important;border-color:#345c6633!important}.metric-badge.disposition-no_commitment{background:#a8a29e1a!important;color:#a8a29e!important;border-color:#a8a29e33!important}.metric-badge.disposition-refusal_to_pay,.metric-badge.disposition-refuse{background:#d1a9551a!important;color:#d4a853!important;border-color:#d1a95533!important}.metric-badge.disposition-dispute{background:#ef53501a!important;color:#ef5350!important;border-color:#ef535033!important}.metric-badge.disposition-waiting_for_followup{background:#345c661a!important;color:#345c66!important;border-color:#345c6633!important;font-weight:600;cursor:help}.metric-badge.disposition-waiting_for_followup:hover{background:#345c6626;transform:translateY(-1px);box-shadow:0 2px 12px #345c6633}.metric-badge.ptp-badge{background:#345c661a;color:var(--verdant-surge);border-color:#345c6633;font-weight:600}.metric-badge.payment-method-badge{background:#bb40421a;color:var(--nova-blue);border-color:#bb404233}.metric-badge.hardship-badge{background:#d1a9551a;color:var(--luxe-brass);border-color:#d1a95533}.metric-badge.dispute-badge{background:#ef53501a;color:#ef5350;border-color:#ef535033}.metric-badge.legal-badge{background:#ef53501f;color:#ef5350;border-color:#ef535040}.metric-badge.refuse-badge{background:#d1a9551a;color:var(--luxe-brass);border-color:#d1a95533}.metric-badge.income-badge{background:#bb40421a;color:var(--nova-blue);border-color:#bb404233}.metric-badge.engagement-cooperative{background:#345c661a;color:var(--verdant-surge);border-color:#345c6633}.metric-badge.engagement-neutral{background:#a8a29e1a;color:var(--silicon-grey);border-color:#a8a29e33}.metric-badge.engagement-uncooperative,.metric-badge.engagement-frustrated,.metric-badge.engagement-aggressive{background:#ef53501a;color:#ef5350;border-color:#ef535033}.metric-badge.callback-badge{background:#bb40421a;color:var(--nova-blue);border-color:#bb404233}.metric-badge.confusion-badge{background:#d1a9551a;color:var(--luxe-brass);border-color:#d1a95533}.metric-badge.reason-badge{background:#a8a29e1a;color:var(--silicon-grey);border-color:#a8a29e33;cursor:help}.metric-badge.waiting-followup-badge{background:#345c661a;color:var(--aqua-verge);border-color:#345c6633;font-weight:600;cursor:help;box-shadow:0 0 8px #345c6626}.metric-badge.waiting-followup-badge:hover{background:#345c6626;transform:translateY(-1px);box-shadow:0 2px 12px #345c6640}a.icon-button{text-decoration:none;color:inherit}@media(min-width:1200px)and (max-width:1399px){.calls-table{font-size:13px}.calls-table th,.calls-table td{padding:10px}.metrics-badges{gap:4px}.metric-badge{font-size:10px;padding:2px 6px}}@media(max-width:1199px){.calls-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.calls-table{min-width:800px}}@media(max-width:900px){.calls-table th,.calls-table td{padding:10px 8px;font-size:.8rem}.calls-table th{font-size:.65rem}.status-badge{font-size:.6rem;padding:.25rem .5rem}.duration-cell{font-size:.7rem}.metric-badge{font-size:.6rem;padding:2px 5px}}@media(max-width:640px){.calls-table-container{margin:0 -.5rem;border-radius:0}.table-header{padding:.75rem;flex-direction:column;gap:.75rem}.table-info{font-size:.75rem}.calls-table th,.calls-table td{padding:8px 6px}.customer-info .customer-name{font-size:.85rem}.customer-info .customer-id,.customer-info .loan-id{font-size:.65rem}.recording-cell{height:50px;min-height:50px;max-height:50px}.icon-button{padding:4px}.icon-button svg{width:14px;height:14px}}@media(max-width:1199px){.calls-table-container{position:relative}}.transcript-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100001;isolation:isolate}.transcript-modal-overlay.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.transcript-modal-content{background:var(--card-bg, white);border-radius:16px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #bb404226,0 20px 40px #0003;border:1px solid var(--border-light, #E8ECEF)}.transcript-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-light, #E8ECEF);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:linear-gradient(135deg,#bb404208,#345c6608)}.transcript-header h3{margin:0;font-size:18px;font-weight:700;color:var(--nova-blue, #BB4042)}.transcript-meta{display:flex;gap:16px;font-size:13px;color:var(--silicon-grey, #A8A29E);font-weight:500}.transcript-meta span{background:var(--bg-primary, #F9F6F0);padding:4px 10px;border-radius:6px}.transcript-close{background:none;border:none;font-size:24px;color:var(--silicon-grey, #A8A29E);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.transcript-close:hover{background-color:#345c661a;color:var(--aqua-verge, #345C66)}.transcript-content{flex:1;overflow-y:auto;padding:20px 24px}.transcript-content::-webkit-scrollbar{width:8px}.transcript-content::-webkit-scrollbar-track{background:#bb40420d;border-radius:4px}.transcript-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--nova-blue, #BB4042) 0%,var(--aqua-verge, #345C66) 100%);border-radius:4px;transition:background .3s ease}.transcript-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--aqua-verge, #345C66) 0%,var(--nova-blue, #BB4042) 100%)}.transcript-content{scrollbar-width:thin;scrollbar-color:var(--aqua-verge, #345C66) rgba(187,64,66,.05)}.transcript-content pre{white-space:pre-wrap;word-break:break-word;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;color:#374151;margin:0}.transcript-line{margin-bottom:.5rem;line-height:1.6}.transcript-speaker{font-weight:600}.transcript-assistant{color:var(--aqua-verge, #345C66)}.transcript-user{color:var(--luxe-brass, #D4A853)}.transcript-modal-overlay{will-change:opacity}.transcript-modal-content{will-change:transform,opacity}.transcript-content{scroll-behavior:smooth;position:relative}.transcript-scroll-hint{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 0 8px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.9) 30%,white 100%);pointer-events:none;z-index:1}.scroll-hint-arrow{font-size:20px;color:var(--aqua-verge, #345C66);font-weight:600;animation:bounce-arrow 1.5s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.transcript-scroll-hint span{font-size:12px;color:var(--silicon-grey, #A8A29E);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.transcript-line-animated{will-change:transform,opacity,filter}.transcript-line-animated:hover{background:linear-gradient(90deg,rgba(52,92,102,.05) 0%,transparent 100%);border-radius:4px;margin-left:-8px;padding-left:8px}@media(prefers-reduced-motion:reduce){.transcript-modal-overlay,.transcript-modal-content,.transcript-line-animated{transition:none!important;animation:none!important}.transcript-scroll-hint{display:none}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:20px;border-top:1px solid var(--border-light, #E8E2D9)}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid var(--border-light, #E8E2D9);border-radius:8px;color:var(--text-primary, #1A202C);cursor:pointer;transition:all .2s ease}.pagination-nav-button:hover:not(:disabled){background:var(--aqua-verge, #345C66);color:#fff;border-color:var(--aqua-verge, #345C66)}.pagination-nav-button:disabled{opacity:.4;cursor:not-allowed}.pagination-nav-button svg{flex-shrink:0}.pagination-page-button{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:#fff;border:1px solid var(--border-light, #E8E2D9);border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-primary, #1A202C);cursor:pointer;transition:all .2s ease}.pagination-page-button:hover:not(.active){background:#345c661a;border-color:var(--aqua-verge, #345C66);color:var(--aqua-verge, #345C66)}.pagination-page-button.active{background:linear-gradient(135deg,#bb4042,#702628);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px #bb404259}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:.85rem;color:var(--text-secondary, #718096);letter-spacing:2px}.pagination-goto{display:flex;align-items:center;gap:6px;margin-left:12px;padding-left:16px;border-left:1px solid var(--border-light, #E8E2D9)}.pagination-goto-label{font-size:.8rem;color:var(--text-secondary, #718096);white-space:nowrap}.pagination-goto-input{width:52px;height:32px;padding:0 8px;border:1px solid var(--border-light, #E8E2D9);border-radius:6px;font-size:.85rem;text-align:center;color:var(--text-primary, #1A202C);background:#fff;transition:all .2s ease;-moz-appearance:textfield}.pagination-goto-input::-webkit-outer-spin-button,.pagination-goto-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-goto-input:focus{outline:none;border-color:var(--aqua-verge, #345C66);box-shadow:0 0 0 3px #345c6626}.pagination-goto-input::placeholder{color:var(--text-muted, #A0AEC0)}.pagination-goto-button{height:32px;padding:0 12px;background:#fff;border:1px solid var(--border-light, #E8E2D9);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--text-primary, #1A202C);cursor:pointer;transition:all .2s ease}.pagination-goto-button:hover:not(:disabled){background:var(--aqua-verge, #345C66);color:#fff;border-color:var(--aqua-verge, #345C66)}.pagination-goto-button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.pagination{flex-wrap:wrap;gap:8px;padding:16px 12px}.pagination-pages{gap:2px}.pagination-nav-button,.pagination-page-button{width:32px;height:32px;min-width:32px;font-size:.8rem}.pagination-page-button{padding:0 8px}.pagination-ellipsis{width:24px}.pagination-goto{margin-left:0;padding-left:0;border-left:none;width:100%;justify-content:center;padding-top:8px;border-top:1px solid var(--border-light, #E8E2D9)}}@media(max-width:480px){.pagination{gap:2px}.pagination-nav-button,.pagination-page-button{width:28px;height:28px;min-width:28px;border-radius:6px}.pagination-nav-button svg{width:14px;height:14px}.pagination-goto-input{width:44px;height:28px;font-size:.8rem}.pagination-goto-button{height:28px;padding:0 10px;font-size:.75rem}.pagination-goto-label{font-size:.75rem}}.customers-view-container{width:100%}.customers-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.customers-table thead{background:linear-gradient(180deg,#bb40420f,#bb404205)}.customers-table th{padding:12px 16px;text-align:left;font-size:.7rem;font-weight:700;color:#152529!important;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light)}.customers-table th:last-child{border-right:none}.customers-table td{padding:14px 16px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);vertical-align:middle}.customers-table td:last-child{border-right:none}.customers-table tbody tr:last-child td{border-bottom:none}.customers-table .table-row{transition:background .3s ease}.customers-table .table-row:hover{background:linear-gradient(90deg,rgba(52,92,102,.04) 0%,transparent 100%)}.customer-info{display:flex;flex-direction:column;gap:4px}.customers-table .customer-name{font-weight:700;color:#1c1917!important;font-size:.95rem;line-height:1.3;display:block}.customers-table .customer-id{font-size:.75rem;color:#a8a29e!important;font-family:monospace;display:block}.income-info{display:flex;flex-direction:column;gap:4px}.income-amount{font-weight:600!important;color:#bb4042!important;font-size:14px}.income-source{font-size:12px;color:var(--silicon-grey);padding:2px 6px;background:#345c6614;border-radius:4px;display:inline-block;width:fit-content}.employment-status{font-size:11px;color:#a0aec0;font-style:italic}.contactability-container{display:flex;align-items:center;gap:8px}.contact-ratio{font-size:13px;font-weight:500;color:var(--verdant-surge);min-width:35px;background:#345c661a;padding:2px 6px;border-radius:4px}.contact-bar{width:60px;height:6px;background:#345c6626;border-radius:3px;overflow:hidden;position:relative}.contact-fill{height:100%;background:linear-gradient(90deg,rgba(52,92,102,.5),var(--verdant-surge));border-radius:3px;transition:width .3s ease}.contact-percentage{font-size:12px;color:var(--silicon-grey);min-width:35px;text-align:right}.intent-badge,.ability-badge{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;color:#fff!important;text-transform:uppercase;letter-spacing:.02em;display:inline-block}.intent-badge.intent-high{background:#345c66!important}.intent-badge.intent-medium{background:#d4a853!important}.intent-badge.intent-low{background:#ef5350!important}.ability-badge.ability-high{background:#bb4042!important}.ability-badge.ability-medium{background:#345c66!important}.ability-badge.ability-low{background:#a8a29e!important}.risk-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.metric-badge{padding:3px 7px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.01em;display:inline-block;border:1px solid;background:#e5e7eb33;color:#4b5563;border-color:#e5e7eb66;transition:all .2s ease}.metric-badge.risk-dispute{background:#ef44441a!important;color:#ef4444!important;border-color:#ef44444d!important}.metric-badge.risk-legal{background:#ef44441f!important;color:#ef4444!important;border-color:#ef444459!important;font-weight:600}.metric-badge.risk-hardship{background:#d1a9551a!important;color:#d4a853!important;border-color:#d1a9554d!important}.metric-badge.no-risk{background:#345c661a!important;color:#345c66!important;border-color:#345c664d!important}.metric-badge.risk-dnc{background:#ef444426!important;color:#ef4444!important;border-color:#ef444466!important;font-weight:700}.income-primary{display:flex;gap:8px;align-items:center}.household-income{font-size:12px;color:#6b7280;font-weight:500}.income-details{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.income-details span{font-size:11px;padding:2px 5px;background:#d1d5db26;border-radius:3px;color:#4b5563;border:1px solid rgba(209,213,219,.3)}.dependents{background:#5f9ea026!important;color:#2f5f5f!important;border-color:#5f9ea059!important}.other-loans{background:#fef08a33!important;color:#a16207!important;border-color:#fef08a66!important}.salary-date{background:#93c5fd26!important;color:#1e40af!important;border-color:#93c5fd59!important}.household-income-badge{background:#10b98126!important;color:#047857!important;border-color:#10b98159!important;font-weight:500!important}.risk-reason{font-size:11px;padding:2px 6px;background:#fee2e233;color:#b91c1c;border-radius:4px;margin:2px;border:1px solid rgba(254,226,226,.4)}.hardship-type{font-size:11px;padding:2px 6px;background:#fed7aa33;color:#c2410c;border:1px solid rgba(254,215,170,.4);border-radius:4px;margin:2px;text-transform:capitalize}.disposition-badge{font-size:11px;padding:2px 6px;background:#9333ea1a;color:#7c3aed;border-radius:4px;margin:2px;text-transform:capitalize}.customers-loading{padding:20px}.loading-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-row{display:flex;gap:12px;padding:12px;background:#fff;border-radius:4px}.skeleton-cell{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-id{width:60px}.skeleton-name{width:150px}.skeleton-income{width:120px}.skeleton-contact{width:100px}.skeleton-intent,.skeleton-ability{width:70px}.skeleton-risks{width:80px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.customers-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.customers-error .error-icon{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(239,68,68,.2))}.customers-error p{color:#718096;font-size:16px;margin-bottom:20px}.retry-button{padding:10px 24px;border:none;background:linear-gradient(135deg,var(--aqua-verge),#2a4a52);color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #345c664d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #345c6666}.not-available{color:var(--text-muted);font-size:.75rem}@media(min-width:1200px)and (max-width:1399px){.customers-table{font-size:13px}.customers-table th,.customers-table td{padding:10px}.income-amount{font-size:13px}.contact-bar{width:50px}}@media(max-width:1199px){.customers-view-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.customers-table{min-width:900px}.contactability-container{flex-direction:column;align-items:flex-start;gap:4px}.contact-bar{width:40px;height:4px}}@media(max-width:900px){.customers-table th,.customers-table td{padding:10px 8px;font-size:.8rem}.customers-table th{font-size:.65rem}.income-amount{font-size:12px}.income-source{font-size:10px;padding:1px 4px}.intent-badge,.ability-badge{font-size:.6rem;padding:3px 7px}.metric-badge{font-size:.55rem;padding:2px 4px}.risk-badges{gap:4px}}@media(max-width:640px){.customers-view-container{margin:0 -.5rem}.customers-table th,.customers-table td{padding:8px 6px}.customer-info .customer-name{font-size:.85rem}.customer-info .customer-id{font-size:.65rem}.income-info{gap:2px}.income-amount{font-size:11px}.income-source{font-size:9px}.contactability-container{gap:2px}.contact-ratio{font-size:11px;padding:1px 4px}.contact-bar{width:30px;height:3px}.contact-percentage{font-size:10px}.true-ptp-badge{font-size:10px;padding:3px 8px;min-width:40px}}@media(max-width:1199px){.customers-view-container{position:relative}}@media(prefers-color-scheme:dark){.customers-table{border-color:#345c6633}.customers-table thead{background:#bb40421a}.customers-table th{color:#a0aec0;border-color:#345c6633}.customers-table td{color:#f1e7cf;border-color:#345c6633}.customer-name{color:#fff;font-weight:700}.income-amount{color:#93c5fd;font-weight:500}}.contact-window{display:flex;align-items:center;justify-content:center}.contact-time{font-size:13px;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap;text-align:center;min-width:120px;text-transform:capitalize}.contact-time.morning{background:#d1a9551f;color:#d4a853;border:1px solid rgba(209,169,85,.3)}.contact-time.afternoon{background:#345c661f;color:#345c66;border:1px solid rgba(52,92,102,.3)}.contact-time.evening{background:#bb40421f;color:#bb4042;border:1px solid rgba(187,64,66,.3)}.contact-time.night{background:#a8a29e1f;color:#a8a29e;border:1px solid rgba(168,162,158,.3)}.contact-time:not(.morning):not(.afternoon):not(.evening):not(.night){background:#345c661a;color:var(--aqua-verge);border:1px solid rgba(52,92,102,.3)}@media(max-width:1199px){.contact-time{font-size:12px;padding:3px 6px;min-width:100px}}@media(max-width:768px){.contact-time{font-size:11px;padding:2px 4px;min-width:80px}}@media(prefers-contrast:high){.intent-badge,.ability-badge{font-weight:700;border:2px solid currentColor}.risk-indicators.risk-high,.risk-indicators.risk-medium{border-width:2px}.contact-time{border-width:2px;font-weight:600}}.final-dispo-container{display:flex;justify-content:center;align-items:center}.final-dispo-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid;transition:all .3s ease;text-align:center;white-space:nowrap}.final-dispo-badge.dispo-positive{background:linear-gradient(135deg,#52c41a1f,#52c41a0d);color:#389e0d;border-color:#52c41a4d}.final-dispo-badge.dispo-neutral{background:linear-gradient(135deg,#ff98001f,#ff98000d);color:#d46b08;border-color:#ff98004d}.final-dispo-badge.dispo-negative{background:linear-gradient(135deg,#bb40421f,#bb40420d);color:#bb4042;border-color:#bb40424d}.final-dispo-badge.dispo-muted{background:linear-gradient(135deg,#9696961a,#9696960a);color:#8c8c8c;border-color:#96969640}.final-dispo-badge:hover{transform:scale(1.04);transition:all .2s ease-out}@media(prefers-color-scheme:dark){.final-dispo-badge.dispo-positive{background:#52c41a33;color:#95de64;border-color:#95de6480}.final-dispo-badge.dispo-neutral{background:#ff980033;color:#ffc069;border-color:#ffc06980}.final-dispo-badge.dispo-negative{background:#bb404240;color:#ff7875;border-color:#ff787580}.final-dispo-badge.dispo-muted{background:#96969633;color:#bfbfbf;border-color:#bfbfbf66}}.multi-select-filter{position:relative;display:inline-block;min-width:180px}.multi-select-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:8px 14px;background:#fff;border:1.5px solid var(--border-light);border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.multi-select-trigger:hover{border-color:var(--aqua-verge);color:var(--aqua-verge)}.multi-select-trigger.open,.multi-select-trigger.active{border-color:var(--aqua-verge);background:#345c660d;color:var(--aqua-verge)}.multi-select-icon{width:14px;height:14px;flex-shrink:0}.multi-select-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-select-arrow{margin-left:4px;transition:transform .2s ease;flex-shrink:0}.multi-select-trigger.open .multi-select-arrow{transform:rotate(180deg)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#fff;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 10px 40px #bb404226;z-index:1000;max-height:280px;overflow:hidden;display:flex;flex-direction:column}.multi-select-overlay{display:none}.multi-select-header{padding:8px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.multi-select-title{display:none;font-size:.85rem;font-weight:600;color:var(--text-primary)}.multi-select-footer{display:none}.multi-select-action{width:100%;padding:6px 12px;background:#345c6614;border:1px solid rgba(52,92,102,.2);border-radius:6px;font-size:.75rem;font-weight:600;color:var(--aqua-verge);cursor:pointer;transition:all .2s ease}.multi-select-action:hover{background:#345c6626;border-color:var(--aqua-verge)}.multi-select-options{flex:1;overflow-y:auto;padding:6px 0}.multi-select-option{display:flex;align-items:center;padding:8px 14px;cursor:pointer;font-size:.8rem;color:var(--text-primary);transition:background .15s ease}.multi-select-option:hover{background:linear-gradient(90deg,#345c6614,#345c6605)}.multi-select-checkbox{margin-right:10px;width:16px;height:16px;cursor:pointer;accent-color:var(--aqua-verge)}.multi-select-option-label{flex:1;font-size:.8rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:var(--bg-primary)}.multi-select-options::-webkit-scrollbar-thumb{background:#345c664d;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:var(--aqua-verge)}@media(max-width:1024px){.multi-select-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:10001}.multi-select-dropdown{position:fixed;top:auto;left:10px;right:10px;bottom:10px;max-width:calc(100vw - 20px);max-height:50vh;z-index:10002;border-radius:12px;box-shadow:0 -10px 40px #bb404233}.multi-select-title{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary)}.multi-select-header{padding:10px 14px}.multi-select-action{width:auto}.multi-select-footer{display:block;padding:10px 14px;border-top:1px solid var(--border-light);background:var(--bg-primary)}.multi-select-done{width:100%;padding:10px 14px;background:var(--aqua-verge);border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.multi-select-done:hover{background:#229ca2}}@media(max-width:768px){.multi-select-filter{min-width:120px;flex:1}.multi-select-trigger{padding:8px 10px;font-size:12px;border-radius:8px}.multi-select-icon{width:12px;height:12px}.multi-select-arrow{width:10px;height:10px}.multi-select-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.multi-select-dropdown{position:fixed;top:auto;left:10px;right:10px;bottom:10px;max-width:calc(100vw - 20px);max-height:60vh;z-index:10002;border-radius:12px}.multi-select-header{padding:12px 16px;flex-direction:row;align-items:center}.multi-select-title{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.multi-select-action{width:auto;padding:8px 14px;font-size:13px}.multi-select-option{padding:12px 14px;font-size:14px}.multi-select-checkbox{width:18px;height:18px}.multi-select-option-label{font-size:14px}.multi-select-footer{display:block;padding:12px 16px;border-top:1px solid var(--border-light);background:var(--bg-primary)}.multi-select-done{width:100%;padding:12px 16px;background:var(--aqua-verge);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.multi-select-done:hover{background:#229ca2}.multi-select-done:active{transform:scale(.98)}}@media(max-width:480px){.multi-select-filter{min-width:100px}.multi-select-trigger{padding:8px;font-size:11px;gap:4px}.multi-select-label{max-width:80px}.multi-select-dropdown{max-height:70vh}}.loan-id-search-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-input-container{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:320px}.search-icon{position:absolute;left:12px;color:var(--silicon-grey);pointer-events:none;z-index:1}.search-input{width:100%;padding:8px 36px;border:1.5px solid var(--border-light);border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-primary);background:#fff;transition:all .2s ease;outline:none}.search-input:focus{border-color:var(--aqua-verge);box-shadow:0 0 0 3px #345c661f}.search-input:disabled{background:var(--bg-secondary);opacity:.6;cursor:not-allowed}.search-input::placeholder{color:var(--text-muted);font-weight:400}.clear-button{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:var(--bg-secondary);border:none;border-radius:50%;cursor:pointer;color:var(--silicon-grey);transition:all .2s ease}.clear-button:hover{background:#345c6626;color:var(--aqua-verge)}.search-button{padding:8px 16px;background:linear-gradient(135deg,var(--aqua-verge) 0%,#2a4a52 100%);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #345c664d}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.search-status{font-size:.75rem;color:var(--text-secondary);padding:4px 10px;background:#345c6614;border:1px solid rgba(52,92,102,.2);border-radius:6px;white-space:nowrap}.search-status strong{color:var(--aqua-verge);font-weight:700}@media(max-width:768px){.loan-id-search-bar{width:100%;flex-wrap:wrap}.search-input-container{flex:1 1 100%;max-width:none;min-width:0}.search-button{flex:1;min-width:80px}.search-status{flex:1 1 100%;text-align:center;margin-top:4px}}@media(max-width:480px){.search-input{padding:6px 32px;font-size:.8rem}.search-icon{left:10px;width:14px;height:14px}.search-button{padding:6px 12px;font-size:.75rem}.search-status{font-size:.7rem;padding:3px 8px}}.export-button-container{position:relative;display:inline-flex}.export-button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:linear-gradient(135deg,#fbf8f4,#f4ebd4);border:1px solid #E8E2D9;border-radius:8px;color:#345c66;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-button:hover{background:linear-gradient(135deg,#f4ebd4,#e8e2d9);border-color:#345c66;box-shadow:0 2px 8px #345c6626}.export-button:active{transform:scale(.98)}.export-button.exporting{opacity:.7;cursor:not-allowed}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-chevron{margin-left:2px;transition:transform .2s ease}.export-spinner{width:14px;height:14px;border:2px solid #E8E2D9;border-top-color:#345c66;border-radius:50%;animation:export-spin .6s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.export-toast{position:fixed;right:24px;bottom:24px;z-index:9999;min-width:280px;max-width:360px;padding:14px 16px;background:#fff;border:1px solid #E8E2D9;border-left:4px solid #345C66;border-radius:10px;box-shadow:0 8px 24px #345c662e;animation:export-toast-in .25s ease}@keyframes export-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.export-toast-done{border-left-color:#2e8b57}.export-toast-error{border-left-color:#c0392b}.export-toast-row{display:flex;align-items:center;gap:10px}.export-toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#345c66}.export-toast-done .export-toast-icon{color:#2e8b57}.export-toast-error .export-toast-icon{color:#c0392b}.export-toast-message{flex:1;font-size:13px;font-weight:500;color:#2c3e40;line-height:1.3}.export-toast-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;color:#9aa5a8;cursor:pointer;border-radius:4px}.export-toast-close:hover{color:#345c66;background:#f4ebd4}.export-toast-progress-track{margin-top:10px;width:100%;height:6px;background:#efe9df;border-radius:999px;overflow:hidden}.export-toast-progress-fill{height:100%;background:linear-gradient(90deg,#345c66,#4a7c89);border-radius:999px;transition:width .25s ease}.export-toast-pct{display:block;margin-top:4px;font-size:11px;color:#6b7779;text-align:right}.export-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #E8E2D9;border-radius:10px;box-shadow:0 8px 24px #345c661f,0 2px 8px #0000000f;z-index:100;min-width:180px;overflow:hidden;animation:export-dropdown-in .15s ease-out}@keyframes export-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.export-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:#1c1917;font-size:13px;font-weight:450;cursor:pointer;transition:background-color .15s ease;text-align:left}.export-option:hover{background-color:#fbf8f4}.export-option:first-child{border-bottom:1px solid #F4EBD4}.export-option svg{color:#345c66;flex-shrink:0}.export-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center;animation:export-overlay-in .15s ease-out}@keyframes export-overlay-in{0%{opacity:0}to{opacity:1}}.export-modal{background:#fff;border:1px solid #E8E2D9;border-radius:14px;box-shadow:0 20px 60px #345c662e,0 4px 16px #00000014;width:360px;max-height:80vh;display:flex;flex-direction:column;animation:export-modal-in .18s ease-out}@keyframes export-modal-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #F4EBD4}.export-modal-header h3{margin:0;font-size:15px;font-weight:600;color:#1c1917}.export-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background-color .15s}.export-modal-close:hover{background:#f4ebd4;color:#1c1917}.export-modal-format{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #F4EBD4}.export-modal-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.export-format-options{display:flex;gap:6px}.export-format-option{display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid #E8E2D9;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.export-format-option input[type=radio]{display:none}.export-format-option.active{border-color:#345c66;background:linear-gradient(135deg,#fbf8f4,#f4ebd4);color:#345c66}.export-format-option:hover:not(.active){border-color:#345c66;color:#345c66}.export-modal-fields-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 6px}.export-select-all{background:none;border:none;cursor:pointer;font-size:12px;font-weight:500;color:#345c66;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.export-select-all:hover{color:#1c1917}.export-modal-fields{flex:1;overflow-y:auto;padding:4px 18px 10px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.export-field-checkbox{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:6px;cursor:pointer;font-size:13px;color:#1c1917;transition:background-color .12s}.export-field-checkbox:hover{background:#fbf8f4}.export-field-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#345C66;cursor:pointer;flex-shrink:0}.export-modal-footer{display:flex;gap:8px;padding:12px 18px 16px;border-top:1px solid #F4EBD4}.export-modal-cancel{flex:1;padding:8px 14px;background:#f9f6f2;border:1px solid #E8E2D9;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.export-modal-cancel:hover{background:#f4ebd4;color:#1c1917}.export-modal-confirm{flex:2;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#345c66,#2a4a52);border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.export-modal-confirm:hover:not(:disabled){background:linear-gradient(135deg,#2a4a52,#1e363d);box-shadow:0 2px 8px #345c664d}.export-modal-confirm:disabled{opacity:.45;cursor:not-allowed}@media(max-width:768px){.export-button span{display:none}.export-button{padding:7px 10px}.export-chevron{display:none}.export-dropdown{right:0;min-width:160px}}.data-table-container{width:100%;padding:0}.table-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);background:linear-gradient(180deg,#fafbfc,#fff)}.table-filters{display:flex;gap:12px;align-items:center}.filter-error{color:#dc2626;font-size:13px;padding:8px 12px;background:#dc354514;border:1px solid rgba(220,53,69,.2);border-radius:8px}@media(max-width:1200px){.table-header{flex-wrap:wrap;gap:1rem}.table-filters{flex-wrap:wrap}}@media(max-width:768px){.data-table-container{padding:0}.table-header{flex-direction:column;align-items:stretch;padding:.875rem 1rem;gap:.75rem}.table-filters{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-filters>*{flex:1 1 calc(50% - 4px);min-width:0}}@media(max-width:640px){.table-header{padding:.75rem;gap:.5rem}.table-filters{gap:6px}.filter-error{font-size:12px;padding:6px 10px}}@media(max-width:480px){.table-header{padding:.5rem .75rem}.table-filters{flex-direction:row;flex-wrap:wrap;gap:6px}.table-filters>*{flex:1 1 calc(50% - 3px);min-width:0}}.managed-login-redirect{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient)}.redirect-container{text-align:center;padding:48px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(123,104,238,.12);box-shadow:0 8px 32px #7b68ee26;max-width:400px;width:100%}.redirect-container h2{color:var(--purple-primary);margin-bottom:16px;font-size:24px;font-weight:600}.redirect-container p{color:#6b7280;font-size:14px;margin-bottom:32px}.auth-error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#faf9f6,#f5f3f0);padding:20px}.auth-error-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:48px;box-shadow:0 8px 32px #00000014;text-align:center;max-width:500px;width:100%;border-left:4px solid #DC2626}.error-icon{font-size:48px;margin-bottom:24px;filter:grayscale(.2)}.auth-error-card h2{color:#2c3e50;margin-bottom:16px;font-size:24px;font-weight:600}.error-message{color:#6b7280;margin-bottom:32px;font-size:16px;line-height:1.5}.error-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.retry-button,.clear-session-button{border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-button{background:linear-gradient(135deg,#7b68ee,#9b88ff);color:#fff;box-shadow:0 4px 12px #7b68ee4d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b68ee66}.clear-session-button{background:transparent;color:#7b68ee;border:2px solid #7B68EE}.clear-session-button:hover{background:#7b68ee1a}.debug-info{margin-top:24px;text-align:left;background:#0000000d;padding:12px;border-radius:8px;font-size:12px}.debug-info summary{cursor:pointer;color:#6b7280;font-weight:500;margin-bottom:8px}.debug-info pre{margin:8px 0 0;color:#4b5563;overflow-x:auto;font-family:Courier New,monospace}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient)}.callback-container{text-align:center;padding:48px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(123,104,238,.12);box-shadow:0 8px 32px #7b68ee26;max-width:400px;width:100%}.callback-container h2{color:var(--purple-primary);margin-bottom:16px;font-size:24px;font-weight:600}.callback-container p{color:#6b7280;font-size:14px;margin-bottom:32px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(123,104,238,.1);border-top-color:var(--purple-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 32px}.auth-callback.error .callback-container{border-color:#ef444433}.error-icon{font-size:48px;margin-bottom:24px}.error-message{color:#dc2626;font-size:14px;margin-bottom:32px}.retry-button{padding:12px 32px;background:linear-gradient(135deg,var(--purple-primary),var(--purple-dark));color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7b68ee4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.protected-route-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#fbf8f4,#fbf8f4,#fafbfc)}.protected-route-spinner{width:40px;height:40px;border:3px solid rgba(52,92,102,.2);border-top-color:#345c66;border-radius:50%;animation:protectedRouteSpinn .8s linear infinite}@keyframes protectedRouteSpinn{to{transform:rotate(360deg)}}.logged-out-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/assets/craftai_background-DkSs6c7y.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.logged-out-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:48px;box-shadow:0 8px 32px #00000014;text-align:center;max-width:400px;width:90%;border-left:4px solid #7B68EE}.logout-icon{font-size:48px;margin-bottom:24px}.logged-out-card h2{color:#2c3e50;margin-bottom:12px;font-size:24px;font-weight:600}.logged-out-card p{color:#6b7280;margin-bottom:32px;font-size:16px}.login-again-button{background:linear-gradient(135deg,#7b68ee,#9b88ff);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #7b68ee4d}.login-again-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b68ee66;background:linear-gradient(135deg,#6b58dd,#8b78ee)}.login-again-button:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.logged-out-container{background-image:url(/assets/craftai_background_dark-C08_Tv2I.webp)}.logged-out-card{background:#1e1e1ef2;border-left-color:#9b88ff}.logged-out-card h2{color:#f1e7cf}.logged-out-card p{color:#a0aec0}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.error-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:48px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #00000026;border:1px solid rgba(255,255,255,.3)}.error-icon{color:#ef4444;margin-bottom:24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error-title{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 16px}.error-message{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 32px}.error-details{background:#f3f4f6cc;border-radius:12px;padding:16px;margin-bottom:32px;text-align:left}.error-details summary{cursor:pointer;font-weight:500;color:#4b5563;margin-bottom:12px}.error-details pre{font-family:Monaco,Courier New,monospace;font-size:12px;color:#ef4444;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:8px 0}.error-actions{display:flex;gap:12px;justify-content:center}.error-button{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;outline:none}.error-button.primary{background:linear-gradient(135deg,#7b68ee,#c8b6f6);color:#fff}.error-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7b68ee4d}.error-button.secondary{background:#f3f4f6cc;color:#4b5563;border:1px solid rgba(209,213,219,.5)}.error-button.secondary:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media(max-width:640px){.error-content{padding:32px 24px}.error-title{font-size:24px}.error-message{font-size:14px}.error-actions{flex-direction:column}.error-button{width:100%}}