body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--nova-blue:#103c8a;--aqua-verge:#28b1b8;--verdant-surge:#0e8a4e;--luxe-brass:#d1a955;--silicon-grey:#7b8a9c;--bg-primary:#f8fafc;--bg-secondary:#eef2f6;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-focus:#28b1b866;--gradient-primary:linear-gradient(135deg,#103c8a,#1e50a8);--gradient-aqua:linear-gradient(135deg,#28b1b8,#1d9aa0);--gradient-success:linear-gradient(135deg,#0e8a4e,#0a6e3d);--status-completed:#0e8a4e;--status-busy:#d1a955;--status-no-answer:#28b1b8;--status-failed:#ef5350;--purple-primary:var(--nova-blue);--purple-light:var(--aqua-verge);--purple-dark:var(--nova-blue);--green-success:var(--verdant-surge);--red-failed:#ef5350;--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:0.2s}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{padding:0;position:relative}.container{margin:0 auto;max-width:1440px;max-width:var(--max-width);padding:1.5rem 2rem 3rem}.filter-section{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;gap:2rem;margin-bottom:1.5rem;overflow:visible;padding:1rem 1.5rem}.filter-group,.filter-section{display:flex;position:relative;z-index:500}.filter-group{flex-direction:column;gap:.3rem}.filter-label{color:#28b1b8;color:var(--aqua-verge);font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.campaign-info{align-items:center;display:flex;gap:1rem;margin-left:auto}.campaign-badge{background:linear-gradient(135deg,#28b1b81a,#28b1b80d);border:1px solid #28b1b833;border-radius:24px;color:#28b1b8;color:var(--aqua-verge);font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.45rem 1.25rem;text-transform:uppercase}.campaign-badge.collections{background:linear-gradient(135deg,#d1a9551a,#d1a9550d);border-color:#d1a95540;color:#b8942e}.campaign-dates{color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:500}.date-filter-section{align-items:center;animation:fadeIn .5s ease;display:flex;gap:12px;justify-content:flex-start;margin-bottom:24px;margin-bottom:var(--section-gap);padding:16px 32px;padding:16px var(--padding-horizontal);position:relative;z-index:100}.chart-with-metrics{display:flex;flex-direction:column;gap:16px;height:500px;min-width:0;overflow:hidden}.metrics-row{align-items:stretch;display:flex;gap:16px;height:85px;min-height:85px;width:100%}.metrics-row.single{justify-content:center}.metrics-row.single .metric-card{flex:1 1;max-width:100%}.metrics-row:not(.single) .metric-card{flex:1 1}.metrics-section{grid-gap:24px;grid-gap:var(--section-gap);animation:fadeIn .5s ease .1s backwards;display:grid;gap:24px;gap:var(--section-gap);grid-template-columns:repeat(6,1fr);margin-bottom:24px;margin-bottom:var(--section-gap);margin-left:auto;margin-right:auto;max-width:1200px;padding:0 32px;padding:0 var(--padding-horizontal)}.metrics-section .metric-card{min-height:100px}.metrics-section .metric-card:first-child{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{grid-gap:24px;grid-gap:var(--section-gap);animation:fadeIn .6s ease .2s backwards;display:grid;gap:24px;gap:var(--section-gap);margin-bottom:24px;margin-bottom:var(--section-gap);padding:0 32px;padding:0 var(--padding-horizontal)}.charts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;overflow:hidden}.charts-grid>*{max-width:100%;min-width:0;overflow:hidden}@media (min-width:1200px){.charts-section{grid-auto-rows:minmax(380px,auto);grid-template-columns:repeat(3,1fr)}}@media (min-width:992px) and (max-width:1199px){.charts-section{grid-auto-rows:minmax(350px,auto);grid-template-columns:repeat(3,1fr)}}@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{animation:fadeIn .6s ease .3s backwards;padding:0}.card,.table-section{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;overflow:hidden;position:relative}.card{padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.card:before{background:linear-gradient(135deg,#103c8a,#1e50a8);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 8px 32px #103c8a1f,0 16px 48px #0000000f;transform:translateY(-4px)}.chart-container{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;display:flex;flex:1 1;flex-direction:column;padding:1.5rem;transition:all .25s ease;z-index:1}.chart-container h3{border-bottom:2px solid #eef2f6;border-bottom:2px solid var(--bg-secondary);color:#103c8a;color:var(--nova-blue);font-size:.8rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:.75rem;text-transform:uppercase}.chart-content{align-items:center;display:flex;flex:1 1;justify-content:center;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:#28b1b8;border-color:var(--aqua-verge);box-shadow:0 0 0 3px #28b1b826}.chart-container:hover{box-shadow:0 4px 16px #0000000f,0 12px 32px #0000000f}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{border:4px solid #28b1b81a;border-top:4px solid var(--aqua-verge);height:40px;width:40px}.error-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef44444d;border-radius:8px;display:flex;justify-content:space-between;margin:16px 32px;margin:16px var(--padding-horizontal);padding:12px 20px}.error-banner span{color:#dc2626;font-size:14px;font-weight:500}.error-banner button{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .3s ease}.error-banner button:hover{background:#ef444433;transform:translateY(-1px)}.ws-indicator{align-items:center;animation:fadeInScale .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;bottom:20px;box-shadow:0 4px 12px #103c8a1a;color:#0e8a4e;color:var(--verdant-surge);display:flex;font-size:14px;gap:8px;padding:8px 16px;position:fixed;right:20px;z-index:9999}.ws-dot{animation:pulse 2s infinite;background:#0e8a4e;background:var(--verdant-surge);border-radius:50%;height:8px;width:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filtered-out{opacity:0;transform:scale(.95);transition:all .2s ease;transition:all var(--transition-speed) ease}.table-row{transition:background var(--transition-speed) ease}.table-row:hover{background:linear-gradient(90deg,#0000,#7b68ee0d,#0000)}@media (min-width:1400px){.metrics-section{gap:32px;max-width:1300px}.metrics-section .metric-card{min-height:110px}}@media (min-width:1200px) and (max-width:1399px){.metrics-section{gap:24px;max-width:1100px}}@media (min-width:992px) and (max-width:1199px){.metrics-section{gap:20px;max-width:900px}.metrics-section .metric-card{min-height:90px}}@media (max-width:991px){.metrics-section{grid-template-columns:1fr;max-width:400px}.metrics-section .metric-card:first-child,.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{max-width:100%;min-width:0;min-width:auto}}@media (min-width:1200px) and (max-width:1399px){:root{--padding-horizontal:24px;--section-gap:20px}.chart-container{max-width:100%;min-width:0;min-width:auto;padding:18px}.table-section{overflow-x:auto}}@media (min-width:768px) and (max-width:991px){.metrics-section{gap:15px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){:root{--padding-horizontal:16px;--section-gap:16px}.charts-section,.metrics-section{grid-template-columns:1fr}.table-section{padding:10px 16px 16px}}.filter-tooltip-badge{background:#c4a8d31a;border:2px solid #c4a8d3;border-radius:24px;color:#7b4397;cursor:default;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-tooltip-badge:hover{background:#c4a8d326;box-shadow:0 4px 12px #c4a8d333;transform:translateY(-1px)}@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{justify-content:flex-start;margin-left:0;width:100%}}@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{align-items:stretch;flex-direction:column;gap:.75rem;overflow:visible;padding:1rem}.filter-group{position:relative;width:100%}.filter-group:first-child{z-index:600}.filter-group:nth-child(2){z-index:500}.campaign-info{flex-wrap:wrap;gap:.5rem;justify-content:center;margin-left:0}.campaign-badge{font-size:.7rem;padding:.35rem .9rem}.campaign-dates{font-size:.75rem}}@media (max-width:640px){.container{padding:.75rem}.filter-section{border-radius:12px;margin-bottom:1rem;overflow:visible;padding:.75rem}.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{gap:1rem;grid-template-columns:1fr}.charts-grid>:nth-child(3){grid-column:span 1}.table-section{border-radius:12px;margin:0 -.25rem}.error-banner{flex-direction:column;gap:.75rem;margin:.5rem;padding:1rem;text-align:center}.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;font-size:12px;padding:6px 12px;right:10px}.ws-dot{height:6px;width: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,.chart-container:hover,.hero-card:hover,.secondary-card:hover{transform:none}}@media (max-height:500px) and (orientation:landscape){.hero-metrics{gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.hero-card{min-height:120px;padding:1rem}.secondary-grid{margin-bottom:1rem}.charts-grid,.secondary-grid{gap:.75rem;grid-template-columns:repeat(3,1fr)}.chart-card{min-height:280px}}.tenant-logo-container{align-items:center;display:flex;gap:12px;min-height:40px;min-height:var(--logo-size,40px);position:relative;-webkit-user-select:none;user-select:none}.tenant-logo-content-wrapper,.tenant-logo-loading-wrapper{align-items:center;display:flex;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{background:linear-gradient(135deg,#ffffffe6,#f8f5ffe6);border:1px solid #c8b6f64d;border-radius:12px;box-shadow:0 4px 12px #7b68ee26;cursor:pointer;height:var(--logo-size);overflow:hidden;position:relative;transition:all .3s ease;width:var(--logo-size)}.tenant-logo-image-container:hover{box-shadow:0 6px 14px #7b68ee40;transform:scale(1.02)}.tenant-logo-image{height:100%;object-fit:contain;object-position:center;opacity:0;padding:8px;transition:opacity .3s ease;width:100%}.tenant-logo-image.loaded{opacity:1}.tenant-logo-text-fallback{align-items:center;display:flex;gap:12px}.tenant-logo-initial{align-items:center;background:linear-gradient(135deg,#103c8a,#28b1b8);background:linear-gradient(135deg,var(--nova-blue,#103c8a),var(--aqua-verge,#28b1b8));border-radius:12px;box-shadow:0 4px 16px #103c8a4d;color:#fff;cursor:pointer;display:flex;font-size:var(--medium-size);font-size:var(--initial-size);font-weight:600;height:var(--logo-size);justify-content:center;text-shadow:0 2px 4px #00000026;transition:all .3s ease;width:var(--logo-size)}.tenant-logo-text-fallback:hover .tenant-logo-initial{box-shadow:0 6px 14px #28b1b859;transform:scale(1.02)}.tenant-name-text{color:#000;font-family:Inter,-apple-system,SF Pro Display,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size);font-weight:600;letter-spacing:-.025em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-loading-skeleton,.tenant-logo-skeleton{border-radius:8px;height:var(--logo-size);width:var(--logo-size)}.image-loading-skeleton,.tenant-logo-skeleton,.tenant-name-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#0000 50%,#f0f0f0 75%);background-size:200% 100%;overflow:hidden;position:relative}.tenant-name-skeleton{border-radius:4px;height:20px;width:120px}.image-loading-skeleton{left:0;position:absolute;top:0;z-index:1}.shimmer-overlay{background:linear-gradient(90deg,#0000,#fff9 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(-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{box-shadow:0 6px 16px #7b68ee4d;transform:translateY(-1px);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){.shimmer-overlay,.tenant-logo-image,.tenant-logo-initial,.tenant-name-text{animation:none!important;transition:none!important}}.tenant-logo-container.header-context{--logo-size:64px;--font-size:24px;--initial-size:32px;align-items:center;display:flex;gap:16px;margin-left:40px}.tenant-logo-container.header-context .tenant-logo-image-container{background:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:0 2px 8px #0000001a;height:var(--logo-size);min-width:var(--logo-size);width:var(--logo-size)}.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{align-items:center;display:flex;gap:16px}.tenant-logo-container.header-context .tenant-logo-initial{border-radius:10px;font-size:var(--medium-size);font-size:var(--initial-size);height:var(--logo-size);min-width:var(--logo-size);width:var(--logo-size)}.tenant-logo-container.header-context .tenant-name-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#103c8a,#28b1b8);background:linear-gradient(135deg,var(--nova-blue,#103c8a) 0,var(--aqua-verge,#28b1b8) 100%);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,SF Pro Display,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size);font-weight:600;letter-spacing:-.025em;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1920px){.tenant-logo-container.header-context{--logo-size:68px;--font-size:26px;--initial-size:34px;gap:18px;margin-left:450px}}@media (min-width:1400px) and (max-width:1919px){.tenant-logo-container.header-context{--logo-size:64px;--font-size:24px;--initial-size:32px;gap:16px;margin-left:250px}}@media (min-width:1200px) and (max-width:1399px){.tenant-logo-container.header-context{--logo-size:56px;--font-size:22px;--initial-size:28px;gap:14px;margin-left:20px}.tenant-logo-container.header-context .tenant-name-text{max-width:300px}}@media (max-width:1199px){.tenant-logo-container.header-context{--logo-size:52px;--font-size:20px;--initial-size:26px;gap:12px;margin-left:0}.tenant-logo-container.header-context .tenant-name-text{max-width:250px}}@media (max-width:768px){.tenant-logo-container.header-context{--logo-size:36px;--font-size:18px;--initial-size:18px;gap:10px}.tenant-logo-container.header-context .tenant-name-text{max-width:180px}}@media (prefers-color-scheme:dark){.tenant-name-text{color:#cbd5e0}.tenant-logo-container.header-context .tenant-name-text{color:#e2e8f0}.tenant-logo-skeleton,.tenant-name-skeleton{background:linear-gradient(90deg,#2d3748 25%,#0000 50%,#2d3748 75%)}.shimmer-overlay{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000)}}.tenant-selector{position:relative;z-index:10001}.tenant-selector-trigger{align-items:center;background:#fff;border:1.5px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;min-width:200px;padding:8px 16px;transition:all .2s ease}.tenant-selector-trigger:hover:not(:disabled){background:#28b1b808;border-color:var(--aqua-verge);box-shadow:0 2px 8px #28b1b81a}.tenant-selector-trigger:disabled{cursor:not-allowed;opacity:.6}.tenant-selector-current{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:space-between}.tenant-selector-name{color:var(--text-primary);flex:1 1;font-weight:600;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tenant-selector-arrow{color:var(--aqua-verge);transition:transform .2s ease}.tenant-selector-arrow.open{transform:rotate(180deg)}.tenant-selector-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 40px #103c8a26,0 4px 12px #00000014;left:0;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);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{align-items:center;background:#fff;border:none;border-bottom:1px solid var(--border-light);border-left:3px solid #0000;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;min-height:48px;padding:14px 18px;text-align:left;transition:all .15s ease;width:100%}.tenant-selector-item:last-child{border-bottom:none}.tenant-selector-item:hover:not(:disabled){background:linear-gradient(90deg,#28b1b814,#28b1b805);border-left-color:var(--aqua-verge)}.tenant-selector-item:disabled{cursor:default;opacity:.7}.tenant-selector-item.current{background:linear-gradient(90deg,#103c8a14,#103c8a05);border-left-color:var(--nova-blue)}.tenant-item-content{flex:1 1;min-width:0}.tenant-item-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-item-meta{align-items:center;display:flex;font-size:12px;gap:12px}.tenant-item-code{background:var(--bg-secondary);border-radius:4px;color:var(--silicon-grey);font-family:Monaco,Courier New,monospace;padding:2px 6px}.tenant-item-role{color:var(--aqua-verge);font-weight:600;text-transform:capitalize}.tenant-item-current{background:#103c8a1a;border-radius:4px;color:var(--nova-blue);font-size:12px;font-weight:600;padding:4px 8px}.tenant-selector-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tenant-selector-spinner{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;color:#666;font-size:14px;font-weight:500;padding:20px 30px}@media (min-width:2560px){.tenant-selector-trigger{font-size:15px;min-width:240px;padding:10px 20px}.tenant-selector-dropdown{min-width:320px}.tenant-selector-item{min-height:52px;padding:16px 20px}.tenant-item-name{font-size:15px}}@media (min-width:1920px) and (max-width:2559px){.tenant-selector-trigger{font-size:14px;min-width:220px;padding:9px 18px}.tenant-selector-dropdown{min-width:300px}}@media (min-width:1400px) and (max-width:1919px){.tenant-selector-trigger{font-size:14px;min-width:200px;padding:8px 16px}.tenant-selector-dropdown{min-width:280px}}@media (min-width:1200px) and (max-width:1399px){.tenant-selector-trigger{font-size:13px;min-width:180px;padding:7px 14px}.tenant-selector-dropdown{min-width:260px}.tenant-selector-item{min-height:44px;padding:12px 16px}}@media (max-width:1199px){.tenant-selector-trigger{font-size:13px;min-width:160px;padding:6px 12px}.tenant-selector-dropdown{min-width:240px}.tenant-selector-item{min-height:40px;padding:10px 14px}}@media (max-width:768px){.tenant-selector-label{display:none}.tenant-selector-trigger{min-width:140px}}.dashboard-header{background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid var(--border-light);height:72px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.dashboard-header,.header-left,.logo-box{align-items:center;display:flex}.logo-box{background:linear-gradient(135deg,#28b1b826,#103c8a26);border-radius:12px;box-shadow:0 2px 8px #103c8a26;color:var(--nova-blue);font-size:1.5rem;font-weight:800;height:42px;justify-content:center;width:42px}.logo-container{align-items:center;display:flex;height:56px;position:relative}.branding-logo{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(16,60,138,.1));height:140px;margin-left:-24px;object-fit:contain;transition:transform .3s ease;width:140px}.branding-logo:hover{filter:drop-shadow(0 4px 8px rgba(16,60,138,.2));transform:scale(1.05)}.header-center{align-items:center;display:flex;justify-content:center;left:150px;overflow:hidden;position:absolute;right:500px}.tenant-name{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.3px}.header-right{gap:1.25rem}.admin-link,.header-right{align-items:center;display:flex}.admin-link{border:1px solid #0000;border-radius:8px;color:var(--silicon-grey);font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.admin-link:hover{background:#28b1b80f;border-color:#28b1b826;color:var(--aqua-verge)}.admin-link svg{height:18px;width:18px}.header-tenant-selector{margin-right:0}.header-tenant-selector .tenant-selector-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid var(--border-light)}.header-tenant-selector .tenant-selector-trigger:hover:not(:disabled){background:#28b1b80a;border-color:var(--aqua-verge)}.tenant-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1.5px solid var(--border-light);border-radius:8px;box-shadow:0 2px 8px #103c8a0f;display:inline-flex;font-size:14px;gap:10px;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.tenant-badge:hover{border-color:#28b1b84d}.tenant-label{color:var(--text-secondary);font-weight:400}.user-section{align-items:center;display:flex;gap:1rem}.username{color:var(--text-secondary);font-size:.85rem;font-weight:500}.logout-button{background:#0000;border:2px solid #28b1b8;border:2px solid var(--aqua-verge,#28b1b8);border-radius:8px;color:#28b1b8;color:var(--aqua-verge,#28b1b8);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.logout-button:hover{background:#28b1b814;border-color:#103c8a;border-color:var(--nova-blue,#103c8a);color:#103c8a;color:var(--nova-blue,#103c8a);transform:translateY(-1px)}.logout-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1400px){.header-center{left:120px;right:450px}}@media (max-width:1200px){.dashboard-header{padding:0 1.5rem}.header-center{left:100px;right:400px}.branding-logo{height:100px;margin-left:-24px;width:100px}.tenant-name{font-size:1rem}}@media (max-width:1024px){.dashboard-header{gap:.75rem;justify-content:flex-start}.header-center{flex:0 0 auto;position:static}.tenant-name{font-size:.95rem}.header-right{gap:.75rem;margin-left:auto}}@media (max-width:900px){.dashboard-header{gap:.5rem}.tenant-name{font-size:.9rem}.header-right{gap:.5rem}}@media (max-width:850px){.tenant-name{font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){.dashboard-header{height:64px;padding:0 1rem}.header-center{display:none}.branding-logo{height:100px;margin-left:-25px;width:100px}.header-right{gap:.75rem}.admin-link,.header-tenant-selector,.logout-button,.username{display:none}}@media (max-width:480px){.dashboard-header{height:60px;padding:0 .75rem}.branding-logo{height:80px;margin-left:-20px;width:80px}}.mobile-menu-button{background:#0000;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.mobile-menu-button:hover{background:#28b1b80f;border-color:var(--aqua-verge)}.mobile-menu-button svg{color:var(--text-secondary);height:20px;width:20px}@media (max-width:768px){.mobile-menu-button{align-items:center;display:flex;justify-content:center}}.mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu-panel{background:var(--card-bg);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:1000}.mobile-menu-panel.active{right:0}.mobile-menu-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.mobile-menu-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.mobile-menu-close{background:#0000;border:none;border-radius:6px;cursor:pointer;padding:8px;transition:background .2s ease}.mobile-menu-close:hover{background:var(--bg-secondary)}.mobile-menu-close svg{color:var(--text-secondary);height:20px;width:20px}.mobile-menu-content{flex:1 1;overflow-y:auto;padding:1rem}.mobile-menu-section{margin-bottom:1.5rem}.mobile-menu-section-title{color:var(--aqua-verge);font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.mobile-menu-item{align-items:center;border-radius:8px;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.mobile-menu-item:hover{background:#28b1b814;color:var(--aqua-verge)}.mobile-menu-item svg{height:18px;width:18px}.mobile-menu-footer{border-top:1px solid var(--border-light);padding:1rem}.mobile-logout-button{background:#0000;border:1.5px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.mobile-logout-button:hover{background:#28b1b80a;border-color:var(--aqua-verge);color:var(--aqua-verge)}.mobile-logout-button svg{height:18px;margin-right:8px;width:18px}.mobile-logout-button{align-items:center;display:flex;justify-content:center}.mobile-menu-user-info{align-items:center;background:linear-gradient(135deg,#28b1b814,#103c8a0a);border:1px solid #28b1b826;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.mobile-user-avatar{align-items:center;background:linear-gradient(135deg,var(--aqua-verge) 0,#3ac5cc 100%);border-radius:50%;box-shadow:0 2px 8px #28b1b84d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.mobile-user-details{display:flex;flex-direction:column;gap:2px}.mobile-user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.mobile-user-role{color:var(--aqua-verge);font-size:.75rem;font-weight:500;text-transform:capitalize}.mobile-menu-tenant-info{align-items:center;background:linear-gradient(135deg,#103c8a0f,#28b1b80a);border:1px solid #103c8a1a;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.mobile-tenant-name{color:var(--nova-blue);font-size:.9rem;font-weight:600}.mobile-tenant-selector{margin-top:12px;width:100%}.mobile-tenant-selector .tenant-selector-trigger{background:#fff;border:1px solid var(--border-light);border-radius:8px;justify-content:space-between;padding:10px 14px;width:100%}.mobile-tenant-selector .tenant-selector-trigger:hover:not(:disabled){background:#28b1b80a;border-color:var(--aqua-verge)}.mobile-tenant-selector .tenant-selector-name{font-size:.85rem;font-weight:500}.mobile-tenant-selector .tenant-selector-dropdown{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;position:relative;top:4px;width:100%}.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}.campaign-selector{display:inline-block;min-width:280px;position:relative}.campaign-selector-trigger{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:42px;justify-content:space-between;padding:.5rem 2.5rem .5rem 1rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.campaign-selector-trigger.open,.campaign-selector-trigger:hover:not(.disabled){border-color:var(--aqua-verge);box-shadow:0 0 0 4px #28b1b81a}.campaign-selector-trigger.disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.campaign-selector-content{align-items:center;display:flex;flex:1 1;gap:8px;overflow:hidden}.campaign-selector-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-selector-arrow{color:var(--aqua-verge);flex-shrink:0;margin-left:8px;transition:transform .2s ease}.campaign-selector-trigger.open .campaign-selector-arrow{transform:rotate(180deg)}.campaign-selector-spinner{animation:spin .8s linear infinite;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--aqua-verge);flex-shrink:0;height:16px;margin-left:8px;width:16px}.campaign-selector-dropdown{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 40px #103c8a26,0 4px 12px #00000014;display:flex;flex-direction:column;left:0;max-height:400px;min-width:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.campaign-search-container{background:#28b1b808;border-bottom:1px solid var(--bg-secondary);padding:10px 12px}.campaign-search-input{border:1px solid var(--border-light);border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.campaign-search-input:focus{border-color:var(--aqua-verge);box-shadow:0 0 0 2px #28b1b826}.campaign-search-input::placeholder{color:var(--text-muted)}.campaign-options{flex:1 1;overflow-y:auto;padding:4px 0}.campaign-option{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:.75rem;padding:.85rem 1rem;transition:all .15s ease}.campaign-option:hover{background:linear-gradient(90deg,#28b1b814,#28b1b805);border-left-color:var(--aqua-verge)}.campaign-option.selected{background:linear-gradient(90deg,#103c8a14,#103c8a05);border-left-color:var(--nova-blue)}.campaign-option-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.7rem;font-weight:800;height:32px;justify-content:center;width:32px}.campaign-option-icon.collections{background:linear-gradient(135deg,#d1a95526,#d1a9550d);color:var(--luxe-brass)}.campaign-option-icon.reminder{background:linear-gradient(135deg,#28b1b826,#28b1b80d);color:var(--aqua-verge)}.campaign-option-content{flex:1 1;min-width:0}.campaign-option-header{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.campaign-option-name{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.campaign-option-hint{color:var(--text-muted);font-size:12px;margin-top:2px}.campaign-option-dates{color:var(--text-muted);display:flex;font-size:.7rem;gap:.75rem}.campaign-option-empty{color:var(--text-muted);font-size:14px;padding:16px 12px;text-align:center}.campaign-type-badge{border-radius:4px;flex-shrink:0;font-size:.6rem;font-weight:700;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}.campaign-type-badge.small{font-size:10px;padding:1px 6px}.campaign-type-badge.badge-collections{background:#d1a9551a;border:1px solid #d1a95533;color:#b8942e}.campaign-type-badge.badge-reminder{background:#28b1b81a;border:1px solid #28b1b833;color:var(--aqua-verge)}.campaign-status-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:500;padding:1px 6px;text-transform:capitalize}.campaign-status-badge.badge-active{background:#0e8a4e1a;color:var(--verdant-surge)}.campaign-status-badge.badge-completed{background:#103c8a1a;color:var(--nova-blue)}.campaign-status-badge.badge-cancelled{background:#7b8a9c1a;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:#28b1b84d;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{left:0;max-height:50vh;max-width:min(400px,calc(100vw - 32px));min-width:280px;position:absolute;right:auto;top:calc(100% + 6px);z-index:1000}}@media (max-width:900px){.campaign-selector{min-width:100%;width:100%}.campaign-selector-dropdown{left:0;max-height:50vh;max-width:none;min-width:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}}@media (max-width:768px){.campaign-selector{min-width:100%;width:100%}.campaign-selector-trigger{font-size:13px;padding:6px 10px}.campaign-selector-dropdown{left:0;max-height:45vh;max-width:none;min-width:auto;position:absolute;right:0;top:calc(100% + 6px);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{font-size:.85rem;padding:.6rem 2rem .6rem .875rem}.campaign-selector-dropdown{border-radius:12px;bottom:auto;left:0;max-height:50vh;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.campaign-option{gap:.5rem;padding:.75rem .875rem}.campaign-option-icon{font-size:.6rem;height:28px;width:28px}.campaign-option-name{font-size:.8rem}.campaign-option-dates{flex-wrap:wrap;font-size:.65rem}.campaign-search-input{font-size:13px;padding:6px 10px}}@media (max-width:480px){.campaign-selector-trigger{font-size:.8rem;padding:.5rem 1.75rem .5rem .75rem}.campaign-selector-dropdown{max-height:55vh}.campaign-option{padding:.625rem .75rem}.campaign-option-icon{border-radius:6px;height:24px;width:24px}}.hero-metrics{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.hero-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;min-height:160px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.hero-card.primary:before{background:linear-gradient(135deg,#103c8a,#1e50a8)}.hero-card.success:before{background:linear-gradient(135deg,#0e8a4e,#0a6e3d)}.hero-card.interactive:before{background:linear-gradient(135deg,#28b1b8,#1d9aa0)}.hero-card:hover{box-shadow:0 8px 32px #103c8a1f,0 16px 48px #0000000f;transform:translateY(-4px)}.hero-card-header{gap:.75rem;margin-bottom:1.25rem}.hero-card-header,.hero-icon{align-items:center;display:flex}.hero-icon{border-radius:12px;height:48px;justify-content:center;width:48px}.hero-icon.blue{background:linear-gradient(135deg,#103c8a1f,#103c8a0a)}.hero-icon.green{background:linear-gradient(135deg,#0e8a4e1f,#0e8a4e0a)}.hero-icon.teal{background:linear-gradient(135deg,#28b1b81f,#28b1b80a)}.hero-icon svg{height:24px;width:24px}.hero-icon .rupee-icon{color:var(--verdant-surge);font-size:22px;font-weight:800}.hero-card-title{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.hero-stats-row{display:flex;gap:1rem;justify-content:space-between}.hero-stat{background:var(--bg-primary);border-radius:10px;flex:1 1;padding:.5rem;text-align:center}.hero-stat-value{color:var(--nova-blue);font-size:1.75rem;font-weight:800;letter-spacing:-.5px;line-height:1}.hero-stat-value.success{color:var(--verdant-surge)}.hero-stat-value.highlight{color:var(--luxe-brass)}.hero-stat-label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.3px;margin-top:.35rem;text-transform:uppercase}.hero-loading{align-items:center;display:flex;height:100%;justify-content:center;min-height:120px}@media (max-width:1280px){.hero-metrics{grid-template-columns:repeat(2,1fr)}.hero-metrics .hero-card:last-child{grid-column:span 2}}@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{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e8ecef 25%,#f4f6f8 50%,#e8ecef 75%);background:linear-gradient(90deg,var(--skeleton-base,#e8ecef) 25%,var(--skeleton-shine,#f4f6f8) 50%,var(--skeleton-base,#e8ecef) 75%);background-size:200% 100%;border-radius:8px}.skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-value{height:2rem;margin-bottom:.25rem;width:80px}.skeleton-value.large{height:2.5rem;width:100px}.skeleton-label{height:.75rem;width:60px}.skeleton-icon{border-radius:12px;height:48px;width:48px}.skeleton-circle{border-radius:50%}.skeleton-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e8ecef;border:1px solid var(--border-light,#e8ecef);border-radius:20px;padding:1.5rem}.skeleton-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.skeleton-card-title{height:.75rem;width:100px}.skeleton-stats-row{display:flex;gap:1rem;justify-content:space-between}.skeleton-stat{background:#f8fafc;background:var(--bg-primary,#f8fafc);border-radius:10px;flex:1 1;padding:.5rem;text-align:center}.skeleton-chart{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.skeleton-donut{border:24px solid #e8ecef;border:24px solid var(--skeleton-base,#e8ecef);height:160px;overflow:hidden;width:160px}.skeleton-donut:after{animation:skeleton-spin 1.5s linear infinite;border:24px solid #0000;border-radius:50%;border-top:24px solid var(--skeleton-shine,#f4f6f8);bottom:-24px;content:"";left:-24px;position:absolute;right:-24px;top:-24px}@keyframes skeleton-spin{to{transform:rotate(1turn)}}.skeleton-bar{border-radius:4px;height:20px;margin-bottom:.75rem}.skeleton-bars{padding:1rem 0;width:100%}.skeleton-bar:first-child{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{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:2rem;text-align:center}.error-state-icon{color:#7b8a9c;color:var(--silicon-grey,#7b8a9c);height:48px;margin-bottom:1rem;width:48px}.error-state-message{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;margin-bottom:1rem;max-width:200px}.error-state-retry{background:#103c8a;background:var(--nova-blue,#103c8a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.error-state-retry:hover{background:#28b1b8;background:var(--aqua-verge,#28b1b8);transform:translateY(-1px)}.error-state-retry:active{transform:translateY(0)}.error-state.compact{min-height:80px;padding:1rem}.error-state.compact .error-state-icon{height:32px;margin-bottom:.5rem;width:32px}.error-state.compact .error-state-message{font-size:.75rem;margin-bottom:.75rem}.secondary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.secondary-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 3px #00000005,0 4px 12px #00000008;display:flex;flex-direction:column;justify-content:center;min-height:90px;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.secondary-card:before{background:var(--aqua-verge);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .25s ease}.secondary-card:hover{border-color:#28b1b84d;box-shadow:0 4px 16px #28b1b826;transform:translateY(-3px)}.secondary-card:hover:before{transform:scaleX(1)}.secondary-value{color:var(--nova-blue);font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.secondary-label{color:var(--text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.3px;margin-top:.4rem;text-transform:uppercase}.secondary-loading{height:100%;min-height:50px}.secondary-loading,.secondary-skeleton{align-items:center;display:flex;justify-content:center}.secondary-skeleton{flex-direction:column;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:1px solid var(--border-light);border-radius:20px;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000a;max-width:100%;min-width:0;overflow:visible;padding:1.5rem;transition:all .25s ease}.chart-card:hover{box-shadow:0 4px 16px #0000000f,0 12px 32px #0000000f}.chart-header{align-items:center;border-bottom:2px solid var(--bg-secondary);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.chart-title{color:var(--nova-blue);font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.chart-menu{align-items:center;border-radius:6px;color:var(--silicon-grey);cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;transition:all .15s ease;width:28px}.chart-menu:hover{background:var(--bg-secondary);color:var(--aqua-verge)}.chart-content{height:100%;position:relative}.active-filter-badge{animation:fadeInScale .3s ease;background:linear-gradient(135deg,var(--nova-blue),#1e50a8);border-radius:16px;box-shadow:0 4px 12px #103c8a40;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:10px;top:10px;transition:all .3s ease;z-index:10}.active-filter-badge:hover{box-shadow:0 6px 16px #103c8a59;transform:scale(1.05)}.language-filter{background:linear-gradient(135deg,var(--aqua-verge),#1d9aa0)}.execution-filter{background:linear-gradient(135deg,var(--luxe-brass),#c49e3d)}.call-status-filter{background:linear-gradient(135deg,var(--verdant-surge),#0a6e3d)}.no-data{align-items:center;color:var(--text-muted);display:flex;font-size:14px;height:100%;justify-content:center}.chart-container canvas{cursor:pointer}.chart-helper-text{border-top:1px solid var(--border-light);color:var(--text-muted);font-size:11px;margin-top:8px;opacity:.8;padding-top:8px;text-align:center;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,#28b1b808 50%,#103c8a05);box-shadow:0 8px 24px #28b1b826,0 0 0 1px #28b1b81a}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes subtlePulse{0%,to{box-shadow:0 4px 12px #103c8a40}50%{box-shadow:0 6px 18px #103c8a59}}.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{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}.donut-stat-item{align-items:center;background:var(--bg-primary);border-radius:6px;display:flex;font-size:.75rem;gap:.5rem;padding:.35rem .5rem}.donut-stat-color{border-radius:3px;flex-shrink:0;height:10px;width:10px}.donut-stat-label{color:var(--text-secondary);flex:1 1;font-weight:500}.donut-stat-value{color:var(--text-primary);font-weight:700}.chart-container{height:220px;isolation:isolate;max-width:100%;min-height:220px;overflow:visible;position:relative}.chart-container canvas{position:relative;z-index:1}.bar-chart-container{height:280px;max-width:100%;min-height:280px;overflow:visible}.chart-card{display:flex;flex-direction:column;min-height:380px}.chart-card .bar-chart-container,.chart-card .chart-container{flex:1 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{height:8px;width:8px}.active-filter-badge{font-size:10px;padding:3px 10px}}@media (max-width:640px){.chart-card{border-radius:16px;min-height:280px;padding:.875rem}.chart-header{margin-bottom:.5rem;padding-bottom:.4rem}.chart-title{font-size:.65rem}.chart-menu{font-size:1rem;height:24px;width:24px}.chart-container{height:160px;min-height:160px}.bar-chart-container{height:200px;min-height:200px}.donut-stats{gap:.25rem;grid-template-columns:1fr;margin-top:.5rem}.donut-stat-item{font-size:.6rem;padding:.2rem .35rem}.active-filter-badge{font-size:9px;padding:2px 8px;right:5px;top:5px}.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{background-color:#103c8a;background-color:var(--nova-blue,#103c8a);border:none;border-radius:16px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;outline:none;padding:6px 12px;position:absolute;right:10px;top:10px;transition:all .2s ease;white-space:nowrap;z-index:10}.chart-filter-badge:hover{background-color:#28b1b8;background-color:var(--aqua-verge,#28b1b8);transform:scale(1.05)}.chart-filter-badge:focus-visible{outline:2px solid #28b1b8;outline:2px solid var(--aqua-verge,#28b1b8);outline-offset:2px}@media (max-width:640px){.chart-filter-badge{font-size:10px;padding:4px 10px;right:5px;top:5px}}.chart-center-text{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:-1}.chart-center-value{color:#010711;color:var(--nova-blue,#010711);font-size:24px;font-weight:700}.chart-center-label{color:#7b8a9c;color:var(--silicon-grey,#7b8a9c);font-size:12px}@media (max-width:640px){.chart-center-value{font-size:20px}.chart-center-label{font-size:10px}}.chart-skeleton{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.skeleton-donut-container{align-items:center;display:flex;justify-content:center}.skeleton-donut{background:#0000;border:20px solid #e8ecef;border:20px solid var(--skeleton-base,#e8ecef);border-radius:50%;height:140px;position:relative;width:140px}.skeleton-stats{display:flex;flex-direction:column;gap:.5rem;width:100%}.bar-chart-skeleton{padding:1rem}.bar-chart-skeleton .skeleton-bar{border-radius:6px;height:24px;margin-bottom:.75rem}@media (max-width:640px){.skeleton-donut{border-width:16px;height:100px;width:100px}}.table-toggle-container{align-items:center;display:flex}.table-toggle{background:linear-gradient(135deg,#103c8a0a,#28b1b80a);border:1px solid #103c8a26;border-radius:12px;box-shadow:0 2px 8px #103c8a0f;display:inline-flex;height:44px;overflow:hidden;padding:4px;position:relative;transition:all .3s ease}.table-toggle:hover{border-color:#28b1b84d;box-shadow:0 4px 12px #28b1b81a}.toggle-slider{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #103c8a1f;border-radius:8px;box-shadow:0 2px 8px #103c8a14,0 1px 2px #0000000a;height:calc(100% - 8px);left:4px;pointer-events:none;position:absolute;top:4px;width:calc(50% - 4px);z-index:1}.toggle-option{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:center;padding:0 28px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:2}.toggle-option:hover:not(.active){background:#28b1b814}.toggle-option:active:not(.active){transform:scale(.97)}.option-label{color:#7b8a9c;font-size:.8rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.toggle-option.active .option-label{color:#103c8a;font-weight:700;text-shadow:0 0 20px #103c8a26}.toggle-option:hover:not(.active) .option-label{color:#28b1b8}.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{height:40px;width:100%}.toggle-option{padding:0 12px}.option-label{font-size:.7rem;letter-spacing:.3px}}@media (max-width:480px){.table-toggle{border-radius:10px;height:38px}.toggle-slider{border-radius:7px}.toggle-option{padding:0 8px}.option-label{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.option-label,.toggle-option,.toggle-slider{transition:none!important}}@keyframes sinewave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.recording-cell{flex-direction:column;gap:4px;height:64px;justify-content:center;max-height:64px;min-height:64px;padding:4px 0}.recording-cell,.recording-controls-top{align-items:center;display:flex;position:relative}.recording-controls-top{gap:8px}.audio-controls{gap:4px;margin-left:0;margin-top:4px}.audio-control,.audio-controls{align-items:center;display:flex}.audio-control{background:#28b1b814;border:1px solid #28b1b833;border-radius:6px;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.audio-control:hover{background:#28b1b826;border-color:#28b1b866;transform:translateY(-1px)}.audio-control:active{background:#28b1b833;transform:translateY(0)}.audio-control svg{height:16px;width:16px}.audio-control.disabled{background:#cccccc0d;border:1px solid #cccccc1a;cursor:not-allowed;opacity:.5}.audio-control.disabled:hover{background:#cccccc0d;border-color:#cccccc1a;transform:none}.audio-control.disabled svg{stroke:#ccc}.sinewave-container{align-items:center;display:inline-flex;height:20px;left:35px;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;visibility:hidden;width:40px;z-index:1}.sinewave-container.visible{opacity:1;visibility:visible}.sinewave-animation{align-items:center;animation:sinewave 1.5s linear infinite;display:flex;width:200%}.sinewave-animation svg{height:20px;width:100%}.calls-table-container{width:100%}.table-header{justify-content:flex-end;margin-bottom:20px}.table-info{color:var(--text-secondary);font-size:.85rem}.filter-count{color:var(--aqua-verge);font-weight:600}.calls-table{border-collapse:initial;border-spacing:0;width:100%}.calls-table thead{background:linear-gradient(180deg,#103c8a0f,#103c8a05)}.calls-table th{border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light);color:#103c8a!important;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.calls-table th:last-child{border-right:none}.calls-table td{border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);color:var(--text-primary);font-size:.875rem;padding:14px 16px;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,#28b1b80a,#0000)}.table-row.selected{background:#28b1b814}.call-id{color:#666;font-family:monospace;font-size:12px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.35rem;letter-spacing:.3px;padding:.35rem .75rem;text-transform:uppercase}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-badge.status-completed{background:linear-gradient(135deg,#0e8a4e1f,#0e8a4e0a)!important;color:#0e8a4e!important}.status-badge.status-busy{background:linear-gradient(135deg,#d1a9551f,#d1a9550a)!important;color:#d1a955!important}.status-badge.status-no-answer{background:linear-gradient(135deg,#28b1b81f,#28b1b80a)!important;color:#28b1b8!important}.status-badge.status-failed{background:linear-gradient(135deg,#ef53501f,#ef53500a)!important;color:#ef5350!important}.status-badge.status-initiated{background:linear-gradient(135deg,#103c8a1f,#103c8a0a)!important;color:#103c8a!important}.duration-cell{color:var(--text-secondary);display:inline-block;font-family:monospace;font-size:.8rem}@media (min-width:769px){.duration-cell{background:var(--bg-primary);border-radius:6px;padding:.3rem .6rem}}.calls-table .customer-name{color:#0f172a!important;display:block;font-size:.95rem;font-weight:700;line-height:1.3}.calls-table .customer-id,.calls-table .loan-id{color:#7b8a9c!important;display:block;font-family:monospace;font-size:.75rem}.icon-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.icon-button:hover{background:#28b1b81a}.icon-button svg{stroke:var(--aqua-verge);height:18px;transition:stroke .2s ease;width:18px}.icon-button:hover svg{stroke:var(--nova-blue)}.icon-button.recording:hover{background:#28b1b81a}.icon-button.transcript{display:block;margin:0 auto}.icon-button.transcript:hover{background:#0e8a4e1a}.icon-button.loading{cursor:wait;opacity:.6}.icon-button.disabled,.icon-button:disabled{cursor:not-allowed;opacity:.4}.icon-button.disabled:hover,.icon-button:disabled:hover{background:none;transform:none}.loading-spinner-small{animation:spin 1s linear infinite;color:var(--aqua-verge);display:inline-block;font-size:16px}.metrics-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.language-badge,.metric-badge{border:1px solid;border-radius:6px;font-size:.7rem;font-weight:600;padding:3px 8px;text-transform:capitalize;white-space:nowrap}.language-badge{background:#28b1b81a;border-color:#28b1b833;color:var(--aqua-verge)}.metric-badge{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-secondary)}.hardship-badge{background:#d1a9551a!important;border:1px solid #d1a95533!important;color:#d1a955!important}.dispute-badge{background:#ef53501a!important;border:1px solid #ef535033!important;color:#ef5350!important}.legal-badge{background:#ef53501f!important;border:1px solid #ef535040!important;color:#ef5350!important}.confusion-badge,.refuse-badge{background:#d1a9551a!important;border:1px solid #d1a95533!important;color:#d1a955!important}.reason-badge{background:#7b8a9c1a!important;border:1px solid #7b8a9c33!important;color:#7b8a9c!important}.income-badge{background:#103c8a1a!important;border:1px solid #103c8a33!important;color:#103c8a!important}.engagement-high{background:#0e8a4e1a!important;border:1px solid #0e8a4e33!important;color:#0e8a4e!important}.engagement-medium{background:#d1a9551a!important;border:1px solid #d1a95533!important;color:#d1a955!important}.engagement-low{background:#ef53501a!important;border:1px solid #ef535033!important;color:#ef5350!important}.callback-badge{background:#103c8a1a!important;border:1px solid #103c8a33!important;color:#103c8a!important}.metric-badge.ptp{background:#0e8a4e1a!important;border-color:#0e8a4e33!important;color:#0e8a4e!important}.metric-badge.rpt{background:#d1a9551a!important;border-color:#d1a95533!important;color:#d1a955!important}.metric-badge.callback{background:#103c8a1a!important;border-color:#103c8a33!important;color:#103c8a!important}.metric-badge.intent-high{background:#0e8a4e1a!important;border-color:#0e8a4e33!important;color:#0e8a4e!important}.metric-badge.intent-medium{background:#d1a9551a!important;border-color:#d1a95533!important;color:#d1a955!important}.metric-badge.intent-low{background:#ef53501a!important;border-color:#ef535033!important;color:#ef5350!important}.metric-badge.ability-high{background:#103c8a1a!important;border-color:#103c8a33!important;color:#103c8a!important}.metric-badge.ability-medium{background:#28b1b81a!important;border-color:#28b1b833!important;color:#28b1b8!important}.metric-badge.ability-low{background:#7b8a9c1a!important;border-color:#7b8a9c33!important;color:#7b8a9c!important}.metric-badge.disposition-promise_to_pay,.metric-badge.disposition-ptp{background:#0e8a4e1a!important;border-color:#0e8a4e33!important;color:#0e8a4e!important}.metric-badge.disposition-callback_scheduled{background:#103c8a1a!important;border-color:#103c8a33!important;color:#103c8a!important}.metric-badge.disposition-claiming_payment{background:#28b1b81a!important;border-color:#28b1b833!important;color:#28b1b8!important}.metric-badge.disposition-no_commitment{background:#7b8a9c1a!important;border-color:#7b8a9c33!important;color:#7b8a9c!important}.metric-badge.disposition-refusal_to_pay,.metric-badge.disposition-refuse{background:#d1a9551a!important;border-color:#d1a95533!important;color:#d1a955!important}.metric-badge.disposition-dispute{background:#ef53501a!important;border-color:#ef535033!important;color:#ef5350!important}.metric-badge.disposition-waiting_for_followup{background:#28b1b81a!important;border-color:#28b1b833!important;color:#28b1b8!important;cursor:help;font-weight:600}.metric-badge.disposition-waiting_for_followup:hover{background:#28b1b826;box-shadow:0 2px 12px #28b1b833;transform:translateY(-1px)}.metric-badge.ptp-badge{background:#0e8a4e1a;border-color:#0e8a4e33;color:var(--verdant-surge);font-weight:600}.metric-badge.payment-method-badge{background:#103c8a1a;border-color:#103c8a33;color:var(--nova-blue)}.metric-badge.hardship-badge{background:#d1a9551a;border-color:#d1a95533;color:var(--luxe-brass)}.metric-badge.dispute-badge{background:#ef53501a;border-color:#ef535033;color:#ef5350}.metric-badge.legal-badge{background:#ef53501f;border-color:#ef535040;color:#ef5350}.metric-badge.refuse-badge{background:#d1a9551a;border-color:#d1a95533;color:var(--luxe-brass)}.metric-badge.income-badge{background:#103c8a1a;border-color:#103c8a33;color:var(--nova-blue)}.metric-badge.engagement-cooperative{background:#0e8a4e1a;border-color:#0e8a4e33;color:var(--verdant-surge)}.metric-badge.engagement-neutral{background:#7b8a9c1a;border-color:#7b8a9c33;color:var(--silicon-grey)}.metric-badge.engagement-aggressive,.metric-badge.engagement-frustrated,.metric-badge.engagement-uncooperative{background:#ef53501a;border-color:#ef535033;color:#ef5350}.metric-badge.callback-badge{background:#103c8a1a;border-color:#103c8a33;color:var(--nova-blue)}.metric-badge.confusion-badge{background:#d1a9551a;border-color:#d1a95533;color:var(--luxe-brass)}.metric-badge.reason-badge{background:#7b8a9c1a;border-color:#7b8a9c33;color:var(--silicon-grey);cursor:help}.metric-badge.waiting-followup-badge{background:#28b1b81a;border-color:#28b1b833;box-shadow:0 0 8px #28b1b826;color:var(--aqua-verge);cursor:help;font-weight:600}.metric-badge.waiting-followup-badge:hover{background:#28b1b826;box-shadow:0 2px 12px #28b1b840;transform:translateY(-1px)}a.icon-button{color:inherit;text-decoration:none}@media (min-width:1200px) and (max-width:1399px){.calls-table{font-size:13px}.calls-table td,.calls-table th{padding:10px}.metrics-badges{gap:4px}.metric-badge{font-size:10px;padding:2px 6px}}@media (max-width:1199px){.calls-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.calls-table{min-width:800px}}@media (max-width:900px){.calls-table td,.calls-table th{font-size:.8rem;padding:10px 8px}.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{border-radius:0;margin:0 -.5rem}.table-header{flex-direction:column;gap:.75rem;padding:.75rem}.table-info{font-size:.75rem}.calls-table td,.calls-table th{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;max-height:50px;min-height:50px}.icon-button{padding:4px}.icon-button svg{height:14px;width:14px}}@media (max-width:1199px){.calls-table-container{position:relative}}.transcript-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100001}.transcript-modal-overlay.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.transcript-modal-content{background:#fff;background:var(--card-bg,#fff);border:1px solid #e8ecef;border:1px solid var(--border-light,#e8ecef);border-radius:16px;box-shadow:0 8px 32px #103c8a26,0 20px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.transcript-header{align-items:center;background:linear-gradient(135deg,#103c8a08,#28b1b808);border-bottom:1px solid #e8ecef;border-bottom:1px solid var(--border-light,#e8ecef);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 24px 16px}.transcript-header h3{color:#103c8a;color:var(--nova-blue,#103c8a);font-size:18px;font-weight:700;margin:0}.transcript-meta{color:#7b8a9c;color:var(--silicon-grey,#7b8a9c);display:flex;font-size:13px;font-weight:500;gap:16px}.transcript-meta span{background:#f8fafc;background:var(--bg-primary,#f8fafc);border-radius:6px;padding:4px 10px}.transcript-close{background:none;border:none;border-radius:6px;color:#7b8a9c;color:var(--silicon-grey,#7b8a9c);cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.transcript-close:hover{background-color:#28b1b81a;color:#28b1b8;color:var(--aqua-verge,#28b1b8)}.transcript-content{flex:1 1;overflow-y:auto;padding:20px 24px}.transcript-content::-webkit-scrollbar{width:8px}.transcript-content::-webkit-scrollbar-track{background:#103c8a0d;border-radius:4px}.transcript-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#103c8a,#28b1b8);background:linear-gradient(180deg,var(--nova-blue,#103c8a) 0,var(--aqua-verge,#28b1b8) 100%);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.transcript-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#28b1b8,#103c8a);background:linear-gradient(180deg,var(--aqua-verge,#28b1b8) 0,var(--nova-blue,#103c8a) 100%)}.transcript-content{scrollbar-color:#28b1b8 #103c8a0d;scrollbar-color:var(--aqua-verge,#28b1b8) #103c8a0d;scrollbar-width:thin}.transcript-content pre{color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.transcript-line{line-height:1.6;margin-bottom:.5rem}.transcript-speaker{font-weight:600}.transcript-assistant{color:#28b1b8;color:var(--aqua-verge,#28b1b8)}.transcript-user{color:#d1a955;color:var(--luxe-brass,#d1a955)}.transcript-modal-overlay{will-change:opacity}.transcript-modal-content{will-change:transform,opacity}.transcript-content{position:relative;scroll-behavior:smooth}.transcript-scroll-hint{align-items:center;background:linear-gradient(180deg,#0000 0,#ffffffe6 30%,#fff);bottom:0;display:flex;flex-direction:column;gap:4px;left:0;padding:16px 0 8px;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;z-index:1}.scroll-hint-arrow{animation:bounce-arrow 1.5s ease-in-out infinite;color:#28b1b8;color:var(--aqua-verge,#28b1b8);font-size:20px;font-weight:600}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.transcript-scroll-hint span{color:#7b8a9c;color:var(--silicon-grey,#7b8a9c);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.transcript-line-animated{will-change:transform,opacity,filter}.transcript-line-animated:hover{background:linear-gradient(90deg,#28b1b80d,#0000);border-radius:4px;margin-left:-8px;padding-left:8px}@media (prefers-reduced-motion:reduce){.transcript-line-animated,.transcript-modal-content,.transcript-modal-overlay{animation:none!important;transition:none!important}.transcript-scroll-hint{display:none}}.pagination{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light,#e2e8f0);gap:8px;justify-content:center;margin-top:20px;padding:20px}.pagination,.pagination-pages{align-items:center;display:flex}.pagination-pages{gap:4px}.pagination-nav-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:8px;color:#1a202c;color:var(--text-primary,#1a202c);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-nav-button:hover:not(:disabled){background:#28b1b8;background:var(--aqua-verge,#28b1b8);border-color:#28b1b8;border-color:var(--aqua-verge,#28b1b8);color:#fff}.pagination-nav-button:disabled{cursor:not-allowed;opacity:.4}.pagination-nav-button svg{flex-shrink:0}.pagination-page-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:8px;color:#1a202c;color:var(--text-primary,#1a202c);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 10px;transition:all .2s ease}.pagination-page-button:hover:not(.active){background:#28b1b81a;border-color:#28b1b8;border-color:var(--aqua-verge,#28b1b8);color:#28b1b8;color:var(--aqua-verge,#28b1b8)}.pagination-page-button.active{background:linear-gradient(135deg,#103c8a,#28b1b8);background:linear-gradient(135deg,var(--nova-blue,#103c8a),var(--aqua-verge,#28b1b8));border-color:#0000;box-shadow:0 2px 8px #103c8a40;color:#fff;font-weight:600}.pagination-ellipsis{align-items:center;color:#718096;color:var(--text-secondary,#718096);display:flex;font-size:.85rem;height:36px;justify-content:center;letter-spacing:2px;width:36px}.pagination-goto{align-items:center;border-left:1px solid #e2e8f0;border-left:1px solid var(--border-light,#e2e8f0);display:flex;gap:6px;margin-left:12px;padding-left:16px}.pagination-goto-label{color:#718096;color:var(--text-secondary,#718096);font-size:.8rem;white-space:nowrap}.pagination-goto-input{-moz-appearance:textfield;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:6px;color:#1a202c;color:var(--text-primary,#1a202c);font-size:.85rem;height:32px;padding:0 8px;text-align:center;transition:all .2s ease;width:52px}.pagination-goto-input::-webkit-inner-spin-button,.pagination-goto-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-goto-input:focus{border-color:#28b1b8;border-color:var(--aqua-verge,#28b1b8);box-shadow:0 0 0 3px #28b1b826;outline:none}.pagination-goto-input::placeholder{color:#a0aec0;color:var(--text-muted,#a0aec0)}.pagination-goto-button{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:6px;color:#1a202c;color:var(--text-primary,#1a202c);cursor:pointer;font-size:.8rem;font-weight:500;height:32px;padding:0 12px;transition:all .2s ease}.pagination-goto-button:hover:not(:disabled){background:#28b1b8;background:var(--aqua-verge,#28b1b8);border-color:#28b1b8;border-color:var(--aqua-verge,#28b1b8);color:#fff}.pagination-goto-button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:8px;padding:16px 12px}.pagination-pages{gap:2px}.pagination-nav-button,.pagination-page-button{font-size:.8rem;height:32px;min-width:32px;width:32px}.pagination-page-button{padding:0 8px}.pagination-ellipsis{width:24px}.pagination-goto{border-left:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light,#e2e8f0);justify-content:center;margin-left:0;padding-left:0;padding-top:8px;width:100%}}@media (max-width:480px){.pagination{gap:2px}.pagination-nav-button,.pagination-page-button{border-radius:6px;height:28px;min-width:28px;width:28px}.pagination-nav-button svg{height:14px;width:14px}.pagination-goto-input{font-size:.8rem;height:28px;width:44px}.pagination-goto-button{font-size:.75rem;height:28px;padding:0 10px}.pagination-goto-label{font-size:.75rem}}.customers-view-container{width:100%}.customers-table{border:1px solid var(--border-light);border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.customers-table thead{background:linear-gradient(180deg,#103c8a0f,#103c8a05)}.customers-table th{border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light);color:#103c8a!important;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.customers-table th:last-child{border-right:none}.customers-table td{border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);color:var(--text-primary);font-size:.875rem;padding:14px 16px;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,#28b1b80a,#0000)}.customer-info{display:flex;flex-direction:column;gap:4px}.customers-table .customer-name{color:#0f172a!important;display:block;font-size:.95rem;font-weight:700;line-height:1.3}.customers-table .customer-id{color:#7b8a9c!important;display:block;font-family:monospace;font-size:.75rem}.income-info{display:flex;flex-direction:column;gap:4px}.income-amount{color:#103c8a!important;font-size:14px;font-weight:600!important}.income-source{background:#28b1b814;border-radius:4px;color:var(--silicon-grey);display:inline-block;font-size:12px;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.employment-status{color:#a0aec0;font-size:11px;font-style:italic}.contactability-container{align-items:center;display:flex;gap:8px}.contact-ratio{background:#0e8a4e1a;border-radius:4px;color:var(--verdant-surge);font-size:13px;font-weight:500;min-width:35px;padding:2px 6px}.contact-bar{background:#0e8a4e26;border-radius:3px;height:6px;overflow:hidden;position:relative;width:60px}.contact-fill{background:linear-gradient(90deg,#0e8a4e80,var(--verdant-surge));border-radius:3px;height:100%;transition:width .3s ease}.contact-percentage{color:var(--silicon-grey);font-size:12px;min-width:35px;text-align:right}.ability-badge,.intent-badge{border-radius:12px;color:#fff!important;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:4px 10px;text-transform:uppercase}.intent-badge.intent-high{background:#0e8a4e!important}.intent-badge.intent-medium{background:#d1a955!important}.intent-badge.intent-low{background:#ef5350!important}.ability-badge.ability-high{background:#103c8a!important}.ability-badge.ability-medium{background:#28b1b8!important}.ability-badge.ability-low{background:#7b8a9c!important}.risk-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.metric-badge{background:#e5e7eb33;border:1px solid #e5e7eb66;border-radius:4px;color:#4b5563;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.01em;padding:3px 7px;text-transform:uppercase;transition:all .2s ease}.metric-badge.risk-dispute{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444!important}.metric-badge.risk-legal{background:#ef44441f!important;border-color:#ef444459!important;color:#ef4444!important;font-weight:600}.metric-badge.risk-hardship{background:#d1a9551a!important;border-color:#d1a9554d!important;color:#d1a955!important}.metric-badge.no-risk{background:#0e8a4e1a!important;border-color:#0e8a4e4d!important;color:#0e8a4e!important}.metric-badge.risk-dnc{background:#ef444426!important;border-color:#ef444466!important;color:#ef4444!important;font-weight:700}.income-primary{align-items:center;display:flex;gap:8px}.household-income{color:#6b7280;font-size:12px;font-weight:500}.income-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.income-details span{background:#d1d5db26;border:1px solid #d1d5db4d;border-radius:3px;color:#4b5563;font-size:11px;padding:2px 5px}.dependents{background:#5f9ea026!important;border-color:#5f9ea059!important;color:#2f5f5f!important}.other-loans{background:#fef08a33!important;border-color:#fef08a66!important;color:#a16207!important}.salary-date{background:#93c5fd26!important;border-color:#93c5fd59!important;color:#1e40af!important}.household-income-badge{background:#10b98126!important;border-color:#10b98159!important;color:#047857!important;font-weight:500!important}.risk-reason{background:#fee2e233;border:1px solid #fee2e266;border-radius:4px;color:#b91c1c;font-size:11px;margin:2px;padding:2px 6px}.hardship-type{background:#fed7aa33;border:1px solid #fed7aa66;color:#c2410c}.disposition-badge,.hardship-type{border-radius:4px;font-size:11px;margin:2px;padding:2px 6px;text-transform:capitalize}.disposition-badge{background:#9333ea1a;color:#7c3aed}.customers-loading{padding:20px}.loading-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-row{background:#fff;border-radius:4px;display:flex;gap:12px;padding:12px}.skeleton-cell{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px}.skeleton-id{width:60px}.skeleton-name{width:150px}.skeleton-income{width:120px}.skeleton-contact{width:100px}.skeleton-ability,.skeleton-intent{width:70px}.skeleton-risks{width:80px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.customers-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px;text-align:center}.customers-error .error-icon{filter:drop-shadow(0 4px 8px rgba(239,68,68,.2));font-size:48px;margin-bottom:16px}.customers-error p{color:#718096;font-size:16px;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,var(--aqua-verge),#1d9aa0);box-shadow:0 4px 12px #28b1b84d;padding:10px 24px;transition:all .2s ease}.retry-button:hover{box-shadow:0 6px 20px #28b1b866}.not-available{color:var(--text-muted);font-size:.75rem}@media (min-width:1200px) and (max-width:1399px){.customers-table{font-size:13px}.customers-table td,.customers-table th{padding:10px}.income-amount{font-size:13px}.contact-bar{width:50px}}@media (max-width:1199px){.customers-view-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.customers-table{min-width:900px}.contactability-container{align-items:flex-start;flex-direction:column;gap:4px}.contact-bar{height:4px;width:40px}}@media (max-width:900px){.customers-table td,.customers-table th{font-size:.8rem;padding:10px 8px}.customers-table th{font-size:.65rem}.income-amount{font-size:12px}.income-source{font-size:10px;padding:1px 4px}.ability-badge,.intent-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 td,.customers-table th{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{height:3px;width:30px}.contact-percentage{font-size:10px}.true-ptp-badge{font-size:10px;min-width:40px;padding:3px 8px}}@media (max-width:1199px){.customers-view-container{position:relative}}@media (prefers-color-scheme:dark){.customers-table{border-color:#28b1b833}.customers-table thead{background:#103c8a1a}.customers-table th{border-color:#28b1b833;color:#a0aec0}.customers-table td{border-color:#28b1b833;color:#e2e8f0}.customer-name{color:#fff;font-weight:700}.income-amount{color:#93c5fd;font-weight:500}}.contact-window{align-items:center;display:flex;justify-content:center}.contact-time{border-radius:6px;font-size:13px;font-weight:500;min-width:120px;padding:4px 8px;text-align:center;text-transform:capitalize;white-space:nowrap}.contact-time.morning{background:#d1a9551f;border:1px solid #d1a9554d;color:#d1a955}.contact-time.afternoon{background:#28b1b81f;border:1px solid #28b1b84d;color:#28b1b8}.contact-time.evening{background:#103c8a1f;border:1px solid #103c8a4d;color:#103c8a}.contact-time.night{background:#7b8a9c1f;border:1px solid #7b8a9c4d;color:#7b8a9c}.contact-time:not(.morning):not(.afternoon):not(.evening):not(.night){background:#28b1b81a;border:1px solid #28b1b84d;color:var(--aqua-verge)}@media (max-width:1199px){.contact-time{font-size:12px;min-width:100px;padding:3px 6px}}@media (max-width:768px){.contact-time{font-size:11px;min-width:80px;padding:2px 4px}}@media (prefers-contrast:high){.ability-badge,.intent-badge{border:2px solid;font-weight:700}.contact-time,.risk-indicators.risk-high,.risk-indicators.risk-medium{border-width:2px}.contact-time{font-weight:600}}.true-ptp-container{display:flex}.true-ptp-badge,.true-ptp-container{align-items:center;justify-content:center}.true-ptp-badge{border:1px solid;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;min-width:50px;padding:4px 12px;text-align:center;transition:all .3s ease}.true-ptp-badge.ptp-true{background:linear-gradient(135deg,#103c8a1a,#103c8a0d)!important;border-color:#103c8a40!important;color:#103c8a!important;font-weight:600}.true-ptp-badge.ptp-false{background:linear-gradient(135deg,#d1a9551a,#d1a9550d)!important;border-color:#d1a95540!important;color:#d1a955!important;font-weight:600}.true-ptp-badge:hover{transform:scale(1.05);transition:all .2s ease-out}.true-ptp-badge.ptp-true:hover{background:#103c8a26;box-shadow:0 2px 8px #103c8a33}.true-ptp-badge.ptp-false:hover{background:#d1a95533;box-shadow:0 2px 8px #d1a95533}@media (prefers-color-scheme:dark){.true-ptp-badge.ptp-true{background:#103c8a33;border-color:#93c5fd;color:#93c5fd}.true-ptp-badge.ptp-false{background:#d1a95533;border-color:#f5d78e;color:#f5d78e}.true-ptp-badge.ptp-true:hover{background:#103c8a4d}.true-ptp-badge.ptp-false:hover{background:#d1a9554d}}.multi-select-filter{display:inline-block;min-width:180px;position:relative}.multi-select-trigger{align-items:center;background:#fff;border:1.5px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease;width:100%}.multi-select-trigger:hover{border-color:var(--aqua-verge);color:var(--aqua-verge)}.multi-select-trigger.active,.multi-select-trigger.open{background:#28b1b80d;border-color:var(--aqua-verge);color:var(--aqua-verge)}.multi-select-icon{flex-shrink:0;height:14px;width:14px}.multi-select-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.multi-select-arrow{flex-shrink:0;margin-left:4px;transition:transform .2s ease}.multi-select-trigger.open .multi-select-arrow{transform:rotate(180deg)}.multi-select-dropdown{background:#fff;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 10px 40px #103c8a26;display:flex;flex-direction:column;left:0;max-height:280px;min-width:180px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.multi-select-overlay{display:none}.multi-select-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.multi-select-title{color:var(--text-primary);display:none;font-size:.85rem;font-weight:600}.multi-select-footer{display:none}.multi-select-action{background:#28b1b814;border:1px solid #28b1b833;border-radius:6px;color:var(--aqua-verge);cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s ease;width:100%}.multi-select-action:hover{background:#28b1b826;border-color:var(--aqua-verge)}.multi-select-options{flex:1 1;overflow-y:auto;padding:6px 0}.multi-select-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;padding:8px 14px;transition:background .15s ease}.multi-select-option:hover{background:linear-gradient(90deg,#28b1b814,#28b1b805)}.multi-select-checkbox{accent-color:var(--aqua-verge);cursor:pointer;height:16px;margin-right:10px;width:16px}.multi-select-option-label{color:var(--text-primary);flex:1 1;font-size:.8rem;-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:#28b1b84d;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:var(--aqua-verge)}@media (max-width:1024px){.multi-select-overlay{background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10001}.multi-select-dropdown{border-radius:12px;bottom:10px;box-shadow:0 -10px 40px #103c8a33;left:10px;max-height:50vh;max-width:calc(100vw - 20px);position:fixed;right:10px;top:auto;z-index:10002}.multi-select-title{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600}.multi-select-header{padding:10px 14px}.multi-select-action{width:auto}.multi-select-footer{background:var(--bg-primary);border-top:1px solid var(--border-light);display:block;padding:10px 14px}.multi-select-done{background:var(--aqua-verge);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s ease;width:100%}.multi-select-done:hover{background:#229ca2}}@media (max-width:768px){.multi-select-filter{flex:1 1;min-width:120px}.multi-select-trigger{border-radius:8px;font-size:12px;padding:8px 10px}.multi-select-icon{height:12px;width:12px}.multi-select-arrow{height:10px;width:10px}.multi-select-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10001}.multi-select-dropdown{border-radius:12px;bottom:10px;left:10px;max-height:60vh;max-width:calc(100vw - 20px);position:fixed;right:10px;top:auto;z-index:10002}.multi-select-header{align-items:center;flex-direction:row;padding:12px 16px}.multi-select-title{color:var(--text-primary);display:block;font-size:1rem;font-weight:700}.multi-select-action{font-size:13px;padding:8px 14px;width:auto}.multi-select-option{font-size:14px;padding:12px 14px}.multi-select-checkbox{height:18px;width:18px}.multi-select-option-label{font-size:14px}.multi-select-footer{background:var(--bg-primary);border-top:1px solid var(--border-light);display:block;padding:12px 16px}.multi-select-done{background:var(--aqua-verge);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.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{font-size:11px;gap:4px;padding:8px}.multi-select-label{max-width:80px}.multi-select-dropdown{max-height:70vh}}.loan-id-search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.search-input-container{align-items:center;display:flex;flex:1 1;max-width:320px;min-width:200px;position:relative}.search-icon{color:var(--silicon-grey);left:12px;pointer-events:none;position:absolute;z-index:1}.search-input{background:#fff;border:1.5px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-weight:500;outline:none;padding:8px 36px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--aqua-verge);box-shadow:0 0 0 3px #28b1b81f}.search-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.search-input::placeholder{color:var(--text-muted);font-weight:400}.clear-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--silicon-grey);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:8px;transition:all .2s ease;width:20px}.clear-button:hover{background:#28b1b826;color:var(--aqua-verge)}.search-button{background:linear-gradient(135deg,var(--aqua-verge) 0,#1d9aa0 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:0 4px 12px #28b1b84d;transform:translateY(-1px)}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{background:var(--border-light);box-shadow:none;color:var(--text-muted);cursor:not-allowed;transform:none}.search-status{background:#28b1b814;border:1px solid #28b1b833;border-radius:6px;color:var(--text-secondary);font-size:.75rem;padding:4px 10px;white-space:nowrap}.search-status strong{color:var(--aqua-verge);font-weight:700}@media (max-width:768px){.loan-id-search-bar{flex-wrap:wrap;width:100%}.search-input-container{flex:1 1 100%;max-width:none;min-width:0}.search-button{flex:1 1;min-width:80px}.search-status{flex:1 1 100%;margin-top:4px;text-align:center}}@media (max-width:480px){.search-input{font-size:.8rem;padding:6px 32px}.search-icon{height:14px;left:10px;width:14px}.search-button{font-size:.75rem;padding:6px 12px}.search-status{font-size:.7rem;padding:3px 8px}}.data-table-container{padding:0;width:100%}.table-header{background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid var(--border-light);justify-content:space-between;padding:1rem 1.5rem}.table-filters,.table-header{align-items:center;display:flex}.table-filters{gap:12px}.filter-error{background:#dc354514;border:1px solid #dc354533;border-radius:8px;color:#dc2626;font-size:13px;padding:8px 12px}@media (max-width:1200px){.table-header{gap:1rem}.table-filters,.table-header{flex-wrap:wrap}}@media (max-width:768px){.data-table-container{padding:0}.table-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:.875rem 1rem}.table-filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.table-filters>*{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:0}}@media (max-width:640px){.table-header{gap:.5rem;padding:.75rem}.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-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1;min-width:0}}.managed-login-redirect{align-items:center;background:var(--bg-gradient);display:flex;justify-content:center;min-height:100vh}.redirect-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #7b68ee1f;border-radius:16px;box-shadow:0 8px 32px #7b68ee26;max-width:400px;padding:48px;text-align:center;width:100%}.redirect-container h2{color:var(--purple-primary);font-size:24px;font-weight:600;margin-bottom:16px}.redirect-container p{color:#6b7280;font-size:14px;margin-bottom:32px}.auth-error-container{align-items:center;background:linear-gradient(135deg,#faf9f6,#f5f3f0);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-error-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid #dc2626;border-radius:16px;box-shadow:0 8px 32px #00000014;max-width:500px;padding:48px;text-align:center;width:100%}.error-icon{filter:grayscale(.2)}.auth-error-card h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:16px}.error-message{line-height:1.5}.error-actions{flex-direction:column;margin-bottom:24px}.clear-session-button,.retry-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.retry-button{background:linear-gradient(135deg,#7b68ee,#9b88ff);box-shadow:0 4px 12px #7b68ee4d}.retry-button:hover{box-shadow:0 6px 20px #7b68ee66}.clear-session-button{background:#0000;border:2px solid #7b68ee;color:#7b68ee}.clear-session-button:hover{background:#7b68ee1a}.debug-info{background:#0000000d;border-radius:8px;font-size:12px;margin-top:24px;padding:12px;text-align:left}.debug-info summary{color:#6b7280;cursor:pointer;font-weight:500;margin-bottom:8px}.debug-info pre{color:#4b5563;font-family:Courier New,monospace;margin:8px 0 0;overflow-x:auto}.auth-callback{align-items:center;background:var(--bg-gradient);display:flex;justify-content:center;min-height:100vh}.callback-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #7b68ee1f;border-radius:16px;box-shadow:0 8px 32px #7b68ee26;max-width:400px;padding:48px;text-align:center;width:100%}.callback-container h2{color:var(--purple-primary);font-size:24px;font-weight:600;margin-bottom:16px}.callback-container p{color:#6b7280;font-size:14px;margin-bottom:32px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #7b68ee1a;border-radius:50%;border-top:4px solid var(--purple-primary);height:48px;margin:0 auto 32px;width:48px}.auth-callback.error .callback-container{border-color:#ef444433}.error-icon{font-size:48px}.error-message{color:#dc2626;font-size:14px;margin-bottom:32px}.retry-button{background:linear-gradient(135deg,var(--purple-primary),var(--purple-dark));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #7b68ee4d;transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logged-out-container{align-items:center;background-attachment:fixed;background-image:url(/static/media/craftai_background.72cf73909e574b730cb6.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh}.logged-out-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid #7b68ee;border-radius:16px;box-shadow:0 8px 32px #00000014;max-width:400px;padding:48px;text-align:center;width:90%}.logout-icon{font-size:48px;margin-bottom:24px}.logged-out-card h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:12px}.logged-out-card p{color:#6b7280;font-size:16px;margin-bottom:32px}.login-again-button{background:linear-gradient(135deg,#7b68ee,#9b88ff);border:none;border-radius:8px;box-shadow:0 4px 12px #7b68ee4d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:all .3s ease}.login-again-button:hover{background:linear-gradient(135deg,#6b58dd,#8b78ee);box-shadow:0 6px 20px #7b68ee66;transform:translateY(-2px)}.login-again-button:active{transform:translateY(0)}@media (prefers-color-scheme:dark){.logged-out-container{background-image:url(/static/media/craftai_background_dark.be7273796f8a35a632b2.webp)}.logged-out-card{background:#1e1e1ef2;border-left-color:#9b88ff}.logged-out-card h2{color:#e2e8f0}.logged-out-card p{color:#a0aec0}}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:500px;padding:48px;text-align:center;width:100%}.error-icon{animation:pulse 2s infinite;color:#ef4444;margin-bottom:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 16px}.error-message{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px}.error-details{background:#f3f4f6cc;border-radius:12px;margin-bottom:32px;padding:16px;text-align:left}.error-details summary{color:#4b5563;cursor:pointer;font-weight:500;margin-bottom:12px}.error-details pre{word-wrap:break-word;color:#ef4444;font-family:Monaco,Courier New,monospace;font-size:12px;margin:8px 0;overflow-x:auto;white-space:pre-wrap}.error-actions{display:flex;gap:12px;justify-content:center}.error-button{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:12px 24px;transition:all .3s ease}.error-button.primary{background:linear-gradient(135deg,#7b68ee,#c8b6f6);color:#fff}.error-button.primary:hover{box-shadow:0 4px 12px #7b68ee4d;transform:translateY(-2px)}.error-button.secondary{background:#f3f4f6cc;border:1px solid #d1d5db80;color:#4b5563}.error-button.secondary:hover{background:#f3f4f6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@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%}}
/*# sourceMappingURL=main.266908dd.css.map*/