.achievement-wrap{max-width:1420px;margin:-32px auto 18px;padding:0 max(3vw,16px);position:relative;z-index:4}.achievement-card{background:#fff;border:1px solid #dce6ed;border-radius:18px;box-shadow:0 15px 40px #153d5a13;overflow:hidden}.achievement-head{padding:20px 24px 16px;border-bottom:1px solid #e6edf2;display:flex;align-items:center;justify-content:space-between;gap:20px}.achievement-head small{display:block;color:#0b6695;font-size:9px;letter-spacing:.15em;font-weight:900}.achievement-head h2{font-size:20px;color:#073763;margin:5px 0 4px}.achievement-head p{font-size:10px;color:#687b8e;margin:0}.achievement-head>a{border:1px solid #bfd5e1;border-radius:9px;padding:9px 12px;color:#075c91;font-size:10px;font-weight:800;white-space:nowrap}.achievement-content{display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;align-items:center;gap:25px;padding:23px 25px}.donut-area{display:flex;align-items:center;gap:22px;border-right:1px solid #e5edf2;padding-right:25px}.document-donut{width:142px;height:142px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#078563 0 var(--available),#d58819 var(--available) var(--revision),#c74747 var(--revision) 360deg);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff80}.document-donut>div{width:102px;height:102px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 12px #163c5518}.document-donut b{font-size:30px;color:#073763;letter-spacing:-.04em}.document-donut span{font-size:9px;color:#687b8e;text-transform:uppercase;letter-spacing:.08em}.donut-caption{display:flex;flex-direction:column;max-width:200px}.donut-caption strong{font-size:14px;line-height:1.4;color:#172a3e}.donut-caption span{font-size:10px;line-height:1.5;color:#687b8e;margin-top:5px}.achievement-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.achievement-stats article{position:relative;min-height:112px;border:1px solid #e0e9ef;border-radius:13px;padding:15px;background:#fbfdfe;display:flex;gap:10px}.achievement-stats i{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:0 0 auto}.stat-available i{background:#078563}.stat-missing i{background:#c74747}.stat-revision i{background:#d58819}.achievement-stats div{display:flex;flex-direction:column}.achievement-stats span{font-size:9px;color:#687b8e;font-weight:750}.achievement-stats b{font-size:24px;color:#073763;margin:8px 0 2px;line-height:1}.achievement-stats small{font-size:8px;color:#8292a1}.achievement-wrap+.public-grid{margin-top:0}
@media(max-width:900px){.achievement-content{grid-template-columns:1fr}.donut-area{border-right:0;border-bottom:1px solid #e5edf2;padding:0 0 22px}.achievement-stats article{min-height:100px}}
@media(max-width:600px){.achievement-wrap{margin:-22px auto 14px;padding:0 10px}.achievement-head{padding:17px;align-items:flex-start}.achievement-head h2{font-size:17px}.achievement-head p{line-height:1.5}.achievement-head>a{font-size:0;padding:8px}.achievement-head>a:after{content:"Rekap →";font-size:9px}.achievement-content{padding:18px 16px;gap:17px}.donut-area{gap:16px}.document-donut{width:116px;height:116px}.document-donut>div{width:82px;height:82px}.document-donut b{font-size:24px}.donut-caption strong{font-size:12px}.achievement-stats{grid-template-columns:1fr}.achievement-stats article{min-height:72px;padding:12px;align-items:flex-start}.achievement-stats b{font-size:20px;margin:5px 0 1px}}
.hero-dashboard{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:42px;align-items:center}.hero-copy{min-width:0}.hero-copy .search{max-width:860px}.hero-achievement{align-self:stretch;min-height:240px;background:#fffffffa;color:#172a3e;border:1px solid #ffffff45;border-radius:18px;padding:18px 19px;box-shadow:0 20px 45px #00264447;display:flex;flex-direction:column;justify-content:center}.hero-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #e1eaf0;padding-bottom:12px}.hero-chart-head small{color:#0b6695;font-size:8px;letter-spacing:.13em;font-weight:900}.hero-chart-head h2{font-size:15px;line-height:1.3;color:#073763;margin:4px 0 0;max-width:230px}.hero-chart-head>a{border:1px solid #c6d9e4;border-radius:7px;padding:6px 8px;color:#075c91;font-size:8px;font-weight:850;white-space:nowrap}.hero-chart-body{display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:center;padding-top:15px}.hero-donut{width:124px;height:124px;border-radius:50%;background:conic-gradient(#078563 0 var(--available),#d58819 var(--available) var(--revision),#c74747 var(--revision) 360deg);display:grid;place-items:center}.hero-donut>div{width:88px;height:88px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 10px #153d5a16}.hero-donut b{font-size:26px;line-height:1;color:#073763;letter-spacing:-.04em}.hero-donut span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#687b8e;margin-top:4px}.hero-legend{min-width:0}.hero-legend p{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;margin:0;padding:6px 0;border-bottom:1px solid #edf2f5}.hero-legend p i{width:8px;height:8px;border-radius:50%}.hero-legend i.available{background:#078563}.hero-legend i.missing{background:#c74747}.hero-legend i.revision{background:#d58819}.hero-legend p span{font-size:8px;color:#687b8e}.hero-legend p b{font-size:11px;color:#172a3e}.hero-legend>small{display:block;font-size:8px;color:#81909c;margin-top:8px}.hero-dashboard+.public-grid{margin-top:-28px}
@media(max-width:1050px){.hero-dashboard{grid-template-columns:1fr 340px;gap:24px}.hero-chart-body{grid-template-columns:110px 1fr}.hero-donut{width:106px;height:106px}.hero-donut>div{width:76px;height:76px}.hero-donut b{font-size:22px}}
@media(max-width:820px){.hero-dashboard{grid-template-columns:1fr}.hero-achievement{min-height:auto}.hero-chart-body{grid-template-columns:124px 1fr}.hero-donut{width:120px;height:120px}.hero-donut>div{width:86px;height:86px}.hero-donut b{font-size:25px}}
@media(max-width:600px){.hero-dashboard{gap:18px}.hero-achievement{padding:15px}.hero-chart-body{grid-template-columns:110px 1fr;gap:14px}.hero-donut{width:106px;height:106px}.hero-donut>div{width:76px;height:76px}.hero-donut b{font-size:22px}.hero-chart-head h2{font-size:13px}}
.top10-shortcut{display:inline-flex;align-items:center;width:max-content;margin-top:9px;padding:6px 8px;border-radius:7px;background:#edf6fa;color:#075c91;font-size:8px;font-weight:850}.top10-shortcut:hover{background:#dceef5}