:root{--g-atas: #3e66a0;--g-tengah: #477275;--g-bawah: #507d49;--g-atas-gelap: #2f4f7d;--g-tengah-gelap: #355a5c;--g-bawah-gelap: #3b5f37;--botol: #466d3f;--botol-gelap: #395933;--navy: #477275;--navy-700: #4a777a;--navy-900: #2c4648;--orange: #e9a93d;--orange-hover: #f0b955;--orange-soft: #fdf3e1;--amber-terang: #f7cf76;--on-orange: #2b2208;--on-dark: #f1f7f2;--on-dark-muted: #dbe8de;--primary: #3e66a0;--primary-hover: #34588c;--primary-soft: #f0f6ef;--on-primary: #ffffff;--bg: #f4f6f4;--surface: #ffffff;--surface-2: #eef2ee;--border: #e2e7e3;--text: #17251c;--muted: #6b7a70;--focus: #e9a93d;--field-border: #cfd8d2;--wajib-latar: #e6e9e7;--wajib-tepi: #c9cfcb;--ring: rgb(62 138 95 / .16);--ring-kuat: rgb(62 138 95 / .3);--ok: #1d6b3f;--ok-bg: #e5f3ea;--bad: #b3261e;--bad-bg: #fdecea;--warn: #8a5a00;--warn-bg: #fdf1d8;--info: #3e66a0;--info-bg: #e9f0f9;--accent: #5b3a8c;--accent-bg: #efe9f8;--neutral: #4b5a50;--neutral-bg: #eaeeeb;--radius: 10px;--shadow: 0 1px 2px rgb(23 37 28 / .06), 0 4px 14px rgb(23 37 28 / .06);--sidebar: 256px;--topbar-h: 68px;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--g-atas: #2c4a75;--g-tengah: #2f5052;--g-bawah: #36552f;--g-atas-gelap: #1d3150;--g-tengah-gelap: #213a3b;--g-bawah-gelap: #253b21;--botol: #4f7a47;--botol-gelap: #5d8b54;--navy: #3d6466;--navy-700: #6aa3a6;--navy-900: #0b1512;--orange: #f0b955;--orange-hover: #f7cf76;--orange-soft: #3a2e12;--primary: #93badf;--primary-hover: #b0cdea;--primary-soft: #1a2a24;--on-primary: #0b1512;--bg: #0c1411;--surface: #121c18;--surface-2: #18241f;--border: #26362f;--text: #e4ece6;--muted: #9cada3;--focus: #f0b955;--field-border: #34483f;--wajib-latar: #1a2722;--wajib-tepi: #3a5046;--ring: rgb(122 176 113 / .22);--ring-kuat: rgb(122 176 113 / .38);--ok: #7fd3a0;--ok-bg: #143022;--bad: #f19a90;--bad-bg: #3b1c18;--warn: #f0c46a;--warn-bg: #3a2c10;--info: #93badf;--info-bg: #182a3a;--accent: #c4a8ee;--accent-bg: #2a2140;--neutral: #c3cdc6;--neutral-bg: #212c27;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--g-atas: #2c4a75;--g-tengah: #2f5052;--g-bawah: #36552f;--g-atas-gelap: #1d3150;--g-tengah-gelap: #213a3b;--g-bawah-gelap: #253b21;--botol: #4f7a47;--botol-gelap: #5d8b54;--navy: #3d6466;--navy-700: #6aa3a6;--navy-900: #0b1512;--orange: #f0b955;--orange-hover: #f7cf76;--orange-soft: #3a2e12;--primary: #93badf;--primary-hover: #b0cdea;--primary-soft: #1a2a24;--on-primary: #0b1512;--bg: #0c1411;--surface: #121c18;--surface-2: #18241f;--border: #26362f;--text: #e4ece6;--muted: #9cada3;--field-border: #34483f;--wajib-latar: #1a2722;--wajib-tepi: #3a5046;--ring: rgb(122 176 113 / .22);--ring-kuat: rgb(122 176 113 / .38);--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--primary)}h1,h2,h3,h4{line-height:1.25;margin:0 0 .5rem;letter-spacing:-.01em}h1{font-size:1.6rem;font-weight:800}h2{font-size:1.3rem;font-weight:800}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 .75rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--surface-2);padding:.05em .35em;border-radius:4px;word-break:break-all}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"strip" "top" "nav" "main" "foot";overflow-x:clip}.app.with-sidebar{grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:"strip strip" "top top" "side main" "foot foot"}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.topstrip{grid-area:strip;background:var(--navy-900);color:var(--on-dark-muted);font-size:.78rem}.topstrip .container{display:flex;justify-content:space-between;gap:1rem;padding-block:.35rem}.app.with-sidebar .topstrip .container{max-width:none}.topstrip span{display:inline-flex;align-items:center;gap:.35rem}.topstrip strong{color:var(--on-dark);font-weight:600}.topbar{grid-area:top;position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:3px solid var(--orange);box-shadow:0 2px 10px #061a3814}.topbar-inner{display:flex;align-items:center;gap:1rem;height:calc(var(--topbar-h) - 3px)}.app.with-sidebar .topbar-inner{max-width:none}.brand{display:flex;align-items:center;gap:.7rem;color:var(--text);text-decoration:none}.brand-mark{flex:none}.brand strong{display:block;font-size:1.1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.brand small{display:block;color:var(--muted);font-size:.74rem;letter-spacing:.02em}.topnav{margin-left:auto;display:flex;align-items:center;gap:.6rem}.userbox{display:flex;align-items:center;gap:.75rem}.userinfo{text-align:right;line-height:1.25}.userinfo small{display:block;color:var(--muted);font-size:.75rem}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:.85rem;border:2px solid var(--orange)}.hamburger{display:none;background:none;border:0;padding:6px;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;margin:5px 0;background:var(--text);border-radius:2px}.mainnav{grid-area:nav;background:var(--navy)}.mainnav .container{display:flex;gap:.25rem;overflow-x:auto}.mainnav a{display:inline-flex;align-items:center;gap:.45rem;padding:.8rem 1rem;color:var(--on-dark);text-decoration:none;font-weight:600;font-size:.92rem;border-bottom:3px solid transparent;white-space:nowrap}.mainnav a:hover{background:#ffffff12}.mainnav a.active{border-bottom-color:var(--orange);color:#fff}.sidebar{grid-area:side;background:var(--navy-900);color:var(--on-dark);padding:1.1rem .75rem 2rem;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto}.nav-group+.nav-group{margin-top:1.1rem}.nav-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-dark-muted);padding:0 .7rem .35rem}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:8px;color:var(--on-dark);text-decoration:none;font-size:.92rem;border-left:3px solid transparent}.nav-link svg{opacity:.75;flex:none}.nav-link:hover{background:#ffffff12}.nav-link.active{background:#ffffff1a;border-left-color:var(--orange);color:#fff;font-weight:700}.nav-link.active svg{color:var(--orange);opacity:1}.main{grid-area:main;padding:1.75rem 1.5rem 3rem;min-width:0;max-width:1200px;width:100%}.app:not(.with-sidebar) .main{margin:0 auto}.scrim{display:none}.footer{grid-area:foot;background:var(--navy-900);color:var(--on-dark-muted);font-size:.88rem}.footer a{color:var(--on-dark);text-decoration:none}.footer a:hover{color:var(--orange)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem;padding-block:2.5rem 2rem}.footer h4{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem}.footer h4:after{content:"";display:block;width:28px;height:3px;background:var(--orange);margin-top:.45rem;border-radius:2px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.footer .brand small{color:var(--on-dark-muted)}.footer-bottom{border-top:1px solid rgb(255 255 255 / .1);padding-block:1rem;font-size:.78rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app.with-sidebar .footer .container{max-width:none}.app.with-sidebar .footer-grid{display:none}@media (max-width: 860px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.footer-grid{grid-template-columns:1fr}}@media (max-width: 900px){.app.with-sidebar{grid-template-columns:minmax(0,1fr);grid-template-areas:"strip" "top" "main" "foot"}.hamburger{display:block}.sidebar{position:fixed;left:0;top:var(--topbar-h);bottom:0;width:min(82vw,300px);height:auto;z-index:40;transform:translate(-105%);transition:transform .2s ease;box-shadow:0 8px 24px #0000004d}.sidebar.open{transform:none}.scrim{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;background:#0006;z-index:35}.userinfo{display:none}.main{padding:1.1rem 1rem 2.5rem}.container{padding:0 1rem}.topstrip .hide-sm,.app.with-sidebar .topstrip{display:none}}@media (max-width: 520px){.brand small{display:none}.topnav{gap:.4rem}.topnav .btn-ghost{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow);min-width:0}.stack>*+*{margin-top:1rem}.stack-sm>*+*{margin-top:.4rem}.stack-lg>*+*{margin-top:2rem}.narrow{max-width:860px}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap;gap:.75rem}.between{justify-content:space-between}.gap{gap:.75rem;flex-wrap:wrap}.gap-sm{gap:.4rem;flex-wrap:wrap}.grow{flex:1;min-width:0}.right{text-align:right}.muted{color:var(--muted)}.small{font-size:.82rem}.danger{color:var(--bad)}.pre{white-space:pre-wrap}.clamp{max-width:40ch;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:var(--primary);margin-bottom:.3rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1rem;margin-top:1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem}.empty{color:var(--muted);padding:1rem 0}.loading{padding:1rem 0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.page-header h1{word-break:break-word}.page-header p{margin:0}.page-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;font-weight:600;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1.2;background:none;color:var(--text)}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{border-color:var(--border);background:var(--surface)}.btn-ghost:hover{background:var(--surface-2)}.btn-link{padding:.2rem .3rem;color:var(--primary);font-weight:500}.btn-link.danger{color:var(--bad)}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.btn-lg{padding:.8rem 1.3rem;font-size:1rem}.btn-block{width:100%}.badge{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.tone-ok{background:var(--ok-bg);color:var(--ok)}.tone-bad{background:var(--bad-bg);color:var(--bad)}.tone-warn{background:var(--warn-bg);color:var(--warn)}.tone-info{background:var(--info-bg);color:var(--info)}.tone-accent{background:var(--accent-bg);color:var(--accent)}.tone-neutral{background:var(--neutral-bg);color:var(--neutral)}.chip{display:inline-block;padding:.15rem .55rem;border:1px solid var(--border);border-radius:6px;font-size:.78rem;white-space:nowrap;color:var(--muted)}.chip-bad{border-color:var(--bad);color:var(--bad);background:var(--bad-bg);font-weight:600}.chip-warn{border-color:var(--warn);color:var(--warn);background:var(--warn-bg);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.alert{padding:.75rem 1rem;border-radius:8px;background:var(--info-bg);color:var(--info);border:1px solid transparent}.alert ul{margin:0;padding-left:1.1rem}.alert-bad{background:var(--bad-bg);color:var(--bad)}.alert-warn{background:var(--warn-bg);color:var(--warn)}.alert-ok{background:var(--ok-bg);color:var(--ok)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:var(--surface)}.table-wrap:not(.card){border:1px solid var(--border);border-radius:var(--radius)}.table th,.table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2)}.table tr:last-child td{border-bottom:0}.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filters input,.filters select{width:auto;min-width:160px;flex:1 1 160px;max-width:280px}.filters input[type=checkbox]{min-width:0;flex:none}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:var(--primary)}input[type=file]{display:none}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:.85rem 1rem}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field-wide{grid-column:1 / -1}.field>label{font-weight:600;font-size:.88rem}.req{color:var(--bad);font-weight:600}.help{color:var(--muted);font-size:.78rem}.fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem 1rem;margin:0;min-width:0}.fieldset legend{font-weight:700;padding:0 .35rem}.fieldset .fieldset{background:var(--surface-2)}.check{display:inline-flex;align-items:center;gap:.45rem;font-weight:400;cursor:pointer}.checks{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}.checks.scroll{max-height:220px;overflow-y:auto;flex-direction:column;flex-wrap:nowrap;border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem}.repeater{display:flex;flex-direction:column;gap:.6rem}.repeater-item{border-left:3px solid var(--primary-soft);padding-left:.75rem}.repeater-head{display:flex;justify-content:space-between;align-items:center}.repeater>.btn{align-self:flex-start}.upload{display:flex;flex-direction:column;gap:.4rem}.upload-item{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.9rem}.upload-drop{display:block;padding:.8rem;border:1.5px dashed var(--border);border-radius:8px;text-align:center;color:var(--muted);cursor:pointer}.upload-drop:hover{border-color:var(--primary);color:var(--primary)}.wilayah{display:flex;flex-direction:column;gap:.4rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.schema-form>.alert{margin-top:1rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);overflow-x:auto}.tab{font:inherit;background:none;border:0;padding:.6rem .9rem;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--primary);border-color:var(--primary);font-weight:600}.kv{margin:0;display:grid;gap:.35rem}.kv-row{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:.75rem;padding:.25rem 0;border-bottom:1px dashed var(--border)}.kv-row:last-child{border-bottom:0}.kv dt{color:var(--muted);font-size:.85rem}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.kv .kv{padding-left:.5rem;border-left:2px solid var(--border)}.kv-list{margin:0;padding-left:1.2rem}@media (max-width: 520px){.kv-row{grid-template-columns:1fr;gap:.1rem}}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:14px 1fr;gap:.75rem;padding-bottom:.9rem;position:relative}.timeline li:before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:var(--border)}.timeline li:last-child:before{display:none}.timeline p{margin:.2rem 0 0}.timeline.compact li{padding-bottom:.4rem}.tl-dot{width:14px;height:14px;border-radius:50%;background:var(--primary);margin-top:4px;border:3px solid var(--primary-soft)}.list{list-style:none;margin:0;padding:0}.list li{padding:.5rem 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:0}.collapse{border:1px solid var(--border);border-radius:8px;margin-top:.5rem}.collapse-head{width:100%;display:flex;justify-content:space-between;gap:1rem;text-align:left;font:inherit;background:none;border:0;padding:.6rem .8rem;cursor:pointer;color:var(--text)}.collapse-body{padding:.2rem .8rem .8rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:start}@media (max-width: 1000px){.detail-grid{grid-template-columns:1fr}}.action-list{display:flex;flex-direction:column;gap:.4rem}.action-list .btn{justify-content:flex-start;text-align:left}.action-card{border-color:var(--primary)}.kode-lacak{font:700 2rem/1.2 ui-monospace,Menlo,monospace;letter-spacing:.15em;color:var(--primary)}.success{border-color:var(--ok)}.auth-page{display:grid;place-items:center;padding:2rem 0}.auth-page{gap:1.25rem}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.8rem}.auth-demo{width:100%;max-width:760px}.auth-demo .table td{vertical-align:middle;padding:.45rem .75rem}.row-active td{background:var(--orange-soft)}.btn{border-radius:6px}.btn-accent{background:var(--orange);color:var(--on-orange)}.btn-accent:hover:not(:disabled){background:var(--orange-hover)}.btn-onDark{border-color:#ffffff73;color:#fff}.card{border-radius:var(--radius)}.table th{background:var(--primary-soft);color:var(--primary)}.page-header{padding-bottom:.9rem;border-bottom:1px solid var(--border)}.page-header h1{position:relative;padding-left:.85rem}.page-header h1:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--orange)}.eyebrow{color:var(--orange)}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}.stat{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--navy-700);border-radius:8px;padding:.9rem 1rem;height:100%;box-shadow:var(--shadow)}.stats>:first-child .stat,.stats>.stat:first-child{border-left-color:var(--orange)}.stat-value{font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--primary);line-height:1.2}.stat-label{color:var(--muted);font-size:.85rem;font-weight:600}.stat-hint{color:var(--muted);font-size:.75rem}.stat-link{text-decoration:none;color:inherit}.stat-link:hover .stat{border-color:var(--navy-700);border-left-color:var(--orange)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.section-head h2{margin:0}.section-head h2:after{content:"";display:block;width:52px;height:4px;background:var(--orange);border-radius:2px;margin-top:.45rem}.section-head p{margin:.5rem 0 0;color:var(--muted);max-width:70ch}.link-more{display:inline-flex;align-items:center;gap:.2rem;font-weight:700;text-decoration:none;white-space:nowrap}.bleed{margin-inline:calc(50% - 50vw)}.hero-band{margin-top:-1.75rem;color:#fff;padding:3.5rem 0 4.5rem;background:radial-gradient(900px 400px at 85% -10%,rgb(245 130 32 / .22),transparent 60%),repeating-linear-gradient(135deg,rgb(255 255 255 / .03) 0 2px,transparent 2px 14px),linear-gradient(120deg,var(--navy-900),var(--navy) 55%,var(--navy-700))}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:2.5rem;align-items:center}.hero h1{font-size:clamp(1.8rem,4.2vw,2.8rem);line-height:1.15;color:#fff}.hero h1 em{font-style:normal;color:var(--orange)}.hero .lead{color:#c9d6ec}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:999px;background:#f582202e;color:#ffc08a;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.lead{font-size:1.06rem;color:var(--muted);max-width:60ch}.lacak-card{display:flex;flex-direction:column;gap:.6rem;border-top:4px solid var(--orange);color:var(--text)}.lacak-card h2{display:flex;align-items:center;gap:.5rem}@media (max-width: 800px){.hero{grid-template-columns:1fr}.hero-band{margin-top:-1.1rem;padding:2.25rem 0 3.5rem}}.datapanel{position:relative;margin-top:-2.75rem}.datacards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}@media (max-width: 520px){.datacard{padding:.9rem}.datacard-value{font-size:1.6rem}}.datacard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow);border-top:4px solid var(--tone, var(--navy-700));display:flex;flex-direction:column;gap:.3rem}.datacard-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--tone, var(--navy-700)) 14%,transparent);color:var(--tone, var(--navy-700));margin-bottom:.3rem}.datacard-value{font-size:2rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text)}.datacard-label{font-weight:700;font-size:.9rem}.datacard-hint{color:var(--muted);font-size:.78rem}.updated{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.8rem}.live-dot{width:8px;height:8px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 3px #2fbf7133}.bars{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.bar-row{display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr) 3.5rem;gap:.75rem;align-items:center;font-size:.9rem}.bar-track{height:12px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--navy-700);border-radius:999px;min-width:4px}.bar-row:first-child .bar-fill{background:var(--orange)}.bar-fill.nol{background:transparent}.bar-n{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.legend-note{color:var(--muted);font-size:.78rem;margin-top:.75rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;counter-reset:step}.step{position:relative;padding:1.2rem 1.2rem 1.2rem 4.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:1.1rem;top:1.1rem;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;border:3px solid var(--orange-soft)}.step p{margin:0;color:var(--muted);font-size:.9rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.news{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.news:hover{border-color:var(--navy-700);transform:translateY(-2px)}.news-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:var(--muted)}.news-tag{font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.05em}.news h3{margin:0;font-size:1rem;color:var(--primary)}.news p{margin:0;color:var(--muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tile{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.tile:hover{border-color:var(--orange);box-shadow:var(--shadow)}.tile-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--orange-soft);color:var(--orange)}.tile strong{display:block;color:var(--primary)}.tile span{color:var(--muted);font-size:.85rem}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;align-items:start}@media (max-width: 900px){.split{grid-template-columns:1fr}}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;font-size:.9rem}.crumb{font:inherit;background:none;border:0;padding:.1rem .2rem;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.crumb-sep{color:var(--muted);margin:0 .25rem}.seg{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-2);border-radius:10px;overflow-x:auto;width:fit-content;max-width:100%}.seg-btn{font:inherit;font-size:.88rem;font-weight:600;border:0;background:none;color:var(--muted);padding:.45rem .85rem;border-radius:7px;cursor:pointer;white-space:nowrap}.seg-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.progress-block{display:grid;gap:.35rem}.vote-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.vote{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:start}.vote-no{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:#fff;font-weight:800;font-size:1.1rem}.vote-body{display:grid;gap:.3rem;min-width:0}.vote-n{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.vote .bar-track{height:10px}.stepper{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem;counter-reset:s}.stepper li{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;font-size:.78rem;color:var(--muted);position:relative}.stepper li:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:3px;background:var(--border);z-index:0}.stepper li:first-child:before{display:none}.stepper li.done:before,.stepper li.current:before{background:var(--navy-700)}.stepper-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:2px solid var(--border);font-weight:800;color:var(--muted)}.stepper li.done .stepper-dot{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.stepper li.current .stepper-dot{background:var(--orange);border-color:var(--orange);color:var(--on-orange)}.stepper li.current{color:var(--text);font-weight:700}@media (max-width: 640px){.stepper li span:last-child{display:none}.stepper li.current span:last-child{display:block;position:absolute;top:36px;white-space:nowrap}.stepper{margin-bottom:1.2rem}}.funnel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.funnel-step{display:grid;gap:.35rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--tone);border-radius:var(--radius);text-decoration:none;color:inherit;box-shadow:var(--shadow)}.funnel-step:hover{border-color:var(--tone)}.funnel-label{font-weight:700;font-size:.88rem}.funnel-value{font-size:1.8rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.stacked{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.stacked>span{display:block;min-width:3px}.legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.78rem;color:var(--muted);margin-top:.6rem}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.35rem;vertical-align:-1px}.row-bad td{background:var(--bad-bg);color:var(--bad);font-weight:600}.hitung-form{border-top:1px dashed var(--border);padding-top:1rem}.hitung-form h4{margin:0}.check-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.88rem;padding:.7rem .9rem;background:var(--surface-2);border-radius:8px}.check-summary .ok{color:var(--ok);font-weight:600}.check-summary .danger{font-weight:600}.terima-row{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem 4.5rem;gap:.4rem;align-items:center}.terima-row input{padding:.35rem .5rem}.hasil-mini .vote-list{gap:.6rem}.dapil-pick{display:flex;align-items:center;gap:.5rem}.dapil-pick select{width:auto;min-width:240px}.caleg-detail{font-size:.88rem}.caleg-detail summary{cursor:pointer;color:var(--primary);font-weight:600;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.kursi-tag{background:var(--navy);color:#fff;border-radius:6px;padding:.05rem .45rem;font-size:.78rem}.caleg-list{margin:.4rem 0 0;padding:0;list-style:none;display:grid;gap:.15rem}.caleg-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.25rem .5rem;border-radius:6px}.caleg-list li:nth-child(odd){background:var(--surface-2)}.caleg-list li.terpilih{background:var(--ok-bg);font-weight:600}.caleg-list .badge{margin-left:.4rem}.kursi-box{display:grid;gap:.6rem;padding:1rem;border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:8px;background:var(--surface-2)}.kursi-seats{display:flex;flex-wrap:wrap;gap:6px}.seat{width:26px;height:26px;border-radius:50% 50% 6px 6px;display:inline-block}.chip .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.35rem}.row-grp td{font-weight:700;background:var(--surface-2)}.row-sub td:first-child{padding-left:1.6rem;color:var(--muted)}.row-sub.row-bad td:first-child{color:var(--bad)}.field{gap:0}.field>label:not(.check){display:block;margin-bottom:5px;font-size:13px;font-weight:600}.req{color:var(--bad);font-weight:700}.help{margin-top:4px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;height:42px;padding:0 12px;font:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--field-border);border-radius:8px;transition:border-color .12s ease,box-shadow .12s ease}textarea{height:auto;padding:10px 12px;line-height:1.6;resize:vertical}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--navy-700);box-shadow:0 0 0 3px var(--ring)}input[type=number]{font-variant-numeric:tabular-nums}input[required]:not([type=checkbox]):not([type=file]),select[required],textarea[required]{background:var(--wajib-latar);border-color:var(--wajib-tepi);-webkit-text-fill-color:var(--text)}input[required]:focus,select[required]:focus,textarea[required]:focus{border-color:var(--navy-700);box-shadow:0 0 0 3px var(--ring-kuat)}input[readonly],textarea[readonly],select:disabled,input:disabled:not([type=checkbox]){background:var(--bg);color:var(--muted);border-color:var(--border);cursor:default;opacity:1;-webkit-text-fill-color:currentColor}input[readonly]:focus,textarea[readonly]:focus{border-color:var(--border);box-shadow:none}label.check{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:400;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer}label.check input[type=checkbox]{width:17px;height:17px;margin:0;flex:none;accent-color:var(--navy-700);cursor:pointer}label.check span{font-size:14px;color:var(--text)}label.check:has(input:focus-visible){border-color:var(--navy-700);box-shadow:0 0 0 3px var(--ring)}label.check:has(input:checked){border-color:var(--navy-700)}label.check:has(input:disabled){background:var(--bg);cursor:default}.filters label.check{flex:none}.checks{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;min-height:42px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.checks label.check{min-height:0;padding:0;border:0;background:none;gap:7px;white-space:nowrap;box-shadow:none}.checks label.check input[type=checkbox]{width:16px;height:16px}.checks.scroll{flex-direction:column;align-items:stretch;flex-wrap:nowrap;max-height:240px;overflow-y:auto}.checks:has(input:focus-visible){border-color:var(--navy-700);box-shadow:0 0 0 3px var(--ring)}.btn{height:42px;padding:0 18px;border-radius:8px;font-weight:600;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover:not(:disabled){background:var(--navy-900);border-color:var(--navy-900)}.btn-ghost{background:var(--surface);color:var(--primary);border-color:var(--primary)}.btn-sm{height:34px;padding:0 12px;font-size:.85rem}.btn-lg{height:48px;padding:0 24px}.btn-link{height:auto;padding:.1rem .2rem;border:0}.btn-onDark{color:#fff;border-color:#ffffff8c;background:transparent}.btn-onDark:hover{background:#ffffff1a}.topnav .btn-ghost{border-color:var(--border);color:var(--text)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}.form-actions .btn{padding:0 22px}.action-card .form-actions{margin-top:14px;padding-top:12px}.action-card .form-actions .btn{flex:1}.terima-row input{height:36px}.topstrip,.footer{background:linear-gradient(90deg,var(--g-atas-gelap) 0%,var(--g-tengah-gelap) 52%,var(--g-bawah-gelap) 100%)}.mainnav{background:linear-gradient(90deg,var(--g-atas) 0%,var(--g-tengah) 52%,var(--g-bawah) 100%)}.sidebar{background:linear-gradient(180deg,var(--g-atas) 0%,var(--g-tengah) 52%,var(--g-bawah) 100%)}.nav-link:hover{background:#ffffff17}.nav-link.active{background:#ffffff26}.nav-title{color:#ffffffb8}.hero-band{background:radial-gradient(900px 400px at 85% -10%,rgb(233 169 61 / .22),transparent 60%),repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 2px,transparent 2px 14px),linear-gradient(120deg,var(--g-atas) 0%,var(--g-tengah) 52%,var(--g-bawah) 100%)}.hero h1 em{color:var(--amber-terang)}.hero .lead{color:#e6efe8}.pill{background:#0000002e;color:var(--amber-terang)}.btn-primary{background:var(--botol);border-color:var(--botol);color:#fff}.btn-primary:hover:not(:disabled){background:var(--botol-gelap);border-color:var(--botol-gelap)}.btn-ghost{color:var(--botol);border-color:var(--botol)}.btn-ghost:hover:not(:disabled){background:var(--primary-soft)}.topnav .btn-ghost{color:var(--text);border-color:var(--border)}.tab.active,.seg-btn.active{color:var(--botol)}.tab.active{border-color:var(--botol)}.table th{background:var(--primary-soft);color:var(--g-tengah)}.brand strong{color:var(--g-atas)}.footer .brand strong{color:#fff}.avatar{background:linear-gradient(135deg,var(--g-atas),var(--g-bawah))}.stepper li.done .stepper-dot{background:var(--g-tengah);border-color:var(--g-tengah)}.stepper li.done:before,.stepper li.current:before{background:var(--g-tengah)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .brand strong{color:var(--primary)}:root:not([data-theme=light]) .table th{color:var(--primary)}}@media print{.topstrip,.topbar,.mainnav,.sidebar,.footer,.page-actions,.btn{display:none!important}.app.with-sidebar{grid-template-columns:1fr;grid-template-areas:"main"}.card{box-shadow:none;border:0}}