.stat-orange .stat-icon,.stat-yellow .stat-icon{background:var(--warning-bg);color:var(--warning)}[data-theme=light] .table-wrap,[data-theme=light] .stat-card,[data-theme=light] .form-card{box-shadow:0 1px 4px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .25s,color .2s}.sidebar,nav,header,.stat-card,.table-wrap,.form-card,input,select,textarea,button{transition:background-color .25s,border-color .25s,color .2s,box-shadow .2s}a{color:var(--accent-light);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}:root{--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", "Fira Code", monospace;--radius:8px;--radius-lg:12px;--radius-xl:16px;--brand-green:#16a34a;--brand-green-hover:#15803d;--brand-green-light:#22c55e;--brand-green-subtle:#16a34a1a;--brand-orange:#e8621a;--brand-orange-hover:#c2510e;--brand-orange-light:#fb923c;--brand-orange-subtle:#e8621a1a;--brand-dark:#111827;--sidebar-text:#e8621a;--sidebar-text-hover:#fb923c;--sidebar-text-active:#fff;--sidebar-text-muted:#e8621a80}:root,:root[data-theme=light]{--bg-page:#f8f9fa;--bg-surface:#fff;--bg-raised:#f1f5f0;--bg-hover:#e8f0e8;--supline-bg:#111827;--sidebar-bg:#111827;--sidebar-hover:#1f2937;--sidebar-active:#1a3a28;--border:#e2e8e0;--border-light:#d1d9ce;--accent:#16a34a;--accent-hover:#15803d;--accent-light:#22c55e;--accent-subtle:#16a34a1a;--accent-secondary:#e8621a;--accent-secondary-hover:#c2510e;--accent-secondary-light:#fb923c;--accent-secondary-subtle:#e8621a1a;--success:#16a34a;--success-bg:#16a34a14;--warning:#e8621a;--warning-bg:#e8621a14;--danger:#dc2626;--danger-bg:#dc262614;--info:#0891b2;--info-bg:#0891b214;--purple:#7c3aed;--purple-bg:#7c3aed14;--text-primary:#111827;--text-secondary:#374151;--text-muted:#9ca3af;--shadow:0 1px 4px #00000014;--shadow-lg:0 8px 32px #0000001f}:root[data-theme=dark]{--bg-page:#0b1a0f;--bg-surface:#0f1f14;--bg-raised:#162a1c;--bg-hover:#1a3322;--supline-bg:#070e09;--sidebar-bg:#0a1a0e;--sidebar-hover:#132818;--sidebar-active:#1a3a24;--border:#1e3324;--border-light:#254530;--accent:#16a34a;--accent-hover:#15803d;--accent-light:#4ade80;--accent-subtle:#16a34a1f;--accent-secondary:#e8621a;--accent-secondary-hover:#c2510e;--accent-secondary-light:#fb923c;--accent-secondary-subtle:#e8621a1f;--success:#22c55e;--success-bg:#22c55e1a;--warning:#fb923c;--warning-bg:#fb923c1a;--danger:#ef4444;--danger-bg:#ef44441a;--info:#22d3ee;--info-bg:#22d3ee1a;--purple:#a78bfa;--purple-bg:#a78bfa1a;--text-primary:#f0fdf4;--text-secondary:#bbf7d0;--text-muted:#4b6b57;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 48px #0009}.btn{border-radius:var(--radius);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:7px;padding:8px 16px;line-height:1.3;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #16a34a4d}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px #16a34a66}.btn-orange{background:var(--accent-secondary);color:#fff;box-shadow:0 2px 8px #e8621a4d}.btn-orange:hover{background:var(--accent-secondary-hover);box-shadow:0 4px 14px #e8621a66}.btn-secondary{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-success{background:var(--success);color:#fff}.btn-danger{color:var(--danger);background:0 0;border:1px solid #ef44444d}.btn-danger:hover{background:var(--danger-bg)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-raised);color:var(--text-primary)}.btn-sm{padding:5px 11px;font-size:12px}.btn-lg{padding:10px 22px;font-size:14px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid #06b6d433}.badge-purple{background:var(--purple-bg);color:var(--purple);border:1px solid #8b5cf633}.badge-default{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border)}.badge-accent{background:var(--accent-subtle);color:var(--accent-light);border:1px solid #2563eb33}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.table-search{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:7px;padding:0 10px;display:flex}.table-search input{color:var(--text-primary);font-size:13px;font-family:var(--font-body);background:0 0;border:none;outline:none;width:180px;padding:8px 0}.table-search input::placeholder{color:var(--text-muted)}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap thead tr{background:var(--bg-raised);border-bottom:1px solid var(--border)}.table-wrap thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:11px 18px;font-size:11px;font-weight:700}.table-wrap tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.table-wrap tbody tr:hover{background:var(--bg-raised)}.table-wrap tbody tr:last-child{border-bottom:none}.table-wrap tbody td{color:var(--text-secondary);padding:13px 18px;font-size:13px}.td-mono{font-family:var(--font-mono);font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-blue:before{background:var(--accent)}.stat-green:before{background:var(--brand-green)}.stat-orange:before{background:var(--brand-orange)}.stat-yellow:before{background:var(--warning)}.stat-red:before{background:var(--danger)}.stat-purple:before{background:var(--purple)}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.stat-value{color:var(--text-primary);letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1}.stat-sub{color:var(--text-secondary);margin-top:6px;font-size:12px}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;top:16px;right:16px}.stat-blue .stat-icon{background:var(--accent-subtle);color:var(--accent-light)}.stat-green .stat-icon{background:var(--success-bg);color:var(--success)}.stat-orange .stat-icon,.stat-yellow .stat-icon{background:var(--warning-bg);color:var(--warning)}.stat-red .stat-icon{background:var(--danger-bg);color:var(--danger)}.stat-purple .stat-icon{background:var(--purple-bg);color:var(--purple)}.form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.form-card-header{border-bottom:1px solid var(--border);padding:18px 24px}.form-card-header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.form-card-header p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.form-card-body{padding:24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:700}.form-control{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px;font-family:var(--font-body);outline:none;width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-control::placeholder{color:var(--text-muted)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.form-actions{border-top:1px solid var(--border);background:var(--bg-raised);gap:10px;padding:18px 24px;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;min-height:100vh;padding:16px 10px;display:flex}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:12px 10px 8px;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav li a{color:var(--text-secondary);border-radius:var(--radius);align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav li a:hover{color:var(--text-primary);background:var(--sidebar-hover)}.sidebar-nav li.active a{color:var(--text-primary);background:var(--sidebar-active);font-weight:600}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.alert{border-radius:var(--radius);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid #06b6d433}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--bg-raised);padding:48px 24px;transition:all .2s}.upload-zone:hover{border-color:var(--accent);background:var(--accent-subtle)}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-pill{cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.filter-pill:hover{background:var(--bg-raised);color:var(--text-primary)}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-sep{background:var(--border);width:1px;height:20px}.pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.pulse-dot.green{background:var(--success);box-shadow:0 0 6px var(--success)}.pulse-dot.yellow{background:var(--warning);box-shadow:0 0 6px var(--warning)}.pulse-dot.gray{background:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-light)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-theme=light] .table-wrap,[data-theme=light] .stat-card,[data-theme=light] .form-card{box-shadow:0 1px 4px #0000000f}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}[data-theme=light] ::placeholder{color:var(--text-muted)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--c-orange:#e8621a;--c-orange-light:#f47b35;--c-orange-dark:#c44d0e;--c-orange-pale:#fef0e8;--c-orange-border:#fddcc8;--c-green:#16a34a;--c-green-light:#dcfce7;--c-bg:#fff8f5;--c-white:#fff;--c-text:#1a0f0a;--c-muted:#7a5a4a;--c-red:#dc2626;--c-yellow:#f59e0b;--c-border:#e5e7eb;--c-surface:#fef0e8;--brand-primary:#16a34a;--brand-secondary:#e8621a;--brand-accent:#000}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}:root{--page-px:36px;--page-py:32px;--page-max:960px}@media (width<=1023px){:root{--page-px:24px;--page-py:24px}}@media (width<=767px){:root{--page-px:16px;--page-py:16px;--page-max:100%}}.app-main-content{flex-direction:column;min-height:100%;display:flex}@media (width<=767px){.app-main-content{padding-bottom:72px!important}.mobile-card-stack table{display:none}.app-main-content>div,.app-main-content>div>div:first-child{max-width:100%!important}button,a[role=button],select,.tap-target{min-height:44px}input,textarea,select{font-size:16px!important}.app-main-content input[type=text],.app-main-content input[type=email],.app-main-content input[type=password],.app-main-content input[type=tel],.app-main-content input[type=number],.app-main-content textarea,.app-main-content select{min-height:44px;width:100%!important}.mobile-full-btn{width:100%!important}}.bottom-sheet-overlay{z-index:9000;background:#00000080;animation:.15s fadeIn;position:fixed;inset:0}.bottom-sheet{z-index:9001;max-height:90vh;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-radius:16px 16px 0 0;animation:.2s slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.bottom-sheet-handle{background:#d1d5db;border-radius:2px;width:36px;height:4px;margin:10px auto 8px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.dialer-root{min-height:100vh;flex-direction:column!important;height:auto!important}.dialer-queue-panel{border-bottom:1px solid #222;max-height:none;border-right:none!important;width:100%!important;min-width:0!important}.dialer-root.has-active .dialer-queue-panel{display:none!important}.dialer-detail-panel{width:100%!important;padding:16px!important}.dialer-back-btn{color:#e5e7eb;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;font-size:13px;font-weight:600;display:flex!important}.debtor-panel-wrap{z-index:8000;-webkit-overflow-scrolling:touch;background:#fff;overflow-y:auto;border:none!important;border-radius:0!important;position:fixed!important;inset:0!important}.debtor-panel-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;gap:0!important;padding:0 12px!important;overflow-x:auto!important}.debtor-panel-tabs::-webkit-scrollbar{display:none}.debtor-panel-tabs button{white-space:nowrap!important;flex-shrink:0!important;padding:10px 16px!important}.dialpad-overlay>div{border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important}.dialpad-columns{flex-direction:column!important;overflow-y:auto!important}.dialpad-columns>div{border-bottom:1px solid #222;border-right:none!important;width:100%!important;padding:16px!important}.dialpad-bottom-bar{z-index:10;position:sticky;bottom:0;flex-direction:column!important;gap:10px!important;padding:12px 16px!important}.dialpad-bottom-bar>div,.dialpad-bottom-bar>textarea,.dialpad-bottom-bar>select,.dialpad-bottom-bar>button{width:100%!important;min-width:0!important}.dialpad-timer{justify-content:center;align-items:center;flex-direction:row!important}.analytics-root{padding:16px!important}.analytics-root .stats-grid{grid-template-columns:1fr 1fr!important}.analytics-root .status-grid{grid-template-columns:repeat(3,1fr)!important}.analytics-root .charts-row{grid-template-columns:1fr!important}.analytics-root .compliance-summary{grid-template-columns:1fr 1fr!important}.analytics-root .agent-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.analytics-root .agent-table-wrap table{min-width:600px}.support-root{padding:16px!important}.support-detail{max-width:100%!important;padding:16px!important}.support-detail .msg-list{max-height:none!important}.support-reply-bar{z-index:10;background:#fff;padding:12px 0;position:sticky;bottom:0}.chat-root{flex-direction:column!important}.chat-sidebar{z-index:9000;background:#fff;position:fixed;inset:0;width:100%!important;display:none!important}.chat-sidebar.open{display:flex!important}.chat-main{width:100%!important}.chat-input-bar{z-index:10;position:sticky;bottom:0}.chat-hamburger{display:flex!important}.modal-overlay{align-items:flex-end!important}.modal-overlay>.modal-content{overflow-y:auto;border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;animation:.2s slideUp!important}.dnc-root{padding:16px!important}.dnc-root .dnc-header{gap:12px;flex-direction:column!important;align-items:flex-start!important}.dnc-root .dnc-header>div:last-child{width:100%}.dnc-root .dnc-add-form{flex-direction:column!important;align-items:stretch!important}.dnc-root .dnc-table-wrap table{display:none!important}.dnc-root .dnc-cards{flex-direction:column;gap:8px;display:flex!important}}.dnc-cards,.dialer-back-btn,.chat-hamburger{display:none}