:root{color:#1f2933;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--panel-height: min(690px, calc(100vh - 36px) );--teal: #0f766e;--blue: #2563eb;--violet: #7c3aed;--amber: #f59e0b;--rose: #e11d48;--ink: #111827;--muted: #64748b;--line: #d9e2ea;--soft-teal: #e5f3f1;--soft-blue: #eaf2ff;--soft-violet: #f1edff;--soft-amber: #fff7e6;--soft-rose: #fff1f4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,460px);align-items:stretch;gap:0;background:linear-gradient(135deg,#0f766ef0,#1f2937f5),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1600&q=80);background-size:cover;background-position:center}.login-hero{display:flex;flex-direction:column;justify-content:flex-end;padding:56px;color:#fff}.login-hero h1{max-width:620px;margin-top:10px;font-size:clamp(40px,6vw,76px);line-height:.95}.login-copy{max-width:560px;margin:22px 0 0;color:#ffffffd1;font-size:18px;line-height:1.55}.login-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.login-metrics span,.user-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:#ffffff1f;font-size:12px;font-weight:800}.login-panel{align-self:center;width:min(420px,calc(100% - 40px));display:grid;gap:18px;margin:0 auto;padding:30px;background:#fffffff5;border:1px solid rgba(255,255,255,.55);border-radius:8px;box-shadow:0 28px 80px #0f172a52}.app-shell{min-height:100vh;padding:20px;background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.12),transparent 280px),radial-gradient(circle at 88% 8%,rgba(245,158,11,.16),transparent 260px),linear-gradient(180deg,#0f766e1c,#eef2f600 360px),#eef2f6}.topbar,.summary-strip,.workspace,.upload-panel,.table-toolbar,.pagination,.topbar-actions,.upload-controls,.combo-row,.chips,.import-summary,.brand-row,.section-heading{display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;background:linear-gradient(90deg,#0f766e14,#2563eb12,#ffffffeb),#ffffffeb;border:1px solid #d9e2ea;border-radius:8px;box-shadow:0 12px 34px #1f293714}.brand-row,.section-heading{align-items:center;gap:12px}.brand-mark,.section-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue));box-shadow:0 12px 28px #0f766e38}.brand-mark.compact{width:42px;height:42px}.section-icon{width:36px;height:36px;color:#0f766e;background:linear-gradient(135deg,var(--soft-teal),var(--soft-blue));box-shadow:none}.eyebrow{margin:0 0 5px;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}.login-hero .eyebrow{color:#ffffffb8}h1,h2{margin:0;letter-spacing:0}h1{color:#111827;font-size:28px}.login-hero h1{color:#fff}h2{color:#17202a;font-size:16px}.section-heading p,.upload-panel p{display:block;margin:3px 0 0;color:#64748b;font-size:13px}.topbar-actions{align-items:center;gap:10px}.user-pill{color:#0f3f3b;border-color:#c7dfdb;background:#edf7f5}.summary-strip{align-items:stretch;gap:12px;margin-bottom:16px}.metric-card{position:relative;min-width:176px;flex:1;padding:16px;overflow:hidden;background:#fff;border:1px solid #d9e2ea;border-radius:8px;box-shadow:0 10px 26px #1f29370f}.metric-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),var(--blue))}.metric-card:nth-child(2):before{background:linear-gradient(90deg,var(--blue),var(--violet))}.metric-card:nth-child(3):before{background:linear-gradient(90deg,var(--amber),var(--rose))}.metric-card:nth-child(4):before{background:linear-gradient(90deg,var(--violet),var(--teal))}.metric-card svg{color:#0f766e;margin-bottom:10px}.metric-card span{display:block;margin-bottom:5px;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.metric-card strong{color:#111827;font-size:27px;line-height:1}.primary-metric{border-color:#b8dcd7;background:linear-gradient(180deg,#fff,#effaf8)}.page-size-card{flex:0 0 190px}.monthly-chart-card{flex:1.8;min-width:420px;padding:14px 16px 12px;background:linear-gradient(135deg,#e11d4812,#fffffff5),#fff}.metric-card.monthly-chart-card:before{background:linear-gradient(90deg,var(--rose),var(--amber))}.monthly-chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.monthly-chart-header div:first-child{min-width:0}.monthly-chart-header span{margin:0;color:#475569;font-size:12px;font-weight:900;text-transform:uppercase}.monthly-chart-header strong{display:block;margin-top:4px;color:#111827;font-size:22px;line-height:1}.monthly-chart-meta{display:grid;justify-items:end;gap:2px}.monthly-chart-meta b{color:#111827;font-size:22px;font-weight:900;line-height:1}.monthly-chart-meta small{color:#64748b;font-size:11px;font-weight:900;text-align:right;text-transform:uppercase}.monthly-chart-body{min-height:150px}.monthly-chart-svg{width:100%;height:auto;aspect-ratio:var(--monthly-chart-ratio, 560 / 178);display:block}.chart-plot-bg{fill:#ffffffb8;stroke:#b6c2cf;stroke-width:1}.chart-grid-line{stroke:#cbd5df;stroke-width:1;shape-rendering:crispEdges}.chart-month-grid-line{stroke:#d7dee7}.chart-axis-line{stroke:#8da0b3;stroke-width:1.4;shape-rendering:crispEdges}.chart-month-label,.chart-y-label,.chart-x-label,.chart-axis-title,.chart-y-title,.chart-point-label{fill:#64748b;font-size:11px;font-weight:800}.chart-month-label{fill:#334155;font-weight:900}.chart-axis-title,.chart-y-title{fill:#475569;font-size:10px;text-transform:uppercase}.chart-qa-line{fill:none;stroke:var(--rose);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-qa-point{fill:#fff;stroke-width:3}.chart-qa-point{stroke:var(--rose)}.chart-point-label{fill:#111827;font-size:10px;font-weight:900}.monthly-chart-empty{min-height:138px;display:grid;place-items:center;align-content:center;gap:8px;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.monthly-chart-empty svg{color:var(--blue)}.stats-section{margin-bottom:16px}.stats-panel{padding:16px;background:linear-gradient(135deg,#0f766e0f,#7c3aed0d),#fff;border:1px solid #d9e2ea;border-radius:8px;box-shadow:0 10px 26px #1f29370f}.stats-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.stats-toggle-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid #cbd5df;border-radius:6px;color:#17202a;background:#fff;font-size:12px;font-weight:900}.stats-toggle-button:hover{border-color:#93c5bd;background:#f7fbfa}.chevron-open{transform:rotate(180deg)}.stat-circle-row{display:grid;grid-template-columns:repeat(5,minmax(136px,1fr));gap:12px;--stat-color: var(--teal);--stat-soft: var(--soft-teal)}.stat-circle-option:nth-child(2){--stat-color: var(--blue);--stat-soft: var(--soft-blue)}.stat-circle-option:nth-child(3){--stat-color: var(--violet);--stat-soft: var(--soft-violet)}.stat-circle-option:nth-child(4){--stat-color: var(--amber);--stat-soft: var(--soft-amber)}.stat-circle-option:nth-child(5){--stat-color: var(--rose);--stat-soft: var(--soft-rose)}.stat-circle-option{min-width:0;display:grid;justify-items:center;gap:9px;padding:8px 6px 10px;border:1px solid transparent;border-radius:8px;color:#334155;background:transparent}.stat-circle-option:hover,.stat-circle-option.is-active{border-color:color-mix(in srgb,var(--stat-color) 35%,#ffffff);background:var(--stat-soft)}.stat-circle-ring{width:108px;height:108px;display:grid;place-items:center;padding:6px;border-radius:999px;background:conic-gradient(var(--stat-color) var(--stat-progress),#dbe6ee 0);box-shadow:inset 0 0 0 1px #0f766e1a}.stat-circle-option.is-active .stat-circle-ring{background:conic-gradient(var(--stat-color) var(--stat-progress),color-mix(in srgb,var(--stat-color) 18%,#ffffff) 0);box-shadow:0 12px 28px #0f766e29}.stat-circle-core{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:4px;border-radius:inherit;background:#fff}.stat-circle-core strong{color:#111827;font-size:22px;line-height:1}.stat-circle-core small,.stat-circle-label{color:#64748b;font-size:12px;font-weight:800}.stat-circle-label{max-width:100%;min-height:30px;display:flex;align-items:center;text-align:center;overflow-wrap:anywhere}.stats-dropdown{margin-top:14px;padding:14px;border:1px solid #d9e2ea;border-radius:8px;background:linear-gradient(180deg,#ffffffd9,#f8fafcf2),#f8fafc}.stats-dropdown-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.stats-dropdown-header div{display:grid;gap:4px}.stats-dropdown-header span{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.stats-dropdown-header strong{color:#111827;font-size:18px}.stats-dropdown-header p{max-width:360px;margin:0;color:#475569;font-size:12px;font-weight:800;text-align:right}.stats-breakdown{max-height:360px;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px 18px;overflow:auto;padding-right:4px}.stat-row{display:grid;gap:5px}.stat-row-main{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#334155;font-size:12px;font-weight:800}.stat-row-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-row-main strong{color:#17202a;font-size:12px}.stat-bar-track{height:6px;overflow:hidden;border-radius:999px;background:#edf2f7}.stat-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue))}.workspace{align-items:stretch;gap:16px}.filters-panel{position:sticky;top:18px;width:372px;height:var(--panel-height);max-height:var(--panel-height);overflow:auto;flex:0 0 372px;background:linear-gradient(180deg,#0f766e0f,#ffffffeb 190px),#fff;border:1px solid #d9e2ea;border-radius:8px;padding:16px;box-shadow:0 10px 26px #1f29370f}.content-panel{min-width:0;flex:1;height:var(--panel-height);display:flex;flex-direction:column}.panel-title,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:800}input,select{min-height:38px;width:100%;border:1px solid #cbd5df;border-radius:6px;padding:8px 10px;color:#1f2933;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,.search-box:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #cbd5df;border-radius:6px;padding:0 10px;background:#fff}.search-box svg{color:#64748b}.search-box input{border:0;padding-left:0;box-shadow:none}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.multi-filters{display:grid;gap:14px;margin-top:16px}.filter-block{display:grid;gap:8px;padding-top:12px;border-top:1px solid #eef2f6}.campaign-filter{position:relative;margin-top:12px}.filter-dropdown-button{min-height:38px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #cbd5df;border-radius:6px;color:#1f2933;background:#fff;font-weight:800}.filter-dropdown-button:hover{border-color:#93c5bd;background:#f7fbfa}.checkbox-menu{position:absolute;z-index:5;top:72px;left:0;right:0;display:grid;gap:8px;padding:10px;border:1px solid #cbd5df;border-radius:8px;background:#fff;box-shadow:0 18px 42px #1f29372e}.compact-search{min-height:36px}.compact-search input{min-height:34px}.checkbox-options{max-height:260px;overflow:auto;border-top:1px solid #eef2f6;padding-top:6px}.checkbox-row{min-height:32px;display:flex;align-items:center;gap:8px;padding:5px 4px;color:#334155;font-size:12px;font-weight:800}.checkbox-row:hover{background:#f7fbfa}.checkbox-row input[type=checkbox]{width:16px;min-height:16px;flex:0 0 16px;accent-color:#0f766e}.checkbox-row span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-row small{color:#64748b;font-weight:800}.select-all-row{border-radius:6px;background:#f8fafc}.empty-options{padding:14px 4px;color:#64748b;font-size:12px}.combo-row{gap:8px}.chips{flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 8px;border:1px solid #b8dcd7;border-radius:999px;color:#0f3f3b;background:#edf7f5;font-size:12px;font-weight:800}.passive-chip{border-color:#d9e2ea;color:#64748b;background:#f8fafc}.primary-button,.secondary-button,.icon-button,.text-button{min-height:38px;border-radius:6px;border:1px solid transparent;font-weight:900}.primary-button{color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue));box-shadow:0 10px 22px #0f766e3d}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#17202a;background:linear-gradient(180deg,#fff,#f8fafc);border-color:#cbd5df;padding:0 13px}.secondary-button:hover,.icon-button:hover{border-color:#93c5bd;background:#f7fbfa}.icon-button{width:38px;display:inline-grid;place-items:center;color:#17202a;background:linear-gradient(180deg,#fff,#f8fafc);border-color:#cbd5df}.text-button{min-height:auto;padding:4px 0;color:#0f766e;background:transparent}button:disabled{cursor:not-allowed;opacity:.55}.upload-panel{align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:15px 16px;margin-bottom:14px;background:linear-gradient(90deg,#0f766e12,#2563eb0a),#fff;border:1px solid #d9e2ea;border-radius:8px;box-shadow:0 10px 26px #1f29370f}.upload-controls{align-items:center;gap:10px}.upload-controls input{width:300px;background:#f8fafc}.import-summary{flex-wrap:wrap;gap:10px;color:#334155;font-size:12px}.import-summary span{padding:4px 8px;border-radius:999px;background:#eef2f6}.table-toolbar{flex:0 0 auto;padding:14px 16px;background:linear-gradient(90deg,#2563eb0f,#fffffff5),#fff;border:1px solid #d9e2ea;border-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 10px 26px #1f29370f}.table-wrap{flex:1 1 auto;min-height:240px;overflow:auto;max-height:none;background:#fff;border:1px solid #d9e2ea}table{width:100%;min-width:6500px;border-collapse:collapse;table-layout:fixed}th,td{min-width:150px;padding:11px 12px;border-bottom:1px solid #edf2f7;text-align:left;font-size:13px;vertical-align:top}th{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,#eff6ff,#f8fafc);color:#334155}th button{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:0;padding:0;color:inherit;background:transparent;font-weight:900;white-space:nowrap}td{color:#243241;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tbody tr:nth-child(2n) td{background:#fbfcfd}tr:hover td{background:#effaf8}.empty-cell{height:120px;text-align:center;color:#64748b}.pagination{flex:0 0 auto;align-items:center;justify-content:flex-end;gap:12px;padding:12px 16px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #d9e2ea;border-top:0;border-radius:0 0 8px 8px}.pagination button{min-height:34px;padding:0 12px;border:1px solid #cbd5df;border-radius:6px;background:#fff;font-weight:800}.error,.error-inline{color:#b42318;font-size:13px;font-weight:800}@media(max-width:1100px){.workspace,.topbar,.upload-panel{flex-direction:column;align-items:stretch}.filters-panel{position:static;width:100%;flex-basis:auto;height:auto;max-height:none}.content-panel{height:auto}.summary-strip{flex-wrap:wrap}.monthly-chart-card{flex-basis:100%;min-width:0}.stat-circle-row{grid-template-columns:repeat(3,minmax(136px,1fr))}.stats-breakdown{grid-template-columns:1fr}}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-hero{padding:34px 24px 10px}.login-panel{margin:24px auto}.app-shell{padding:12px}.date-grid{grid-template-columns:1fr}.upload-controls,.topbar-actions{flex-wrap:wrap}.stats-topline,.stats-dropdown-header{flex-direction:column;align-items:stretch}.stats-dropdown-header p{max-width:none;text-align:left}.monthly-chart-header{align-items:flex-start}.stat-circle-row{grid-template-columns:repeat(2,minmax(128px,1fr))}}