@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=optional');
:root{--al-aksen:#1f6feb;--al-garis:#e3e7ee;--al-tinta:#1c2433}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:var(--al-tinta)}
button,input,select,textarea{font-family:inherit}
button,.btn,a.btn{transition:filter .15s,transform .08s,box-shadow .15s}
button:hover,.btn:hover{filter:brightness(1.06)}
button:active,.btn:active{transform:translateY(1px)}
:focus-visible{outline:2px solid var(--al-aksen);outline-offset:2px}
input,select,textarea{transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--al-aksen)!important;box-shadow:0 0 0 3px rgba(31,111,235,.15)!important;outline:none}
table tr:has(>td):hover>td{background:#f5f8fd}
td{transition:background .12s}
td.n,th.n,.n{font-variant-numeric:tabular-nums}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c9d1dc;border-radius:6px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:#aab4c2}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}