:root{--wika-950:#021f3d;--wika-900:#032c56;--wika-800:#00437f;--wika-700:#005bab;--wika-600:#1470c0;--wika-500:#2f89d6;--wika-100:#d8e9f7;--wika-50:#ecf4fb;--red-600:#d22630;--red-700:#b0151f;--red-100:#fbe5e7;--red-50:#fdf3f4;--ink:#1c1917;--ink-soft:#3f3a35;--muted:#5c554f;--faint:#5e5853;--line:#26201c1f;--line-soft:#26201c12;--surface:#fff;--surface-2:#faf8f5;--canvas:#f6f4f1;--d-laut:#14566b;--d-bata:#8e4018;--d-hutan:#0d6459;--d-madu:#7a501a;--d-plum:#5b3a54;--d-sage:#4f5d45;--d-nila:#3c4a7a;--d-tanah:#6d543f;--ruang:#1b2430;--ruang-2:#24303f;--ruang-garis:#ffffff1f;--ruang-teks:#eceae6;--ruang-redup:#9aa5b1;--fill-quiet:#f0ece7;--fill-quiet-hover:#e6e0d9;--tint-blue:#005bab1a;--tint-utama:#f2f7fc;--ring-blue:#005bab4d;--ok-600:#0e6e62;--ok-100:#0e6e621f;--warn-700:#8a5a16;--warn-100:#c9832b29;--info-600:#005bab;--info-100:#005bab1a;--neutral-600:#55555c;--neutral-100:#7878801f;--purple-600:#6d28d9;--purple-100:#6d28d91a;--eng-700:#0f766e;--scm-700:var(--purple-600);--qs-700:var(--ok-600);--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, "Cascadia Mono", Consolas, monospace;--t-xs:13px;--t-sm:14px;--t-md:15px;--t-lg:17px;--t-xl:20px;--t-2xl:28px;--t-3xl:32px;--lh-rapat:1.25;--lh-ui:1.45;--lh-baca:1.6;--w-normal:400;--w-medium:600;--w-bold:750;--w-reguler:400;--sp-05:2px;--sp-1:4px;--sp-15:6px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:8px;--r-md:12px;--r-lg:16px;--shadow-sm:0 1px 2px #0926470d, 0 4px 12px #0926470d;--shadow-md:0 2px 6px #09264712, 0 12px 28px #09264714;--shadow-lg:0 24px 60px #061a3042, 0 4px 14px #061a301f;--glass:#ffffffb8;--ease:cubic-bezier(.16, 1, .3, 1);--sidebar-w:252px;--nav-bg:#0b2e52;--nav-teks:#eaf1f8;--nav-redup:#9db6cf;--nav-aktif:#005bab;--nav-garis:#ffffff1a;--wika-logo:#81d4fa}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:var(--t-md);line-height:var(--lh-ui);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-weight:var(--w-medium);color:var(--ink);letter-spacing:-.01em;line-height:var(--lh-rapat);margin:0}p{margin:0}a{color:var(--wika-700);text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--t-md)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#00000029 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00000047 padding-box padding-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}.shell{min-height:100vh;display:flex}.shell-main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.page{width:100%;max-width:1280px;margin:0 auto;padding:24px 28px 52px}.page-baca{max-width:880px;margin-left:auto;margin-right:auto}.cari{border:1px solid var(--line);border-radius:var(--r-sm);min-width:300px;height:36px;font-size:var(--t-md);color:var(--ink);background:var(--surface);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:0 12px;font-family:inherit}.cari:focus{border-color:var(--wika-700);box-shadow:0 0 0 3px var(--tint-blue);outline:none}.cari::placeholder{color:var(--faint)}.bar-saring{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.bar-saring select{border:1px solid var(--line);border-radius:var(--r-sm);height:36px;font-size:var(--t-md);background:var(--surface);color:var(--ink);padding:0 10px;font-family:inherit}.bar-saring .jumlah{font-size:var(--t-sm);color:var(--muted)}.pemilih{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:stretch;max-width:100%;display:inline-flex;overflow:hidden}.pemilih-label{padding:0 var(--sp-3);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--muted);background:var(--surface-2);border-right:1px solid var(--line);white-space:nowrap;align-items:center;display:inline-flex}.pemilih-select{height:38px;padding:0 var(--sp-3);background:var(--surface);max-width:340px;color:var(--ink);font-size:var(--t-md);font-family:inherit;font-weight:var(--w-medium);cursor:pointer;text-overflow:ellipsis;border:0}.pemilih-select:focus-visible{outline:2px solid var(--wika-500);outline-offset:-2px}@media (width<=640px){.pemilih-select{max-width:190px}}.saring{align-items:center;gap:7px;display:inline-flex}.saring .saring-label{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--muted)}.saring select{border:1px solid var(--line);border-radius:var(--r-sm);height:36px;font-size:var(--t-md);background:var(--surface);color:var(--ink);cursor:pointer;padding:0 10px;font-family:inherit}.saring select:focus{border-color:var(--wika-700);box-shadow:0 0 0 3px var(--tint-blue);outline:none}.sidebar{width:var(--sidebar-w);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);color:var(--ink-soft);border-right:1px solid var(--line);z-index:40;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.brand-mark{border:2.5px solid var(--wika-700);font-weight:var(--w-bold);font-style:italic;font-size:var(--t-lg);color:var(--wika-700);letter-spacing:.02em;border-radius:999px;flex:none;padding:3px 10px}.brand-name{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);letter-spacing:-.01em;line-height:1.15}.brand-sub{font-size:var(--t-xs);color:var(--muted);letter-spacing:.04em;text-wrap:balance;line-height:1.3}.brand-logo{flex-shrink:0;width:auto;height:28px;display:block}.login-left .brand-logo{height:34px}.nav-group-label{font-size:var(--t-xs);font-weight:var(--w-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:16px 18px 6px}.nav-item{border-radius:var(--r-sm);font-size:var(--t-md);font-weight:var(--w-medium);color:var(--ink-soft);cursor:pointer;text-align:left;width:calc(100% - 20px);transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;align-items:center;gap:10px;margin:1px 10px;padding:8px 12px;display:flex}.nav-item.active{background:var(--tint-blue);color:var(--wika-700);font-weight:var(--w-medium);box-shadow:none}.nav-item .nav-ic{opacity:.75;flex:none;justify-content:center;align-items:center;width:18px;display:inline-flex}.nav-item.active .nav-ic{opacity:1}.nav-badge{background:var(--red-600);color:#fff;font-size:var(--t-xs);font-weight:var(--w-bold);border-radius:var(--r-sm);place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;display:grid}.topbar{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--line);z-index:30;align-items:center;gap:14px;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{font-size:var(--t-lg);font-weight:var(--w-medium);color:var(--ink);letter-spacing:-.01em}.topbar-crumb{font-size:var(--t-sm);color:var(--muted)}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.userchip{background:var(--fill-quiet);cursor:pointer;transition:background .15s var(--ease);border:none;border-radius:999px;align-items:center;gap:9px;padding:5px 12px 5px 6px;display:flex}.userchip:hover{background:var(--fill-quiet-hover)}.avatar{width:28px;height:28px;font-size:var(--t-xs);font-weight:var(--w-bold);color:#fff;background:linear-gradient(180deg, var(--wika-600), var(--wika-700));border-radius:50%;flex:none;place-items:center;display:grid}.userchip-name{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink);line-height:1.1}.userchip-role{font-size:var(--t-xs);color:var(--muted)}.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid #0000000a}.card-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:14px 20px;display:flex}.card-head h3{font-size:var(--t-md);font-weight:var(--w-medium);align-items:center;gap:var(--sp-2);display:flex}.ikon-judul{color:var(--wika-700);opacity:.55;flex:none}.card-head .spacer{flex:1}.card{transition:box-shadow .22s var(--ease), transform .22s var(--ease)}.card-klik{cursor:pointer}.card-klik:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-tenang{background:var(--surface);border-color:var(--line);box-shadow:none}.card.card-utama{border-left:3px solid var(--wika-700);background:var(--tint-utama);box-shadow:var(--shadow-sm)}.card-utama .card-head{background:0 0}.card-tenang .card-head{border-bottom-color:var(--line-soft)}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}.page-head{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.page-head h1{font-size:var(--t-xl);font-weight:var(--w-medium);letter-spacing:-.015em}.page-head .sub{color:var(--muted);font-size:var(--t-md);max-width:640px;margin-top:3px}.page-head .actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.kosong-blok{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center;flex-direction:column;display:flex}.kosong-ringkas{padding:var(--sp-5) var(--sp-3);gap:var(--sp-2)}.kosong-ikon{color:var(--line);flex:none}.kosong-pesan{font-size:var(--t-sm);color:var(--muted);max-width:40ch;line-height:var(--lh-baca);margin:0}.terpotong{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-2);border-top:1px dashed var(--line);font-size:var(--t-xs);color:var(--muted);flex-wrap:wrap;display:flex}.terpotong strong{color:var(--ink-soft);font-variant-numeric:tabular-nums}.paginasi{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line-soft);font-size:var(--t-xs);color:var(--muted);flex-wrap:wrap;display:flex}.paginasi-hitung strong{color:var(--ink-soft);font-variant-numeric:tabular-nums}.paginasi-kontrol{gap:4px;margin-left:auto;display:flex}.paginasi-btn{min-width:30px;height:30px;padding:0 var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:var(--t-xs);font-weight:var(--w-medium);cursor:pointer;font-variant-numeric:tabular-nums}.paginasi-btn:hover:not(:disabled){background:var(--fill-quiet)}.paginasi-btn.aktif{background:var(--tint-blue);border-color:var(--wika-700);color:var(--wika-700);font-weight:var(--w-bold)}.paginasi-btn:disabled{color:var(--line);cursor:not-allowed}.paginasi-elipsis{color:var(--faint);-webkit-user-select:none;user-select:none;padding:0 2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.banner-tender{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);border-radius:var(--r-lg);background:linear-gradient(135deg, var(--wika-800), var(--wika-900));color:#fff;flex-wrap:wrap;display:flex}.banner-utama{min-width:0}.banner-kode{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.06em;color:#ffffffb8;margin-bottom:2px;display:inline-block}.banner-tender h2{font-size:var(--t-xl);font-weight:var(--w-bold);letter-spacing:-.02em;margin:0}.banner-tender .ket-xs{color:#ffffffbd}.banner-lencana{gap:var(--sp-2);flex-wrap:wrap;margin-left:auto;display:flex}.banner-lencana .badge.bg-netral{color:#fff;background:#ffffff29}.kpi4{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(232px,1fr));display:grid}.kpi-besar{padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;display:flex}.kpi-kepala{align-items:center;gap:var(--sp-2);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:flex}.kpi-kepala svg{color:var(--wika-700);opacity:.7;flex:none}.kpi-angka{font-size:38px;font-weight:var(--w-bold);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.kpi-satuan{font-size:var(--t-xl);font-weight:var(--w-medium);color:var(--muted);margin-left:2px}.kpi-belum{font-size:var(--t-lg);font-weight:var(--w-medium);color:var(--muted);letter-spacing:0}.kpi-bar{background:var(--fill-quiet);border-radius:999px;height:6px;overflow:hidden}.kpi-bar>span{background:var(--wika-700);height:100%;transition:width .24s var(--ease);border-radius:999px;display:block}.kpi-ket{font-size:var(--t-xs);color:var(--muted);line-height:var(--lh-baca)}.kpi-ket em{color:var(--ink-soft);font-style:normal}.kpi-disiplin{gap:var(--sp-3);font-size:var(--t-xs);color:var(--muted);flex-wrap:wrap;display:flex}.kpi-disiplin span{align-items:center;gap:5px;display:inline-flex}.kpi-disiplin i{border-radius:50%;flex:none;width:8px;height:8px}.card.kpi-bahaya{border-left:3px solid var(--red-600);background:var(--red-50)}.card.kpi-bahaya .kpi-angka{color:var(--red-600)}.card.kpi-aman{border-left:3px solid var(--ok-600)}.stepper{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.step{align-items:flex-start;gap:var(--sp-2);min-width:0;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-soft);flex:150px;display:flex}.step-bulat{width:24px;height:24px;font-size:var(--t-xs);font-weight:var(--w-bold);background:var(--fill-quiet);color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.step-teks{flex-direction:column;gap:1px;min-width:0;display:flex}.step-teks strong{font-size:var(--t-sm);line-height:var(--lh-rapat)}.step-divisi{font-size:var(--t-xs);color:var(--faint)}.step-jumlah{font-size:var(--t-xs);color:var(--muted);margin-top:2px}.step-selesai{background:var(--ok-100);border-color:#0000}.step-selesai .step-bulat{background:var(--ok-600);color:#fff}.step-selesai .step-jumlah{color:var(--ok-600);font-weight:var(--w-medium)}.step-jalan{background:var(--surface);border-color:var(--wika-700);box-shadow:var(--shadow-sm)}.step-jalan .step-bulat{background:var(--wika-700);color:#fff}.step-jalan .step-jumlah{color:var(--wika-700);font-weight:var(--w-bold)}.grid-84{gap:var(--sp-4);grid-template-columns:2fr 1fr;align-items:start;display:grid}@media (width<=1100px){.grid-84{grid-template-columns:1fr}}.aksi-baris{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;display:flex}.aksi-baris:last-child{border-bottom:none}.aksi-teks{flex-direction:column;flex:1;min-width:0;display:flex}.aksi-teks strong{font-size:var(--t-md)}.donut-baris{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.donut-gambar{flex:none;width:190px;height:190px}.donut-legenda{gap:var(--sp-2);flex-direction:column;flex:1;min-width:180px;margin:0;padding:0;list-style:none;display:flex}.donut-legenda li{align-items:center;gap:var(--sp-2);font-size:var(--t-sm);display:flex}.donut-legenda i{border-radius:50%;flex:none;width:10px;height:10px}.donut-nama{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.donut-nilai{font-weight:var(--w-bold);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.beban2{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line-soft);display:flex}.beban2:last-child{border-bottom:none}.beban2-ava{color:#fff;width:32px;height:32px;font-size:var(--t-xs);font-weight:var(--w-bold);border-radius:50%;flex:none;place-items:center;display:grid}.beban2-teks{flex-direction:column;flex:1;min-width:0;display:flex}.beban2-teks strong{font-size:var(--t-sm)}.beban2-angka{align-items:center;gap:var(--sp-2);font-size:var(--t-xs);color:var(--muted);white-space:nowrap;display:flex}.vendor-kartu{align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;border-bottom:1px solid var(--line-soft);cursor:pointer;flex-wrap:wrap;display:flex}.vendor-kartu:last-child{border-bottom:none}.vendor-kartu:hover{background:var(--fill-quiet)}.vendor-nama{min-width:0;font-size:var(--t-sm);font-weight:var(--w-medium);flex:1}.vendor-meta{width:100%}.istilah{gap:var(--sp-2);flex-wrap:wrap;display:flex}.singkatan{border-bottom:1px dashed var(--line);font-size:var(--t-xs);font-weight:var(--w-medium);color:var(--ink-soft);padding:2px var(--sp-2);border-radius:var(--r-sm);background:var(--fill-quiet);cursor:help;text-decoration:none}.head-ikon{border-radius:var(--r-md);background:var(--tint-blue);width:42px;height:42px;color:var(--wika-700);flex:none;justify-content:center;align-items:center;display:inline-flex}@media (width<=640px){.kosong-blok{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center;flex-direction:column;display:flex}.kosong-ringkas{padding:var(--sp-5) var(--sp-3);gap:var(--sp-2)}.kosong-ikon{color:var(--line);flex:none}.kosong-pesan{font-size:var(--t-sm);color:var(--muted);max-width:40ch;line-height:var(--lh-baca);margin:0}.terpotong{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-2);border-top:1px dashed var(--line);font-size:var(--t-xs);color:var(--muted);flex-wrap:wrap;display:flex}.terpotong strong{color:var(--ink-soft);font-variant-numeric:tabular-nums}.head-ikon{display:none}}.btn{border-radius:var(--r-md);font-size:var(--t-md);font-weight:var(--w-medium);cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease), transform .12s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 16px;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring-blue);outline:none}.btn-primary{background:linear-gradient(180deg, #0f67b6, var(--wika-700));color:#fff;box-shadow:0 1px 2px #002b5640}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg, #1a74c4, var(--wika-600));box-shadow:0 2px 8px #002b5647}.btn-outline{background:var(--fill-quiet);color:var(--ink-soft);border-color:#0000}.btn-outline:hover:not(:disabled){background:var(--fill-quiet-hover);color:var(--wika-700)}.btn-ghost{color:var(--wika-700);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--tint-blue)}.btn-danger{background:var(--red-600);color:#fff}.btn-ok{background:var(--ok-600);color:#fff}.btn-sm{font-size:var(--t-sm);border-radius:var(--r-sm);padding:5px 11px}.badge{font-size:var(--t-xs);font-weight:var(--w-medium);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2.5px 10px;line-height:1.5;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.bg-ok{background:var(--ok-100);color:var(--ok-600)}.bg-warn{background:var(--warn-100);color:var(--warn-700)}.bg-danger{background:var(--red-100);color:var(--red-600)}.bg-netral{background:var(--fill-quiet);color:var(--muted)}.bg-info{color:var(--ink-soft);background:#26201c0f}.bg-neutral{background:var(--neutral-100);color:var(--neutral-600)}.bg-purple{background:var(--purple-100);color:var(--purple-600)}.tbl-wrap{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:var(--t-md)}.tbl th{text-align:left;font-size:var(--t-xs);font-weight:var(--w-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:0 0;padding:10px 14px}.tbl td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:11px 14px}.tbl tbody tr.clickable{cursor:pointer}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .tengah{text-align:center}.tbl .kode{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--wika-700);font-weight:var(--w-medium)}.field{flex-direction:column;gap:5px;display:flex}.field label{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink-soft)}.field .req{color:var(--red-600)}.field input,.field select,.field textarea{border-radius:var(--r-md);background:var(--fill-quiet);color:var(--ink);transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);border:1px solid #0000;outline:none;padding:9px 12px}.field input:focus,.field select:focus,.field textarea:focus{background:var(--surface);border-color:var(--wika-600);box-shadow:0 0 0 3px var(--ring-blue)}.field .hint{font-size:var(--t-xs);color:var(--muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.form-grid>.field{min-width:0}.field input,.field select,.field textarea{min-width:0;max-width:100%}.form-grid .span2{grid-column:span 2}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.stat{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid #0000000a;padding:16px 18px;position:relative;overflow:hidden}.stat:before{content:"";border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--line);width:4px;position:absolute;top:14px;bottom:14px;left:0}.stat.ok:before{background:var(--ok-600)}.stat.warn:before{background:var(--warn-700)}.stat.danger:before{background:var(--red-600)}.stat-label{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--muted)}.stat-value{font-size:var(--t-2xl);font-weight:var(--w-medium);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px}.stat-sub{font-size:var(--t-sm);color:var(--faint);margin-top:3px}.stat{transition:box-shadow .22s var(--ease), transform .22s var(--ease), border-color .22s var(--ease)}.stat:before{transition:width .22s var(--ease)}.stat:hover{box-shadow:var(--shadow-sm);border-color:var(--line);transform:none}@media (prefers-reduced-motion:reduce){.stat,.stat:before{transition:none}.stat:hover{transform:none}}.overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .16s var(--ease);background:#00000059;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:540px;max-height:88vh;animation:popIn .2s var(--ease);flex-direction:column;display:flex}.modal.wide{max-width:780px}.modal.xwide{max-width:1080px}.modal-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:18px 24px 12px;display:flex}.modal-head h3{font-size:var(--t-lg);font-weight:var(--w-medium);letter-spacing:-.01em}.modal-body{padding:18px 24px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:9px;padding:14px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.98)}}.tracker{gap:0;padding:4px 0;display:flex;overflow-x:auto}.trk{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:120px;padding:0 6px;display:flex;position:relative}.trk:before{content:"";background:var(--line);height:2px;position:absolute;top:15px;left:-50%;right:50%}.trk:first-child:before{display:none}.trk.done:before,.trk.now:before{background:var(--wika-700)}.trk-dot{background:var(--surface);border:2px solid var(--line);width:30px;height:30px;font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--faint);z-index:1;transition:box-shadow .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.trk.done .trk-dot{background:var(--wika-700);border-color:var(--wika-700);color:#fff}.trk.now .trk-dot{border-color:var(--wika-700);color:var(--wika-700);box-shadow:0 0 0 4px var(--tint-blue)}.trk-nama{font-size:var(--t-xs);font-weight:var(--w-medium);color:var(--muted);margin-top:7px;line-height:1.3}.trk.now .trk-nama,.trk.done .trk-nama{color:var(--wika-700)}.trk-divisi{font-size:var(--t-xs);color:var(--faint);margin-top:2px}.bell-wrap{position:relative}.bell-btn{background:var(--fill-quiet);cursor:pointer;width:36px;height:36px;font-size:var(--t-lg);transition:background .15s var(--ease);border:none;border-radius:50%;place-items:center;display:grid;position:relative}.bell-btn:hover{background:var(--fill-quiet-hover)}.bell-count{background:var(--red-600);color:#fff;font-size:var(--t-xs);font-weight:var(--w-bold);border-radius:var(--r-sm);border:2px solid var(--surface);place-items:center;min-width:16px;height:16px;padding:0 4px;display:grid;position:absolute;top:-4px;right:-4px}.notif-pop{background:var(--surface);border-radius:var(--r-lg);width:360px;max-height:440px;box-shadow:var(--shadow-lg);z-index:70;border:1px solid #0000000f;position:absolute;top:46px;right:0;overflow:hidden auto}.notif-item{border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .13s var(--ease);gap:10px;padding:11px 15px;display:flex}.notif-item:hover{background:var(--canvas)}.notif-item.unread{background:var(--wika-50)}.notif-dot{background:var(--wika-600);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.notif-dot.read{background:#0000001f}.banner{border-radius:var(--r-md);font-size:var(--t-sm);align-items:flex-start;gap:10px;padding:12px 16px;line-height:1.55;display:flex}.banner-info{background:var(--info-100);color:var(--info-600)}.banner-warn{background:var(--warn-100);color:var(--warn-700)}.banner-ok{background:var(--ok-100);color:var(--ok-600)}.banner-danger{background:var(--red-100);color:var(--red-600)}.kv{font-size:var(--t-md);grid-template-columns:150px 1fr;gap:7px 16px;display:grid}.kv dt{color:var(--muted);font-weight:var(--w-medium)}.kv dd{font-weight:var(--w-medium);margin:0}.toast-holder{z-index:90;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:22px;right:22px}.toast{-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);color:var(--ink);font-size:var(--t-md);font-weight:var(--w-medium);animation:toastIn .24s var(--ease);background:#fafafad9;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:9px;max-width:380px;padding:12px 20px;display:flex;box-shadow:0 8px 32px #00000029,0 2px 8px #00000014}.toast .t-ok{color:#28a745}.toast-sisa{color:var(--muted);font-style:italic}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.97)}}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:18px;display:flex;overflow-x:auto}.tab{font-size:var(--t-md);font-weight:var(--w-medium);color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .15s var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px}.tab:hover{color:var(--ink)}.tab.active{color:var(--wika-700);font-weight:var(--w-medium);border-bottom-color:var(--wika-700)}.tab .tab-count{background:var(--neutral-100);color:var(--neutral-600);border-radius:var(--r-sm);font-size:var(--t-xs);margin-left:6px;padding:1px 6px}.empty{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--muted);flex-direction:column;display:flex}.empty-ringkas{padding:var(--sp-5) var(--sp-3)}.empty-ikon{color:var(--line);margin-bottom:var(--sp-1);flex:none}.empty h4{color:var(--ink-soft);font-size:var(--t-md);margin:0}.empty p{font-size:var(--t-sm);max-width:44ch;line-height:var(--lh-baca);margin:0}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-31{grid-template-columns:2fr 1fr;gap:16px;display:grid}.mt{margin-top:16px}.mb{margin-bottom:16px}.login-wrap{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-left{background:linear-gradient(165deg, var(--wika-900) 0%, var(--wika-950) 70%);color:#fff;flex-direction:column;padding:48px 52px;display:flex;position:relative;overflow:hidden}.login-left .brand-mark{color:#fff;border-color:#fff}.login-panel{width:100%;max-width:470px}.role-card{border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;width:100%;transition:box-shadow .18s var(--ease), transform .18s var(--ease), border-color .18s var(--ease);border:1px solid #0000000d;align-items:center;gap:12px;margin-bottom:8px;padding:13px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.role-card:hover{box-shadow:var(--shadow-md);border-color:#005bab59;transform:translateY(-1px)}.role-card .rc-name{font-size:var(--t-md);font-weight:var(--w-medium);color:var(--ink)}.role-card .rc-desc{font-size:var(--t-sm);color:var(--muted);margin-top:1px}.role-card .rc-go{color:var(--faint);margin-left:auto}.late-row{border-bottom:1px solid var(--line-soft);font-size:var(--t-sm);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.aktivitas-baris{gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line-soft);font-size:var(--t-sm);align-items:flex-start;display:flex}.aktivitas-baris:last-child{border-bottom:none}.late-ic{border-radius:var(--r-sm);background:var(--red-100);width:30px;height:30px;color:var(--red-600);font-weight:var(--w-bold);flex:none;place-items:center;display:grid}@media (width<=1080px){.login-wrap{grid-template-columns:1fr}.login-left{display:none}.grid-2,.grid-31,.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}}.menu-btn,.tirai{display:none}@media (width<=900px){.sidebar{visibility:hidden;transition:transform .28s var(--ease), visibility 0s .28s;transform:translate(-100%)}.sidebar.buka{visibility:visible;transition:transform .28s var(--ease), visibility 0s 0s;transform:none;box-shadow:0 0 44px #00000038}.shell-main{margin-left:0}.menu-btn{border-radius:var(--r-sm);background:var(--fill-quiet);width:36px;height:36px;color:var(--ink);font-size:var(--t-lg);cursor:pointer;transition:background .15s var(--ease);border:none;flex:none;place-items:center;display:grid}.menu-btn:hover{background:var(--fill-quiet-hover)}.tirai{z-index:35;cursor:pointer;background:#00000057;border:none;padding:0;display:block;position:fixed;inset:0}.topbar{padding:0 16px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media print{.sidebar,.topbar,.no-print{display:none!important}.shell-main{margin-left:0}body{background:#fff}}.paket-baris{border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .16s var(--ease);align-items:center;gap:10px;padding:11px 20px;display:flex}.paket-baris:last-of-type{border-bottom:none}.paket-baris:hover{background:var(--canvas)}.paket-nama{min-width:0;font-size:var(--t-md);font-weight:var(--w-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.paket-tahap{font-size:var(--t-sm);color:var(--muted);white-space:nowrap}.paket-titik{flex-shrink:0;gap:4px;display:inline-flex}.paket-titik i{background:var(--line);border-radius:999px;width:7px;height:7px}.paket-titik i.aktif{background:var(--wika-700)}.paket-kaki{border-top:1px solid var(--line-soft);text-align:center;padding:10px 20px}.pilih-tracker{font-size:var(--t-sm);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--fill-quiet);color:var(--ink-soft);cursor:pointer;max-width:240px;padding:5px 10px}.pilih-tracker:hover:not(:disabled){background:var(--fill-quiet-hover)}.pilih-tracker:disabled{opacity:.45;cursor:not-allowed}.pilih-tracker:focus-visible{box-shadow:0 0 0 3px var(--ring-blue);outline:none}.tbl-wrap{max-height:70vh;overflow-y:auto}.tbl thead th{z-index:2;background:var(--surface);position:sticky;top:0}.page-head{margin-bottom:24px}.page-head h1{font-size:var(--t-2xl);letter-spacing:-.022em}.page-head .sub{font-size:var(--t-md);margin-top:5px}.tugas-baris{border-radius:var(--r-sm);border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .16s var(--ease);align-items:center;gap:12px;margin:0 -10px;padding:11px 10px;display:flex}.tugas-baris:last-child{border-bottom:none}.tugas-baris:hover{background:var(--canvas)}.tugas-dot{background:var(--wika-700);width:8px;height:8px;box-shadow:0 0 0 3px var(--tint-blue);border-radius:50%;flex:none}.tugas-dot.telat{background:var(--red-600);box-shadow:0 0 0 3px var(--red-100)}.tugas-label{font-size:var(--t-md);font-weight:var(--w-medium);flex:1}.kosong-aman{border-radius:var(--r-sm);background:var(--fill-quiet);font-size:var(--t-sm);color:var(--ink-soft);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.kosong-ikon{background:var(--ok-100);width:18px;height:18px;color:var(--ok-600);font-size:var(--t-xs);font-weight:var(--w-bold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.ket-xs{font-size:var(--t-xs);color:var(--muted)}.ket{font-size:var(--t-sm);color:var(--muted)}.ket-md{font-size:var(--t-md);color:var(--muted)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.ikon{font-size:var(--t-sm);color:var(--faint);flex:none;line-height:1}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-rata-atas{align-items:start}.judul-bagian{font-size:var(--t-lg);font-weight:var(--w-medium);margin:4px 0 12px}.corong{align-items:flex-end;gap:var(--sp-2);display:flex}.corong-track{background:var(--fill-quiet);border-radius:var(--r-sm);align-items:flex-end;width:100%;height:44px;display:flex;overflow:hidden}.corong-tahap{align-items:center;gap:var(--sp-15);min-width:0;padding:var(--sp-2) var(--sp-1) var(--sp-15);border-radius:var(--r-sm);cursor:pointer;font:inherit;text-align:center;transition:background .2s var(--ease);background:0 0;border:none;flex-direction:column;flex:1;display:flex}.corong-batang{border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--wika-600);width:100%;transition:height .2s var(--ease)}.corong-tahap.kosong .corong-batang{background:0 0}.corong-tahap.kosong .corong-angka{color:var(--faint)}.corong-angka{font-size:var(--t-lg);font-weight:var(--w-bold);line-height:1}.corong-nama{font-size:var(--t-xs);color:var(--muted);line-height:1.25}.corong-divisi{font-size:var(--t-xs);color:var(--faint);letter-spacing:.03em}.angka-jalur{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(168px,1fr));display:grid}.angka{padding:var(--sp-5);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);transition:box-shadow .2s var(--ease);position:relative;overflow:hidden}.angka-ikon{top:var(--sp-4);right:var(--sp-4);border-radius:var(--r-sm);background:var(--fill-quiet);width:34px;height:34px;color:var(--muted);opacity:1;pointer-events:none;padding:7px;position:absolute}.angka-tegas{background:linear-gradient(140deg, var(--wika-600), var(--wika-800));border-color:var(--wika-800);color:#fff}.angka-tegas .angka-ket,.angka-tegas .angka-label{color:#ffffffd1}.angka-tegas .angka-ikon{color:#fff;background:#ffffff2e}.angka-bahaya{background:var(--red-50);border-color:var(--red-100)}.angka-bahaya .angka-ikon{background:var(--red-100);color:var(--red-700)}.angka-nilai{font-size:var(--t-3xl);font-weight:var(--w-bold);letter-spacing:-.025em;line-height:1.05}.angka-label{font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:var(--sp-2)}.angka-ket{font-size:var(--t-xs);color:var(--faint);margin-top:3px}.angka.bahaya .angka-nilai{color:var(--red-600)}.beban-baris{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line-soft);font-size:var(--t-sm);display:flex}.beban-baris:last-child{border-bottom:none}.beban-nama{text-overflow:ellipsis;white-space:nowrap;width:34%;min-width:0;overflow:hidden}.beban-bar{background:var(--fill-quiet);border-radius:999px;flex:1;height:6px;overflow:hidden}.beban-bar>span{background:var(--d-laut);border-radius:999px;height:100%;display:block}.beban-angka{font-size:var(--t-xs);color:var(--muted);white-space:nowrap}.ringkas-baris{align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--line-soft);font-size:var(--t-sm);display:flex}.ringkas-baris:last-of-type{border-bottom:none}.ringkas-baris[role=button]{cursor:pointer}.ringkas-baris[role=button]:hover{color:var(--wika-700)}.ringkas-telat{font-size:var(--t-xs);color:var(--red-600);font-weight:var(--w-medium)}.ringkas-dua{flex-direction:column;align-items:stretch;gap:2px}.ringkas-utama{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ringkas-utama .badge{flex:none}.ringkas-sub{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.ringkas-nilai{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}@media (width<=1080px){.grid-3{grid-template-columns:1fr}.corong-nama,.corong-divisi{font-size:var(--t-xs)}}.tender-baris{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line-soft);font-size:var(--t-md);cursor:pointer;display:flex}.tender-baris:last-child{border-bottom:none}.tender-baris:hover{color:var(--wika-700)}.sidebar-brand{overflow:hidden}.sidebar-brand>*{min-width:0}.brand-sub{text-overflow:ellipsis;overflow:hidden}.sidebar{background:var(--nav-bg);color:var(--nav-teks);-webkit-backdrop-filter:none;backdrop-filter:none;border-right:none}.sidebar-brand{border-bottom-color:var(--nav-garis);padding:var(--sp-5) var(--sp-4) var(--sp-4)}.brand-name{color:#fff}.brand-sub{color:var(--nav-redup);font-size:var(--t-xs);letter-spacing:.02em}.nav-group-label{color:var(--nav-redup);padding:var(--sp-5) var(--sp-4) var(--sp-15)}.nav-item{color:var(--nav-teks);border-radius:var(--r-sm);margin:1px var(--sp-2);padding:var(--sp-2) var(--sp-3);width:calc(100% - 16px);position:relative}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{background:var(--nav-aktif);color:#fff;font-weight:var(--w-bold)}.nav-item.active:before{content:"";border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--wika-logo);width:3px;position:absolute;top:7px;bottom:7px;left:-4px}.nav-item .nav-ic{color:var(--nav-redup);opacity:1}.topbar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;height:60px;padding:0 var(--sp-6);border-bottom:1px solid var(--line)}.topbar-title{font-size:var(--t-md);font-weight:var(--w-medium)}@media (width<=900px){.topbar{background:var(--nav-bg);border-bottom-color:var(--nav-garis)}.topbar-title{color:#fff}.topbar-crumb{color:var(--nav-redup)}.userchip{background:#ffffff1a}.userchip:hover{background:#ffffff2e}.userchip-name{color:#fff}.userchip-role{color:var(--nav-teks)}.bell-btn{color:#fff;background:#ffffff1a}.bell-btn:hover{background:#ffffff2e}.bell-count{border-color:var(--nav-bg)}.menu-btn{color:#fff;border-color:var(--nav-garis);background:#ffffff1a}.menu-btn:hover{background:#ffffff2e}}.sidebar .brand-logo{filter:brightness(0)invert()}.card{border-radius:var(--r-lg);border:1px solid var(--line-soft);box-shadow:none}.card-head{background:var(--surface-2);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line-soft);border-radius:var(--r-lg) var(--r-lg) 0 0;row-gap:var(--sp-1);flex-wrap:wrap}.card-head h3{font-weight:var(--w-bold);font-size:var(--t-lg)}.card-tenang{background:var(--surface-2);border-color:var(--line-soft)}.card-tenang .card-head{background:0 0}.card-klik:hover{box-shadow:var(--shadow-md)}.stat{border-radius:var(--r-md);border:1px solid var(--line-soft);box-shadow:none;padding:var(--sp-4) var(--sp-5)}.stat:hover{box-shadow:none;border-color:var(--line-soft)}.stat:hover:before{width:4px}.stat,.stat:before{transition:none}.stat-sub{color:var(--faint)}.grid-2,.grid-3,.grid-31,.stat-grid{gap:var(--sp-4)}.judul-bagian{margin:var(--sp-2) 0 var(--sp-3)}.tbl th{text-transform:none;letter-spacing:0;font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--muted);border-bottom:1px solid var(--line)}.tbl thead th{background:var(--surface-2)}.tbl th,.tbl td{padding:var(--sp-3) var(--sp-2)}.tbl td{line-height:var(--lh-ui)}.tbl tbody tr:nth-child(2n){background:0 0}.tbl tbody tr:hover{background:var(--fill-quiet)}.tbl .kode{color:var(--ink-soft);white-space:nowrap}.tbl-wrap{border-radius:var(--r-md);background:linear-gradient(to right, var(--surface) 40%, #fff0) left / 28px 100% no-repeat local, linear-gradient(to left, var(--surface) 40%, #fff0) right / 28px 100% no-repeat local, linear-gradient(to right, #0a2a4e33, #0a2a4e00) left / 16px 100% no-repeat scroll, linear-gradient(to left, #0a2a4e33, #0a2a4e00) right / 16px 100% no-repeat scroll}.ket-xs{font-size:var(--t-sm)}.ket,.ket-xs{line-height:var(--lh-ui);max-width:68ch}.ket-md,.page-head .sub,.empty p{line-height:var(--lh-baca);max-width:68ch}.trk-nama{font-size:var(--t-sm);margin-top:var(--sp-2)}.trk-divisi{font-size:var(--t-xs)}.corong-nama{font-size:var(--t-sm)}.badge{padding:var(--sp-1) var(--sp-3);line-height:var(--lh-ui)}.sel-aksi{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.btn{border-radius:var(--r-md)}.btn-sm{padding:var(--sp-15) var(--sp-3);border-radius:var(--r-sm)}.field{gap:var(--sp-15)}.field input,.field select,.field textarea{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--surface);border-color:var(--line)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--wika-600)}.cari,.bar-saring select,.saring select,.pilih-tracker{border-radius:var(--r-sm)}input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--wika-700)}.modal-head{background:var(--surface-2);border-radius:var(--r-lg) var(--r-lg) 0 0}.overlay{background:#061a306b}.notif-pop{border-radius:var(--r-lg)}.banner,.role-card{border-radius:var(--r-md)}.recharts-text{font-size:var(--t-xs)}.corong-tahap:hover{background:var(--fill-quiet)}.ringkas-baris[role=button]:hover,.tender-baris:hover{background:var(--fill-quiet);color:inherit}.paket-baris:hover,.tugas-baris:hover,.notif-item:hover{background:var(--fill-quiet)}.bg-danger,.ringkas-telat{color:var(--red-700)}@media (width<=900px){.topbar{padding:0 var(--sp-4)}}.tbl td{vertical-align:middle}.tbl td .btn-sm,.tbl td .badge+.btn-sm,.tbl td .badge+.btn{margin-left:var(--sp-3)}.tbl td .badge+.badge{margin-left:var(--sp-2)}.bento{gap:var(--sp-4);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.bento>*{min-width:0}.bento>*>:last-child{margin-bottom:0}.b-8{grid-column:span 8}.b-7{grid-column:span 7}.b-6{grid-column:span 6}.b-5{grid-column:span 5}.b-4{grid-column:span 4}.b-12{grid-column:span 12}@media (width<=1180px){.b-8,.b-7,.b-6,.b-5,.b-4{grid-column:span 12}}.kartu-ruang{background:linear-gradient(160deg, var(--ruang) 0%, var(--ruang-2) 100%);color:var(--ruang-teks);border:1px solid var(--ruang-garis);border-radius:var(--r-lg);overflow:hidden}.kartu-ruang .ket,.kartu-ruang .ket-xs{color:var(--ruang-redup)}.kartu-ruang h3{color:var(--ruang-teks)}.kartu-ruang .card-head{border-bottom:1px solid var(--ruang-garis);background:0 0}.putusan{align-items:center;gap:var(--sp-3);cursor:pointer;border-bottom:1px solid var(--ruang-garis);transition:background var(--dur-2) var(--ease);padding:11px 20px;display:flex}.putusan:last-child{border-bottom:0}.putusan:hover{background:#ffffff0d}.putusan-tanda{border-radius:var(--r-sm);background:#ffffff17;flex:none;place-items:center;width:30px;height:30px;display:grid}.putusan-isi{flex:1;min-width:0}.putusan-judul{font-size:var(--t-md);font-weight:var(--w-medium)}.putusan-ket{font-size:var(--t-xs);color:var(--ruang-redup)}.putusan-aksi{font-size:var(--t-sm);color:var(--ruang-redup);flex:none}.kpi-mini{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.kpi-kotak{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur-2) var(--ease);flex-direction:column;gap:3px;padding:13px 15px;display:flex}.kpi-kotak.klik{cursor:pointer}.kpi-kotak.klik:hover{border-color:var(--ink-soft)}.kpi-kotak .lab{font-size:var(--t-xs);color:var(--muted);font-weight:var(--w-medium);align-items:center;gap:5px;display:flex}.kpi-kotak .nilai{font-size:30px;font-weight:var(--w-bold);letter-spacing:-.02em;line-height:1.1}.kpi-kotak .sub{font-size:var(--t-xs);color:var(--faint)}.kpi-kotak.tepi{border-left-width:3px}.kpi-kotak.tepi-bahaya{border-left-color:var(--red-600)}.kpi-kotak.tepi-perhatian{border-left-color:var(--d-madu)}.kpi-kotak.tepi-beres{border-left-color:var(--d-hutan)}.kpi-kotak.tepi-netral{border-left-color:var(--d-laut)}.kpi-kotak.tepi-bata{border-left-color:var(--d-bata)}.kpi-kotak.tepi-plum{border-left-color:var(--d-plum)}.spark{width:100%;height:30px;display:block}.bullet{background:var(--fill-quiet);border-radius:999px;height:9px;position:relative;overflow:hidden}.bullet>i{border-radius:999px;display:block;position:absolute;inset:0 auto 0 0}.bullet-target{background:var(--ink);width:2px;position:absolute;top:-3px;bottom:-3px}.alur-pita{align-items:stretch;gap:4px;display:flex}.alur-sel{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);text-align:center;cursor:pointer;min-width:0;transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);flex:1;padding:9px 8px 10px}.alur-sel:hover{border-color:var(--ink-soft);transform:translateY(-2px)}.alur-sel .n{font-size:24px;font-weight:var(--w-bold);line-height:1.15}.alur-sel.isi{background:var(--surface)}.alur-sel .pemilik{letter-spacing:.03em;color:var(--muted);align-items:center;gap:4px;margin-top:5px;font-size:11.5px;display:inline-flex}.alur-sel .pemilik i{border-radius:50%;width:6px;height:6px;display:block}.ubin-ikon{border-radius:var(--r-md);width:38px;height:38px;transition:transform var(--dur-2) var(--ease);flex:none;place-items:center;display:grid}.kpi-kotak:hover .ubin-ikon{transform:scale(1.06)}.ubin-laut{background:color-mix(in srgb, var(--d-laut) 13%, transparent);color:var(--d-laut)}.ubin-bata{background:color-mix(in srgb, var(--d-bata) 13%, transparent);color:var(--d-bata)}.ubin-hutan{background:color-mix(in srgb, var(--d-hutan) 13%, transparent);color:var(--d-hutan)}.ubin-madu{background:color-mix(in srgb, var(--d-madu) 15%, transparent);color:var(--d-madu)}.ubin-plum{background:color-mix(in srgb, var(--d-plum) 13%, transparent);color:var(--d-plum)}.ubin-bahaya{background:var(--red-100);color:var(--red-600)}.kpi-kotak{align-items:center;gap:var(--sp-3);flex-direction:row}.kpi-kotak .kpi-teks{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kpi-kotak .lab{font-size:12.5px;font-weight:var(--w-bold);letter-spacing:.07em;text-transform:uppercase}.kpi-kotak .lab.l-laut{color:var(--d-laut)}.kpi-kotak .lab.l-bata{color:var(--d-bata)}.kpi-kotak .lab.l-hutan{color:var(--d-hutan)}.kpi-kotak .lab.l-madu{color:var(--d-madu)}.kpi-kotak .lab.l-bahaya{color:var(--red-600)}.kpi-kotak .lab.l-plum{color:var(--d-plum)}.kpi-kotak .satuan{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--faint);margin-left:4px}.kpi-kotak .sub{color:var(--faint);font-size:13px}.tautan-semua{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--d-hutan);cursor:pointer;background:0 0;border:0;padding:0}.tautan-semua:hover{text-decoration:underline}.card,.kartu-ruang{border-radius:var(--r-lg)}.kpi-pita{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}@media (width<=620px){.kpi-pita{grid-template-columns:1fr}}.page-baca>.kpi-pita,.page-baca .kpi-pita{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=620px){.page-baca .kpi-pita{grid-template-columns:1fr}}.kpi-pita .lab{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:root{--ink:#0f1b2e;--ink-soft:#35415a;--muted:#4b5770;--faint:#4b5770;--line:#0f1b2e1c;--line-soft:#0f1b2e0f;--surface:#fff;--surface-2:#f7f9fd;--canvas:#f2f5fb;--fill-quiet:#f0f3f9;--fill-quiet-hover:#e7ecf6;--tint-blue:#005bab17;--tint-utama:#f1f6fc;--ring-blue:#2e82d24d;--ruang:#101e33;--ruang-2:#1a2a44;--ruang-garis:#ffffff21;--ruang-teks:#eef2f8;--ruang-redup:#a9b4c6;--r-sm:10px;--r-md:14px;--r-lg:20px;--shadow-sm:0 1px 2px #0f1b2e0a, 0 10px 28px -12px #0f1b2e29;--shadow-md:0 1px 3px #0f1b2e12, 0 18px 40px -16px #0f1b2e38;--shadow-lg:0 28px 70px -20px #0f1b2e66, 0 6px 18px -8px #0f1b2e2e;--nav-bg:#101e33;--nav-aktif:#fff}.card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-head{background:0 0;border-bottom:none;padding:17px 20px 0}.card-head h3{letter-spacing:-.012em;font-size:15.5px;font-weight:650}.card.card-utama{border-left:3px solid var(--wika-700);box-shadow:var(--shadow-md)}.btn{font-size:var(--t-sm);border-radius:999px;padding:8px 17px;font-weight:600}.btn-sm{border-radius:999px}.btn-primary{box-shadow:0 4px 12px -4px #005bab8c}.field input,.field select,.field textarea{border-radius:var(--r-sm);background:var(--surface);border-color:var(--line)}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px var(--ring-blue);border-color:#2e82d2}.modal{border-radius:var(--r-lg)}.nav-item{margin:2px var(--sp-2);padding:9px var(--sp-3);border-radius:999px}.nav-item.active{color:#101e33;background:#fff;font-weight:650}.nav-item.active:before{content:none}.nav-item:hover{background:#ffffff17}.kpi-kotak{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:17px 18px 16px}.kpi-kotak .nilai{letter-spacing:-.03em;font-size:30px}.ubin-ikon{border-radius:var(--r-md);box-shadow:0 2px 8px -2px #0f1b2e24}.tugas-baris,.paket-baris,.late-row,.beban-baris,.aktivitas-baris{border-bottom:1px solid var(--line-soft)}.tugas-baris,.paket-baris{border-radius:var(--r-sm)}.banner{border-radius:var(--r-md)}.bar-saring{margin-bottom:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:13px 16px}.bar-saring select,.bar-saring input,.bar-saring .cari{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);font-size:var(--t-sm);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;outline:none;padding:0 14px}.bar-saring select:focus,.bar-saring input:focus{box-shadow:0 0 0 3px var(--ring-blue);border-color:#2e82d2}.bar-saring .jumlah{font-size:var(--t-sm);color:var(--muted);white-space:nowrap;margin-left:auto}.baris-prioritas{align-items:center;gap:var(--sp-3);border-radius:var(--r-md);background:var(--fill-quiet);border-left:3px solid var(--muted);cursor:pointer;transition:background .15s var(--ease), transform .15s var(--ease);padding:11px 13px;display:flex}.baris-prioritas+.baris-prioritas{margin-top:9px}.baris-prioritas:hover{background:var(--fill-quiet-hover);transform:translate(2px)}.baris-prioritas.p-bahaya{border-left-color:var(--red-600)}.baris-prioritas.p-tunggu{border-left-color:var(--warn-700)}.baris-prioritas.p-jalan{border-left-color:var(--wika-700)}.baris-prioritas.p-beres{border-left-color:var(--ok-600)}.baris-prioritas .judul{font-size:var(--t-sm);font-weight:var(--w-medium);line-height:1.3}.baris-prioritas .tgl{font-size:var(--t-xs);color:var(--muted);margin-top:2px;display:block}.kanal+.kanal{margin-top:15px}.kanal-atas{align-items:baseline;gap:10px;display:flex}.kanal-nama{font-size:var(--t-sm);font-weight:var(--w-medium)}.kanal-nilai{font-size:var(--t-sm);font-weight:var(--w-medium);font-variant-numeric:tabular-nums;margin-left:auto}.kanal-pers{font-size:var(--t-xs);font-weight:var(--w-bold);text-align:right;min-width:46px}.kanal-bar{background:var(--line-soft);border-radius:999px;height:5px;margin-top:7px;overflow:hidden}.kanal-bar>i{height:100%;transition:width .5s var(--ease);border-radius:999px;display:block}.card select:not(.field *):not(.bar-saring *):not(.pemilih-select),.card input:not(.field *):not(.bar-saring *):not([type=checkbox]):not([type=radio]),.tbl select,.tbl input:not([type=checkbox]):not([type=radio]){border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);height:34px;color:var(--ink);font:inherit;font-size:var(--t-sm);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);outline:none;padding:0 11px}.card select:not(.field *):focus,.card input:not(.field *):focus,.tbl select:focus,.tbl input:focus{box-shadow:0 0 0 3px var(--ring-blue);border-color:#2e82d2}.tbl textarea,.card textarea:not(.field *){border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--t-sm);outline:none;padding:8px 11px}.tbl textarea:focus,.card textarea:not(.field *):focus{box-shadow:0 0 0 3px var(--ring-blue);border-color:#2e82d2}.judul-bagian{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:var(--sp-5) 0 var(--sp-3);align-items:center;gap:var(--sp-3);display:flex}.judul-bagian:after{content:"";background:var(--line);flex:1;height:1px}.pilih-jenis{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.pilih-jenis-opsi{text-align:left;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);flex-direction:column;gap:2px;display:flex}.pilih-jenis-opsi:hover{border-color:var(--wika-500)}.pilih-jenis-opsi.aktif{border-color:var(--wika-600);background:var(--tint-blue);box-shadow:inset 0 0 0 1px var(--wika-600)}.pilih-jenis-opsi strong{font-size:var(--t-md)}@media (width<=560px){.pilih-jenis{grid-template-columns:1fr}}.tender-baris{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);grid-template-columns:92px minmax(0,1fr) 110px 90px 120px 18px;display:grid}.tender-baris:hover{border-color:var(--wika-500);background:var(--tint-blue)}.tender-baris:focus-visible{outline:2px solid var(--wika-600);outline-offset:2px}.tender-baris-kode{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:var(--w-medium);color:var(--wika-700)}.tender-baris-nama{flex-direction:column;min-width:0;display:flex}.tender-baris-nama strong{font-size:var(--t-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tender-baris-kol{font-size:var(--t-sm);display:block}.tender-baris-buka{color:var(--muted);font-size:var(--t-sm)}@media (width<=900px){.tender-baris{grid-template-columns:minmax(0,1fr) auto}.tender-baris-kode,.tender-baris-kol:nth-of-type(2),.tender-baris-buka{display:none}}.linimasa-tender{margin:var(--sp-3) 0;padding:var(--sp-3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.linimasa-kepala{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.pilih-anggota{margin-top:var(--sp-3)}.pilih-anggota-kepala{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.pilih-anggota-kotak{flex:320px;min-width:0;max-width:460px;position:relative}.pilih-anggota-cari{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;min-width:0;font-size:var(--t-sm);background:var(--surface);color:inherit;padding:6px 10px}.pilih-anggota-cari:focus-visible{outline:2px solid var(--wika-600);outline-offset:1px}.pilih-anggota-panel{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);max-height:264px;box-shadow:var(--shadow-lg);padding:var(--sp-15) 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.pilih-anggota-ket{padding:2px var(--sp-3) var(--sp-15)}.pilih-anggota-opsi{align-items:center;gap:var(--sp-2);padding:6px var(--sp-3);cursor:pointer;display:flex}.pilih-anggota-opsi.sorot{background:var(--tint-blue)}.pilih-anggota-nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-sm);font-weight:var(--w-medium);overflow:hidden}.pilih-anggota-kosong{padding:6px var(--sp-3)}.pilih-cari{min-width:0;position:relative}.pilih-cari-kotak{border:1px solid var(--line);width:100%;min-width:0;font-size:var(--t-sm);background:var(--surface);color:inherit;border-radius:7px;padding:7px 6px}.pilih-cari-kotak:focus-visible{outline:2px solid var(--wika-600);outline-offset:1px}.pilih-cari-panel{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:280px;max-width:420px;max-height:264px;box-shadow:var(--shadow-lg);padding:var(--sp-15) 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.pilih-cari-ket{padding:2px var(--sp-3) var(--sp-15)}.pilih-cari-opsi{align-items:baseline;gap:var(--sp-2);padding:6px var(--sp-3);cursor:pointer;display:flex}.pilih-cari-opsi.sorot{background:var(--tint-blue)}.pilih-cari-nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-sm);font-weight:var(--w-medium);overflow:hidden}.pilih-cari-sub{white-space:nowrap}.pilih-cari-kosong{padding:6px var(--sp-3)}.shell.ciut{--sidebar-w:68px}.shell.ciut .nav-teks,.shell.ciut .brand-teks,.shell.ciut .nav-group-label{display:none}.shell.ciut .sidebar-brand{justify-content:center;gap:0;padding:16px 0 14px}.shell.ciut .nav-item{justify-content:center;gap:0;padding-left:0;padding-right:0}.shell.ciut .nav-badge{min-width:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:4px;right:12px}.shell.ciut .nav-item{position:relative}.sidebar-bawah{border-top:1px solid #ffffff29;flex:none;grid-template-columns:1fr auto;display:grid}.shell.ciut .sidebar-bawah{grid-template-columns:1fr}.shell.ciut .sidebar-keluar{border-bottom:1px solid #ffffff29;border-right:none}.sidebar-keluar{justify-content:center;align-items:center;gap:var(--sp-2);color:#ffffffd1;font-size:var(--t-sm);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:#ffffff0d;border:none;border-right:1px solid #ffffff29;padding:12px 14px;line-height:1;display:flex}.sidebar-keluar:hover{color:#fff;background:#ffffff24}.sidebar-keluar:focus-visible{outline-offset:-2px;outline:2px solid #ffffffb3}.sidebar-bawah-ikon{font-size:16px;line-height:1}.shell.ciut .sidebar-bawah-teks{display:none}.shell.ciut .sidebar-keluar{padding:12px 0}.sidebar-lipat{justify-content:center;align-items:center;gap:var(--sp-2);color:#ffffffd1;width:auto;min-width:52px;font-size:var(--t-sm);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:#ffffff0d;border:none;flex:none;padding:12px 14px;line-height:1;display:flex}.sidebar-lipat:hover{color:#fff;background:#ffffff24}.sidebar-lipat:focus-visible{outline-offset:-2px;outline:2px solid #ffffffb3}.sidebar-lipat-ikon{opacity:.9;font-size:20px;line-height:1}.sidebar-lipat:hover .sidebar-lipat-ikon{opacity:1}.shell.ciut .sidebar-lipat{padding:12px 0}@media (width<=900px){.sidebar-lipat{display:none}.shell.ciut{--sidebar-w:252px}.shell.ciut .nav-teks,.shell.ciut .brand-teks,.shell.ciut .nav-group-label{display:revert}.shell.ciut .sidebar-brand{justify-content:flex-start;gap:10px;padding:18px 18px 14px}.shell.ciut .nav-item{justify-content:flex-start}}.asisten{gap:var(--sp-4);grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.asisten{grid-template-columns:1fr}}.asisten-sesi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3);min-height:0;max-height:70vh;overflow-y:auto}.asisten-sesi-kepala{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.asisten-sesi-baris{gap:0 var(--sp-2);border-radius:var(--r-sm);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;display:grid}.asisten-sesi-baris:hover{background:var(--fill-quiet)}.asisten-sesi-baris.aktif{background:var(--tint-blue)}.asisten-sesi-judul{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-sm);font-weight:var(--w-medium);overflow:hidden}.asisten-sesi-waktu{font-size:var(--t-xs);color:var(--muted);grid-column:1}.asisten-sesi-aksi{opacity:0;grid-area:1/2/span 2;align-items:center;gap:0;display:flex}.asisten-sesi-baris:hover .asisten-sesi-aksi,.asisten-sesi-baris.aktif .asisten-sesi-aksi{opacity:1}.asisten-sesi-aksi .btn{padding:2px 6px}.asisten-judul-edit{border:1px solid var(--wika-600);border-radius:var(--r-sm);width:100%;min-width:0;font-size:var(--t-sm);grid-column:1/span 2;padding:4px 8px}.asisten-kosong{padding:var(--sp-3)}.asisten-chat{flex-direction:column;min-height:60vh;max-height:78vh;display:flex}.asisten-pesan{min-height:0;padding:var(--sp-4);flex:auto;overflow-y:auto}.asisten-kosong-chat{padding:var(--sp-4) 0}.asisten-contoh{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.asisten-gelembung{max-width:82%;margin-bottom:var(--sp-3);font-size:var(--t-md);border-radius:12px;padding:10px 14px;line-height:1.55}.asisten-gelembung.user{background:var(--wika-700);color:#fff;margin-left:auto}.asisten-gelembung.ai{background:var(--canvas);border:1px solid var(--line);margin-right:auto}.asisten-gelembung.galat{border-color:var(--red-600)}.asisten-tanda{margin-bottom:var(--sp-15);display:inline-block}.asisten-teks{white-space:pre-wrap;word-break:break-word}.asisten-kursor{margin-left:2px;animation:1s steps(2,end) infinite asisten-kedip;display:inline-block}@keyframes asisten-kedip{to{opacity:0}}@media (prefers-reduced-motion:reduce){.asisten-kursor{animation:none}}.asisten-waktu{font-size:var(--t-xs);opacity:.7;margin-top:4px}.asisten-isian{gap:var(--sp-2);border-top:1px solid var(--line-soft);align-items:flex-end;padding:12px 16px;display:flex}.asisten-isian textarea{resize:vertical;border:1px solid var(--line);min-width:0;font:inherit;font-size:var(--t-md);border-radius:8px;flex:1;padding:9px 13px}:root{--rt-biru:#005bab;--rt-biru-t:#2e82d2;--rt-biru-p:#e8f1fa;--rt-ungu:#5b4fc7;--rt-ungu-p:#edebfa;--rt-hijau:#0e8f63;--rt-hijau-p:#e3f5ee;--rt-ambar:#b7791f;--rt-ambar-p:#fbf1de;--rt-mawar:#c5283d;--rt-mawar-p:#fbe9eb;--rt-tinta:#0f1b2e;--rt-tinta-2:#35415a;--rt-redup:#4b5770;--rt-samar:#4b5770;--rt-garis:#e7ecf4;--rt-garis-l:#f0f3f9;--rt-kartu:#fff;--rt-isi:#f4f7fc;--rt-gelap:#101e33;--rt-r:20px;--rt-r-s:14px;--rt-r-x:10px;--rt-bayang:0 1px 2px #0f1b2e0a, 0 10px 28px -12px #0f1b2e29;--rt-bayang-k:0 1px 3px #0f1b2e1a, 0 4px 10px -4px #0f1b2e1f}.rt-hal{min-height:100%;color:var(--rt-tinta);background:radial-gradient(1100px 480px at 6% -8%,#005bab1a,#0000 62%),radial-gradient(900px 420px at 98% 4%,#5b4fc717,#0000 60%),linear-gradient(155deg,#eff3fa 0%,#f7f9fd 46%,#fcfafe 100%);padding:26px 30px 60px;font-size:14px;line-height:1.45}@media (prefers-reduced-motion:no-preference){.rt-hal{animation:.32s cubic-bezier(.22,1,.36,1) both rt-masuk}}@keyframes rt-masuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rt-kepala{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}.rt-ava-besar{background:linear-gradient(140deg, var(--rt-biru), var(--rt-ungu));color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:17px;font-weight:700;display:grid;box-shadow:0 4px 14px -4px #005bab8c}.rt-sapa{color:var(--rt-redup);font-size:13px;line-height:1.2}.rt-nama{letter-spacing:-.025em;font-size:26px;font-weight:700;line-height:1.15}.rt-kepala-kanan{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.rt-cari{position:relative}.rt-cari>svg{color:var(--rt-samar);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.rt-cari input{border:1px solid var(--rt-garis);width:230px;height:40px;color:var(--rt-tinta);font:inherit;background:#ffffffd9;border-radius:999px;outline:none;padding:0 14px 0 38px;transition:border-color .16s,box-shadow .16s,width .2s}.rt-cari input::placeholder{color:var(--rt-samar)}.rt-cari input:focus{border-color:var(--rt-biru-t);width:280px;box-shadow:0 0 0 3px #2e82d229}.rt-pilih{border:1px solid var(--rt-garis);height:40px;color:var(--rt-tinta);font:inherit;appearance:none;cursor:pointer;background:#ffffffd9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%235B667E' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") right 13px center no-repeat;border-radius:999px;max-width:260px;padding:0 34px 0 14px}.rt-pilih:focus{border-color:var(--rt-biru-t);outline:none;box-shadow:0 0 0 3px #2e82d229}.rt-ikon-bulat{cursor:pointer;border:1px solid var(--rt-garis);width:40px;height:40px;color:var(--rt-tinta-2);background:#ffffffd9;border-radius:50%;flex:none;place-items:center;transition:background .16s,border-color .16s;display:grid;position:relative}.rt-ikon-bulat:hover{border-color:var(--rt-biru-t);color:var(--rt-biru);background:#fff}.rt-ikon-bulat .rt-titik{background:var(--rt-mawar);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.rt-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.rt-grid>*{min-width:0}.rt-kartu{flex-direction:column;display:flex}.rt-kartu-isi{flex:1}.rt-c3{grid-column:span 3}.rt-c4{grid-column:span 4}.rt-c5{grid-column:span 5}.rt-c6{grid-column:span 6}.rt-c7{grid-column:span 7}.rt-c8{grid-column:span 8}.rt-c12{grid-column:span 12}.rt-tumpuk{flex-direction:column;gap:18px;display:flex}.rt-tumpuk>.rt-kartu{flex:none}@media (width<=1240px){.rt-c3{grid-column:span 6}.rt-c7,.rt-c8,.rt-c4,.rt-c5{grid-column:span 12}}@media (width<=720px){.rt-c3,.rt-c4,.rt-c5,.rt-c6{grid-column:span 12}.rt-hal{padding:18px 16px 44px}}.rt-kartu{background:var(--rt-kartu);border:1px solid var(--rt-garis);border-radius:var(--rt-r);box-shadow:var(--rt-bayang);overflow:hidden}.rt-kartu-kepala{align-items:center;gap:10px;padding:17px 20px 0;display:flex}.rt-kartu-judul{letter-spacing:-.012em;font-size:15.5px;font-weight:650}.rt-kartu-isi{padding:15px 20px 19px}.rt-sisa{align-items:center;gap:8px;margin-left:auto;display:flex}.rt-ket{color:var(--rt-samar);font-size:12.5px}.rt-ket-2{color:var(--rt-redup);font-size:12.5px}.rt-pil-biru{cursor:pointer;background:var(--rt-biru);color:#fff;height:32px;font:inherit;border:0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .14s,box-shadow .14s;box-shadow:0 4px 12px -4px #005bab99}.rt-pil-biru:hover{transform:translateY(-1px);box-shadow:0 7px 16px -5px #005babb3}.rt-pil-samar{border:1px solid var(--rt-garis);cursor:pointer;background:var(--rt-isi);height:30px;color:var(--rt-tinta-2);font:inherit;border-radius:999px;padding:0 13px;font-size:12.5px;font-weight:600;transition:background .14s,border-color .14s}.rt-pil-samar:hover{border-color:var(--rt-biru-t);color:var(--rt-biru);background:#fff}.rt-kpi{padding:18px 18px 16px;position:relative}.rt-kpi-atas{align-items:center;gap:12px;min-height:46px;margin-bottom:14px;display:flex}.rt-ubin{border-radius:var(--rt-r-s);background:#fff;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 2px 8px -2px #0f1b2e29,0 0 0 1px #0f1b2e0a}.rt-ubin.b-biru{color:var(--rt-biru);background:var(--rt-biru-p)}.rt-ubin.b-ungu{color:var(--rt-ungu);background:var(--rt-ungu-p)}.rt-ubin.b-hijau{color:var(--rt-hijau);background:var(--rt-hijau-p)}.rt-ubin.b-ambar{color:var(--rt-ambar);background:var(--rt-ambar-p)}.rt-ubin.b-mawar{color:var(--rt-mawar);background:var(--rt-mawar-p)}.rt-kpi-mini{margin-left:auto}.rt-kpi-lab{color:var(--rt-redup);margin-bottom:3px;font-size:12.5px}.rt-kpi-baris{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.rt-kpi-nilai{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.05}.rt-kpi-sat{color:var(--rt-samar);font-size:13px;font-weight:500}.rt-delta{align-items:center;gap:2px;font-size:12.5px;font-weight:650;display:inline-flex}.rt-delta.naik{color:var(--rt-hijau)}.rt-delta.turun{color:var(--rt-mawar)}.rt-delta.diam{color:var(--rt-samar)}.rt-kpi-kaki{color:var(--rt-samar);margin-top:5px;font-size:12px}.rt-angka-utama{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.rt-lab-kecil{color:var(--rt-redup);font-size:12.5px}.rt-tip{background:var(--rt-gelap);color:#fff;border-radius:var(--rt-r-s);min-width:168px;padding:12px 16px 13px;box-shadow:0 16px 34px -10px #0f1b2e8c}.rt-tip-lab{letter-spacing:.14em;text-transform:uppercase;color:#fff9;font-size:10.5px}.rt-tip-nilai{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:21px;font-weight:700}.rt-tip-sub{color:#fff9;margin-top:3px;font-size:11.5px}.rt-tip-baris{color:#ffffffd9;align-items:center;gap:7px;margin-top:6px;font-size:12px;display:flex}.rt-tip-baris i{border-radius:3px;flex:none;width:8px;height:8px;display:block}.rt-legenda{flex-wrap:wrap;gap:16px;margin-top:2px;display:flex}.rt-legenda span{color:var(--rt-redup);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.rt-legenda i{border-radius:3px;width:9px;height:9px;display:block}.rt-tenggat{border-radius:var(--rt-r-x);background:var(--rt-isi);border-left:3px solid var(--rt-samar);cursor:pointer;align-items:center;gap:12px;padding:11px 13px;transition:background .15s,transform .15s;display:flex}.rt-tenggat+.rt-tenggat{margin-top:9px}.rt-tenggat:hover{background:#edf2fa;transform:translate(2px)}.rt-tenggat.p-mawar{border-left-color:var(--rt-mawar)}.rt-tenggat.p-ambar{border-left-color:var(--rt-ambar)}.rt-tenggat.p-biru{border-left-color:var(--rt-biru-t)}.rt-tenggat-judul{font-size:13.5px;font-weight:600;line-height:1.3}.rt-tenggat-tgl{color:var(--rt-samar);margin-top:2px;font-size:12px;display:block}.rt-pil{white-space:nowrap;border-radius:999px;flex:none;padding:3px 11px;font-size:11.5px;font-weight:650}.rt-pil.p-mawar{background:var(--rt-mawar-p);color:var(--rt-mawar)}.rt-pil.p-ambar{background:var(--rt-ambar-p);color:var(--rt-ambar)}.rt-pil.p-biru{background:var(--rt-biru-p);color:var(--rt-biru)}.rt-pil.p-hijau{background:var(--rt-hijau-p);color:var(--rt-hijau)}.rt-pil.p-ungu{background:var(--rt-ungu-p);color:var(--rt-ungu)}.rt-kanal+.rt-kanal{margin-top:15px}.rt-kanal-atas{align-items:baseline;gap:10px;display:flex}.rt-kanal-nama{font-size:13.5px;font-weight:550}.rt-kanal-nilai{font-variant-numeric:tabular-nums;margin-left:auto;font-size:13.5px;font-weight:650}.rt-kanal-pers{text-align:right;min-width:44px;font-size:12.5px;font-weight:650}.rt-bar{background:var(--rt-garis-l);border-radius:999px;height:5px;margin-top:7px;overflow:hidden}.rt-bar>i{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.rt-ava{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:650;display:grid}.rt-ava.a-0{background:linear-gradient(140deg,#005bab,#2e82d2)}.rt-ava.a-1{background:linear-gradient(140deg,#5b4fc7,#8a7de8)}.rt-ava.a-2{background:linear-gradient(140deg,#0e8f63,#35b98c)}.rt-ava.a-3{background:linear-gradient(140deg,#b7791f,#dba33f)}.rt-ava.a-4{background:linear-gradient(140deg,#c5283d,#e2596c)}.rt-baris{border-bottom:1px solid var(--rt-garis-l);align-items:center;gap:12px;padding:10px 0;display:flex}.rt-baris:last-child{border-bottom:0;padding-bottom:0}.rt-baris-isi{flex:1;min-width:0}.rt-baris-judul{font-size:13.5px;font-weight:550;line-height:1.35;display:block}.rt-baris-sub{color:var(--rt-samar);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;display:block;overflow:hidden}.rt-baris-kanan{color:var(--rt-samar);white-space:nowrap;flex:none;font-size:12px}.rt-online{color:var(--rt-hijau);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.rt-online i{background:var(--rt-hijau);border-radius:50%;width:7px;height:7px;display:block}.rt-luring{color:var(--rt-samar)}.rt-luring i{background:var(--rt-samar)}.rt-funnel{border-radius:var(--rt-r-x);cursor:pointer;grid-template-columns:minmax(0,1fr) repeat(3,minmax(72px,auto));align-items:center;gap:12px;padding:13px 14px;transition:background .15s;display:grid}.rt-funnel:hover{background:var(--rt-isi)}.rt-funnel+.rt-funnel{border-top:1px solid var(--rt-garis-l)}.rt-funnel-kepala{color:var(--rt-samar);letter-spacing:.05em;text-transform:uppercase;cursor:default;padding:0 14px 8px;font-size:11.5px}.rt-funnel.rt-funnel-5{grid-template-columns:minmax(0,1fr) minmax(112px,150px) repeat(3,minmax(66px,auto))}.rt-progres-jalur{background:var(--rt-garis-l);border-radius:3px;height:6px;overflow:hidden}.rt-progres-isi{background:var(--rt-biru);border-radius:3px;height:100%;transition:width .2s}.rt-progres-isi.telat{background:var(--rt-mawar,#d22630)}.tugas-tender{border-left-color:var(--rt-ambar)}.rt-terdekat{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 26px;display:grid}.rt-terdekat>div+div{border-left:1px solid var(--rt-garis-l);padding-left:26px}@media (width<=900px){.rt-terdekat{grid-template-columns:1fr}.rt-terdekat>div+div{border-left:0;border-top:1px solid var(--rt-garis-l);padding-top:12px;padding-left:0}}.rt-funnel-kepala:hover{background:0 0}.rt-funnel-nama{font-size:13.5px;font-weight:600;line-height:1.3;display:block}.rt-funnel-sub{color:var(--rt-samar);margin-top:2px;font-size:12px;display:block}.rt-kol{text-align:right}.rt-kol-lab{color:var(--rt-samar);font-size:11.5px;line-height:1.3;display:block}.rt-kol-nilai{font-variant-numeric:tabular-nums;margin-top:2px;font-size:13.5px;font-weight:650;line-height:1.25;display:block}.rt-ajak{border-radius:var(--rt-r);color:#fff;background:linear-gradient(135deg,#004a8c 0%,#005bab 46%,#3e4fb8 100%);padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 12px 30px -12px #005babb3}.rt-ajak:after{content:"";background:#ffffff17;border-radius:50%;width:190px;height:190px;position:absolute;top:-46px;right:-46px}.rt-ajak:before{content:"";background:#ffffff12;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-66px;right:26px}.rt-ajak-judul{font-size:16px;font-weight:650;line-height:1.3;position:relative}.rt-ajak-teks{color:#ffffffc7;margin-top:6px;font-size:13px;line-height:1.5;position:relative}.rt-ajak-tbl{cursor:pointer;height:34px;color:var(--rt-biru);font:inherit;background:#fff;border:0;border-radius:999px;margin-top:15px;padding:0 17px;font-size:13px;font-weight:650;transition:transform .14s;position:relative}.rt-ajak-tbl:hover{transform:translateY(-1px)}.rt-ajak-angka{gap:22px;margin-top:16px;display:flex;position:relative}.rt-ajak-angka b{letter-spacing:-.02em;font-size:20px;font-weight:700;display:block}.rt-ajak-angka span{color:#ffffffb8;font-size:11.5px}.rt-langkah{gap:6px;display:flex}.rt-langkah>div{text-align:center;flex:1;min-width:0}.rt-langkah-bar{background:var(--rt-garis-l);border-radius:999px;height:6px;overflow:hidden}.rt-langkah-bar>i{background:var(--rt-biru);border-radius:999px;height:100%;display:block}.rt-langkah-n{font-variant-numeric:tabular-nums;margin-top:8px;font-size:17px;font-weight:700;line-height:1}.rt-langkah-l{color:var(--rt-samar);margin-top:3px;font-size:11px;line-height:1.25}.rt-langkah>div.kosong .rt-langkah-n{color:var(--rt-samar);font-weight:600}.rt-kosong{text-align:center;color:var(--rt-samar);padding:30px 18px;font-size:13.5px}.rt-kosong-ubin{border-radius:var(--rt-r-s);background:var(--rt-isi);width:46px;height:46px;color:var(--rt-samar);place-items:center;margin:0 auto 11px;display:grid}.rt-hal .recharts-text{fill:var(--rt-samar);font-size:11.5px}.rt-hal .recharts-cartesian-axis-line,.rt-hal .recharts-cartesian-axis-tick-line{stroke:#0000}.page-head{align-items:center;gap:14px;margin-bottom:22px}.head-ikon{background:linear-gradient(140deg, var(--rt-biru), var(--rt-ungu));color:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px 14px -4px #005bab8c}.page-head h1{letter-spacing:-.025em;color:var(--rt-tinta);font-size:26px;font-weight:700;line-height:1.15}.page-head .sub{color:var(--rt-redup);margin-top:4px;font-size:13px;line-height:1.45}.page-head .actions{gap:10px}.card{background:var(--rt-kartu);border:1px solid var(--rt-garis);border-radius:var(--rt-r);box-shadow:var(--rt-bayang)}.card-head{background:0 0;border-bottom:none;gap:10px;padding:17px 20px 0}.card-head h3{letter-spacing:-.012em;color:var(--rt-tinta);font-size:15.5px;font-weight:650}.card-pad{padding:15px 20px 19px}.card.card-tenang{box-shadow:none}.card.card-utama{border-left:3px solid var(--rt-biru)}.bar-saring{background:var(--rt-kartu);border:1px solid var(--rt-garis);border-radius:var(--rt-r);box-shadow:var(--rt-bayang);padding:13px 16px}.bar-saring select,.bar-saring input,.bar-saring .cari{border:1px solid var(--rt-garis);background:var(--rt-kartu);height:38px;color:var(--rt-tinta);border-radius:999px;font-size:13.5px}.btn{border-radius:999px;font-size:13px;font-weight:600}.btn-primary{background:var(--rt-biru);box-shadow:0 4px 12px -4px #005bab99}.btn-primary:hover{box-shadow:0 7px 16px -5px #005babb3}.btn-outline,.btn-ghost{border-color:var(--rt-garis)}.tbl thead th{background:var(--rt-kartu);color:var(--rt-redup);border-bottom:1px solid var(--rt-garis);font-weight:650}.tbl td{border-bottom:1px solid var(--rt-garis-l)}.kpi-pita{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.page-baca .kpi-pita{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=620px){.kpi-pita,.page-baca .kpi-pita{grid-template-columns:1fr}}.shell-main{background-color:#0000;background-image:radial-gradient(1100px 480px at 4% -6%,#005bab17,#0000 62%),radial-gradient(900px 420px at 99% 2%,#5b4fc714,#0000 60%),linear-gradient(158deg,#eff3fa 0%,#f7f9fd 48%,#fcfafe 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.kartu-ruang .card-head h3{color:var(--ruang-teks)}.kartu-ruang .card-head{border-bottom:1px solid var(--ruang-garis)}.kartu-ruang .ket,.kartu-ruang .ket-xs,.kartu-ruang .rt-ket{color:var(--ruang-redup)}.alur-pita{gap:8px}.alur-sel{text-align:center;background:0 0;border:0;border-radius:0;padding:0 2px;display:block}.alur-sel:before{content:"";background:var(--rt-garis-l);height:6px;transition:background .2s var(--rt-ease,ease);border-radius:999px;margin-bottom:9px;display:block}.alur-sel.isi:before{background:var(--rt-biru)}.alur-sel.kosong{background:0 0}.alur-sel:hover{background:0 0;transform:none}.alur-sel:hover:before{background:var(--rt-biru-t)}.alur-sel .n{color:var(--rt-tinta);font-size:20px;font-weight:700;line-height:1}.alur-sel.kosong .n{color:var(--rt-samar);font-weight:600}.alur-sel .l{color:var(--rt-redup);margin-top:5px;font-size:11.5px;line-height:1.25}.alur-sel .pemilik{color:var(--rt-samar);justify-content:center;margin-top:3px;font-size:10.5px}.page.rt-hal{max-width:none;margin:0;padding:26px 30px 60px}@media (width<=720px){.page.rt-hal{padding:18px 16px 44px}}.login-wrap{--login-putih:#fff;grid-template-columns:1.04fr 1fr}.login-left{background:radial-gradient(760px 520px at 18% 10%,#ffffff0d,#0000 60%),linear-gradient(160deg,#004a8c 0%,#005bab 46%,#3e4fb8 100%);flex-direction:column;justify-content:center;padding:44px 52px;display:flex}.login-kisi{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-ombak{pointer-events:none;width:190px;height:100%;position:absolute;top:0;right:-1px}.login-ombak path{will-change:transform}.login-ombak .o1{animation:13s ease-in-out infinite ombak-naik}.login-ombak .o2{animation:17s ease-in-out infinite ombak-turun}.login-ombak .o3{animation:21s ease-in-out infinite ombak-naik}.login-ombak .o4{animation:26s ease-in-out infinite ombak-turun}@keyframes ombak-naik{0%,to{transform:translateY(0)}50%{transform:translateY(-34px)}}@keyframes ombak-turun{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}@media (prefers-reduced-motion:reduce){.login-ombak path{animation:none!important}}.login-isi{max-width:430px;position:relative}.login-merek{align-items:center;gap:16px;margin-bottom:20px;display:flex}.login-lencana{background:#fffffff5;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;display:grid;box-shadow:0 10px 30px -10px #03203c8c}.login-lencana img{width:42px;height:auto;display:block}.login-nama{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:750;line-height:1.1}.login-tag{color:#ffffffe0;letter-spacing:.12em;margin-top:3px;font-size:11px;font-weight:600}.login-teks{color:#ffffffe6;margin-top:16px;font-size:14.5px;line-height:1.7}.login-langkah{flex-direction:column;gap:12px;margin-top:24px;display:flex;position:relative}.login-langkah>div{align-items:center;gap:12px;display:flex}.login-langkah .ubin{color:#fff;background:#ffffff2b;border:1px solid #ffffff3d;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.login-langkah b{color:#fff;font-size:13.5px;font-weight:650;display:block}.login-langkah span{color:#ffffffd6;margin-top:1px;font-size:12.5px;display:block}.login-kaki{color:#ffffffd6;font-size:12px;position:absolute;bottom:26px;left:52px}.login-right{background:var(--login-putih);place-items:center;padding:40px;display:grid}.login-form{width:100%;max-width:380px}.login-merek-sempit{display:none}.login-form h2{letter-spacing:-.02em;color:var(--rt-tinta);text-align:center;font-size:26px;font-weight:700}.login-form .login-sub{color:var(--rt-redup);text-align:center;margin:8px 0 28px;font-size:13px;line-height:1.6}.login-form .field{margin-bottom:22px}.login-form .field label{color:var(--rt-tinta-2);margin-bottom:2px;font-size:13px;font-weight:650;display:block}.login-form .field input{width:100%;height:40px;color:var(--rt-tinta);transition:border-color .16s var(--ease);background:0 0;border:0;border-bottom:1.5px solid #c9d6e6;border-radius:0;padding:0 2px;font-size:14.5px}.login-form .field input::placeholder{color:#a9b7c9}.login-form .field input:focus{border-bottom-color:var(--rt-biru);box-shadow:none;outline:none}.login-tbl{cursor:pointer;color:#fff;min-width:190px;height:44px;font:inherit;letter-spacing:.01em;background:linear-gradient(135deg,#0a63b5,#1f79c9);border:0;border-radius:999px;margin:4px auto 0;padding:0 30px;font-size:15px;font-weight:650;transition:transform .14s,box-shadow .14s,opacity .14s;display:block;box-shadow:0 8px 20px -8px #005babbf}.login-tbl:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px -9px #005babd9}.login-tbl:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.login-bantu{text-align:center;color:var(--rt-redup);margin-top:20px;font-size:12px;line-height:1.6}.login-galat{border-radius:var(--rt-r-x);background:var(--rt-mawar-p);color:var(--rt-mawar);border-left:3px solid var(--rt-mawar);align-items:flex-start;gap:9px;margin-bottom:18px;padding:11px 13px;font-size:13.5px;font-weight:600;display:flex}@media (width<=900px){.login-wrap{grid-template-columns:1fr}.login-merek-sempit{justify-content:center;align-items:center;gap:12px;margin-bottom:26px;display:flex}.login-merek-sempit img{width:42px;height:auto}.login-merek-sempit strong{letter-spacing:-.02em;color:var(--rt-tinta);font-size:19px;font-weight:750;display:block}.login-merek-sempit span{letter-spacing:.12em;color:var(--rt-redup);font-size:10.5px;font-weight:600;display:block}.login-left{display:none}.login-right{padding:24px 18px}}.sidebar{background:linear-gradient(160deg,#004a8c 0%,#005bab 46%,#3e4fb8 100%);border-right:none}.sidebar>nav{min-height:0}.sidebar-brand{border-bottom:1px solid #ffffff29;padding:20px 18px 16px}.brand-name{letter-spacing:-.02em;color:#fff;font-size:16px;font-weight:700}.sidebar .brand-sub{letter-spacing:.11em;color:#ffffffc7;font-size:11px}.nav-group-label{letter-spacing:.12em;color:#fffc;padding:20px 20px 7px;font-size:10.5px;font-weight:700}.nav-item{color:#ffffffe6;width:calc(100% - 20px);transition:background .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);border-radius:999px;margin:2px 10px;padding:9px 13px;font-size:13.5px;font-weight:550}.nav-item:hover{color:#fff;background:#ffffff29;transform:translate(2px)}.nav-item.active{color:var(--rt-gelap);background:#fff;font-weight:650;transform:none;box-shadow:0 4px 14px -6px #0000008c}.nav-item.active:hover{background:#fff;transform:none}.nav-item .nav-ic{opacity:1;color:#ffffffc7}.nav-item:hover .nav-ic{color:#fff}.nav-item.active .nav-ic{color:var(--rt-biru)}.nav-badge{background:var(--rt-mawar);border-radius:999px;min-width:19px;height:19px;padding:0 6px;font-size:11px;font-weight:700}.nav-item.active .nav-badge{background:var(--rt-mawar);color:#fff}.topbar{-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);border-bottom:1px solid var(--rt-garis);background:#ffffffa8;height:62px;padding:0 30px}.topbar-title{color:var(--rt-tinta);letter-spacing:-.01em;font-size:14.5px;font-weight:650}.topbar-crumb{color:var(--rt-redup);font-size:12.5px}.topbar-right{gap:12px}.bell-btn{border:1px solid var(--rt-garis);width:40px;height:40px;color:var(--rt-tinta-2);background:#ffffffd9;border-radius:50%;transition:background .16s,border-color .16s,color .16s}.bell-btn:hover{border-color:var(--rt-biru-t);color:var(--rt-biru);background:#fff}.bell-count{background:var(--rt-mawar);border:2px solid #fff;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:1;top:-3px;right:-3px}.notif-pop{border-radius:var(--rt-r);border:1px solid var(--rt-garis);box-shadow:var(--rt-bayang);background:var(--rt-kartu)}.userchip{border:1px solid var(--rt-garis);background:#ffffffd9;border-radius:999px;padding:5px 14px 5px 6px}.userchip:hover{border-color:var(--rt-biru-t);background:#fff}.avatar{background:linear-gradient(140deg, var(--rt-biru), var(--rt-ungu));box-shadow:0 2px 8px -3px #005bab99}.userchip-name{color:var(--rt-tinta);font-size:13px;font-weight:650}.userchip-role{color:var(--rt-redup);font-size:11.5px}.menu-btn{border:1px solid var(--rt-garis);background:#ffffffd9;border-radius:50%;width:40px;height:40px}