.sirup{--sr-navy:var(--navy,#0B2545);--sr-navy2:var(--navy-2,#13315C);--sr-teal:var(--teal,#00A39A);--sr-gold:#E3B341;--sr-gold2:var(--sun,#FFC23C);--sr-line:var(--line,#E3E9EF);--sr-muted:var(--muted,#52627A);margin:0 0 48px;color:var(--sr-navy)}
.sirup *{box-sizing:border-box}
.sirup-head{position:relative;padding:34px 34px 30px;border-radius:24px;background:radial-gradient(120% 140% at 100% 0,rgba(0,163,154,.45) 0,transparent 55%),linear-gradient(135deg,var(--sr-navy) 0,var(--sr-navy2) 100%);color:#fff;overflow:hidden}
.sirup-head:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:34px solid rgba(227,179,65,.22)}
.sirup-kicker{display:inline-block;padding:6px 14px;border-radius:99px;background:rgba(227,179,65,.18);color:var(--sr-gold2);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sirup-title{margin:14px 0 8px;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.15;color:#fff}
.sirup-lead{margin:0;max-width:640px;color:rgba(255,255,255,.82)}
.sirup-hero{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:16px;margin:-26px 18px 0;position:relative;z-index:2}
.sirup-card{display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border-radius:18px;background:#fff;border:1px solid var(--sr-line);box-shadow:0 14px 34px rgba(11,37,69,.12);min-width:0}
.sirup-card-label{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-muted)}
.sirup-card-value{font-size:1.7rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;word-break:break-word}
.sirup-card-value small{font-size:.55em;font-weight:700;color:var(--sr-muted)}
.sirup-card-sub{font-size:.88rem;color:var(--sr-muted);font-variant-numeric:tabular-nums}
.sirup-card--total{background:linear-gradient(140deg,#fff 0,#FFF8E6 100%);border-color:rgba(227,179,65,.55);border-top:4px solid var(--sr-gold)}
.sirup-card--total .sirup-card-value{font-size:clamp(1.7rem,2.6vw,2.3rem);color:var(--sr-navy)}
.sirup-card--total .sirup-card-label{color:#9A7311}
.sirup-card--pen{border-top:4px solid var(--sr-navy)}
.sirup-card--swa{border-top:4px solid var(--sr-teal)}
.sirup-card--jml{border-top:4px solid var(--sr-gold2)}
.sirup-charts{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;margin:28px 0}
.sirup-chart{margin:0;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--sr-line);min-width:0}
.sirup-chart figcaption{font-weight:800;margin-bottom:10px}
.sirup-canvas{position:relative;height:250px}
.sirup-table-wrap{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--sr-line);box-shadow:0 6px 24px rgba(11,37,69,.06)}
.sirup-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:#EEF3F7;margin-bottom:14px}
.sirup-tabs button{border:0;background:transparent;padding:9px 18px;border-radius:99px;font:inherit;font-weight:700;color:var(--sr-muted);cursor:pointer;transition:.25s}
.sirup-tabs button span{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:rgba(11,37,69,.08);font-size:.78rem}
.sirup-tabs button.is-active{background:var(--sr-navy);color:#fff;box-shadow:0 6px 16px rgba(11,37,69,.25)}
.sirup-tabs button.is-active span{background:var(--sr-gold);color:var(--sr-navy)}
.sirup-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.sirup-tools input,.sirup-tools select{height:42px;padding:0 14px;border:1px solid var(--sr-line);border-radius:12px;font:inherit;font-size:.92rem;background:#fff;color:var(--sr-navy)}
.sirup-search{flex:1 1 280px}.sirup-search input{width:100%}
.sirup-tools input:focus,.sirup-tools select:focus{outline:2px solid var(--sr-teal);outline-offset:1px}
.sirup-scroll{overflow-x:auto;border-radius:12px;border:1px solid var(--sr-line)}
.sirup-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:760px}
.sirup-table th{position:sticky;top:0;background:var(--sr-navy);color:#fff;text-align:left;padding:11px 12px;font-weight:700;white-space:nowrap;cursor:pointer;user-select:none}
.sirup-table th[data-sort]:after{content:" ↕";opacity:.45}
.sirup-table th.asc:after{content:" ↑";opacity:1;color:var(--sr-gold2)}.sirup-table th.desc:after{content:" ↓";opacity:1;color:var(--sr-gold2)}
.sirup-table td{padding:10px 12px;border-top:1px solid var(--sr-line);vertical-align:top}
.sirup-table tbody tr{transition:background .2s}.sirup-table tbody tr:hover{background:#F3FAF9}
.sirup-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
.sirup-table .kode a{color:var(--sr-teal);font-weight:700;text-decoration:none;white-space:nowrap}.sirup-table .kode a:hover{text-decoration:underline}
.sirup-table .sub{display:block;font-size:.8rem;color:var(--sr-muted);margin-top:2px}
.sirup-pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.78rem;font-weight:700;white-space:nowrap;background:#E6F7F5;color:#006B65}
.sirup-pill.m-dikecualikan{background:#FFF3D6;color:#8A6400}.sirup-pill.m-pengadaan-langsung{background:#E8EEF8;color:var(--sr-navy2)}
.sirup-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:.88rem;color:var(--sr-muted)}
.sirup-pager{display:flex;gap:4px;flex-wrap:wrap}
.sirup-pager button{min-width:36px;height:36px;border:1px solid var(--sr-line);border-radius:10px;background:#fff;font:inherit;font-weight:700;color:var(--sr-navy);cursor:pointer}
.sirup-pager button.is-active{background:var(--sr-teal);border-color:var(--sr-teal);color:#fff}.sirup-pager button:disabled{opacity:.4;cursor:default}
.sirup-source{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 22px;border-radius:18px;background:var(--sr-navy);color:#fff}
.sirup-source div:first-child{display:flex;flex-direction:column;gap:2px}.sirup-source span{color:rgba(255,255,255,.75);font-size:.88rem}
.sirup-btns{display:flex;flex-wrap:wrap;gap:10px}
.sirup-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:99px;background:var(--sr-gold);color:var(--sr-navy)!important;font-weight:800;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.sirup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(227,179,65,.4)}
.sirup-btn--ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.4)}.sirup-btn--ghost:hover{border-color:var(--sr-teal);box-shadow:none}
.sirup-empty{padding:24px;border-radius:16px;background:#F5F8FA}
.sirup .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.sirup.js .sr-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.sirup.js .sr-reveal.is-in{opacity:1;transform:none}
@media (max-width:1000px){.sirup-hero{grid-template-columns:1fr 1fr}.sirup-card--total{grid-column:1/-1}.sirup-charts{grid-template-columns:1fr 1fr}.sirup-chart:first-child{grid-column:1/-1}}
@media (max-width:640px){.sirup-card--jml{grid-column:1/-1}.sirup-head{padding:26px 20px 44px;border-radius:18px}.sirup-hero{margin:-30px 8px 0;gap:10px}.sirup-card{padding:14px}.sirup-card-value{font-size:1.3rem}.sirup-charts{grid-template-columns:1fr}.sirup-table-wrap{padding:12px}.sirup-tabs{display:flex}.sirup-tabs button{flex:1;padding:9px 8px}.sirup-source{flex-direction:column;align-items:flex-start}.sirup-btn{width:100%;justify-content:center}.sirup-btns{width:100%}}
@media (prefers-reduced-motion:reduce){.sirup.js .sr-reveal{opacity:1;transform:none;transition:none}}