/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--brand-indigo:#5d5ded;--brand-red:#a50000;--brand-orange:#ff6700;--brand-green:#20c994;--brand-blue:#4db9f4;--brand-cyan:#1ac3ec;--brand-yellow:#fce762;--brand-teal:#7fd8be;--grad-ai:linear-gradient(135deg,#5d5ded 0%,#1ac3ec 100%);--ink:#1a1d29;--ink2:#6b7280;--ink3:#9aa1ad;--bg:#f5f6f8;--surface:#fff;--line:#e6e8ec;--line2:#eef0f3;--accent:#1273ae;--accent-soft:#e7f3fb;--accent-tua:#0e5883;--ok:#16915a;--ok-soft:#e8f5ee;--ok-tua:#12784a;--warn:#b9791a;--warn-soft:#fbf3e6;--warn-tua:#8a5a10;--bad:#cf3f3a;--bad-soft:#fcecec;--bad-tua:#bc352f;--info:#2563c9;--info-soft:#eaf1fc;--info-tua:#1e56ae;--r:10px;--r-sm:7px;--shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}i.ti{font-size:18px;line-height:1}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{box-sizing:border-box;border-bottom:1px solid var(--line);align-items:center;gap:10px;height:60px;padding:0 18px;display:flex}.brand .logo{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.brand .logo i{font-size:18px}.brand .logo-img{object-fit:contain;border-radius:7px;flex-shrink:0;width:30px;height:30px}.brand .nm{letter-spacing:-.01em;font-size:14px;font-weight:600}.brand .sub{color:var(--ink3);font-size:11px;font-weight:500}.nav{flex:1;padding:10px;overflow-y:auto}.nav .grp{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;padding:14px 10px 6px;font-size:10.5px;font-weight:600}.nav a{border-radius:var(--r-sm);color:var(--ink2);cursor:pointer;align-items:center;gap:11px;margin-bottom:1px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.nav a i{color:var(--ink3);font-size:18px}.nav a:hover{background:var(--line2);color:var(--ink)}.nav a.active{background:var(--accent-soft);color:var(--accent-tua);font-weight:600}.nav a.active i{color:var(--accent)}.nav a .badge{background:var(--bad);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:grid}.nav .navparent{border-radius:var(--r-sm);color:var(--ink2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;margin-bottom:1px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.nav .navparent i{color:var(--ink3);font-size:18px}.nav .navparent i.chev{margin-left:auto;font-size:15px}.nav .navparent:hover{background:var(--line2);color:var(--ink)}.nav .navparent.on{color:var(--accent-tua);font-weight:600}.nav .navparent.on i:not(.chev){color:var(--accent)}.nav .subnav{border-left:1px solid var(--line2);margin:1px 0 4px 19px;padding-left:14px}.nav .subnav a{gap:8px;padding:7px 10px;font-size:12.7px}.main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:14px;height:60px;padding:0 22px;display:flex;position:sticky;top:0}.crumb{color:var(--ink2);font-size:13px;font-weight:500}.crumb b{color:var(--ink);font-weight:600}.spacer{flex:1}.ent{border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.ent i.ti-building{color:var(--accent)}.ent .chev{color:var(--ink3);font-size:15px}.ent:hover{border-color:var(--accent);background:var(--accent-soft)}.iconbtn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--ink2);border-radius:9px;place-items:center;display:grid;position:relative}.iconbtn:hover{background:var(--line2)}.iconbtn .dot{background:var(--bad);border:1.5px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.who{align-items:center;gap:9px;padding-left:6px;display:flex}.who .av{background:var(--accent-tua);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.who .nm{font-size:13px;font-weight:600;line-height:1.2}.who .rl{color:var(--ink3);font-size:11px}.content{width:100%;max-width:1200px;margin-inline:auto;padding:24px 26px 60px}.content,.nav{scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{width:0;height:0;display:none}.nav::-webkit-scrollbar{width:0;height:0;display:none}.page{animation:.18s fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ph{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ph h1{letter-spacing:-.02em;font-size:21px;font-weight:600}.ph p{color:var(--ink2);margin-top:2px;font-size:13.5px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--line2)}.btn:disabled{opacity:.55;cursor:default}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.btn.pri:hover{background:var(--accent-tua)}.btn.bad{background:var(--surface);border-color:var(--bad);color:var(--bad)}.btn.bad:hover{background:var(--bad-soft)}.btn.sm{padding:6px 11px;font-size:12.5px}.btn i{font-size:16px}.grid{gap:16px;display:grid}.grid>*{min-width:0}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}@media (width<=1080px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}}@media (width<=900px){.grid[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (width<=1080px){.grid[style*="300px"]{grid-template-columns:1fr!important}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card.pad{padding:18px}.card-h{border-bottom:1px solid var(--line2);justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;display:flex}.card-h h3{font-size:14.5px;font-weight:600}.card-h .lnk{color:var(--accent);cursor:pointer;font-size:12.5px;font-weight:600}.hero,.stat{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.hero{background:linear-gradient(#fff,#fafbfe);grid-column:span 2}.stat{background:var(--surface)}.hero .lbl,.stat .lbl{color:var(--ink2);text-transform:uppercase;letter-spacing:.05em;padding-right:52px;font-size:12px;font-weight:600}.hero .big,.stat .big{letter-spacing:-.03em;margin:4px 0 2px;font-weight:700;line-height:1}.hero .big{color:var(--accent-tua);font-size:46px}.stat .big{font-size:38px}.hero .sub,.stat .sub{color:var(--ink2);font-size:13px}.hero .ico,.stat .ico{border-radius:11px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.hero .ico{background:var(--accent-soft);width:42px;height:42px;color:var(--accent)}.stat .ico{width:38px;height:38px}.hero .ico i{font-size:22px}.stat .ico i{font-size:20px}.tone-bad .ico{background:var(--bad-soft);color:var(--bad)}.tone-bad .big{color:var(--bad)}.tone-warn .ico{background:var(--warn-soft);color:var(--warn)}.tone-warn .big{color:var(--warn)}.tone-info .ico{background:var(--info-soft);color:var(--info)}.tone-ok .ico{background:var(--ok-soft);color:var(--ok)}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#fbfcfd;padding:11px 16px;font-size:11.5px;font-weight:600}thead th i.ti{vertical-align:-2px}tbody td{border-bottom:1px solid var(--line2);vertical-align:middle;padding:13px 16px;font-size:13.5px}tbody tr.clk{cursor:pointer}tbody tr.clk:hover{background:#fafbfe}tbody tr:last-child td{border-bottom:none}.t-main{color:var(--ink);font-weight:600}.t-sub{color:var(--ink3);font-size:12px}.tablewrap{overflow-x:auto}.tablewrap.gulir{scrollbar-width:none;-ms-overflow-style:none;max-height:min(58vh,560px);overflow-y:auto}.tablewrap.gulir::-webkit-scrollbar{display:none}.tablewrap.gulir thead th{z-index:1;position:sticky;top:0}.tpage{border-top:1px solid var(--line2);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:12.5px;display:flex}.tpage .btn.sm{padding:5px 9px}.listgulir{scrollbar-width:none;-ms-overflow-style:none;max-height:min(52vh,470px);overflow-y:auto}.listgulir::-webkit-scrollbar{display:none}.tag{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.tag i{font-size:13px}.t-ok{background:var(--ok-soft);color:var(--ok)}.t-warn{background:var(--warn-soft);color:var(--warn)}.t-bad{background:var(--bad-soft);color:var(--bad)}.t-info{background:var(--info-soft);color:var(--info)}.t-mut{background:var(--line2);color:var(--ink2)}.ent-tag{background:var(--accent-soft);color:var(--accent-tua);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);flex:1;align-items:center;gap:9px;min-width:200px;padding:9px 13px;display:flex}.search input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.search i{color:var(--ink3)}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:7px 13px;font-size:12.5px;font-weight:500;display:inline-flex}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-tua);font-weight:600}.chip:hover{border-color:var(--accent)}.chip.n-ok{color:var(--ok)}.chip.n-warn{color:var(--warn)}.chip.n-bad{color:var(--bad)}.chip.n-info{color:var(--info)}.chip.n-ok:hover{border-color:var(--ok)}.chip.n-warn:hover{border-color:var(--warn)}.chip.n-bad:hover{border-color:var(--bad)}.chip.n-info:hover{border-color:var(--info)}.chip.n-ok.on{background:var(--ok-soft);border-color:var(--ok);color:var(--ok-tua)}.chip.n-warn.on{background:var(--warn-soft);border-color:var(--warn);color:var(--warn-tua)}.chip.n-bad.on{background:var(--bad-soft);border-color:var(--bad);color:var(--bad-tua)}.chip.n-info.on{background:var(--info-soft);border-color:var(--info);color:var(--info-tua)}.list-item{border-bottom:1px solid var(--line2);align-items:center;gap:13px;padding:13px 18px;display:flex}.list-item:last-child{border-bottom:none}.list-item .fic{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.list-item .gr{flex:1;min-width:0}.list-item .gr .t{font-size:13.5px;font-weight:600}.list-item .gr .d{color:var(--ink3);font-size:12px}.list-item.klik{cursor:pointer}.list-item.klik:hover{background:var(--bg)}.list-item.klik.sel{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.list-item.sorot{background:var(--ok-soft);box-shadow:inset 3px 0 0 var(--ok);animation:2.4s forwards sorot-reda}@keyframes sorot-reda{0%,60%{background:var(--ok-soft)}to{background:0 0}}.docprev{border:1px solid var(--line);border-radius:var(--r);background:var(--bg);height:var(--tinggi,460px);display:flex;overflow:hidden}@media (width<=900px){.docprev{height:min(var(--tinggi,460px),52vh)}}@media (width<=480px){.docprev{height:min(var(--tinggi,460px),44vh)}}.docprev-bingkai{background:var(--surface);border:0;width:100%;height:100%}.docprev-gambar{object-fit:contain;background:var(--surface);width:100%;height:100%}.docprev-kosong{text-align:center;color:var(--ink2);flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:auto;padding:24px;font-size:13px;display:flex}.docprev-kosong i{color:var(--ink3);font-size:44px}.docprev-kosong .ti-loader-2{animation:1s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--ink2);padding:46px 20px}.empty .e-ic{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:14px;place-items:center;margin:0 auto 12px;display:grid}.empty .e-ic i{font-size:26px}.empty h4{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:600}.empty p{max-width:340px;margin:0 auto 14px;font-size:13px}.field{margin-bottom:14px}.field label{color:var(--ink2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input,.field textarea{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-sizing:border-box;overflow-wrap:anywhere;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.field textarea{resize:vertical;min-height:64px;line-height:1.5}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.inp{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.inp::placeholder{color:var(--ink3)}.selectbox{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;outline:none;align-items:center;gap:8px;min-height:38px;padding:9px 12px;font-family:inherit;font-size:13.5px;display:flex;position:relative}.selectbox:hover{border-color:var(--accent)}.selectbox:focus-visible,.selectbox.open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.selectbox .nilai{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selectbox .placeholder{color:var(--ink3);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selectbox .chev{color:var(--ink3);font-size:16px;transition:transform .16s}.selectbox.open .chev{transform:rotate(180deg)}.datetrig .chev{color:var(--ink3);font-size:16px;transition:transform .16s}.datetrig.open .chev{transform:rotate(180deg)}.datepop-judul i.ti-selector{transition:transform .16s}.datepop-judul:hover i.ti-selector{transform:rotate(180deg)}.selectbox.disabled{background:var(--line2);color:var(--ink3);cursor:default}.selectbox.disabled:hover{border-color:var(--line)}.selectpop{z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);scrollbar-width:none;-ms-overflow-style:none;padding:4px;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #10182824}.selectpop::-webkit-scrollbar{width:0;display:none}.selectpop ul{margin:0;padding:0;list-style:none}.selectpop li{border-radius:var(--r-sm);color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:9px 11px;font-size:13.5px;line-height:1.35;display:flex}.selectpop li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selectpop li i{color:var(--accent);font-size:16px}.selectpop li.sorot{background:var(--line2)}.selectpop li.terpilih{color:var(--accent-tua);font-weight:600}.selectpop li.terpilih.sorot{background:var(--accent-soft)}.selectpop li.kosong{color:var(--ink3);cursor:default;justify-content:center}.selectpop li.kosong:hover{background:0 0}.selectpop li.tambah{color:var(--accent);border-top:1px solid var(--line2);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:4px;font-weight:600}.datepop{z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;position:fixed;box-shadow:0 8px 30px #10182824}.datepop-h{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.datepop-h>i{cursor:pointer;color:var(--ink2);border-radius:6px;padding:5px;font-size:17px}.datepop-h>i:hover{background:var(--line2);color:var(--ink)}.datepop-judul{color:var(--ink);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:5px;padding:5px 9px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.datepop-judul:hover{background:var(--line2)}.datepop-judul i{color:var(--ink3);font-size:14px}.datepop-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepop-grid.tiga{grid-template-columns:repeat(3,1fr);gap:4px}.datepop-grid.gulir{scrollbar-width:none;max-height:212px;overflow-y:auto}.datepop-grid.gulir::-webkit-scrollbar{width:0;display:none}.datepop-hari{color:var(--ink3);padding:4px 0;font-size:10.5px;font-weight:600}.datepop-sel{cursor:pointer;color:var(--ink);border-radius:6px;padding:6px 0;font-size:12.5px;font-weight:500}.datepop-sel:hover{background:var(--line2)}.datepop-sel.besar{padding:10px 0;font-size:13px}.datepop-sel.on{background:var(--accent);color:#fff;font-weight:700}.datepop-sel.on:hover{background:var(--accent-tua)}.hint{color:var(--ink3);margin-top:5px;font-size:11.5px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.tabs .tb{color:var(--ink2);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13.5px;font-weight:600}.tabs .tb.on{color:var(--accent-tua);border-bottom-color:var(--accent)}.timeline{position:relative}.tl{border-bottom:1px solid var(--line2);gap:13px;padding:12px 0;display:flex}.tl:last-child{border-bottom:none}.tl .when{width:64px;color:var(--ink3);text-align:right;flex-shrink:0;font-size:12px;font-weight:600}.tl .when:empty{display:none}.tl.klik{cursor:pointer;border-radius:var(--r-sm)}.tl.klik:hover{background:var(--bg)}.akordeon{border-top:1px solid var(--line2);margin-top:14px;padding-top:12px}.akordeon>summary{cursor:pointer;color:var(--ink2);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:600;list-style:none;display:flex}.akordeon>summary::-webkit-details-marker{display:none}.akordeon>summary:hover{color:var(--accent)}.akordeon>summary .chev{color:var(--ink3);margin-left:auto;font-size:16px;transition:transform .16s}.akordeon[open]>summary .chev{transform:rotate(180deg)}.tl .mk{border:2px solid var(--surface);border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:4px}.tl .bd{flex:1}.tl .bd .t{font-size:13.5px;font-weight:600}.tl .bd .d{color:var(--ink2);font-size:12.5px}.verdict{gap:10px;display:flex}.vchip{border:1.5px solid var(--line);border-radius:var(--r);text-align:center;cursor:pointer;flex:1;padding:13px;font-size:13px;font-weight:600}.vchip i{margin:0 auto 6px;font-size:22px;display:block}.vchip.sel.ok{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.vchip.sel.warn{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.vchip.sel.bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.drop{border:2px dashed var(--line);border-radius:var(--r);text-align:center;cursor:pointer;background:#fbfcfd;padding:38px}.drop:hover{border-color:var(--accent);background:var(--accent-soft)}.drop .d-ic{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:14px;place-items:center;margin:0 auto 12px;display:grid}.drop .d-ic i{font-size:26px}.check{border-bottom:1px solid var(--line2);align-items:center;gap:11px;padding:12px 16px;display:flex}.check:last-child{border-bottom:none}.check .bx{border:2px solid var(--line);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;width:21px;height:21px;display:grid}.check .bx.on{background:var(--ok);border-color:var(--ok);color:#fff}.check .bx.on i{font-size:14px}.check.done .lb{color:var(--ink3);text-decoration:line-through}.check .lb{flex:1;font-size:13.5px;font-weight:500}.stub{color:var(--info);background:var(--info-soft);border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.editor{border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);background:var(--surface);height:60vh;min-height:320px;padding:18px;font-size:14px;line-height:1.7;overflow-y:auto}.editor:focus,.editor:focus-visible{box-shadow:none;border-color:var(--line);outline:none}.editor img{border-radius:var(--r-sm);max-width:100%;height:auto;margin:8px 0}.editor ul,.editor ol{margin:0 0 10px;padding-left:22px}.editor li{margin-bottom:4px}.editor h3{margin:0 0 8px;font-size:14.5px}.editor h2{margin:0 0 10px;font-size:16px}.editor p{color:var(--ink);margin:0 0 10px}.toolbarmini{border:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;background:#fbfcfd;border-bottom:none;flex-wrap:wrap;align-items:center;gap:2px;padding:6px;display:flex}.toolbarmini .tbm{width:32px;height:30px;color:var(--ink2);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;font-family:inherit;display:grid}.toolbarmini .tbm:hover{background:var(--line2);color:var(--ink)}.toolbarmini .tbm.on{background:var(--accent-soft);color:var(--accent-tua);box-shadow:inset 0 0 0 1px var(--accent)}.toolbarmini .tbm:disabled{opacity:.5;cursor:default}.toolbarmini .tbm:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbarmini .tbm-sel{border:1px solid var(--line);background:var(--surface);height:30px;color:var(--ink2);cursor:pointer;border-radius:6px;padding:0 6px;font-family:inherit;font-size:12.5px}.toolbarmini .tbm-sel:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbarmini .tbm-sep{background:var(--line);width:1px;height:20px;margin:0 4px}.scrim{z-index:50;background:#10141e6b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);scrollbar-width:none;-ms-overflow-style:none;border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:92vh;padding:22px;animation:.22s up;overflow-y:auto;box-shadow:0 -8px 40px #0000002e}.sheet::-webkit-scrollbar{width:0;height:0;display:none}@media (width>=640px){.scrim{align-items:center}.sheet{border-radius:16px}}@keyframes up{0%{opacity:.5;transform:translateY(20px)}to{opacity:1;transform:none}}.sheet h3{margin-bottom:5px;font-size:17px;font-weight:600}.sheet .sd{color:var(--ink2);margin-bottom:18px;font-size:13.5px}.sheet .ft{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:80;border-radius:10px;align-items:center;gap:9px;padding:12px 18px;font-size:13.5px;font-weight:500;transition:all .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 6px 24px #00000040}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast i{color:#5fd99a}.dropdown{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);z-index:30;width:340px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 8px 30px #10182824}.dd-h{border-bottom:1px solid var(--line2);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.dd-h b{font-size:14px}.dd-h span{color:var(--accent);cursor:pointer;font-size:12px;font-weight:600}.accbox{border:1px solid var(--line);border-radius:var(--r);background:var(--accent-soft);padding:14px 16px}.accbox .ah{color:var(--accent-tua);align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.accbox ul{color:var(--ink);margin:0;padding-left:20px;font-size:13px}.accbox li{margin:3px 0}.tree{font-size:13.5px}.tent{border-bottom:1px solid var(--line2);cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}.tent i.ti-building{color:var(--accent);font-size:17px}.tent i.chev{color:var(--ink3);margin-left:auto;font-size:16px;transition:all .15s}.tent.col i.chev{transform:rotate(-90deg)}.tcat{border-bottom:1px solid var(--line2);cursor:pointer;align-items:center;gap:9px;padding:9px 14px 9px 32px;display:flex}.tcat:hover{background:#fafbfe}.tcat .nm{flex:1}.tcat>i.ti-folder{color:var(--ink3);font-size:16px}.tcat.sel{background:var(--accent-soft)}.tcat.sel .nm{color:var(--accent-tua);font-weight:600}@media (width<=1080px){.tree{scrollbar-width:none;-ms-overflow-style:none;max-height:46vh;overflow-y:auto}.tree::-webkit-scrollbar{display:none}}.tfilter{border-bottom:1px solid var(--line2);color:var(--ink3);align-items:center;gap:8px;padding:9px 16px;display:flex}.tfilter input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.sortcar{opacity:.45;margin-left:6px;font-size:13px}.navfoot{border-top:1px solid var(--line2);padding:8px 10px}.navfoot-a{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.navfoot-a:hover{background:var(--line2)}.navfoot-a.active{background:var(--accent-soft)}.navfoot-a .av-sm{background:var(--accent-tua);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.navfoot-a .t{font-size:13px;font-weight:600;line-height:1.2}.navfoot-a .d{color:var(--ink3);font-size:11px}.sidebar-backdrop{display:none}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:60;width:236px;transition:transform .24s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:6px 0 24px #00000026}.sidebar-backdrop{z-index:55;opacity:0;pointer-events:none;background:#10141e6b;transition:opacity .24s;display:block;position:fixed;inset:0}.sidebar-backdrop.on{opacity:1;pointer-events:auto}.menu-btn{display:grid!important}.hero{grid-column:span 1}.who .nm,.who .rl{display:none}.g2{grid-template-columns:1fr}}@media (width<=480px){.topbar{gap:8px;padding:0 12px}.crumb{text-overflow:ellipsis;white-space:nowrap;max-width:38vw;font-size:12px;overflow:hidden}.ent{max-width:44vw;padding:6px 9px;font-size:12px}.ent span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.iconbtn{width:34px;height:34px}.who .av{width:30px;height:30px;font-size:12px}.content{padding:16px 12px 48px}.ph{gap:10px;margin-bottom:14px}.ph h1{font-size:18px}.ph p{font-size:12.5px}.card.pad{padding:14px}.card-h{padding:12px 14px}.g4,.g3,.g2{grid-template-columns:1fr}.toolbar{gap:7px}.chip{padding:6px 10px;font-size:12px}.btn{padding:8px 12px;font-size:12.5px}.sheet{padding:16px}.tablewrap{-webkit-overflow-scrolling:touch}thead th,tbody td{white-space:nowrap;padding:10px 12px}.editor{height:52vh;min-height:240px;padding:14px}.toolbarmini{gap:1px;padding:5px}.toolbarmini .tbm-sep{margin:0 2px}.tpage{flex-wrap:wrap;gap:8px}}.menu-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--ink2);border-radius:9px;place-items:center;display:none}.login-wrap{background:#fff;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:100%;max-width:412px;padding:32px;box-shadow:0 12px 48px #1018281a}.login-card .lg{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-card .lg img{object-fit:contain;flex-shrink:0;width:44px;height:44px}.login-card .lg .nm{letter-spacing:-.01em;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.25}.login-card .lg .by{color:var(--ink3);margin-top:2px;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:11.5px;font-weight:500}.login-card h1{letter-spacing:-.02em;font-size:22px;font-weight:700}.login-card p.sub{color:var(--ink2);margin:6px 0 24px;font-size:13.5px}.pwd-wrap{position:relative}.pwd-wrap input{padding-right:44px}.pwd-toggle{width:32px;height:32px;color:var(--ink3);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--ink2);background:var(--line2)}.pwd-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width<=900px){.login-card{padding:24px}}.login-err{background:var(--bad-soft);color:var(--bad-tua,var(--bad));border:1px solid var(--bad);border-radius:var(--r-sm);margin-bottom:14px;padding:9px 12px;font-size:12.5px;font-weight:500}.login-or{color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.btn.sso{justify-content:center;width:100%}.skel{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 50%,#eef0f3 75%) 0 0/200% 100%;border-radius:6px;animation:1.3s infinite sh}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.sheet{position:relative}.sheet.wide{max-width:920px}.sheet-x{background:var(--line2);width:34px;height:34px;color:var(--ink2);cursor:pointer;border:none;border-radius:999px;place-items:center;font-size:16px;display:grid;position:absolute;top:14px;right:14px}.sheet-x:hover{background:var(--line);color:var(--ink)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.danger:hover{opacity:.9}.drop.on{border-color:var(--accent);background:var(--accent-soft)}.check .rm{color:var(--ink3);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;margin-left:auto;padding:4px;display:grid}.check .rm:hover{color:var(--bad);background:var(--bad-soft)}.check .rm i{font-size:15px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}