:root{--garuda-50: #eef5f0;--garuda-100: #dceae2;--garuda-600: #2d8458;--garuda-700: #1a6a44;--garuda-800: #0e5132;--garuda-900: #0a3b24;--gold-100: #f4e9c4;--gold-500: #c9a227;--gold-600: #a07a1c;--k1: #475569;--k1-100: #e3e8ee;--k2: #b03060;--k2-100: #f5dde7;--k3: #1c4e88;--k3-100: #dbe6f3;--k4: #6b2da6;--k4-100: #ead8f4;--k5: #0e7c6e;--k5-100: #cfeae5;--pustu: #3b6b2e;--pustu-100: #dde9d4;--ok: #1f7a4b;--ok-100: #d8eddf;--warn: #a96f0d;--warn-100: #fbecc8;--danger: #b8341a;--danger-100: #fde2dc;--info: #1f6fa1;--info-100: #dbeaf3;--bg: #f7f6f1;--bg-2: #fbfaf6;--paper: #ffffff;--line: #d7dcd6;--line-2: #e6e9e4;--line-soft: #eff1ec;--ink-900: #0f1a14;--ink-700: #1f2a23;--ink-600: #33403a;--ink-500: #5a665d;--ink-400: #7e8a82;--ink-300: #a8b1ab;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-serif: "Fraunces", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--radius-pill: 99px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--bp-tablet: 768px;--bp-desktop: 1280px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink-700);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);color:var(--ink-900)}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#0e1a13;color:#cdd4ce;display:flex;flex-direction:column;border-right:1px solid #1c2920}.brand{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #1c2920}.brand__name{font-size:14px;font-weight:800;color:#fff;letter-spacing:.5px;line-height:1}.brand__sub{font-size:9px;color:var(--gold-500);letter-spacing:.6px;font-weight:600;margin-top:2px}.nav{flex:1;overflow-y:auto;padding:8px 0}.nav__group{margin-bottom:8px}.nav__grouplabel{font-size:9px;color:#5b6c61;padding:10px 16px 4px;letter-spacing:1px;font-weight:700}.nav__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:transparent;border:none;border-left:2px solid transparent;color:#a6b0a8;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left}.nav__item:hover{background:#ffffff0a;color:#d8e0d9}.nav__item--active{background:#c9a2271a;border-left-color:var(--gold-500);color:#fff;font-weight:600}.nav__icon{flex-shrink:0;display:flex}.nav__text{line-height:1.2;min-width:0;flex:1}.nav__label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav__sub{display:block;font-size:9px;color:#5b6c61;margin-top:2px;font-weight:400}.sidebar__user{border-top:1px solid #1c2920;padding:10px 12px;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--garuda-700);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.sidebar__userinfo{min-width:0;flex:1}.sidebar__logout{flex-shrink:0;background:transparent;border:1px solid #1c2920;border-radius:var(--radius-sm);color:#a6b0a8;padding:5px 7px;cursor:pointer;display:flex}.sidebar__logout:hover{background:#ffffff0d;color:#fff}.auth-loading{min-height:100vh;display:grid;place-items:center;color:var(--ink-500);font-size:14px}.sidebar__username{font-size:11px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__userrole{font-size:9px;color:#6b7a70}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:10px 24px;background:#fff;border-bottom:1px solid var(--line-2)}.topbar__menu{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 8px;cursor:pointer;color:var(--ink-600)}.topbar__accent{width:4px;height:36px;background:var(--garuda-800);border-radius:2px;flex-shrink:0}.topbar__title{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--ink-900)}.apipill{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm)}.apipill__dot{width:6px;height:6px;border-radius:99px;background:currentColor}.apipill--cek{background:var(--line-2);color:var(--ink-500)}.apipill--ok{background:var(--garuda-50);border:1px solid var(--garuda-100);color:var(--garuda-800)}.apipill--mati{background:var(--danger-100);color:var(--danger)}.content{padding:24px;max-width:1100px}.content h1{font-size:24px;margin:0 0 8px}.lead{color:var(--ink-500);max-width:640px}.scrim{display:none}@media(max-width:1279px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);transition:transform .2s ease;z-index:30}.sidebar--open{transform:translate(0)}.topbar__menu{display:inline-flex}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:20}}@media(max-width:767px){.topbar{padding:10px 16px}.content{padding:16px}.content h1{font-size:20px}}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--bg)}.auth__brandpanel{background:linear-gradient(160deg,var(--garuda-900) 0%,var(--garuda-800) 60%,var(--garuda-700) 100%);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth__brandtop{display:flex;align-items:center;gap:12px}.auth__brandname{font-size:18px;font-weight:800;letter-spacing:.5px;line-height:1}.auth__brandsub{font-size:10px;color:var(--gold-500);letter-spacing:.8px;font-weight:600;margin-top:3px}.auth__tagline{max-width:420px}.auth__tagline h2{font-family:var(--font-serif);font-size:30px;line-height:1.2;color:#fff;margin:0 0 12px}.auth__tagline p{color:#c7d6cc;font-size:14px;line-height:1.6}.auth__brandfoot{font-size:11px;color:#93a89b}.auth__formpanel{display:flex;align-items:center;justify-content:center;padding:32px}.auth__card{width:100%;max-width:380px}.auth__mobilebrand{display:none;align-items:center;gap:10px;margin-bottom:20px}.auth__title{font-family:var(--font-serif);font-size:24px;color:var(--ink-900);margin:0 0 4px}.auth__hint{color:var(--ink-500);font-size:13px;margin:0 0 24px}.auth__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.auth__label{font-size:12px;font-weight:600;color:var(--ink-600)}.auth__inputwrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;transition:border-color .12s ease,box-shadow .12s ease}.auth__inputwrap:focus-within{border-color:var(--garuda-600);box-shadow:0 0 0 3px var(--garuda-50)}.auth__inputwrap>span{color:var(--ink-400);display:flex}.auth__inputwrap input{border:none;outline:none;background:transparent;flex:1;font-size:14px;font-family:inherit;color:var(--ink-900);padding:11px 0}.auth__reveal{background:none;border:none;color:var(--ink-400);cursor:pointer;padding:4px;display:flex}.auth__submit{width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:700;font-family:inherit;color:#fff;background:var(--garuda-800);border:1px solid var(--garuda-900);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease}.auth__submit:hover:not(:disabled){background:var(--garuda-700)}.auth__submit:disabled{opacity:.6;cursor:not-allowed}.auth__error{display:flex;align-items:flex-start;gap:8px;background:var(--danger-100);color:var(--danger);border:1px solid #f0c6bb;border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-bottom:16px}.auth__note{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-2);font-size:11px;color:var(--ink-400);line-height:1.5}.auth__rules{list-style:none;padding:0;margin:0 0 16px;font-size:12px}.auth__rules li{display:flex;align-items:center;gap:6px;color:var(--ink-400);padding:2px 0}.auth__rules li[data-ok=true]{color:var(--ok)}@media(max-width:860px){.auth{grid-template-columns:1fr}.auth__brandpanel{display:none}.auth__mobilebrand{display:flex}}