.gender-page{background:#f5f8f7}.gender-page .content{max-width:100%;padding:18px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1px;color:#08785f}.page-head h4{margin:3px 0;font-weight:800;color:#123f35}.page-actions{display:flex;gap:6px;flex-wrap:wrap}.panel,.chart-panel{background:#fff;border:1px solid #e1ebe7;border-radius:13px;box-shadow:0 5px 18px rgba(18,63,53,.045)}.sync-panel{padding:12px;margin-bottom:12px}.sync-status-card{border:1px solid #dce9e4;border-radius:11px;padding:14px}.sync-title{font-size:13px;font-weight:800;color:#076b55;margin-bottom:2px}.sync-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.sync-grid>div{background:#f8fbfa;border-radius:9px;padding:8px 10px}.sync-grid span{display:block;font-size:9px;color:#71827d}.sync-grid strong{font-size:11px;color:#183f36}.sync-foot{font-size:10px;color:#657670;margin-top:10px}.sync-badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800}.sync-badge.success{background:#dff5ea;color:#08784f}.sync-badge.running{background:#fff0c7;color:#8a6100}.sync-badge.failed{background:#fde0e0;color:#a52222}.sync-badge.never{background:#edf0ef;color:#687570}.sync-progress-box{display:none;margin-top:10px}.sync-progress-box.is-visible{display:block}.progress-layout{display:flex;gap:15px;align-items:center}.progress-circle-wrap{width:74px}.progress-circle{width:68px;height:68px;border-radius:50%;background:conic-gradient(#08785f var(--progress,0deg),#e9efed 0deg);display:grid;place-items:center}.progress-circle:before{content:"";position:absolute}.progress-circle>div{width:54px;height:54px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-circle strong{font-size:11px}.progress-circle span{font-size:6px;color:#7a8984}.progress-detail{flex:1}.sync-stage,.sync-counts{font-size:10px;color:#64736e;margin:5px 0}.progress-track{height:7px;background:#e9efed;border-radius:10px;overflow:hidden}.progress-bar-inner{height:100%;background:#08785f;transition:width .2s}.filter-card{display:flex;align-items:end;gap:8px;background:#fff;border:1px solid #e1ebe7;border-radius:12px;padding:12px;margin-bottom:12px}.filter-card label{display:block;font-size:10px;font-weight:700;color:#66756f;margin-bottom:4px}.filter-card select{min-width:220px;font-size:12px}.btn-green{background:#08785f;color:#fff;border-color:#08785f}.btn-green:hover{background:#06634f;color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.kpi-card{background:#fff;border:1px solid #e1ebe7;border-radius:12px;padding:13px 15px}.kpi-card span,.kpi-card small{display:block;color:#73827d;font-size:9px}.kpi-card strong{display:block;font-size:21px;color:#123f35;line-height:1.2;margin:3px 0}.chart-panel{height:100%;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:13px 15px;border-bottom:1px solid #edf1ef}.panel-head h5{margin:0;font-size:12px;font-weight:800;color:#0b6a54}.panel-head p{margin:3px 0 0;font-size:9px;color:#89958f}.chart-badge,.count-pill{font-size:8px;font-weight:800;background:#edf8f4;color:#08785f;border-radius:999px;padding:4px 8px}.chart-box{position:relative;padding:10px 12px}.line-box{height:345px}.donut-box{height:345px}.report-panel{overflow:hidden;margin-bottom:15px}.table-wrap{overflow:auto}.report-table{width:100%;border-collapse:collapse;font-size:9px;white-space:nowrap}.report-table th{background:#f2f7f5;color:#35544b;font-weight:800;text-align:center;padding:8px;border-bottom:1px solid #dce8e3}.report-table td{padding:7px 8px;border-bottom:1px solid #edf1ef;color:#27483f}.report-table .n{text-align:center;width:50px}.report-table .num{text-align:right}.report-table tr.total td{font-weight:800;background:#edf7f3;color:#0b604e}.report-table tbody tr:hover td{background:#fafcfb}@media(max-width:992px){.sync-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.line-box,.donut-box{height:300px}}@media(max-width:576px){.gender-page .content{padding:10px}.sync-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.filter-card{flex-wrap:wrap}.filter-card select{min-width:180px}.line-box,.donut-box{height:275px}}@media print{.page-actions,.filter-card,#syncProgressBox{display:none!important}.gender-page .content{padding:0}.panel,.chart-panel{box-shadow:none}.line-box,.donut-box{height:280px}}
.gender-page .gender-month-table{min-width:1900px}.gender-page .gender-month-table th{border:1px solid #dce6e2;padding:7px 8px;white-space:nowrap}.gender-page .gender-month-table th[rowspan]{vertical-align:middle}.gender-page .gender-month-table th.sub{font-size:8px;background:#f3f6f5}.gender-page .gender-month-table th.pria{background:#f3f6f5}.gender-page .gender-month-table th.wanita{background:#f3f6f5}.gender-page .gender-month-table th.total-head{background:#9fd8d7;color:#245e5b}.gender-page .gender-month-table td{border:1px solid #e0e8e5;padding:7px 8px}.gender-page .gender-month-table .poli-name{text-align:left;min-width:180px}.gender-page .gender-month-table .month-total{background:#a7dddd;color:#255f5c;font-weight:700}.gender-page .gender-month-table tr.total td{background:#e5f2ef}.gender-page .gender-month-table tr.total td.month-total{background:#8fd0cf;color:#1e5c59}.gender-page .gender-month-table tbody tr:hover td{background:#f9fcfb}.gender-page .gender-month-table tbody tr:hover td.month-total{background:#a7dddd}.gender-page .table-wrap{max-height:620px}.gender-page .report-panel .panel-head{position:relative}