.kpi-topbar{min-height:56px}.kpi-topbar-note{margin-left:auto;color:#61718a;font-size:.85rem;font-weight:700}.kpi-page{padding:18px 22px 36px;min-height:calc(100vh - 56px)}.kpi-filter-panel{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr)) auto;gap:10px;align-items:end;background:#fff;border:1px solid #dfe7f1;border-radius:12px;padding:14px;box-shadow:0 5px 16px rgba(28,57,92,.045);margin-bottom:12px}.kpi-filter label{margin:0 0 5px;font-size:.72rem;color:#53647c}.kpi-filter select,.kpi-filter input{height:39px;padding:7px 10px;font-size:.82rem}.kpi-reset-btn{height:39px;border:1px solid #cfdaea;background:#f7f9fc;color:#2b4466;border-radius:8px;padding:0 14px;font-weight:700;cursor:pointer}.kpi-loading{padding:24px}.kpi-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.kpi-metric-card{border:1px solid #dfe8f2;border-radius:11px;padding:16px 17px;background:#fff;text-align:left;cursor:pointer;min-height:132px;box-shadow:0 5px 16px rgba(28,57,92,.045);transition:.15s ease}.kpi-metric-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(28,57,92,.08)}.kpi-metric-card small{display:block;font-weight:800;color:#465a76;font-size:.78rem}.kpi-metric-card strong{display:block;font-size:1.85rem;margin:12px 0 5px;color:#10264a;letter-spacing:-.035em}.kpi-metric-card span{font-size:.72rem;color:#697991}.tone-blue{background:linear-gradient(145deg,#f8fbff,#eef6ff)}.tone-green{background:linear-gradient(145deg,#f5fff8,#eefaf2)}.tone-teal{background:linear-gradient(145deg,#f4fffd,#edf9f7)}.tone-purple{background:linear-gradient(145deg,#fbf9ff,#f3eeff)}.tone-indigo{background:linear-gradient(145deg,#f8f9ff,#eff1ff)}.tone-orange{background:linear-gradient(145deg,#fffaf2,#fff3e1)}.tone-yellow{background:linear-gradient(145deg,#fffdf5,#fff8df)}.tone-slate{background:linear-gradient(145deg,#fbfcfe,#f2f5f8)}.kpi-chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.kpi-chart-grid.second-row{grid-template-columns:1fr 1fr}.kpi-panel{background:#fff;border:1px solid #e0e8f1;border-radius:11px;overflow:hidden}.kpi-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px}.kpi-panel-head h2{font-size:1rem;margin:0;color:#142947}.kpi-panel-head p{font-size:.75rem;margin:3px 0 0;color:#75849a}.kpi-panel-head>span{font-size:.75rem;color:#697991}.kpi-chart{height:250px;padding:5px 14px 18px}.kpi-month-chart{height:100%;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #e7edf5;padding:8px 4px 24px}.kpi-month{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.kpi-bar-pair{width:65%;height:88%;display:flex;align-items:flex-end;gap:4px}.kpi-bar-pair i{display:block;flex:1;min-height:2px;border-radius:4px 4px 0 0}.kpi-bar-quoted{background:#9fcdf7}.kpi-bar-sold{background:#2d70d6}.kpi-month label{position:absolute;bottom:-20px;font-size:.68rem;color:#60718a}.kpi-pipeline{height:250px;display:flex;justify-content:center;align-items:center;gap:22px;padding:10px 18px 20px}.kpi-donut{width:145px;height:145px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.kpi-donut:after{content:"";position:absolute;inset:24px;background:#fff;border-radius:50%}.kpi-donut span,.kpi-donut small{position:relative;z-index:2}.kpi-donut span{font-size:1.7rem;font-weight:800;color:#17304f}.kpi-donut small{font-size:.72rem;color:#6f7d90}.kpi-legend{display:grid;gap:9px}.kpi-legend-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:.76rem}.kpi-legend-row i{width:10px;height:10px;border-radius:3px}.kpi-horizontal-bars{padding:8px 16px 16px;min-height:230px;display:grid;gap:10px;align-content:start}.kpi-hbar-row{display:grid;grid-template-columns:minmax(115px,170px) 1fr 82px;gap:10px;align-items:center;font-size:.75rem}.kpi-hbar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#304766;font-weight:700}.kpi-hbar-track{height:14px;border-radius:8px;overflow:hidden}.kpi-hbar-fill{height:100%;border-radius:8px}.kpi-hbar-value{text-align:right;color:#1d3557;font-weight:800}.kpi-table-panel{margin-top:12px}.kpi-table-wrap{overflow:auto}.kpi-table-wrap table{width:100%;border-collapse:collapse;font-size:.76rem}.kpi-table-wrap th{text-align:left;padding:9px 10px;border-bottom:1px solid #dfe7f0;white-space:nowrap}.kpi-table-wrap td{padding:9px 10px;border-bottom:1px solid #edf1f5;color:#273d5e;vertical-align:middle}.kpi-table-wrap tbody tr:last-child td{border-bottom:0}.kpi-table-wrap tbody tr:hover{background:#fafcff}.kpi-open-btn{border:0;border-radius:6px;background:#176fe5;color:#fff;padding:5px 10px;font-size:.7rem;cursor:pointer}.kpi-status{display:inline-block;border-radius:6px;padding:4px 7px;font-weight:700}.kpi-empty{text-align:center!important;color:#7b899d!important;padding:20px!important}.sales-drill-overlay{position:fixed;inset:0;background:rgba(14,28,52,.46);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:48px 18px;overflow:auto}.sales-drill-overlay[hidden]{display:none}.sales-drill-panel{width:min(1050px,96vw);max-height:86vh;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(16,34,63,.25);overflow:hidden;border:1px solid #dbe5f1}.sales-drill-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid #e8eef5}.sales-drill-head h2{margin:0;color:#10264a;font-size:1.45rem}.sales-drill-head p{margin:4px 0 0;color:#6a7890;font-size:.88rem}.sales-drill-close{border:0;background:#eef3f9;color:#233a5d;border-radius:8px;width:36px;height:36px;font-size:1.5rem;cursor:pointer}.sales-drill-summary{display:flex;gap:12px;flex-wrap:wrap;padding:14px 22px;background:#f8fbff;border-bottom:1px solid #e8eef5}.sales-drill-summary>div{min-width:160px;padding:10px 14px;background:#fff;border:1px solid #dfe8f2;border-radius:9px}.sales-drill-summary small{display:block;color:#6c7b90;font-weight:700}.sales-drill-summary strong{display:block;margin-top:3px;color:#10264a;font-size:1.2rem}.sales-drill-table-wrap{overflow:auto;max-height:58vh}.sales-drill-table-wrap table{width:100%;border-collapse:collapse;font-size:.8rem}.sales-drill-table-wrap th{position:sticky;top:0;background:#f4f7fb;text-align:left;padding:10px 12px}.sales-drill-table-wrap td{padding:10px 12px;border-bottom:1px solid #edf1f5}@media(max-width:1250px){.kpi-filter-panel{grid-template-columns:repeat(4,minmax(130px,1fr))}.kpi-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.kpi-page{padding:12px}.kpi-filter-panel{grid-template-columns:1fr 1fr}.kpi-chart-grid,.kpi-chart-grid.second-row{grid-template-columns:1fr}.kpi-topbar-note{display:none}}@media(max-width:560px){.kpi-filter-panel,.kpi-card-grid{grid-template-columns:1fr}.kpi-hbar-row{grid-template-columns:100px 1fr 70px}.kpi-pipeline{flex-direction:column;height:auto}.sales-drill-overlay{padding:14px 6px}}
.kpi-filter-workbench{background:#fff;border:1px solid #dfe7f1;border-radius:13px;margin-bottom:12px;overflow:hidden}
.kpi-filter-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid #e7edf5}
.kpi-filter-toolbar>div:first-child{display:flex;align-items:baseline;gap:10px}.kpi-filter-toolbar strong{color:#142947;font-size:.92rem}.kpi-filter-toolbar span{color:#718097;font-size:.72rem}
.kpi-toolbar-actions{display:flex;align-items:center;gap:8px}.kpi-toolbar-actions label{display:flex;align-items:center;gap:7px;font-size:.72rem;color:#53647c;font-weight:700}.kpi-toolbar-actions select{height:35px;min-width:130px}
.kpi-filter-workbench .kpi-filter-panel{border:0;border-radius:0;box-shadow:none;margin:0;grid-template-columns:repeat(6,minmax(130px,1fr));padding:12px 14px}
.kpi-filter-toggle{height:35px;border:1px solid #b9cbe0;background:#edf5ff;color:#24588d;border-radius:8px;padding:0 12px;font-weight:800;font-size:.72rem;cursor:pointer}
.kpi-filter-workbench .kpi-reset-btn{height:35px}
.kpi-advanced-panel{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:12px 14px 14px;background:#f8fbff;border-top:1px solid #e4ecf5}.kpi-advanced-panel[hidden]{display:none}
.kpi-cycle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:11px}.kpi-cycle-card{background:#fff;border:1px solid #dfe8f2;border-radius:10px;padding:13px 14px;text-align:left;cursor:pointer;box-shadow:0 4px 13px rgba(28,57,92,.04)}.kpi-cycle-card:hover{border-color:#b9cce3}.kpi-cycle-card small{display:block;color:#52657f;font-weight:800;font-size:.7rem;min-height:30px}.kpi-cycle-card strong{display:block;color:#112b50;font-size:1.35rem;margin:7px 0 3px}.kpi-cycle-card span{font-size:.68rem;color:#75849a}
@media(max-width:1250px){.kpi-filter-workbench .kpi-filter-panel{grid-template-columns:repeat(4,minmax(130px,1fr))}.kpi-advanced-panel{grid-template-columns:repeat(3,minmax(140px,1fr))}.kpi-cycle-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.kpi-filter-toolbar{align-items:flex-start;flex-direction:column}.kpi-toolbar-actions{width:100%;flex-wrap:wrap}.kpi-filter-workbench .kpi-filter-panel,.kpi-advanced-panel{grid-template-columns:1fr 1fr}.kpi-cycle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.kpi-filter-workbench .kpi-filter-panel,.kpi-advanced-panel,.kpi-cycle-grid{grid-template-columns:1fr}}

/* Executive analytics polish */
.kpi-page{background:linear-gradient(180deg,#f3f7fc 0,#f8fafd 360px)}
.kpi-filter-workbench{border-color:#d5e1ef;box-shadow:0 10px 28px rgba(24,55,92,.07)}
.kpi-filter-toolbar{background:linear-gradient(90deg,#f5f9ff,#fbfdff)}
.kpi-filter-workbench select:focus,.kpi-filter-workbench input:focus{outline:2px solid rgba(43,112,205,.14);border-color:#7da9dc}
.kpi-cycle-card:nth-child(1){border-top:4px solid #438bd8;background:linear-gradient(160deg,#fff,#f3f8ff)}
.kpi-cycle-card:nth-child(2){border-top:4px solid #735cc8;background:linear-gradient(160deg,#fff,#f7f4ff)}
.kpi-cycle-card:nth-child(3){border-top:4px solid #2b9a83;background:linear-gradient(160deg,#fff,#f2fbf8)}
.kpi-cycle-card:nth-child(4){border-top:4px solid #d99036;background:linear-gradient(160deg,#fff,#fff8ef)}
.kpi-cycle-card:nth-child(5){border-top:4px solid #58718f;background:linear-gradient(160deg,#fff,#f4f7fa)}
.kpi-metric-card{position:relative;overflow:hidden}
.kpi-metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;opacity:.82}
.tone-blue:before{background:#2e79d2}.tone-green:before{background:#32a66d}.tone-teal:before{background:#219985}.tone-purple:before{background:#7759c8}.tone-indigo:before{background:#526ed0}.tone-orange:before{background:#dd8c2f}.tone-yellow:before{background:#d5ad28}.tone-slate:before{background:#71839a}
.kpi-panel{border-color:#dbe5f0;box-shadow:0 7px 20px rgba(28,57,92,.055)}
.kpi-panel-head{border-bottom:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#fcfdff)}
.kpi-panel-head h2{font-weight:800;letter-spacing:-.01em}
.kpi-hbar-track{background:#e9f0f7}.kpi-hbar-fill{background:linear-gradient(90deg,#79ace7,#2c73d0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.kpi-table-wrap th{background:#eef4fa;color:#354d6c;font-size:.71rem;text-transform:uppercase;letter-spacing:.025em}
.kpi-table-wrap tbody tr:nth-child(even){background:#fbfcfe}
.kpi-status{background:#eaf1f8;color:#385675}

.kpi-chart-legend{display:flex;justify-content:flex-end;gap:14px;padding:8px 18px 0;font-size:.69rem;color:#687991;font-weight:700}.kpi-chart-legend span{display:flex;align-items:center;gap:5px}.kpi-chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.kpi-chart-legend i.quoted{background:#9fcdf7}.kpi-chart-legend i.sold{background:#2d70d6}