.dashboard-btn{margin-left:auto}.dashboard-dialog{width:min(1050px,calc(100% - 24px));height:min(850px,94vh);overflow:hidden}.dashboard-shell{height:100%;display:flex;flex-direction:column}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;border-bottom:1px solid var(--line)}.dashboard-head h2{margin:4px 0}.dashboard-filter{margin:4px 0;color:#9db0c8;font-size:13px}.dashboard-content{flex:1;overflow:auto;padding:20px 24px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-kpis article,.dashboard-grid section,.dashboard-table-section{background:#0a1524;border:1px solid var(--line);border-radius:14px;padding:16px}.dashboard-kpis b{display:block;margin-top:7px;color:#8cb8ff;font-size:30px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin:12px 0}.dashboard-grid h3,.dashboard-table-section h3{margin:0 0 14px}.dashboard-bars{display:grid;gap:14px}.dashboard-bars>div{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:10px}.dashboard-bars i{display:block;height:14px;background:#17263b;border-radius:20px;overflow:hidden}.dashboard-bars i b{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,#45d3a4,#79aaff);border-radius:20px}.dashboard-area-list{display:grid;gap:8px}.dashboard-area-list div{display:flex;justify-content:space-between;padding:9px 11px;background:#111f32;border-radius:9px}.dashboard-mini-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-mini-table>div{display:grid;gap:3px;padding:11px;border-radius:10px;background:#111f32}.dashboard-mini-table span{color:#b9c8da;font-size:13px}.dashboard-mini-table small{letter-spacing:0}.dashboard-content footer{text-align:center;color:#8497b0;font-size:11px;padding:18px 0 2px}.dashboard-actions{display:flex;justify-content:flex-end;gap:9px;padding:13px 24px;border-top:1px solid var(--line);flex-wrap:wrap}.whatsapp{background:#1f9f59;color:white;border:0;border-radius:10px;padding:11px 16px;font-weight:750}@media(max-width:720px){.dashboard-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}.dashboard-head,.dashboard-content{padding:14px}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-kpis b{font-size:24px}.dashboard-grid{grid-template-columns:1fr}.dashboard-mini-table{grid-template-columns:1fr}.dashboard-actions{padding:10px 14px}.dashboard-actions button{flex:1 1 42%}.dashboard-btn,.export-btn{margin-left:0;flex:1 1 100%}}
.supervisor-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.supervisor-nav button{display:flex;align-items:center;gap:12px;text-align:left;color:#b7c7db;background:#0a1524;border:1px solid var(--line);border-radius:13px;padding:12px 14px;font-size:21px}.supervisor-nav button.active{background:linear-gradient(135deg,#173052,#123b3a);border-color:#4e88a8;color:white}.supervisor-nav span{display:grid;gap:3px;font-size:14px;font-weight:750}.supervisor-nav small{font-weight:400;letter-spacing:0}.supervisor-view{display:grid;gap:10px}.view-heading{display:flex;align-items:end;justify-content:space-between}.view-heading h3{margin:3px 0}.dashboard-config{background:#0a1524;border:1px solid var(--line);border-radius:14px;padding:16px}.dashboard-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-selection-summary{display:flex;align-items:baseline;gap:8px;color:#aebdd0}.dashboard-selection-summary b{font-size:28px;color:#45d3a4}.dashboard-config>.primary{justify-self:start}
@media(max-width:720px){.supervisor-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;flex:0 0 auto}.supervisor-nav button{padding:10px;gap:8px;font-size:18px;min-width:0}.supervisor-nav span{font-size:12px;line-height:1.15}.supervisor-nav small{display:none}.dashboard-config{padding:12px;min-width:0}.dashboard-selectors{grid-template-columns:1fr}.dashboard-selectors label,.dashboard-selectors select{min-width:0;width:100%}.dashboard-selection-summary{align-items:center}.dashboard-config>.primary{width:100%;position:sticky;bottom:0;z-index:2;min-height:48px;box-shadow:0 -8px 24px #07101ddd}}
.dashboard-kpis article{background:linear-gradient(145deg,#0c1a2b,#111f32);position:relative;overflow:hidden}.dashboard-kpis article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-24px;top:-26px;background:#79aaff16}.dashboard-kpis article span{display:block;color:#8194ad;font-size:11px}.dashboard-pro-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:12px;margin:12px 0}.dashboard-pro-grid>section,.dashboard-rank-grid>section{background:#0a1524;border:1px solid var(--line);border-radius:14px;padding:16px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-title h3,.dashboard-pro-grid h3,.dashboard-rank-grid h3{margin:4px 0 14px}.live-dot{font-size:10px;color:#45d3a4}.trend-chart{width:100%;height:190px;overflow:visible}.trend-chart .chart-grid{stroke:#26364e;stroke-width:1}.trend-chart .trend-line{fill:none;stroke:#45d3a4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-chart circle{fill:#07101d;stroke:#75efd0;stroke-width:3}.trend-chart text{fill:#8fa2bd;text-anchor:middle;font-size:11px}.trend-chart .point-value{fill:#eaf1ff;font-weight:700}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:22px;min-height:190px}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#0a1524}.donut b,.donut span{position:relative;z-index:1}.donut b{font-size:30px}.donut span{font-size:11px;color:#8fa2bd}.donut-legend{display:grid;gap:10px;min-width:130px}.donut-legend div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px}.donut-legend i{width:9px;height:9px;border-radius:3px}.dashboard-rank-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:12px 0}.rank-list{display:grid;gap:9px}.rank-list>div{display:grid;grid-template-columns:24px 100px 1fr 24px;align-items:center;gap:8px;font-size:12px}.rank-list em{display:grid;place-content:center;width:22px;height:22px;border-radius:6px;background:#162941;color:#8cb8ff;font-style:normal}.rank-list i{height:8px;border-radius:10px;background:#17263b;overflow:hidden}.rank-list i b{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,#79aaff,#45d3a4)}
@media(max-width:850px){.dashboard-pro-grid,.dashboard-rank-grid{grid-template-columns:1fr}.donut-wrap{min-height:160px}.trend-chart{height:160px}}
@media print{body>*{display:none!important}.dashboard-dialog[open]{display:block!important;position:static;width:100%;height:auto;max-height:none;border:0;color:#111;background:#fff}.dashboard-dialog .dashboard-shell{height:auto}.dashboard-dialog .dashboard-head,.dashboard-dialog .dashboard-content{display:block!important}.dashboard-dialog .dashboard-content{overflow:visible}.dashboard-dialog .dashboard-actions,.dashboard-dialog .dashboard-close{display:none!important}.dashboard-dialog .dashboard-kpis article,.dashboard-dialog .dashboard-grid section,.dashboard-dialog .dashboard-table-section{color:#111;background:#fff;border-color:#aaa}.dashboard-dialog .dashboard-mini-table>div,.dashboard-dialog .dashboard-area-list div{color:#111;background:#f3f3f3}.dashboard-dialog small,.dashboard-dialog span,.dashboard-dialog p,.dashboard-dialog footer{color:#333!important}}