/* Tahap 7A — Statistik Publik Akademi GaMu */
.pas-page{background:#f6f8f7;color:#18332d}.pas-page .container{max-width:1200px;margin:auto;padding-left:22px;padding-right:22px}
.pas-hero{background:linear-gradient(135deg,#073b32,#0b6755 65%,#17856e);color:#fff;overflow:hidden;position:relative}.pas-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-100px;top:-230px;background:rgba(255,255,255,.07)}
.pas-hero-inner{min-height:340px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:60px!important;padding-bottom:58px!important}.pas-kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:rgba(255,255,255,.12);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}.pas-hero h1{font-size:48px;line-height:1.08;margin:14px 0 10px}.pas-hero p{font-size:17px;line-height:1.65;max-width:700px;color:#d7eee8}.pas-hero-actions{display:flex;gap:10px;margin-top:22px}.pas-hero .btn-outline{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}
.pas-hero-visual{width:220px;height:220px;flex:0 0 220px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.15)}.pas-hero-visual>i{font-size:42px}.pas-hero-visual b{font-size:43px;margin-top:4px}.pas-hero-visual span{font-size:12px;color:#d8eee8}
.pas-main{padding-top:26px!important;padding-bottom:55px!important}.pas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.pas-toolbar>div:first-child span,.pas-toolbar>div:first-child b{display:block}.pas-toolbar span{font-size:11px;color:#70837d}.pas-periods{display:flex;padding:4px;background:#e9efed;border-radius:10px}.pas-periods a{padding:8px 12px;border-radius:8px;color:#51665f;font-size:12px;font-weight:700}.pas-periods a.is-active{background:#fff;color:#08604e;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.pas-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.pas-metrics article{background:#fff;border:1px solid #e0e8e5;border-radius:15px;padding:15px;display:flex;gap:10px;align-items:center}.pas-metrics article>i{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#eaf7f2;color:#08705b;font-size:21px}.pas-metrics b,.pas-metrics span{display:block}.pas-metrics b{font-size:21px}.pas-metrics span{font-size:10px;color:#6b7d77}
.pas-card{background:#fff;border:1px solid #dfe8e5;border-radius:18px;padding:20px;margin-bottom:18px}.pas-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pas-card>header span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#08715d}.pas-card h2{font-size:23px;margin:4px 0 0}.pas-grid-main{display:grid;grid-template-columns:2fr 1fr;gap:18px}.pas-legend{font-size:11px;color:#6b7f78}.pas-legend i{display:inline-block;width:16px;height:3px;background:#13866d;margin-right:5px;vertical-align:middle}
.pas-line-chart{height:250px;position:relative}.pas-line-chart svg{width:100%;height:215px;overflow:visible}.pas-line-chart line{stroke:#e6ecea;stroke-width:.5}.pas-line-chart polyline{fill:none;stroke:#0b8068;stroke-width:2.4;vector-effect:non-scaling-stroke}.pas-line-chart circle{fill:#fff;stroke:#0b8068;stroke-width:1.5;vector-effect:non-scaling-stroke}.pas-xlabels{display:flex;justify-content:space-between;font-size:9px;color:#768882}
.pas-trend-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pas-trend-summary div{padding:11px;background:#f4f8f7;border-radius:11px}.pas-trend-summary b,.pas-trend-summary span{display:block}.pas-trend-summary b{font-size:18px}.pas-trend-summary span{font-size:10px;color:#6d7f79}
.pas-week-bars{height:285px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:20px}.pas-week-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.pas-week-bars i{display:block;width:76%;max-width:30px;background:linear-gradient(#26a486,#08705b);border-radius:8px 8px 3px 3px;min-height:4px}.pas-week-bars span{font-size:10px;font-weight:800;margin-bottom:5px}.pas-week-bars b{font-size:10px;margin-top:7px}.pas-week-bars small{font-size:8px;color:#7a8b86}
.pas-course-list{display:grid;gap:9px}.pas-course-list>article{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:12px;border:1px solid #e4ebe9;border-radius:13px}.pas-course-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:23px}.pas-course-icon.is-blue{background:#eaf5ff;color:#1680c1}.pas-course-icon.is-green{background:#e9f8ef;color:#278d58}.pas-course-icon.is-gold{background:#fff6da;color:#b7800b}.pas-course-icon.is-purple{background:#f2ebff;color:#7952b5}.pas-course-main>div:first-child{display:flex;justify-content:space-between;gap:10px}.pas-course-main h3{font-size:15px;margin:0}.pas-course-main span,.pas-course-main small{font-size:10px;color:#6d7f79}.pas-course-progress{height:7px;background:#e9efed;border-radius:999px;overflow:hidden;margin:7px 0 4px}.pas-course-progress i{display:block;height:100%;background:linear-gradient(90deg,#0a775f,#35ad8f)}.pas-course-completion{text-align:right}.pas-course-completion b,.pas-course-completion span{display:block}.pas-course-completion b{font-size:22px}.pas-course-completion span{font-size:9px;color:#73847e}
.pas-grid-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pas-donut-wrap{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.pas-donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(#0c8068 0 calc(var(--a)*1%),#3eb493 calc(var(--a)*1%) calc(var(--b)*1%),#e5b53f calc(var(--b)*1%) calc(var(--c)*1%),#e37a62 calc(var(--c)*1%) 100%);display:grid;place-items:center}.pas-donut:before{content:"";width:112px;height:112px;border-radius:50%;background:#fff}.pas-donut>div{position:absolute;text-align:center}.pas-donut b,.pas-donut span{display:block}.pas-donut b{font-size:26px}.pas-donut span{font-size:10px;color:#70817c}.pas-accuracy-list{display:grid;gap:9px}.pas-accuracy-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.pas-accuracy-list i{width:9px;height:9px;border-radius:50%}.pas-accuracy-list i.c1{background:#0c8068}.pas-accuracy-list i.c2{background:#3eb493}.pas-accuracy-list i.c3{background:#e5b53f}.pas-accuracy-list i.c4{background:#e37a62}.pas-accuracy-list span{font-size:11px}.pas-accuracy-list small{display:block;color:#7a8b85}.pas-cert-list{display:grid;gap:13px}.pas-cert-list>div{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:center}.pas-cert-list span{font-size:11px}.pas-cert-list>div>div{height:8px;background:#e9efed;border-radius:999px;overflow:hidden}.pas-cert-list i{display:block;height:100%;background:linear-gradient(90deg,#1677b8,#2ca17c)}.pas-public-note{display:flex;gap:10px;padding:13px;background:#f3f8f6;border-radius:11px;margin-top:19px;color:#62766f}.pas-public-note i{font-size:21px}.pas-public-note p{margin:0;font-size:11px;line-height:1.55}
.pas-method{display:flex;gap:11px;padding:15px 17px;border:1px solid #dce6e3;border-radius:14px;background:#eef5f2}.pas-method>i{font-size:22px;color:#08705b}.pas-method b,.pas-method p{display:block}.pas-method p{margin:3px 0 0;font-size:11px;color:#62756f;line-height:1.5}
@media(max-width:1050px){.pas-metrics{grid-template-columns:repeat(3,1fr)}.pas-grid-main,.pas-grid-secondary{grid-template-columns:1fr}.pas-week-bars{height:220px}}
@media(max-width:700px){.pas-hero-inner{min-height:auto;flex-direction:column;align-items:flex-start;padding-top:42px!important}.pas-hero h1{font-size:37px}.pas-hero-visual{width:170px;height:170px;flex-basis:170px;align-self:center}.pas-toolbar{align-items:flex-start;flex-direction:column}.pas-periods{width:100%}.pas-periods a{flex:1;text-align:center}.pas-metrics{grid-template-columns:1fr 1fr}.pas-course-list>article{grid-template-columns:auto 1fr}.pas-course-completion{grid-column:2;text-align:left}.pas-donut-wrap{grid-template-columns:1fr}.pas-donut{margin:auto}.pas-cert-list>div{grid-template-columns:1fr auto}.pas-cert-list>div>div{grid-column:1/-1}.pas-hero-actions{flex-direction:column;width:100%}.pas-hero-actions .btn{width:100%}}