/* Tampilan Keuangan Annawawi: lembut, terang, hijau. Tanpa build, cukup berkas ini. */
:root{--aw-hijau:#15803d;--aw-hijau-muda:#e8f5ec;--aw-garis:#e3ebe6}
html:not(.dark) body,html:not(.dark) .fi-body{background:#f3f7f4}
html:not(.dark) .fi-sidebar{background:#fff;border-right:1px solid var(--aw-garis)}
html:not(.dark) .fi-topbar>nav,html:not(.dark) .fi-topbar{background:rgba(255,255,255,.9);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--aw-garis)}
.fi-sidebar-group-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.fi-sidebar-item-btn{border-radius:10px;padding-block:.5rem}
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-btn{background:var(--aw-hijau-muda)}
.fi-sidebar-item.fi-active .fi-sidebar-item-label{font-weight:700}
/* kartu dan tabel */
.fi-ta-ctn,.fi-section,.fi-wi-stats-overview-stat{border-radius:16px!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px -14px rgba(16,24,40,.12)!important;border:1px solid var(--aw-garis)}
html.dark .fi-ta-ctn,html.dark .fi-section{border-color:rgba(255,255,255,.08)}
.fi-ta-header-cell{font-size:.7rem!important;text-transform:uppercase;letter-spacing:.05em}
.fi-ta-row{transition:background .12s}
html:not(.dark) .fi-ta-row:hover{background:#f4faf6}
.fi-ta-cell{font-variant-numeric:tabular-nums}
.fi-tabs{border-radius:14px;padding:.25rem}
.fi-tabs-item{border-radius:10px;font-weight:600}
.fi-badge{border-radius:999px;font-weight:600}
.fi-btn{border-radius:10px;font-weight:600}
.fi-modal-window{border-radius:18px}
.fi-header-heading{letter-spacing:-.02em;font-weight:800}
/* halaman masuk */
html:not(.dark) .fi-simple-layout{background:radial-gradient(1200px 500px at 50% -10%,#d9f0e1 0,#f3f7f4 60%)}
.fi-simple-main{border-radius:20px!important;box-shadow:0 20px 50px -20px rgba(21,128,61,.25)!important}
.aw-login{text-align:center;margin-bottom:1.25rem}
.aw-login img{height:72px;width:auto;margin:0 auto .5rem}
.aw-login h2{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}
.aw-login p{font-size:.85rem;opacity:.7}
.fi-simple-header{display:none}
@media (max-width:640px){.fi-ta-ctn{border-radius:12px!important}}