/* UNDURUV dashboard premium v3 */
:root{--dp-red:#ef1734;--dp-navy:#10284a;--dp-muted:#71839a;--dp-line:#dce5ef;--dp-bg:#f4f7fb;--dp-blue:#347df0;--dp-green:#16b875;--dp-orange:#ff9b32;--dp-soft-red:#fff0f3}
body.dashboard-mode-active .main{background:var(--dp-bg)!important}
.dashboard-compact-controls{display:flex;gap:10px;margin-bottom:12px}
.dashboard-compact-controls input,.dashboard-compact-controls select,.dash-fixed-branch{height:46px!important;border:1px solid var(--dp-line)!important;border-radius:14px!important;background:#fff!important;color:var(--dp-navy)!important;font-weight:850!important;box-shadow:0 4px 18px rgba(16,40,74,.035)!important}
.dash-switch-head{background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(16,40,74,.05)!important;padding:8px 12px!important}
.dash-mode-buttons{background:#112744!important;border-radius:12px!important;padding:4px!important}
.dash-mode-buttons button{color:#c4cfdd!important;font-weight:900!important;padding:8px 20px!important}
.dash-mode-buttons button.active{background:var(--dp-red)!important;color:#fff!important;box-shadow:0 6px 18px rgba(239,23,52,.25)!important}
.card{border-color:var(--dp-line)!important}
.premium-hero,.premium-dynamics,.dashboard-report-card,.premium-target-card{background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(16,40,74,.05)!important}
.premium-title{align-items:center!important}
.premium-title h3{display:flex!important;align-items:center!important;gap:7px!important;color:var(--dp-navy)!important;font-size:22px!important;font-weight:950!important;letter-spacing:-.025em!important}
.title-rail{display:inline-block;width:4px;height:18px;border-radius:8px;background:var(--dp-red)}
.title-dots,.title-bars{color:var(--dp-red);font-weight:950;letter-spacing:1px}
.branch-pill{background:#fff!important;color:var(--dp-navy)!important;border:1px solid var(--dp-line)!important;border-radius:12px!important;padding:9px 13px!important;font-weight:900!important}
/* hero */
.premium-hero{padding:22px!important}
.premium-hero .hero-layout{grid-template-columns:minmax(240px,.72fr) minmax(0,2.2fr)!important;gap:28px!important;align-items:center!important}
.premium-hero .hero-donut{display:grid!important;place-items:center!important;gap:14px!important}
.premium-hero .donut{width:190px!important;box-shadow:0 12px 32px rgba(52,125,240,.08)!important}
.premium-hero .donut:after{inset:34px!important;background:#fff!important}
.premium-hero .donut-core small{color:#526983!important;font-size:12px!important}
.premium-hero .donut-core b{color:var(--dp-navy)!important;font-size:38px!important;font-weight:950!important}
.debt-hero .donut{background:conic-gradient(var(--dp-blue) 0 calc(var(--donut)*1%),#e9eff5 calc(var(--donut)*1%) 100%)!important}
.sales-donut{background:conic-gradient(var(--dp-blue) 0 var(--a),var(--dp-green) var(--a) var(--b),#ff4f66 var(--b) var(--c),#e9eff5 var(--c) 100%)!important}
.premium-donut-legend{justify-content:center!important;color:#647891!important;font-size:11px!important}
.dot.remain{background:#dce5ef}
.hero-right{gap:10px!important}
.hero-metrics-3{gap:10px!important}
.hero-metric{position:relative!important;min-height:116px!important;padding:14px 15px!important;border:1px solid var(--dp-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}
.hero-metric .metric-icon{display:grid!important;place-items:center!important;width:34px;height:34px;border-radius:10px;margin-bottom:8px;font-size:15px!important;font-weight:900!important}
.hero-metric.sof .metric-icon{background:#eef5ff;color:var(--dp-blue)}
.hero-metric.coll .metric-icon{background:#ecfaf4;color:var(--dp-green)}
.hero-metric.naqd .metric-icon{background:#fff1f3;color:#f03c54}
.hero-metric.good .metric-icon{background:#ecfaf4;color:var(--dp-green)}
.hero-metric small{color:#6f8298!important;font-size:11px!important;font-weight:800!important}
.hero-metric b{color:var(--dp-navy)!important;font-size:20px!important;font-weight:950!important;line-height:1.2!important;margin:5px 0!important}
.hero-metric span:not(.metric-icon){color:#74879e!important;font-size:10px!important}
/* hero secondary + plan */
.hero-secondary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--dp-line);border-radius:14px;overflow:hidden;background:#f8fafc}
.hero-secondary>div{padding:12px 14px;border-right:1px solid var(--dp-line)}
.hero-secondary>div:last-child{border-right:0}
.hero-secondary small{display:block;color:#7b8da3;font-size:10px}
.hero-secondary b{display:block;color:var(--dp-navy);font-size:17px;margin-top:4px}
.plan-strip{border:1px solid var(--dp-line)!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
.plan-strip>div{padding:11px 14px!important;border-color:var(--dp-line)!important}
.plan-strip small{color:#8495aa!important;font-size:10px!important}
.plan-strip b{color:var(--dp-navy)!important;font-size:16px!important;font-weight:950!important}
.plan-strip .good{color:#10b96d!important}.plan-strip .danger-text{color:#ef1734!important}
.inline-plan-editor input{height:38px!important;border:1px solid #ced9e5!important;background:#fff!important;color:var(--dp-navy)!important;border-radius:10px!important}
.inline-plan-editor .primary,.target-edit .primary{border-radius:10px!important}
.target-grid{gap:14px!important}
.premium-target-card{padding:18px!important}
.premium-target-card .section-title{margin-bottom:12px!important}
.premium-target-card .section-title h3{font-size:20px!important}
.target-pct{color:#16b89a!important;font-size:20px!important;font-weight:950!important}
.target-edit input{background:#fff!important;border:1px solid var(--dp-line)!important;color:var(--dp-navy)!important;border-radius:11px!important}
.flow-cards{gap:10px!important;margin-top:12px!important}
.flow-cards .card,.flow-cards>div{border-radius:16px!important;box-shadow:none!important}
/* dynamics */
.premium-dynamics{padding:22px!important;position:relative!important}
.dynamics-head{align-items:flex-start!important}
.premium-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(145px,1fr))!important;gap:10px!important}
.premium-kpis>span{min-width:0!important;background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:15px!important;padding:12px 14px!important}
.premium-kpis b{color:var(--dp-navy)!important;font-size:17px!important;font-weight:950!important}
.premium-kpis small{color:#7d8fa5!important;font-size:10px!important}
.premium-tabs{display:inline-flex!important;background:#eef2f7!important;border-radius:13px!important;padding:4px!important;gap:4px!important;margin:12px 0 16px!important}
.premium-tabs button{min-width:92px!important;border-radius:10px!important;color:#314962!important;font-weight:900!important}
.premium-tabs button.active{background:#4f61f5!important;color:#fff!important;box-shadow:0 7px 18px rgba(79,97,245,.24)!important}
.premium-tabs button.disabled{opacity:.45!important;cursor:not-allowed!important}
.premium-chart-legend{justify-content:flex-end!important;color:#60758e!important;margin-top:-44px!important;margin-bottom:12px!important}
.daily-chart{height:330px!important;background:#fff!important;border-top:1px solid #e8edf3!important;padding:42px 8px 6px!important;gap:5px!important}
.chart-day{min-width:28px!important;flex:1 0 28px!important;color:var(--dp-navy)!important}
.stack-bars i{border-radius:4px 4px 0 0}
.bar-sof{background:var(--dp-blue)!important}.bar-coll{background:var(--dp-green)!important}.bar-naqd{background:var(--dp-orange)!important}
.chart-count{color:#27405e!important;font-size:9px!important}.chart-date{color:#5d7189!important}
.chart-pop{background:#2b2255!important;border-radius:15px!important;box-shadow:0 18px 40px rgba(43,34,85,.28)!important}
/* dashboard report tables */
.dashboard-report-card{padding:18px!important;overflow:hidden!important}
.dashboard-report-card .section-title{padding:0 0 12px!important;border-bottom:1px solid #edf1f5!important}
.dashboard-report-card .table-wrap{border:1px solid #dfe7ef!important;border-radius:16px!important;background:#fff!important;overflow:auto!important}
.dashboard-report-card .table{width:max-content!important;min-width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:var(--dp-navy)!important}
.dashboard-report-card .table th{position:sticky!important;top:0!important;z-index:2!important;background:#f7f9fc!important;color:#64778e!important;border-bottom:1px solid #dfe7ef!important;padding:14px 16px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.dashboard-report-card .table td{background:#fff!important;color:var(--dp-navy)!important;border-bottom:1px solid #e7edf3!important;padding:16px!important;font-size:13px!important;font-weight:750!important;white-space:nowrap!important;vertical-align:middle!important}
.dashboard-report-card .table tbody tr:hover td{background:#fbfcfe!important}
.dashboard-report-card .table tbody tr.total-row td{background:var(--dp-soft-red)!important;color:#c81731!important;border-top:2px solid var(--dp-red)!important;font-weight:950!important}
.rank-badge{display:inline-grid!important;place-items:center!important;width:38px;height:38px;border-radius:50%;background:#f2f5f9;color:var(--dp-navy);font-weight:950;font-size:14px}
.dashboard-report-card tbody tr:first-child .rank-badge{background:#fff0f3;color:var(--dp-red)}
.person-name{display:inline-block;color:var(--dp-navy)!important;font-size:16px!important;font-weight:950!important;line-height:1.22!important}
.total-label{color:#c81731!important;font-size:15px!important;font-weight:950!important}
.dashboard-report-card .export-bar button,.dashboard-report-card .toolbar button{border-radius:12px!important;font-weight:900!important}
/* category and period cells */
.category-card .table td{padding-top:14px!important;padding-bottom:14px!important}
.category-card .table th:nth-child(n+3){text-align:center!important}
.metric-stack{min-width:170px!important;gap:6px!important}
.metric-stack>div{display:grid!important;grid-template-columns:auto minmax(86px,1fr)!important;align-items:center!important;gap:10px!important}
.metric-stack span{color:#8aa0b9!important;font-size:10px!important}
.metric-stack b{color:var(--dp-navy)!important;text-align:right!important;font-size:11px!important;font-weight:900!important}
.metric-stack b.good{color:#51d79c!important}
.metric-stack em{background:#0f6555!important;color:#fff!important;font-size:9px!important;padding:3px 6px!important;border-radius:99px!important}
.period-cell{min-width:220px!important;gap:6px!important}
.period-cell>div{gap:12px!important}.period-cell span{color:#8aa0b9!important}.period-cell b{color:var(--dp-navy)!important;font-weight:900!important}
.dashboard-analytics-filter{background:#fff!important;border:1px solid var(--dp-line)!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(16,40,74,.035)!important}
.dashboard-analytics-filter summary{color:#657a92!important;font-weight:850!important}
.dashboard-analytics-filter input,.dashboard-analytics-filter select{background:#fff!important;color:var(--dp-navy)!important;border:1px solid #d1dce7!important;border-radius:12px!important}
/* responsive */
@media(max-width:1050px){
 .premium-hero .hero-layout{grid-template-columns:1fr!important}.premium-hero .hero-donut{padding:6px 0 12px!important}
 .premium-chart-legend{margin-top:0!important;justify-content:flex-start!important}.target-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 .premium-hero,.premium-dynamics,.dashboard-report-card,.premium-target-card{border-radius:20px!important}
 .premium-title h3{font-size:19px!important}.premium-hero{padding:16px!important}
 .premium-hero .donut{width:178px!important}.premium-hero .donut:after{inset:31px!important}
 .premium-hero .hero-metrics-3{grid-template-columns:1fr 1fr!important}.premium-hero .hero-metrics-3 .hero-metric:last-child{grid-column:1/-1!important}
 .hero-secondary{grid-template-columns:1fr!important}.hero-secondary>div{border-right:0!important;border-bottom:1px solid var(--dp-line)}.hero-secondary>div:last-child{border-bottom:0}
 .premium-kpis{grid-template-columns:1fr!important;width:100%!important}
 .premium-tabs{width:100%!important}.premium-tabs button{flex:1!important;min-width:0!important}
 .daily-chart{height:290px!important}.dashboard-report-card{padding:14px!important}
 .dashboard-report-card .table th,.dashboard-report-card .table td{padding:12px 13px!important;font-size:12px!important}
 .person-name{font-size:14px!important}.rank-badge{width:34px;height:34px}
 .metric-stack{min-width:155px!important}.dashboard-compact-controls{position:sticky;top:0;z-index:8;background:var(--dp-bg);padding-top:4px}
}
@media(max-width:430px){
 .premium-hero .hero-metrics-3{grid-template-columns:1fr!important}.premium-hero .hero-metrics-3 .hero-metric:last-child{grid-column:auto!important}
 .flow-cards{grid-template-columns:1fr 1fr!important}.premium-title h3{font-size:18px!important}
}

.total-key{font-size:0!important;color:transparent!important}