:root{--teal:#009668;--teal-container:#bff5e1;--teal-deep:#00553b;--surface:#fff;--bg:#f7f8f6;--on-surface:#1a1c1a;--outline:#e0e3df;--outline-variant:#eef0ec;--muted:#6b7268;--status-draft-bg:#eef0ec;--status-draft-fg:#5a625b;--status-published-bg:#e3edff;--status-published-fg:#1e4fb8;--status-berjalan-bg:var(--teal-container);--status-berjalan-fg:var(--teal-deep);--status-selesai-bg:#dff5e0;--status-selesai-fg:#1d6b2d;--status-diverifikasi-bg:#fdf0c2;--status-diverifikasi-fg:#735a0d;--status-ditolak-bg:#fde0dc;--status-ditolak-fg:#a01b1b;--status-pending-bg:#fff1d6;--status-pending-fg:#8a5a08;--radius-card:14px;--radius-button:10px;--radius-pill:999px;--font-heading:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{font-family:var(--font-body);background:var(--bg);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;max-width:1em;max-height:1em;font-family:Material Symbols Rounded,sans-serif;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.desktop-only{display:inherit}.mobile-only{display:none!important}@media (max-width:767.98px){.desktop-only{display:none!important}.mobile-only{display:inherit!important}}.app-header{min-height:calc(64px + var(--sat));padding-top:calc(12px + var(--sat));padding-bottom:12px;padding-left:calc(24px + var(--sal));padding-right:calc(24px + var(--sar));background:var(--surface);border-bottom:1px solid var(--outline);z-index:40;box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.app-sidebar-wrapper{flex-direction:column;flex-shrink:0;display:flex}.app-sidebar{background:var(--surface);border-right:1px solid var(--outline);width:232px;padding:calc(20px + var(--sat)) 14px calc(20px + var(--sab)) calc(14px + var(--sal));box-sizing:border-box;flex-direction:column;flex:none;height:100vh;display:flex;position:sticky;top:0}.mobile-menu-btn{display:none!important}.mobile-overlay{z-index:49;background:#00000073;display:none;position:fixed;inset:0}.app-main{padding:24px;padding-bottom:calc(24px + var(--sab));box-sizing:border-box;flex:1}@media (max-width:767.98px){.app-header{min-height:calc(56px + var(--sat));padding-top:calc(10px + var(--sat));padding-bottom:10px;padding-left:calc(14px + var(--sal));padding-right:calc(14px + var(--sar));gap:10px;flex-wrap:nowrap!important}.mobile-menu-btn{display:flex!important}.app-sidebar-wrapper{z-index:50;height:100dvh;transition:transform .28s cubic-bezier(.2,0,0,1);position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar-wrapper.open{transform:translate(0)}.app-sidebar{box-shadow:4px 0 24px #0000002e;height:100dvh!important;max-height:100dvh!important;padding-top:calc(16px + var(--sat))!important;padding-bottom:calc(16px + var(--sab))!important}.mobile-overlay.open{display:block}.app-main{padding:14px!important;padding-bottom:calc(20px + var(--sab))!important}button,a[role=button]{min-height:40px}}.m-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.m-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.m-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.m-grid-hero{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.m-form-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.m-grid-pj-pelatihan{grid-template-columns:2fr 1fr 1fr;gap:14px;display:grid}.m-grid-pj-nonpelatihan{grid-template-columns:2fr 1fr;gap:14px;display:grid}.m-grid-jadwal-row{grid-template-columns:1fr 120px 120px;gap:10px;display:grid}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:767.98px){.m-grid-4,.m-grid-3{grid-template-columns:repeat(2,1fr);gap:10px}.m-grid-2{grid-template-columns:1fr;gap:10px}.m-grid-hero{grid-template-columns:1fr}.m-form-2,.m-grid-pj-pelatihan,.m-grid-pj-nonpelatihan,.m-grid-jadwal-row{grid-template-columns:1fr!important}}