/* === HEADER & SECTION 3D === */
.header-3d { box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.4); }
.section-3d { box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; }
.section-3d:hover { transform: translateY(-2px); }

/* === LAYOUT FIXED === */
#sidebar-panel { position: fixed; top: 0; left: 0; height: 100vh; z-index: 9999; transition: transform 0.3s ease-in-out; }
#sidebar-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9998; }
#bottomnav-root { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9990; background: white; border-top: 1px solid #e2e8f0; box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.05); border-radius: 16px 16px 0 0; }
main { padding-bottom: 80px; }

/* === CUSTOM TABLE STYLES (Sangat Minimal) === */
/* Tidak perlu CSS rumit, semua dihandle Tailwind di dmp-table.js */