:root{--teal: #009668;--teal-container: #bff5e1;--teal-deep: #00553b;--surface: #ffffff;--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{margin:0;padding:0;font-family:var(--font-body);background:var(--bg);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}.material-symbols-rounded{font-family:Material Symbols Rounded,Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden;max-width:1em;max-height:1em}.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);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:40;box-sizing:border-box}.app-sidebar-wrapper{display:flex;flex-direction:column;flex-shrink:0}.app-sidebar{width:232px;background:var(--surface);border-right:1px solid var(--outline);display:flex;flex-direction:column;padding:calc(20px + var(--sat)) 14px calc(20px + var(--sab)) calc(14px + var(--sal));flex:0 0 auto;height:100vh;position:sticky;top:0;box-sizing:border-box}.mobile-menu-btn{display:none!important}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:49}.app-main{flex:1;padding:24px;padding-bottom:calc(24px + var(--sab));box-sizing:border-box}@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));flex-wrap:nowrap!important;gap:10px}.mobile-menu-btn{display:flex!important}.app-sidebar-wrapper{position:fixed;top:0;left:0;height:100dvh;z-index:50;transform:translate(-100%);transition:transform .28s cubic-bezier(.2,0,0,1)}.app-sidebar-wrapper.open{transform:translate(0)}.app-sidebar{height:100dvh!important;max-height:100dvh!important;padding-top:calc(16px + var(--sat))!important;padding-bottom:calc(16px + var(--sab))!important;box-shadow:4px 0 24px #0000002e}.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{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.m-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.m-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.m-grid-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.m-form-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.m-grid-pj-pelatihan{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.m-grid-pj-nonpelatihan{display:grid;grid-template-columns:2fr 1fr;gap:14px}.m-grid-jadwal-row{display:grid;grid-template-columns:1fr 120px 120px;gap:10px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@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}}