@font-face{font-family:Claphappy;src:url(/fonts/Claphappy.ttf)format("truetype");font-display:swap}:root{--biru:#195e8e;--biru-tua:#134a71;--biru-muda:#3f6f94;--butter:#f8f7e0;--putih:#fff;--garis:#d6e2eb;--bahaya:#b42318;--sukses:#1f7a4d;--radius:14px;--font:Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;--display:Claphappy, Poppins, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--butter);color:var(--biru);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}img{max-width:100%;display:block}h1,h2,h3,.display{font-family:var(--display);margin:0;font-weight:500;line-height:1.15}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--biru)}:focus-visible{outline:2px solid var(--biru);outline-offset:2px}.container{max-width:480px;margin:0 auto;padding:0 16px}.container-wide{max-width:1080px;margin:0 auto;padding:0 16px}.stack>*+*{margin-top:12px}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.center{text-align:center}.loading{text-align:center;color:var(--biru-muda);padding:48px 16px}.header{background:var(--biru);color:var(--butter)}.header :focus-visible{outline-color:var(--butter)}.logo{width:auto;height:56px}.card{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:16px}.muted{color:var(--biru-muda)}.small{font-size:13px}.error{color:var(--bahaya);font-size:14px}.success{color:var(--sukses)}.plus{color:var(--sukses);font-weight:500}.minus{color:var(--bahaya);font-weight:500}.points{font-family:var(--display);font-size:44px;line-height:1}.btn{border:1px solid var(--biru);background:var(--putih);min-height:44px;color:var(--biru);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--butter)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--biru);color:var(--putih)}.btn-primary:hover{background:var(--biru-tua)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:#195e8e14}.btn-danger{border-color:var(--bahaya);color:var(--bahaya)}.btn-block{width:100%}.btn-sm{min-height:34px;padding:0 12px;font-size:14px}.label{color:var(--biru-muda);margin:12px 0 6px;font-size:13px;display:block}.input{border:1px solid var(--garis);background:var(--putih);width:100%;min-height:44px;color:var(--biru);border-radius:10px;padding:10px 12px}.input:focus{outline:2px solid var(--biru);outline-offset:0;border-color:var(--biru)}textarea.input{resize:vertical;min-height:80px}.badge{background:var(--butter);color:var(--biru);border-radius:6px;padding:2px 8px;font-size:12px;display:inline-block}.badge-ok{background:var(--biru);color:var(--putih)}.list-row{border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.list-row:last-child{border-bottom:0}.progress{background:var(--butter);border-radius:4px;height:8px;overflow:hidden}.progress>i{background:var(--biru);height:100%;transition:width .3s;display:block}table.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;padding:10px 8px}.table th{color:var(--biru-muda);font-size:13px;font-weight:500}.table-scroll{overflow-x:auto}