:root{--bg: #f3f6fb;--bg-top: #e9eef9;--bg-bottom: #eef3fb;--surface: #ffffff;--surface-alt: #f7f9fd;--border: #d7deea;--text: #1b2533;--muted: #627189;--primary: #3467eb;--primary-dark: #2b56c5;--success: #2b9a60;--warning: #d19a2a;--danger: #cc5a5a;--shadow-sm: 0 1px 2px rgba(9, 30, 66, .08);--shadow-md: 0 8px 22px rgba(9, 30, 66, .08);--status-bg: #f3f6fb;--status-text: #2d3f60;--tab-text: #334764;--tab-hover-bg: #f7f9fd;--tab-hover-text: #1f2d44;--tab-active-bg: #ffffff;--tab-active-text: #1f3f8c;--kpi-value-color: #1d3f8d;--kpi-tooltip-color: #7d8aa1;--table-head-bg: #eff4ff;--table-head-text: #2b3e65;--table-row-hover-bg: #f8fbff;--dq-warning-bg: #fff8f8;--insight-pill-bg: #eef3ff;--insight-pill-text: #3251a8;--insight-pill-border: #cfdbf8;--quality-bg: #ffffff;--quality-stat-bg: #f8faff;--quality-item-bg: #fff7f7;--quality-item-border: #f1d5d5;--modal-close-bg: #eef2fb;--modal-close-text: #2d3f60;--upload-box-bg: #f8fbff;--hubspot-card-bg: #f8faff;--notification-bg: #111f37;--navbar-title: #1f2d44}[data-bs-theme=dark]{--bg: #0f172a;--bg-top: #1e293b;--bg-bottom: #111827;--surface: #111827;--surface-alt: #1f2937;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--status-bg: #1e293b;--status-text: #cbd5e1;--tab-text: #cbd5e1;--tab-hover-bg: #273449;--tab-hover-text: #e2e8f0;--tab-active-bg: #111827;--tab-active-text: #93c5fd;--kpi-value-color: #bfdbfe;--kpi-tooltip-color: #94a3b8;--table-head-bg: #1e293b;--table-head-text: #cbd5e1;--table-row-hover-bg: #1a2437;--dq-warning-bg: #3b1f2a;--insight-pill-bg: #1e3a5f;--insight-pill-text: #bfdbfe;--insight-pill-border: #274f7c;--quality-bg: #111827;--quality-stat-bg: #172036;--quality-item-bg: #3b1f2a;--quality-item-border: #7f1d1d;--modal-close-bg: #273449;--modal-close-text: #e2e8f0;--upload-box-bg: #172036;--hubspot-card-bg: #172036;--notification-bg: #0b1220;--navbar-title: #e2e8f0}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,var(--bg-top) 0,var(--bg) 35%,var(--bg-bottom) 100%)}.app-shell.app-shell-tabs{display:block;min-height:100vh}.app-shell{min-height:100vh;display:block}.page-nav-btn{cursor:pointer}.upload-status{font-size:.78rem;color:var(--status-text);line-height:1.35;background:var(--status-bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .6rem;overflow-wrap:anywhere}.upload-status-inline{color:var(--status-text);background:var(--status-bg);border:1px solid var(--border)}.workspace-shell{min-width:0;display:flex;flex-direction:column;max-width:100%}.workspace-header{padding:1.4rem 1.6rem .7rem}.workspace-navbar{background:var(--surface)}.workspace-brand{display:flex;flex-direction:column;min-width:0}.workspace-brand-title{font-size:1.05rem;font-weight:700;color:var(--navbar-title);line-height:1.2}.workspace-tabs{border-bottom:1px solid var(--border);gap:.35rem}.workspace-tabs .page-nav-btn{width:auto;text-align:center;color:var(--tab-text);border:1px solid transparent;border-radius:10px 10px 0 0;background:transparent;padding:.45rem .8rem;font-weight:600}.workspace-tabs .page-nav-btn:hover{border-color:var(--border);background:var(--tab-hover-bg);color:var(--tab-hover-text)}.workspace-tabs .page-nav-btn.active{color:var(--tab-active-text);background:var(--tab-active-bg);border-color:var(--border) var(--border) var(--tab-active-bg);box-shadow:none}.workspace-content{padding:0 1.6rem 1.6rem;min-width:0;max-width:100%}.page-content{display:none;min-width:0;max-width:100%}.page-content.page-visible{display:block}section{margin-bottom:1rem}.filters-section,.kpi-section,.charts-section,.insights-section,.quality-section,.full-page-table-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.dashboard-section-header h2{margin:0;font-size:1rem;font-weight:700}.dashboard-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;max-width:100%}#dashboard-kpi-section .dashboard-section-actions,#dashboard-charts-section .dashboard-section-actions{flex-wrap:nowrap}#dashboard-kpi-section .dashboard-section-actions .filter-input,#dashboard-charts-section .dashboard-section-actions .filter-input{width:220px;min-width:220px;flex:0 0 220px}#dashboard-kpi-section .dashboard-section-actions .btn,#dashboard-charts-section .dashboard-section-actions .btn{white-space:nowrap}.filters-container{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.filters-container.filters-collapsed{display:none}.filter-group{display:flex;align-items:center;gap:.45rem}.filter-group label{font-size:.8rem;color:var(--muted)}.filter-input{min-width:170px}.checkbox-group label{margin:0}.dashboard-mini-label{margin:.25rem 0 .5rem;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.35px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.65rem}.kpi-grid-mini{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.kpi-card{border:1px solid var(--border);border-radius:12px;padding:.7rem;background:linear-gradient(180deg,var(--surface),var(--surface-alt));box-shadow:var(--shadow-sm)}.dashboard-kpi-spotlight .kpi-card{border-color:var(--border);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-alt) 100%)}.kpi-label{font-size:.72rem;color:var(--muted);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.25px}.kpi-value{font-size:1.35rem;line-height:1.2;font-weight:700;color:var(--kpi-value-color)}.kpi-description{font-size:.8rem;color:var(--muted);margin-top:.3rem}.kpi-tooltip{margin-top:.35rem;font-size:.74rem;color:var(--kpi-tooltip-color)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:.75rem}.charts-grid-dashboard{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.chart-card,.dashboard-intel-card{border:1px solid var(--border);border-radius:12px;background:var(--surface-alt);padding:.8rem;min-width:0;max-width:100%}.chart-card h3,.dashboard-intel-card h3{margin:0 0 .6rem;font-size:.92rem;font-weight:700}.chart-container{min-height:320px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.7rem}.chart-container canvas{display:block;width:100%!important;max-width:100%}.chart-container-focus{min-height:420px}.chart-card-sidepanel{display:flex;flex-direction:column;gap:.55rem}.chart-card-sidepanel p{color:var(--muted);font-size:.84rem;margin:0;overflow-wrap:anywhere}.dashboard-side-stats{display:grid;gap:.35rem}.dashboard-side-stat-item{font-size:.78rem;padding:.35rem .45rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere}.dashboard-intel-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;min-width:0}.dashboard-preview-line{font-size:.8rem;padding:.35rem .45rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:.4rem}.dashboard-preview-empty{padding:.55rem;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.8rem}.table-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.search-box{min-width:220px;flex:1;max-width:100%}.table-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.84rem}.table-wrapper{border:1px solid var(--border);border-radius:12px;overflow:auto;background:var(--surface);max-width:100%}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table thead{background:var(--table-head-bg)}.data-table th,.data-table td{padding:.55rem .6rem;border-bottom:1px solid #edf1f8;white-space:nowrap}.data-table th{cursor:pointer;font-weight:600;color:var(--table-head-text)}.data-table tbody tr:hover{background:var(--table-row-hover-bg)}.dq-warning{background:var(--dq-warning-bg)}.no-data-msg{border:1px dashed var(--border);border-radius:10px;text-align:center;color:var(--muted);padding:1.3rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.insight-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.8rem}.insight-title{font-weight:700;margin-bottom:.35rem}.insight-text{font-size:.84rem;color:var(--muted)}.insight-metric{display:inline-flex;margin-top:.45rem;font-size:.78rem;background:var(--insight-pill-bg);color:var(--insight-pill-text);border:1px solid var(--insight-pill-border);border-radius:999px;padding:.16rem .5rem}.quality-container{border:1px solid var(--border);border-radius:12px;background:var(--quality-bg);padding:.85rem}.quality-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-bottom:.8rem}.quality-stat{border:1px solid var(--border);border-radius:10px;padding:.65rem;background:var(--quality-stat-bg)}.quality-label{display:block;font-size:.74rem;color:var(--muted)}.quality-value{display:block;margin-top:.2rem;font-size:1.2rem;font-weight:700}.quality-details{max-height:340px;overflow-y:auto;margin-bottom:.8rem}.quality-item{border:1px solid var(--quality-item-border);background:var(--quality-item-bg);border-radius:10px;padding:.55rem .65rem;margin-bottom:.45rem;font-size:.82rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.55rem}.detail-item{border:1px solid var(--border);border-radius:10px;padding:.5rem .55rem;background:var(--surface)}.detail-label{font-size:.75rem;color:var(--muted);margin-bottom:.2rem}.detail-value{font-size:.84rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1055;background:#07112273;display:none;align-items:center;justify-content:center;padding:1rem}.modal-content{width:min(760px,96vw);background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:0 20px 38px #0b1a3340;overflow:hidden;max-width:100%}.modal-header{padding:.75rem .85rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.8rem}.modal-header h3{margin:0;font-size:.96rem;font-weight:700}.modal-close{border:0;width:1.9rem;height:1.9rem;border-radius:8px;background:var(--modal-close-bg);color:var(--modal-close-text)}.modal-body{padding:.85rem;max-height:78vh;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);padding:.75rem .85rem;display:flex;justify-content:flex-end}.import-modal-content{width:min(860px,96vw);max-width:100%}.upload-section{background:transparent;border:0;padding:0;margin:0}.upload-container h2{margin:0 0 .75rem;font-size:1rem}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.7rem}.upload-box{border:1px dashed #9bb0d1;border-radius:12px;padding:.8rem;background:var(--upload-box-bg)}.upload-label{display:grid;gap:.4rem;cursor:pointer}.upload-icon{font-size:.72rem;letter-spacing:.7px;font-weight:700;color:var(--primary-dark)}.upload-text strong{display:block;font-size:.86rem}.upload-text small{color:var(--muted)}.file-status{margin-top:.45rem;font-size:.76rem;color:var(--muted)}.file-status.success{color:var(--success)}.file-status.error{color:var(--danger)}.hubspot-import-card{margin-top:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--hubspot-card-bg);padding:.75rem}.hubspot-import-card h3{margin:0 0 .3rem;font-size:.9rem}.hubspot-import-card p{margin:0;font-size:.8rem;color:var(--muted)}.hubspot-import-controls{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.45rem}.hubspot-import-controls input{min-width:230px;flex:1;max-width:100%}.notification-container{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1080;display:grid;justify-items:end;gap:.5rem}.notification{width:min(320px,100%);min-width:0;border-radius:10px;background:var(--notification-bg);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.55rem .65rem;font-size:.82rem;box-shadow:0 10px 20px #0003;overflow-wrap:anywhere}.notification.success{background:#1f7a49}.notification.error{background:#a63f3f}.notification.info{background:#2f4e95}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem}.settings-section h2{margin:0 0 .6rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem}.settings-checkbox{border:1px solid var(--border);border-radius:10px;padding:.65rem;background:var(--surface-alt);display:flex;align-items:center;gap:.45rem}.settings-subsection{margin-top:1rem}.settings-subsection h3{margin:0 0 .6rem;font-size:.95rem}.settings-input-row{margin-top:.7rem;display:grid;gap:.35rem}.settings-input-row label{font-size:.82rem;font-weight:600}.settings-help{margin:0;font-size:.78rem;color:var(--muted)}.chart-empty-message{color:var(--muted);font-size:.85rem;padding:.6rem}.table-wrapper.compact-wrapper{font-size:.8rem}table.compact-table th,table.compact-table td{padding:.45rem .5rem}.dashboard-compact .chart-container-focus{min-height:360px}@media (max-width: 991px){.workspace-shell{min-width:0;max-width:100%}.workspace-header,.workspace-content{padding-left:1rem;padding-right:1rem}.dashboard-section-header{flex-direction:column;align-items:flex-start}.dashboard-section-actions{width:100%}.workspace-header{padding-top:1rem;padding-bottom:.55rem}.workspace-brand-title{font-size:.98rem}.workspace-tabs .page-nav-btn{padding:.4rem .65rem;font-size:.82rem}#dashboard-kpi-section .dashboard-section-actions,#dashboard-charts-section .dashboard-section-actions{flex-wrap:wrap}#dashboard-kpi-section .dashboard-section-actions .filter-input,#dashboard-charts-section .dashboard-section-actions .filter-input{width:100%;min-width:0;flex:1 1 100%}.filters-container{display:grid;grid-template-columns:1fr}.filter-group{width:100%;flex-wrap:wrap}.filter-group label{width:100%}.filter-input{min-width:0;width:100%}#date-range-start,#date-range-end{flex:1 1 140px}.chart-container{min-height:280px}.chart-container-focus{min-height:340px}.charts-grid,.charts-grid-dashboard,.dashboard-intel-section{grid-template-columns:1fr}.search-box{min-width:0;width:100%}.table-actions{width:100%}.hubspot-import-controls input{min-width:0;width:100%}.hubspot-import-controls .btn{width:100%}.modal{padding:.75rem}.modal-content,.import-modal-content{width:min(860px,100%)}}@media (max-width: 700px){.workspace-header{padding:.75rem .75rem .45rem}.workspace-navbar .container-fluid{flex-wrap:wrap;row-gap:.45rem}.workspace-brand-title{font-size:.9rem}.workspace-brand small{display:none}.upload-status-inline{width:100%;order:2}.workspace-tabs{gap:.25rem}.workspace-tabs .page-nav-btn{padding:.36rem .52rem;font-size:.76rem}.workspace-content{padding:0 .75rem 1rem}.charts-grid,.charts-grid-dashboard{grid-template-columns:1fr}.dashboard-section-header{flex-direction:column;align-items:flex-start}.dashboard-section-actions{width:100%}#dashboard-kpi-section .dashboard-section-actions,#dashboard-charts-section .dashboard-section-actions{flex-wrap:wrap}#dashboard-kpi-section .dashboard-section-actions .filter-input,#dashboard-charts-section .dashboard-section-actions .filter-input{width:100%;min-width:0;flex:1 1 100%}.filter-input{min-width:0;width:100%}.filter-group{width:100%}.filters-section,.kpi-section,.charts-section,.insights-section,.quality-section,.full-page-table-section,.settings-section{padding:.8rem}.chart-container{min-height:240px;padding:.5rem}.chart-container-focus{min-height:280px}.table-controls{gap:.55rem}.table-actions{justify-content:flex-start;gap:.55rem}.table-actions .btn{width:100%}.upload-grid{grid-template-columns:1fr}.hubspot-import-controls{flex-direction:column}.modal{padding:.5rem}.modal-body{max-height:72vh}.notification-container{left:.5rem;right:.5rem;bottom:.5rem}.notification{width:100%}}