:root{--nav-w:15rem;--head-h:4.25rem}body{background:#f3f4f6}#bottom-nav:not(.hidden){position:fixed !important;top:0;bottom:0;left:0;right:auto;width:var(--nav-w) !important;max-width:none !important;margin:0 !important;display:flex !important;flex-direction:column;justify-content:flex-start;gap:.25rem;padding:5rem .75rem 1rem !important;background:#fff;border-top:0 !important;border-right:1px solid #e5e7eb;box-shadow:none !important;z-index:40}#bottom-nav::before{content:"PPMI Madinah";position:absolute;top:1.3rem;left:1.5rem;font-weight:800;font-size:1.1rem;color:#15803d;letter-spacing:-.01em}#bottom-nav::after{content:"Aplikasi Terpadu";position:absolute;left:1.5rem;bottom:1rem;font-size:.65rem;color:#9ca3af}#bottom-nav button{flex-direction:row !important;justify-content:flex-start !important;gap:.75rem !important;padding:.8rem 1rem !important;border-radius:.9rem;width:100%}#bottom-nav button i{width:1.4rem;text-align:center;font-size:1.05rem !important}#bottom-nav button span{font-size:.85rem !important}#bottom-nav button:hover{background:#f9fafb}#bottom-nav button.text-green-600{background:#f0fdf4}#main-header:not(.hidden){position:fixed !important;top:0;left:var(--nav-w);right:0;width:auto !important;max-width:none !important;margin:0 !important;border-radius:0 !important;padding:.9rem 2rem !important;z-index:35}#app-shell:not(.hidden){max-width:none !important;width:auto !important;margin:0 0 0 var(--nav-w) !important;padding:calc(var(--head-h) + 1.25rem) 2rem 2rem !important}#app-shell .bnav-content{max-width:68rem;margin-left:auto;margin-right:auto;padding-bottom:2rem !important}#bnav-biodata,#bnav-tambahan{max-width:52rem !important}#bnav-layanan .grid.grid-cols-2,#special-menu-grid{grid-template-columns:repeat(auto-fill, minmax(14.5rem, 1fr)) !important;gap:.9rem !important}#bnav-layanan .menu-tile,#special-menu-grid > *{flex-direction:row !important;align-items:center !important;gap:.9rem !important;padding:.9rem 1rem !important;min-height:4.5rem}#bnav-layanan .menu-tile > div:first-of-type,#special-menu-grid > * > div:first-child{flex-shrink:0}#bnav-layanan .menu-tile h4{font-size:.9rem !important}#bnav-layanan .menu-tile p{font-size:.72rem !important;line-height:1.25 !important}#bnav-layanan .menu-tile:hover{transform:translateY(-1px)}#bnav-layanan #layanan-kategori-list > section{margin-bottom:1.5rem !important}#bnav-layanan #layanan-kategori-list > section > h3{font-size:.95rem;margin-bottom:.6rem !important}.fixed.inset-0.max-w-md{max-width:none !important;margin:0 !important}.fixed.inset-0.max-w-md:not(.bg-white) > div{max-width:42rem;margin-left:auto;margin-right:auto}.fixed.inset-0.max-w-md.bg-white{max-width:52rem !important;margin:0 auto !important;box-shadow:0 0 0 100vmax rgba(0,0,0,.55)}.fixed.inset-0.max-w-md.items-end > div{max-width:34rem}body:has(#screen-login:not(.hidden)){background:linear-gradient(135deg, #16a34a, #065f46)}#screen-login > .min-h-screen{max-width:30rem !important}#keuangan-modal > div,#keuangan-detail-modal > div,#keuangan-form-modal > div{max-width:56rem !important}.keu-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.5rem}.keu-grid > *{margin-top:0 !important}.keu-grid > p{grid-column:1/-1}#keuangan-form-modal > div{max-width:40rem !important}