:root{color-scheme:light;--bg:#f4f6fa;--panel:#fff;--text:#17243b;--muted:#68758a;--border:#e0e5ef;--accent:#315de7;--side:#111d35}html[data-theme=dark]{color-scheme:dark;--bg:#0c1424;--panel:#17243a;--text:#edf2fb;--muted:#9eacc2;--border:#314159;--accent:#7b9bff;--side:#090f1b}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.layout{display:flex;min-height:100vh}aside{background:var(--side);color:#fff;width:240px;padding:26px 18px;flex-shrink:0;display:flex;flex-direction:column;gap:22px}aside h2{font-size:22px;margin:0}aside nav{display:grid;gap:6px}aside a{color:#d8e0f2;text-decoration:none;padding:10px 12px;border-radius:8px}aside a:hover{background:#283958}aside small{margin-top:auto;color:#9eacc2}main{padding:32px;max-width:1500px;width:100%;min-width:0}h1{margin:0 0 16px;font-size:28px}h2{margin:0 0 16px;font-size:19px}.muted,small{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:20px;overflow-x:auto;box-shadow:0 3px 14px #00000008}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.cards .card{display:flex;flex-direction:column;gap:8px}.cards strong{font-size:26px}.cards small{font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 9px;vertical-align:top}th{color:var(--muted);font-weight:600}form{margin:0}label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:550}input,select{font:inherit;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);width:100%}input[type=checkbox]{width:auto}label.check{flex-direction:row;align-items:center}.formgrid,.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}.filters{grid-template-columns:repeat(6,minmax(0,1fr))}button,.button{font:inherit;cursor:pointer;background:var(--accent);color:white;border:0;border-radius:8px;padding:10px 15px;text-decoration:none;text-align:center}button:hover,.button:hover{opacity:.86}.secondary{background:#51627c;color:white}.danger{background:#c53e4c;margin-top:14px}.small{padding:6px 10px;font-size:13px}.actions{display:flex;align-items:center;gap:12px}.actions a{color:var(--accent)}.alert{background:#d7f6e4;color:#165733;border-radius:9px;padding:12px;margin-bottom:18px}.alert.error{background:#ffe1e2;color:#942330}.login{max-width:420px;margin:8vh auto}.login form{display:grid;gap:18px}canvas{width:100%;max-height:330px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.layout{display:block}aside{width:100%;padding:14px}aside nav{display:flex;flex-wrap:wrap}main{padding:18px}.cards,.formgrid,.filters{grid-template-columns:1fr}}
/* Dashboard v1.2 */
.dash-heading,.dash-card-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.dash-heading p,.dash-card-head p{margin:0 0 14px}.dash-pill{font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:30px;padding:7px 12px;color:var(--muted);white-space:nowrap}.dash-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:15px 20px}.dash-filter label{min-width:145px;flex:1}.dash-filter button{min-width:115px}.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.dash-kpi{min-height:137px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:18px 18px 18px 72px}.dash-kpi small{font-size:13px}.dash-kpi strong{font-size:clamp(18px,1.8vw,26px);line-height:1.2;white-space:nowrap}.dash-kpi em{font-size:12px;font-weight:600;font-style:normal;color:var(--muted)}.dash-kpi-icon{position:absolute;left:17px;top:24px;width:43px;height:43px;display:grid;place-items:center;color:#fff;border-radius:11px;font-size:23px;font-weight:700}.dash-kpi-icon.green{background:#19a56a}.dash-kpi-icon.blue{background:#3276ee}.dash-kpi-icon.purple{background:#914bdb}.dash-kpi-icon.orange{background:#ed8a23}.dash-chart-card{overflow:visible}.dash-card-head h2{margin:0 0 4px}.dash-chart-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dash-chart-controls select{width:auto}.dash-segments{display:flex;background:var(--bg);border:1px solid var(--border);padding:3px;border-radius:9px}.dash-segments button{background:transparent;color:var(--muted);padding:7px 10px;font-size:13px}.dash-segments button.active{background:var(--panel);color:var(--accent);box-shadow:0 1px 4px #0002}.dash-legend{display:flex;justify-content:center;gap:22px;font-size:13px;color:var(--muted);margin:8px 0}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.legend-dot.revenue{background:#3267e8}.legend-dot.impressions{background:#21a46b}.dash-chart{position:relative;width:100%;min-height:320px}.dash-chart svg{overflow:visible}.dash-axis{font:12px system-ui,sans-serif;fill:var(--muted)}.dash-tooltip{position:absolute;pointer-events:none;z-index:2;padding:9px 12px;border-radius:8px;background:var(--side);color:#fff;box-shadow:0 5px 18px #0003;font-size:12px;white-space:nowrap}.dash-empty{height:300px;display:grid;place-items:center;color:var(--muted)}.dash-lower{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:15px}.dash-lower .card{min-width:0}.dash-lower h2{font-size:17px}.dash-table{font-size:12px}.dash-table td,.dash-table th{padding:10px 5px}.dash-table td:nth-child(n+2),.dash-table th:nth-child(n+2){text-align:right}.dash-donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dash-donut{width:175px;height:175px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.dash-donut>div{width:115px;height:115px;border-radius:50%;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.dash-donut strong{font-size:14px}.dash-donut small{font-size:11px}.dash-donut-legend{flex:1;min-width:110px}.dash-donut-legend>div{display:flex;align-items:center;gap:6px;font-size:12px;margin:8px 0}.dash-donut-legend i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dash-donut-legend span{flex:1;overflow-wrap:anywhere}.dash-donut-legend b{font-weight:600;color:var(--muted)}@media(max-width:1250px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-lower{grid-template-columns:1fr 1fr}.dash-lower .card:last-child{grid-column:1/-1}}@media(max-width:720px){.dash-heading,.dash-card-head{align-items:flex-start;flex-direction:column}.dash-kpis,.dash-lower{grid-template-columns:1fr}.dash-lower .card:last-child{grid-column:auto}.dash-filter label{min-width:100%}.dash-chart{overflow-x:auto}.dash-chart svg{min-width:650px}.dash-kpi strong{font-size:24px}}