@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_9fc40a1e-module__FqIosq__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_9fc40a1e-module__FqIosq__variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--terong-950:#1f0c1b;--terong-900:#2b1226;--terong-800:#3e1a37;--terong-700:#5a2149;--terong-600:#722b5d;--terong-500:#8e3a75;--terong-200:#e8cfe0;--terong-100:#f3e6ee;--terong-50:#faf4f8;--batu-900:#241c21;--batu-800:#362c32;--batu-700:#4a3f46;--batu-600:#6b5f66;--batu-500:#8a7e85;--batu-400:#a0949b;--batu-300:#cfc5cb;--batu-200:#e4dce0;--batu-100:#efe9ec;--batu-50:#f7f4f5;--putih:#fff;--emas-400:#d4b06a;--emas-500:#c29a4b;--merah-800:#8a1c15;--merah-700:#a3231b;--merah-200:#f4c7c2;--merah-50:#fcedeb;--kuning-800:#7a4e00;--kuning-500:#d99e1e;--kuning-200:#f5dd9b;--kuning-50:#fff4d1;--hijau-800:#175a38;--hijau-700:#1d6b43;--hijau-200:#b9dfc9;--hijau-50:#e5f3eb;--biru-700:#1f5a8a;--biru-200:#c3d9ec;--biru-50:#e8f1f9;--color-bg:var(--batu-50);--color-surface:var(--putih);--color-surface-2:var(--batu-100);--color-surface-sunken:#fbf9fa;--color-border:var(--batu-200);--color-border-strong:var(--batu-300);--color-text:var(--batu-900);--color-text-muted:var(--batu-600);--color-text-subtle:var(--batu-500);--color-primary:var(--terong-700);--color-primary-hover:var(--terong-600);--color-primary-soft:var(--terong-100);--color-primary-softer:var(--terong-50);--color-on-primary:var(--putih);--color-focus:var(--terong-500);--color-danger:var(--merah-700);--color-danger-hover:var(--merah-800);--color-danger-soft:var(--merah-50);--color-success:var(--hijau-700);--color-success-soft:var(--hijau-50);--color-warning:var(--kuning-800);--color-warning-soft:var(--kuning-50);--color-info:var(--biru-700);--color-info-soft:var(--biru-50);--color-negative:var(--merah-700);--color-positive:var(--hijau-700);--color-overlay:#1f0c1b7a;--status-belum-bg:var(--merah-50);--status-belum-fg:var(--merah-700);--status-belum-dot:#d0392e;--status-proses-bg:var(--kuning-50);--status-proses-fg:var(--kuning-800);--status-proses-dot:var(--kuning-500);--status-terkirim-bg:var(--hijau-50);--status-terkirim-fg:var(--hijau-700);--status-terkirim-dot:#2f9a62;--sidebar-bg:var(--terong-900);--sidebar-bg-2:var(--terong-950);--sidebar-text:#eadde5;--sidebar-text-muted:#b9a3b1;--sidebar-hover:#ffffff0f;--sidebar-active:#ffffff1a;--stitch-color:var(--emas-500);--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.1875rem;--text-xl:1.4375rem;--text-2xl:1.75rem;--text-3xl:2.125rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.015em;--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-1:0 1px 2px #2b12260f, 0 1px 1px #2b122608;--shadow-2:0 6px 16px -4px #2b12261f, 0 2px 4px #2b12260d;--shadow-3:0 28px 56px -16px #2b122657, 0 4px 12px #2b122614;--ring:0 0 0 3px #8e3a7552;--sidebar-w:256px;--topbar-h:60px;--control-h:38px;--control-h-sm:32px;--content-max:1320px;--z-sticky:20;--z-drawer:40;--z-modal:60;--z-toast:80;--z-review:30;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.28s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-bg:#171015;--color-surface:#211820;--color-surface-2:#2b2129;--color-surface-sunken:#1c141a;--color-border:#3a2e37;--color-border-strong:#4d3f49;--color-text:#f1e9ee;--color-text-muted:#c0b1ba;--color-text-subtle:#9a8a94;--color-primary:#d9a3c7;--color-primary-hover:#e7bcd8;--color-primary-soft:#3b2236;--color-primary-softer:#2a1a27;--color-on-primary:#2b1226;--color-focus:#e3b2d4;--color-danger:#f08a80;--color-danger-hover:#f5a59d;--color-danger-soft:#3d1c1a;--color-success:#7fd1a4;--color-success-soft:#173025;--color-warning:#f2c968;--color-warning-soft:#362a10;--color-info:#8fc0ea;--color-info-soft:#172a3b;--color-negative:#f08a80;--color-positive:#7fd1a4;--color-overlay:#0009;--status-belum-bg:#3d1c1a;--status-belum-fg:#f5a59d;--status-proses-bg:#362a10;--status-proses-fg:#f2c968;--status-terkirim-bg:#173025;--status-terkirim-fg:#8fdcb0;--sidebar-bg:#150a13;--sidebar-bg-2:#0f070d;--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 16px -4px #00000080;--shadow-3:0 28px 56px -16px #000000b3;--ring:0 0 0 3px #e3b2d466;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-jakarta,"Plus Jakarta Sans"), var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-bold);margin:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md);font-weight:var(--weight-semibold)}p{margin:0}a{color:var(--color-primary);text-underline-offset:2px}a:hover{color:var(--color-primary-hover)}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--terong-200);color:var(--terong-950)}code,kbd{background:var(--color-surface-2);border-radius:var(--radius-xs);padding:0 var(--space-1);font-family:inherit;font-size:.92em}.i{flex:none;display:inline-flex}.i .icon{width:1.25em;height:1.25em}.icon{flex:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.app-sidebar{background:linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg-2) 100%);height:100vh;color:var(--sidebar-text);padding:var(--space-5) var(--space-3) var(--space-4);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-5);margin-bottom:var(--space-3);color:inherit;text-decoration:none;display:flex;position:relative}.sidebar-brand:after{content:"";left:var(--space-2);right:var(--space-2);background:repeating-linear-gradient(90deg, var(--stitch-color) 0 6px, transparent 6px 11px);opacity:.7;height:1.5px;position:absolute;bottom:0}.sidebar-brand:hover{color:inherit}.brand-mark{background:var(--terong-600);width:36px;height:36px;color:var(--emas-400);font-weight:var(--weight-bold);font-size:var(--text-md);border-radius:10px 10px 18px 18px;place-items:center;display:grid;box-shadow:inset 0 0 0 1.5px #d4b06a8c}.brand-name{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.01em;color:#fff;line-height:1.2;display:block}.brand-sub{font-size:var(--text-xs);color:var(--sidebar-text-muted);display:block}.nav{gap:var(--space-4);flex-direction:column;display:flex}.nav-group{gap:var(--space-0);flex-direction:column;display:flex}.nav-group-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--sidebar-text-muted);padding:0 var(--space-3) var(--space-1);margin:0}.nav-link{align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--sidebar-text);font-weight:var(--weight-medium);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);text-decoration:none;display:flex;position:relative}.nav-link .i{color:var(--sidebar-text-muted)}.nav-link:hover{background:var(--sidebar-hover);color:#fff}.nav-link[aria-current=page]{background:var(--sidebar-active);color:#fff}.nav-link[aria-current=page] .i{color:var(--emas-400)}.nav-link[aria-current=page]:before{content:"";background:repeating-linear-gradient(180deg, var(--stitch-color) 0 5px, transparent 5px 9px);width:2px;position:absolute;top:8px;bottom:8px;left:-2px}.nav-link:focus-visible{outline-color:var(--emas-400)}.sidebar-foot{padding:var(--space-4) var(--space-2) 0;gap:var(--space-1);font-size:var(--text-xs);color:var(--sidebar-text-muted);flex-direction:column;margin-top:auto;display:flex}.sidebar-foot a{color:var(--sidebar-text);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1);border-radius:var(--radius-xs);text-decoration:none;display:inline-flex}.sidebar-foot a:hover,.sidebar-foot a[aria-current=page]{color:#fff}.sidebar-foot a[aria-current=page] .i{color:var(--emas-400)}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:var(--z-sticky);min-height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.topbar .topbar-menu{display:none}.topbar-heading{flex:1;min-width:0}.topbar-title{font-size:var(--text-lg);font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-tools{align-items:center;gap:var(--space-2);flex:none;display:flex}.account{position:relative}.account-btn{align-items:center;gap:var(--space-2);padding:3px var(--space-2) 3px 3px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);cursor:pointer;min-height:38px;display:inline-flex}.account-btn:hover{border-color:var(--color-border-strong)}.avatar{width:30px;height:30px;font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--color-primary-soft);color:var(--color-primary);border-radius:50%;flex:none;place-items:center;display:grid}.account-name{font-weight:var(--weight-semibold);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:248px;box-shadow:var(--shadow-2);padding:var(--space-2);z-index:var(--z-drawer);position:absolute;top:calc(100% + 6px);right:0}.menu-head{padding:var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.menu-head strong{display:block}.menu-head span{color:var(--color-text-muted);font-size:var(--text-sm);word-break:break-all;display:block}.menu-head .badge{margin-top:var(--space-2)}.menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;min-height:38px;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-2);color:var(--color-text)}.menu-item--danger,.menu-item--danger:hover{color:var(--color-danger)}.app-content{width:100%;max-width:var(--content-max);padding:var(--space-5) var(--space-6) var(--space-12);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.content-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.drawer-backdrop{display:none}@media (max-width:1023.98px){.app{grid-template-columns:minmax(0,1fr)}.app-sidebar{width:min(288px,86vw);height:100%;z-index:var(--z-drawer);visibility:hidden;transition:transform var(--dur-3) var(--ease-out), visibility 0s linear var(--dur-3);box-shadow:var(--shadow-3);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app.is-drawer-open .app-sidebar{visibility:visible;transition:transform var(--dur-3) var(--ease-out);transform:none}.drawer-backdrop{background:var(--color-overlay);z-index:calc(var(--z-drawer) - 1);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out);display:block;position:fixed;inset:0}.app.is-drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}.topbar .topbar-menu{display:inline-flex}.topbar{padding:var(--space-2) var(--space-4)}.app-content{padding:var(--space-4) var(--space-4) var(--space-12)}}@media (max-width:639.98px){.topbar{gap:var(--space-2)}.topbar-title{font-size:var(--text-md)}.account-name,.account-btn .i{display:none}.account-btn{padding:3px}}.breadcrumb ol{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.breadcrumb li+li:before{content:"/";color:var(--color-border-strong);padding:0 var(--space-1)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--weight-semibold)}
.btn{--btn-bg:var(--color-surface);--btn-fg:var(--color-text);--btn-border:var(--color-border-strong);--btn-bg-hover:var(--color-surface-2);justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--weight-semibold);font-size:var(--text-base);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn .i .icon{width:18px;height:18px}.btn--primary{--btn-bg:var(--color-primary);--btn-fg:var(--color-on-primary);--btn-border:var(--color-primary);--btn-bg-hover:var(--color-primary-hover);box-shadow:var(--shadow-1)}.btn--secondary{--btn-bg:var(--color-surface);--btn-fg:var(--color-primary);--btn-border:var(--terong-200);--btn-bg-hover:var(--color-primary-softer)}.btn--danger{--btn-bg:var(--color-danger);--btn-fg:#fff;--btn-border:var(--color-danger);--btn-bg-hover:var(--color-danger-hover)}.btn--danger-soft{--btn-bg:var(--color-danger-soft);--btn-fg:var(--color-danger);--btn-border:transparent;--btn-bg-hover:var(--merah-200)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--color-text);--btn-border:transparent;--btn-bg-hover:var(--color-surface-2)}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn--icon{width:var(--control-h);padding:0}.btn--icon.btn--sm{width:var(--control-h-sm)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.is-loading{pointer-events:none;color:#0000!important}.btn.is-loading>*{visibility:hidden}.btn.is-loading:after{content:"";border:2px solid var(--btn-fg);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .btn--secondary{--btn-border:var(--color-border-strong)}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field-label{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text)}.field-label .req{color:var(--color-danger);margin-left:2px}.field-help{font-size:var(--text-sm);color:var(--color-text-muted)}.field-error{font-size:var(--text-sm);color:var(--color-danger);gap:var(--space-1);align-items:flex-start;display:flex}.field-error .i .icon{width:16px;height:16px;margin-top:2px}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.input,.select{width:100%;height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out)}.input::placeholder{color:var(--color-text-subtle)}.input:hover,.select:hover{border-color:var(--batu-400)}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #a3231b33}.input:disabled,.select:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b5f66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}.select--sm,.input--sm{height:var(--control-h-sm);font-size:var(--text-sm)}.input-group{align-items:center;display:flex;position:relative}.input-group>.i{color:var(--color-text-subtle);pointer-events:none;position:absolute;left:10px}.input-group>.i .icon{width:18px;height:18px}.input-group>.input{padding-left:36px}.input-addon{padding:0 var(--space-3);border-right:1px solid var(--color-border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-muted);font-weight:var(--weight-semibold);font-size:var(--text-sm);pointer-events:none;place-items:center;display:grid;position:absolute;top:1px;bottom:1px;left:1px}.input-group--money .input{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);padding-left:56px}.check{align-items:center;gap:var(--space-2);cursor:pointer;min-height:28px;font-size:var(--text-base);display:inline-flex;position:relative}.check input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex:none;margin:0}.check input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.check-group{gap:var(--space-2) var(--space-5);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.check-group legend{margin-bottom:var(--space-2);padding:0}.search-select{position:relative}.search-select .input{padding-right:34px}.search-select-toggle{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-select-list{max-height:264px;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:30;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.search-select-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;gap:var(--space-2);display:flex}.search-select-option[aria-selected=true]{font-weight:var(--weight-semibold);color:var(--color-primary)}.search-select-option.is-active{background:var(--color-primary-softer)}.search-select-empty{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.badge{border-radius:var(--radius-pill);height:24px;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;background:var(--color-surface-2);color:var(--color-text-muted);align-items:center;gap:6px;padding:0 10px;line-height:1;display:inline-flex}.badge--status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.badge--belum{background:var(--status-belum-bg);color:var(--status-belum-fg)}.badge--belum:before{background:var(--status-belum-dot)}.badge--proses{background:var(--status-proses-bg);color:var(--status-proses-fg)}.badge--proses:before{background:var(--status-proses-dot)}.badge--terkirim{background:var(--status-terkirim-bg);color:var(--status-terkirim-fg)}.badge--terkirim:before{background:var(--status-terkirim-dot)}.badge--role{background:var(--color-primary-soft);color:var(--color-primary)}.badge--outline{border:1px solid var(--color-border-strong);background:0 0}.tag-deleted{border-radius:var(--radius-xs);background:var(--batu-200);height:20px;color:var(--batu-700);font-size:11px;font-weight:var(--weight-semibold);vertical-align:middle;margin-left:var(--space-2);align-items:center;padding:0 7px;display:inline-flex}[data-theme=dark] .tag-deleted{background:var(--color-surface-2);color:var(--color-text-muted)}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.money{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.is-negative,.text-negative{color:var(--color-negative)}.text-positive{color:var(--color-positive)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.card-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.card-title{font-size:var(--text-md);font-weight:var(--weight-bold)}.card-sub{color:var(--color-text-muted);font-size:var(--text-sm)}.card-body{padding:var(--space-5)}.stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-5) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat:before{content:"";left:var(--space-5);right:var(--space-5);background:repeating-linear-gradient(90deg, var(--terong-200) 0 6px, transparent 6px 11px);height:1.5px;position:absolute;top:8px}.stat-label{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.stat-label .i{color:var(--color-primary)}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.15}.stat-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.stat--negative .stat-value{color:var(--color-negative)}.stat--positive .stat-value{color:var(--color-positive)}.stat--link{color:inherit;transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);text-decoration:none}.stat--link:hover{border-color:var(--terong-200);box-shadow:var(--shadow-2);color:inherit}.filter-bar{align-items:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.filter-bar .field{flex:150px;max-width:220px}.filter-bar .filter-search{flex:2 220px;max-width:360px}.filter-bar .field-label{font-size:var(--text-xs);color:var(--color-text-muted)}.filter-bar-end{gap:var(--space-2);align-items:center;margin-left:auto;display:flex}@media (max-width:639.98px){.filter-bar{padding:var(--space-3) var(--space-4)}.filter-bar .field,.filter-bar .filter-search{flex-basis:calc(50% - var(--space-2));max-width:none}.filter-bar .filter-search{flex-basis:100%}.filter-bar-end{margin-left:0}}.bulk-bar{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-5);background:var(--color-primary-softer);border-bottom:1px solid var(--terong-200);animation:bulk-in var(--dur-2) var(--ease-out);flex-wrap:wrap;display:flex}.bulk-count{font-weight:var(--weight-bold);color:var(--color-primary);margin-right:var(--space-2)}.bulk-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.bulk-bar .bulk-clear{margin-left:auto}@keyframes bulk-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}[data-theme=dark] .bulk-bar{border-bottom-color:var(--color-border)}.table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);min-width:0}.table-card>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.table-wrap{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-base)}.table th,.table td{padding:10px var(--space-3);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.table thead th{background:var(--color-surface-sunken);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);white-space:nowrap;height:42px}.table tbody tr{transition:background var(--dur-1) var(--ease-out)}.table tbody tr:hover{background:var(--color-primary-softer)}.table tbody tr:last-child td{border-bottom:0}.table .col-check{width:44px;padding-right:0}.table .col-actions{white-space:nowrap;text-align:right;width:1%}.table th.money,.table td.money{text-align:right}.table td.money{font-weight:var(--weight-medium)}.table tr.is-selected,.table tr.is-selected:hover{background:var(--color-primary-soft)}.table tr.is-deleted td:not(.col-check):not(.col-actions){color:var(--color-text-muted)}.table tr.is-clickable{cursor:pointer}.th-sort{align-items:center;gap:var(--space-1);font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:0;margin:-2px -4px;padding:2px 4px;display:inline-flex}.th-sort:hover{color:var(--color-text)}.th-sort .i .icon{opacity:.45;width:14px;height:14px}th[aria-sort=ascending] .th-sort,th[aria-sort=descending] .th-sort{color:var(--color-primary)}th[aria-sort=ascending] .th-sort .icon,th[aria-sort=descending] .th-sort .icon{opacity:1}th.money .th-sort{flex-direction:row-reverse}.row-actions{gap:var(--space-1);justify-content:flex-end;display:inline-flex}.row-actions .btn--ghost{color:var(--color-text-muted)}.row-actions .btn--ghost:hover{color:var(--color-primary)}.row-actions .btn--ghost.is-danger:hover{color:var(--color-danger);background:var(--color-danger-soft)}.table-state td{padding:0}.table tbody tr.table-state:hover{background:0 0}.table tfoot td{background:var(--color-surface-sunken);font-weight:var(--weight-bold);border-top:1px solid var(--color-border);border-bottom:0}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.pagination-size{align-items:center;gap:var(--space-2);display:flex}.pagination-size .select{width:auto}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.page-btn{min-width:32px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.page-btn:hover:not([disabled]){background:var(--color-surface-2)}.page-btn[aria-current=page]{background:var(--color-primary);color:var(--color-on-primary)}.page-btn[disabled]{opacity:.4;cursor:not-allowed}.page-gap{padding:0 var(--space-1)}@media (max-width:639.98px){.pagination{padding:var(--space-3) var(--space-4)}.pagination-pages .page-num:not([aria-current=page]),.page-gap{display:none}}.modal{z-index:var(--z-modal);padding:var(--space-4);background:var(--color-overlay);animation:fade-in var(--dur-2) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.modal-panel{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-3);animation:modal-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex}.modal--sm .modal-panel{max-width:420px}.modal--lg .modal-panel{max-width:760px}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.modal-body{padding:0 var(--space-5) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.modal-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-wrap:wrap;display:flex}.confirm-icon{background:var(--color-danger-soft);width:44px;height:44px;color:var(--color-danger);border-radius:50%;flex:none;place-items:center;display:grid}.confirm-icon--primary{background:var(--color-primary-soft);color:var(--color-primary)}.confirm-body{gap:var(--space-4);align-items:flex-start;display:flex}.confirm-text{font-size:var(--text-md);line-height:var(--leading-snug);padding-top:var(--space-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:639.98px){.modal{place-items:end center;padding:0}.modal-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;max-width:none!important}.modal-foot{border-radius:0}.modal-foot .btn{flex:1}}body.has-modal{overflow:hidden}.toast-region{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(380px,100vw - 32px);display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--batu-900);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-3);animation:toast-in var(--dur-3) var(--ease-out);border-left:4px solid var(--toast-accent,var(--terong-500));display:flex}.toast .i{color:var(--toast-accent,#fff);margin-top:1px}.toast-msg{font-size:var(--text-base);line-height:var(--leading-snug);flex:1;padding-top:1px}.toast-close{color:#ffffffb3;cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:0;flex:none;place-items:center;width:28px;height:28px;margin:-3px -2px 0 0;display:grid}.toast-close:hover{color:#fff;background:#ffffff1a}.toast-close:focus-visible{outline-color:#fff}.toast--success{--toast-accent:#5ccf8f}.toast--error{--toast-accent:#ff8a7f}.toast--warning{--toast-accent:#f2c968}.toast--info{--toast-accent:#8fc0ea}.toast.is-leaving{animation:toast-out var(--dur-2) var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translate(16px)}}[data-theme=dark] .toast{background:#33262f}.banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);border:1px solid;align-items:flex-start;display:flex}.banner .i{margin-top:2px}.banner-body{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.banner-title{font-weight:var(--weight-bold)}.banner--info{background:var(--color-info-soft);border-color:var(--biru-200);color:var(--color-info)}.banner--success{background:var(--color-success-soft);border-color:var(--hijau-200);color:var(--color-success)}.banner--warning{background:var(--color-warning-soft);border-color:var(--kuning-200);color:var(--color-warning)}.banner--danger{background:var(--color-danger-soft);border-color:var(--merah-200);color:var(--color-danger)}.banner .banner-body p{color:var(--color-text)}[data-theme=dark] .banner{border-color:var(--color-border)}.empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-icon{background:var(--color-primary-softer);width:56px;height:56px;color:var(--color-primary);margin-bottom:var(--space-2);border:1.5px dashed var(--terong-200);border-radius:50%;place-items:center;display:grid}.empty-icon .icon{width:26px;height:26px}.empty-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.empty-text{max-width:44ch}.empty .btn{margin-top:var(--space-3)}.empty--error .empty-icon{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--merah-200)}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--color-surface-2) 0%, var(--batu-200) 50%, var(--color-surface-2) 100%);background-size:200% 100%;height:12px;animation:1.3s linear infinite shimmer;display:block}.skeleton--text{width:70%;height:12px}.skeleton--title{width:40%;height:20px}.skeleton--stat{width:60%;height:30px}.skeleton--block{border-radius:var(--radius-md);width:100%;height:96px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skeleton{background:linear-gradient(90deg, var(--color-surface-2) 0%, var(--color-border-strong) 50%, var(--color-surface-2) 100%);background-size:200% 100%}.dl{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;display:grid}.dl dt{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.dl dd{font-weight:var(--weight-semibold);margin:0}.input-group--action>.input{padding-right:44px}.input-group--action>.input:first-child{padding-left:var(--space-3)}.input-action{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.input-action:hover{color:var(--color-primary);background:var(--color-primary-softer)}.input-action:focus-visible{box-shadow:var(--ring);outline:none}.input-action .i .icon{width:18px;height:18px}.fieldset{border:0;min-width:0;margin:0;padding:0}.fieldset>legend{margin-bottom:var(--space-2);padding:0}.chip-group{gap:var(--space-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.chip-group legend{margin-bottom:var(--space-2);padding:0}.chip{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);display:inline-flex;position:relative}.chip input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;margin:0}.chip:hover{border-color:var(--color-primary)}.chip:has(input:checked){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.chip:has(input:focus-visible){box-shadow:var(--ring)}.chip:has(input:disabled){opacity:.55;cursor:not-allowed}.chip-group[aria-invalid=true] .chip{border-color:var(--color-danger)}.checklist{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.checklist li{align-items:center;gap:var(--space-2);display:flex}.checklist li:before{content:"";border:1.5px solid var(--color-border-strong);box-sizing:border-box;border-radius:50%;flex:none;width:14px;height:14px}.checklist li.is-met{color:var(--color-success)}.checklist li.is-met:before{border-color:var(--color-success);background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 10px no-repeat}.meter{border-radius:var(--radius-pill);background:var(--color-surface-2);height:6px;overflow:hidden}.meter>span{border-radius:inherit;background:var(--color-danger);width:0;height:100%;transition:width var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);display:block}.meter[data-level="2"]>span{background:var(--kuning-500)}.meter[data-level="3"]>span{background:var(--color-success)}.data-list{margin:0;padding:0;list-style:none}.data-list li+li{border-top:1px solid var(--color-border)}.data-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:inherit;min-width:0;text-decoration:none;display:flex}a.data-list-item:hover{background:var(--color-primary-softer);color:inherit}.data-list-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.data-list-title{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.data-list-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.data-list-end{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.data-list-item>.i{color:var(--color-text-subtle)}.collapse{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.collapse>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-weight:var(--weight-bold);border-radius:inherit;list-style:none;display:flex}.collapse>summary::-webkit-details-marker{display:none}.collapse>summary:focus-visible{box-shadow:var(--ring);outline:none}.collapse>summary .collapse-icon{transition:transform var(--dur-2) var(--ease-out);color:var(--color-text-muted)}.collapse[open]>summary{border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}.collapse[open]>summary .collapse-icon{transform:rotate(180deg)}.collapse-body{padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.collapse-body>.table-wrap{margin:0 calc(var(--space-5) * -1)}.yes-no{display:inline-flex}.yes-no--yes{color:var(--color-success)}.yes-no--no{color:var(--color-text-subtle)}.slot:empty{display:none}.detail-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.detail-title{font-size:var(--text-xl);overflow-wrap:anywhere}.form-actions{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (max-width:639.98px){.form-actions .btn{flex:1}}.row-menu{display:inline-flex}.row-menu-list{min-width:184px;z-index:var(--z-modal);position:fixed;top:0;left:0;right:auto}.row-menu-list .menu-item{white-space:nowrap;font-size:var(--text-sm)}.row-menu-list .menu-item .i{color:var(--color-text-muted)}.row-menu-list .menu-item--danger .i{color:inherit}.status-choice{gap:var(--space-2);flex-wrap:wrap;display:flex}.status-choice .check{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill)}.status-choice .check:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-softer)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.text-right{text-align:right}.is-forbidden{display:none!important}
.print-toolbar{z-index:var(--z-sticky,20);align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-1);flex-wrap:wrap;display:flex;position:sticky;top:0}.print-toolbar-title{flex-direction:column;gap:2px;min-width:0;margin-right:auto;display:flex}.print-toolbar-title strong{font-size:var(--text-md)}.print-toolbar-title span{font-size:var(--text-sm);color:var(--color-text-muted)}.print-toolbar .field{flex:0 auto}.print-toolbar .field-label{font-size:var(--text-xs);color:var(--color-text-muted)}.print-toolbar .input--break{width:96px}.print-toolbar-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:639.98px){.print-toolbar{padding:var(--space-3) var(--space-4);position:static}.print-toolbar-title{flex-basis:100%}}.paper-stack{padding:var(--space-6) var(--space-4) var(--space-12);overflow-x:auto}.paper{width:210mm;min-height:297mm;margin:0 auto var(--space-6);color:#111;box-shadow:var(--shadow-2);background:#fff;border-radius:2px;padding:12mm 12mm 18mm;position:relative}.paper-num{color:#555;font-size:11px;position:absolute;bottom:7mm;right:12mm}.paper-msg{max-width:560px;margin:var(--space-8) auto}@media print{.paper-stack{padding:0;overflow:visible}.paper{width:auto;min-height:0;box-shadow:none;break-after:page;border-radius:0;margin:0;padding:0}.paper:last-child{break-after:auto}.paper-num{display:none}.app-sidebar,.topbar,.toast-region,.drawer-backdrop,.bulk-bar,.pagination,.filter-bar,.no-print{display:none!important}.app{display:block}body{background:#fff}.card,.table-card{box-shadow:none}}