:root{
--exec-bg:#f5f7fb;--exec-surface:#fff;--exec-ink:#121a31;--exec-muted:#65708a;--exec-line:#e4e8f1;
--exec-purple:#6d28d9;--exec-blue:#2f6bd8;--exec-teal:#0e9f9a;--exec-green:#34a853;--exec-red:#dc3d4b;
--exec-radius:18px;--exec-shadow:0 12px 30px rgba(31,42,78,.07);--exec-body:16px;--exec-body-ar:17px;
}
.exec-page{display:grid;gap:16px;color:var(--exec-ink);font-size:var(--exec-body)}
html[dir="rtl"] .exec-page{font-size:var(--exec-body-ar)}
.exec-surface,.exec-kpi-card,.exec-filter-card{background:var(--exec-surface);border:1px solid var(--exec-line);border-radius:var(--exec-radius);box-shadow:var(--exec-shadow)}
.exec-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.exec-kpi-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:18px;min-height:118px;overflow:hidden}
.exec-kpi-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:24px;color:#fff;background:linear-gradient(145deg,var(--exec-blue),#21a3dc)}
.exec-tone-drug .exec-kpi-icon{background:linear-gradient(145deg,var(--exec-purple),#8b5cf6)}
.exec-tone-net .exec-kpi-icon{background:linear-gradient(145deg,var(--exec-teal),#20b9ac)}
.exec-tone-positive .exec-kpi-icon{background:linear-gradient(145deg,var(--exec-green),#68c94c)}
.exec-tone-negative .exec-kpi-icon{background:linear-gradient(145deg,var(--exec-red),#ef6a72)}
.exec-kpi-label{display:block;font-size:14px;font-weight:750;color:var(--exec-muted)}
.exec-kpi-value{display:block;margin:6px 0 4px;font-size:clamp(28px,2.2vw,38px);line-height:1;letter-spacing:-.02em}
.exec-kpi-comparison{font-size:13px;color:var(--exec-muted)}
.exec-kpi-metric{position:absolute;inset-inline-end:16px;top:16px;font-weight:850;color:var(--exec-green)}
.exec-filter-card{display:grid;grid-template-columns:190px minmax(150px,1fr) minmax(150px,1fr) minmax(190px,1fr);gap:14px;align-items:end;padding:18px}
.exec-filter-title h2{font-size:20px;margin:4px 0}.exec-filter-title span,.exec-overline,.exec-section-heading>div>span{font-size:12px;font-weight:850;letter-spacing:.09em;color:var(--exec-purple)}
.exec-field span{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.exec-field select{width:100%;height:48px;border:1px solid var(--exec-line);border-radius:12px;padding:0 12px;background:#fff;font:inherit}
.exec-primary{height:48px;border:0;border-radius:12px;color:#fff;background:linear-gradient(90deg,var(--exec-purple),var(--exec-blue));font:inherit;font-weight:850;cursor:pointer}
.exec-section-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 4px}
.exec-section-heading h2{font-size:24px;margin:5px 0 0}.exec-section-heading p{margin:5px 0 0;color:var(--exec-muted)}
.exec-segmented{display:flex;border:1px solid var(--exec-line);border-radius:12px;padding:3px;background:#fff}.exec-segmented button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font-weight:750;color:var(--exec-muted)}.exec-segmented button.active{background:var(--exec-purple);color:#fff}
.exec-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.exec-chart-card{padding:18px;min-width:0}.exec-chart-card header{display:flex;justify-content:space-between;gap:12px}.exec-chart-card h3{font-size:20px;margin:5px 0 2px}.exec-chart-card header small,.exec-chart-unit{color:var(--exec-muted);font-size:12px}
.exec-chart-stage{position:relative;height:390px;margin-top:10px}.exec-chart-stage canvas{width:100%!important;height:100%!important}
.exec-chart-state{display:none;position:absolute;inset:0;place-items:center;border:1px dashed var(--exec-line);border-radius:14px;color:var(--exec-muted)}
.exec-chart-card[data-chart-state="empty"] canvas,.exec-chart-card[data-chart-state="error"] canvas{display:none}
.exec-chart-card[data-chart-state="empty"] .exec-chart-empty,.exec-chart-card[data-chart-state="error"] .exec-chart-error{display:grid}
.exec-chart-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 12px;border:1px solid var(--exec-line);border-radius:10px}.exec-chart-card footer strong{font-size:20px;color:var(--exec-purple)}
.exec-lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px}
.exec-table-card,.exec-insight-card{padding:18px}.exec-table-wrap{overflow:auto;max-height:520px}.exec-table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px}.exec-table thead th{position:sticky;top:0;background:#f7f8fc;z-index:1}.exec-table th,.exec-table td{padding:13px 12px;border-bottom:1px solid var(--exec-line);text-align:start}.exec-table th{font-size:12px;color:var(--exec-muted)}.exec-table tbody tr:hover{background:#f8fbff}.exec-rank{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f0ecff;color:var(--exec-purple);font-weight:850}
.exec-insight-list{display:grid;gap:10px;margin-top:14px}.exec-insight-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;border:1px solid var(--exec-line);border-radius:12px;line-height:1.5}.exec-insight-item i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf8f6;color:var(--exec-teal);font-style:normal;font-weight:900}
@media(max-width:1350px){.exec-chart-grid{grid-template-columns:1fr 1fr}.exec-chart-card:last-child{grid-column:1/3}.exec-kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.exec-filter-card{grid-template-columns:1fr 1fr}.exec-filter-title{grid-column:1/3}.exec-chart-grid,.exec-lower-grid{grid-template-columns:1fr}.exec-chart-card:last-child{grid-column:auto}}
@media(max-width:620px){.exec-kpi-grid,.exec-filter-card{grid-template-columns:1fr}.exec-filter-title{grid-column:auto}.exec-section-bar{align-items:flex-start;flex-direction:column}.exec-chart-stage{height:430px}}
