:root{--blue:#0c5fef;--blue-d:#0a4fcb;--blue-s:#eaf1ff;--ink:#0f1b2d;--slate:#5b6472;--line:#e3e8ef;--paper:#f1f4f9;--card:#fff;--field:#f4f5f7;--line-ctl:#8a95a5;--green:#15803d;--green-t:#e8f6ec;--red:#b42318;--red-t:#fce9e9;--amber:#b45309;--amber-t:#fef3e2;--purple:#7e22ce;--purple-t:#f3e8fe;--tip:#1f2023;--sb-w:224px;--sb-w-ciut:64px;--sub-w:176px;--sub-w-ciut:40px;--th:58px;--sb-head-h:var(--th);--r-ctl:8px;--r-card:12px}html.dark{--ink:#e8ecf3;--slate:#94a3b8;--line:#233047;--paper:#0b1220;--card:#111a2b;--field:#1a2438;--line-ctl:#5a6b88;--blue-s:#16233d;--green-t:#12261a;--red-t:#2c1616;--amber-t:#2a1f0f;--purple-t:#231433}*,:before,:after{box-sizing:border-box}html,body{height:100%}body,button,input,select,textarea{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:14px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--blue);text-decoration:none}button{cursor:pointer}code{background:var(--field);border-radius:4px;padding:1px 5px;font-size:.8125rem}.ms{white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Symbols Rounded!important}.num,.tabular{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}[x-cloak]{display:none!important}body.shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sb-w);background:var(--card);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;transition:width .3s;display:flex}.sidebar.ciut{width:var(--sb-w-ciut)}.sidebar-head{height:var(--sb-head-h);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:0 8px 0 12px;display:flex}.sidebar.ciut .sidebar-head{justify-content:center;gap:0;padding:0 8px}.brand-logo{border-radius:9px;width:36px;height:36px;display:block}.sidebar-head .nm{letter-spacing:-.01em;font-size:.8125rem;font-weight:800}.sidebar-head .sb{color:var(--slate);font-size:.6875rem}.sidebar-head .brand-txt{flex:auto;min-width:0;line-height:1.3}.sidebar-head .brand-txt>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar.ciut .teks,.sidebar.ciut .lebar-saja,.sidebar:not(.ciut) .swap{display:none}.tombol-panel{color:var(--slate);background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:6px;display:flex}.tombol-panel:hover{background:var(--field);color:var(--blue)}.tombol-panel .ms{font-size:18px}.swap{background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.swap:hover{background:var(--field)}.swap img,.swap .panel{transition:opacity .15s}.swap .panel{opacity:0;color:var(--slate);display:flex;position:absolute}.swap:hover img,.swap:focus-visible img{opacity:0}.swap:hover .panel,.swap:focus-visible .panel{opacity:1}.sidebar nav{flex:1;padding:8px;overflow-y:auto}.sidebar.ciut nav{padding:8px 6px}.mitem{color:var(--slate);border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.mitem .ms{font-size:20px}.mitem:hover{background:var(--field);color:var(--ink)}.mitem.on{background:var(--blue);color:#fff}.mitem.on .ms{font-variation-settings:"FILL" 1}.mitem .lb{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar.ciut .mitem{justify-content:center;gap:0;padding:8px}.sidebar.ciut .mitem .lb,.sidebar.ciut .sidebar-foot{display:none}.sidebar-foot{border-top:1px solid var(--line);color:var(--slate);padding:12px;font-size:.6875rem}.subbar{width:var(--sub-w);background:var(--card);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;transition:width .3s;display:flex}.subbar.ciut{width:var(--sub-w-ciut)}.subbar-head{border-bottom:1px solid var(--line);height:var(--sb-head-h);color:var(--slate);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:0 12px;font-size:.6875rem;font-weight:700;display:flex}.subbar.ciut .subbar-head{justify-content:center;padding:0 4px}.subbar.ciut .teks{display:none}.chev{color:var(--slate);background:0 0;border:none;padding:2px;transition:transform .3s;display:flex;transform:rotate(90deg)}.subbar.ciut .chev{transform:rotate(-90deg)}.chev .ms{font-size:18px}.subbar nav{flex:1;padding:8px 6px;overflow-y:auto}.sgrp{color:var(--slate);text-transform:uppercase;letter-spacing:.1em;padding:12px 10px 4px;font-size:.625rem;font-weight:700}.sitem{color:var(--slate);border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:8px 10px;font-size:.8125rem;transition:background .15s;display:flex}.sitem .ms{flex-shrink:0;font-size:17px}.sitem:hover{background:var(--field);color:var(--ink)}.sitem.on{background:var(--blue-s);color:var(--blue);font-weight:700}.subbar.ciut .sitem{justify-content:center;gap:0;padding:8px 4px}.sitem .cnt{background:var(--red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.625rem;font-weight:800;display:inline-flex}.subbar.ciut .sitem .cnt{display:none}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--th);border-bottom:1px solid var(--line);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.tb-l,.tb-r{align-items:center;gap:10px;min-width:0;display:flex}.tb-l{flex:auto}.tb-r{flex-shrink:0}.crumb{color:var(--slate);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.burger{color:var(--ink);background:0 0;border:none;padding:4px;display:none}.who{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:14px;display:flex}.avatar{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:flex}.who .nm{font-size:.8125rem;font-weight:700;line-height:1.3}.who .rl{color:var(--slate);font-size:.6875rem;line-height:1.3}.who-link{color:inherit;text-decoration:none}.who-link:hover .nm{color:var(--blue)}.keluar{color:var(--slate);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.75rem}.keluar:hover{color:var(--red);background:var(--red-t);border-color:#f0c0bb}.scroll{background:var(--paper);flex:1;min-height:0;overflow-y:auto}.subtabs{display:none}.tip{background:var(--tip);color:#fff;z-index:100;pointer-events:none;white-space:nowrap;border-radius:7px;padding:5px 9px;font-size:.75rem;position:fixed;transform:translateY(-50%)}.tip:before{content:"";border:4px solid #0000;border-left:0;border-right-color:var(--tip);position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.veil{z-index:55;background:#0f1b2d73;position:fixed;inset:0}@media (width<=860px){.subbar{display:none}.sidebar,.sidebar.ciut{z-index:60;width:250px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 40px #0f1b2d2e}.sidebar.open{transform:translate(0)}.sidebar.ciut .teks,.sidebar.ciut .mitem .lb,.sidebar.ciut .lebar-saja{display:revert}.sidebar.ciut .swap,.tombol-panel{display:none}.sidebar.ciut .mitem{justify-content:flex-start;gap:12px;padding:8px 12px}.burger{display:flex}.who>div{display:none}.who{padding-left:10px}.tb-r{gap:8px}.topbar{padding:0 12px}.subtabs{background:var(--card);border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.subtabs a{white-space:nowrap;border:1px solid var(--line);color:var(--slate);border-radius:999px;padding:6px 12px;font-size:.75rem}.subtabs a.on{background:var(--blue);border-color:var(--blue);color:#fff}.pg{padding:16px}}body.auth{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-box{background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;max-width:380px;padding:28px}.auth-logo{border-radius:11px;width:44px;height:44px;margin-bottom:14px}.auth-box h1{margin:0;font-size:1.25rem;font-weight:800}.auth-sub{color:var(--slate);margin:4px 0 20px;font-size:.8125rem}.auth-box .btn-block{margin-top:6px}.pg{width:100%;max-width:1200px;padding:22px}.ph{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ph h1{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:800}.ph p{color:var(--slate);margin:4px 0 0;font-size:.8125rem}.ph-a{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ph-a .fbar,.ct-a .fbar{margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);min-width:0}.ct{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:.875rem;font-weight:700;display:flex}.ct-a{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ct>span{min-width:0}.ct:has(>span>.fbar-inline){flex-wrap:wrap}.ct>span:has(>.fbar-inline){flex:1;min-width:200px}@media (width<=640px){.ct{flex-wrap:wrap}.ct-a{width:100%}}.cb{padding:16px}.card.flush>.cb{padding:0}.cf{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.card.flush>.cb>.fbar{padding:14px 16px 0}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-ctl);align-items:center;gap:6px;padding:8px 13px;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover{background:var(--field)}.btn:disabled,.btn.mati{opacity:.45;pointer-events:none}.btn .ms{font-size:17px}.btn-p{background:var(--blue);border-color:var(--blue);color:#fff}.btn-p:hover{background:var(--blue-d)}.btn-g{background:var(--green);border-color:var(--green);color:#fff}.btn-r{background:var(--card);color:var(--red);border-color:#f0c0bb}.btn-r:hover{background:var(--red-t)}.btn-ok{background:var(--card);color:var(--green);border-color:#cde9d6}.btn-ok:hover{background:var(--green-t)}.btn.btn-link{color:var(--blue);background:0 0;border-color:#0000;padding:0;font-weight:600}.btn.btn-link:hover{background:0 0;text-decoration:underline}.btn-sm{padding:6px 10px;font-size:.75rem}.btn-lg{padding:12px 14px}.btn-ie{flex-direction:row-reverse}.btn-block{justify-content:center;width:100%}.btn-ikon{justify-content:center;gap:0;width:32px;height:32px;padding:0}.btn-ikon .ms{font-size:18px}.btn.btn-gelap{color:#e2e8f0;background:0 0;border-color:#475569}.btn.btn-gelap:hover{background:#1e293b}.btn-rata>.btn{flex:1;justify-content:center}@media (width<=640px){.btn-rata-hp>.btn{flex:1;justify-content:center}}.ch{white-space:nowrap;background:var(--field);color:var(--slate);border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.ch .ms{font-size:13px}.ch-g{background:var(--green-t);color:var(--green)}.ch-r{background:var(--red-t);color:var(--red)}.ch-a{background:var(--amber-t);color:var(--amber)}.ch-b{background:var(--blue-s);color:var(--blue)}.ch-p{background:var(--purple-t);color:var(--purple)}.ch-gray{background:var(--field);color:var(--slate)}.chips{flex-wrap:wrap;gap:4px;display:flex}.ch.ch-wrap{white-space:normal;text-align:left;align-items:flex-start;line-height:1.35}.note-card>div{flex:1;min-width:0}.note-card{color:var(--slate);background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);gap:10px;margin-bottom:14px;padding:14px 16px;font-size:.8125rem;line-height:1.6;display:flex}.note-card .ms{color:var(--blue);flex-shrink:0;margin-top:1px;font-size:18px}.note-card.warn{background:var(--amber-t);color:var(--amber);border-color:#f4dcb8}.note-card.warn .ms{color:var(--amber)}.note-card.ok{background:var(--green-t);color:var(--green);border-color:#cde9d6}.note-card.ok .ms{color:var(--green)}.note-card.err{background:var(--red-t);color:var(--red);border-color:#f0c0bb}.note-card.err .ms{color:var(--red)}.note-card b{color:var(--ink)}.note-card.inset{background:var(--field);border:none;border-radius:9px;margin-bottom:0;padding:12px 14px}.empty{text-align:center;color:var(--slate);padding:40px 16px}.empty .ms{color:var(--line);font-size:40px}.empty .ms.ok{color:var(--green)}.empty h3{color:var(--ink);margin:10px 0 4px;font-size:.9375rem}.empty p{margin:0;font-size:.8125rem}.tabs{scrollbar-width:none;gap:6px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--slate);border-radius:20px;flex-shrink:0;align-items:center;gap:7px;padding:7px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.tab:hover{background:var(--field);color:var(--ink)}.tab.a{background:var(--blue);border-color:var(--blue);color:#fff}.tab.a .ch{color:#fff;background:#ffffff38}.tabs.tabs-inline{margin:0;padding:0}.sg{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;margin-bottom:16px;display:grid}.sg.sg-rapat{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tumpuk{gap:16px;min-width:0;margin-bottom:16px;display:grid}.tumpuk[hidden]{display:none}.sc-d{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);color:inherit;padding:11px 12px;display:block}.sc-link:hover{border-color:var(--blue)}.si{border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:6px;display:flex}.si .ms{font-size:14px}.si-b{background:var(--blue-s);color:var(--blue)}.si-g{background:var(--green-t);color:var(--green)}.si-a{background:var(--amber-t);color:var(--amber)}.si-p{background:var(--purple-t);color:var(--purple)}.si-r{background:var(--red-t);color:var(--red)}.si-gray{background:var(--field);color:var(--slate)}.slb{text-transform:uppercase;letter-spacing:.06em;color:var(--slate);font-size:.625rem;font-weight:700}.sv{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.15rem;font-weight:800}.sd{color:var(--slate);margin-top:4px;font-size:.6875rem;font-weight:600;line-height:1.35}.sv-green{color:var(--green)}.sv-red{color:var(--red)}.sv-blue{color:var(--blue)}.sc-accent{background:var(--blue);border-color:var(--blue);color:#fff}.sc-accent .slb,.sc-accent .sd,.sc-accent .sv{color:#fff}.sc-d>.chips{margin-top:6px}.sc-d{flex-direction:column;display:flex}.sc-h{justify-content:space-between;align-items:center;gap:6px;display:flex}.sc-foot{margin-top:auto;padding-top:8px}.sc-split{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin-top:8px;padding-top:8px;font-size:.75rem;display:flex}.sc-split div:last-child{text-align:right}.sc-split span{color:var(--slate);font-size:.6875rem;display:block}.sc-split b{font-variant-numeric:tabular-nums;white-space:nowrap}.sc-up{border-left:4px solid var(--green)}.sc-down{border-left:4px solid var(--red)}.sc-mark{border-left:4px solid var(--purple)}.sc-dim{opacity:.7}.sv{overflow-wrap:anywhere}.tw{max-height:74vh;position:relative;overflow:auto}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:.8125rem}.tbl th{z-index:3;background:var(--field);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px;font-size:.625rem;font-weight:800;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}:where(.tbl) :is(td,th):not([hidden]){display:table-cell}.tbl tr.tr-klik{cursor:pointer}.tbl td.td-wrap{white-space:normal}.tbl th.th-wrap{white-space:normal;vertical-align:bottom;min-width:64px}.tbl tr.tr-total td{font-weight:700}.tbl tr.tr-grup td{letter-spacing:.08em;text-transform:uppercase;color:var(--slate);background:var(--card);padding-top:18px;font-size:.625rem;font-weight:800}.tbl tbody tr.tr-grup:hover td{background:var(--card)}.tbl tbody tr:hover td{background:var(--field)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl .ctr{text-align:center}.tbl .nw{white-space:nowrap}.tbl .muted{color:var(--slate)}.tbl .acts{white-space:nowrap;text-align:right;width:1%}.acts-in{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.acts-in form{margin:0;display:contents}.tbl .tr-empty td{text-align:center;color:var(--slate);padding:28px 16px}.tbl tbody tr.tr-empty:hover td{background:0 0}.tbl td>.sub,.tbl .td-sub{color:var(--slate);margin-top:2px;font-size:.6875rem;display:block}.tw.sticky-first .tbl th:first-child,.tw.sticky-first .tbl td:first-child{z-index:2;background:var(--card);position:sticky;left:0}.tw.sticky-first .tbl thead th:first-child{z-index:5;background:var(--field)}.tw.tw-penuh{max-height:none}.tw.tw-pendek{max-height:520px}@media print{.no-cetak{display:none!important}.tw.tw-penuh{width:100%;max-height:none;overflow:visible}.tbl.tbl-cetak{table-layout:fixed;font-size:.76rem}.tbl.tbl-cetak th{position:static}.tbl.tbl-cetak thead{display:table-header-group}.tbl.tbl-cetak tfoot{display:table-footer-group}.tbl.tbl-cetak tr{break-inside:avoid;page-break-inside:avoid}.tbl.tbl-cetak th:first-child,.tbl.tbl-cetak td:first-child{width:24%}.tbl.tbl-cetak.tbl-cetak-bebas th:first-child,.tbl.tbl-cetak.tbl-cetak-bebas td:first-child{width:auto}.tbl.tbl-cetak.tbl-cetak-otomatis{table-layout:auto}.tbl.tbl-cetak :is(th,td){white-space:normal;overflow-wrap:break-word;padding:6px 7px}.dok-cetak .card{break-inside:auto;page-break-inside:auto}.dok-cetak .ct{break-after:avoid;page-break-after:avoid}.dok-cetak :is(.sg,.sc-d){break-inside:avoid;page-break-inside:avoid}.dok-cetak :is(.ch,.sc-d){-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pager{color:var(--slate);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:.75rem;display:flex}.pager-a{gap:6px;display:flex}.pager[hidden]{display:none}.fld{margin-bottom:14px}.fld.fld-flush{margin:0}.fld>label,.fld .lb{color:var(--ink);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.fi{border:1px solid var(--line-ctl);border-radius:var(--r-ctl);background:var(--card);width:100%;color:var(--ink);outline:none;padding:9px 12px;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.fi::placeholder{color:var(--slate);opacity:.85}.fi:hover:not(:disabled):not([readonly]){border-color:var(--slate)}.fi:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-s);background:var(--card)}.fi:disabled,.fi[readonly]{background:var(--field);color:var(--slate);border-color:var(--line)}.fi:disabled{cursor:not-allowed}.fi[aria-invalid=true]{border-color:var(--red)}.fi{min-width:0}textarea.fi{resize:vertical;min-height:90px}input.fi:not([type=checkbox]):not([type=radio]):not([type=file]),select.fi{height:38px;line-height:1.25}.fi.fi-sm{width:auto;max-width:100%;padding:0 8px;font-size:.75rem;height:32px!important}.hint{color:var(--slate);margin-top:4px;font-size:.6875rem}.err-msg{color:var(--red);margin-top:4px;font-size:.6875rem;font-weight:600}.cek{align-items:center;gap:8px;font-size:.8125rem;display:flex}.cek-sakelar{display:inline-flex}.cek-sakelar input{appearance:none;background:var(--line-ctl);cursor:pointer;border-radius:99px;flex:none;width:34px;height:19px;margin:0;transition:background .18s;position:relative}.cek-sakelar input:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .18s;position:absolute;top:2px;left:2px}.cek-sakelar input:checked{background:var(--green)}.cek-sakelar input:checked:after{transform:translate(15px)}.cek-sakelar input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cek-sakelar input:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.cek-sakelar input,.cek-sakelar input:after{transition:none}}.srch{min-width:0;position:relative}.srch>.ms{color:var(--slate);pointer-events:none;font-size:18px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.srch>.fi{padding-left:36px}.srch-sm>.fi{font-size:.75rem;height:32px!important}.srch-sm>.ms{font-size:16px;left:9px}.srch-sm>.fi{padding-left:30px}.srch-x{color:var(--slate);display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.srch-x:hover{color:var(--ink)}.srch-x .ms{font-size:16px}.srch:has(.srch-x)>.fi{padding-right:30px}.fbar-lb{color:var(--ink);font-size:.75rem;font-weight:700}@media print{.fbar,.kpi-bar{display:none!important}}.fbar{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin:0 0 14px;display:flex}.fbar>*{min-width:0;margin:0}.cb>.fbar:last-child{margin-bottom:0}.fbar>.fld,.fbar>.fi,.fbar>.srch,.fbar>.fbar-f{flex:170px;max-width:260px;margin:0}.fbar>.fld-srch,.fbar>.srch{flex:2 240px;max-width:400px}.fbar>.fbar-wide{flex:2 310px;max-width:420px}.fbar .fld{margin-bottom:0}.fbar :is(.fld,.srch,.fbar-range) .fi{max-width:none}.fbar-range{align-items:center;gap:6px;display:flex}.fbar-range .fi{flex:1 1 0;min-width:0}.fbar-range input[type=date].fi{min-width:140px}.fbar-range>span{color:var(--slate)}.fbar-a{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fbar .btn:not(.btn-sm){white-space:nowrap;min-height:38px}.fbar-a>.fbar-end{margin-left:auto}.fbar-inline{align-items:center;gap:8px;margin:0}.fbar-inline>.fld,.fbar-inline>.fi,.fbar-inline>.srch{flex:0 auto;max-width:none}.fbar-inline .fi{width:auto}.fbar-inline .srch .fi{width:220px}.fbar-inline .btn:not(.btn-sm){min-height:32px}.fbar-inline select.fi,.fbar-inline input.fi:not([type=checkbox]){padding:0 8px;font-size:.75rem;height:32px!important}.fbar-inline .srch>input.fi{padding-left:30px}.fbar-inline .srch:has(.srch-x)>input.fi{padding-right:30px}@media (width<=640px){.fbar>.fld,.fbar>.fi,.fbar>.srch,.fbar>.fbar-f{flex:calc(50% - 6px);max-width:none}.fbar>.fld-srch,.fbar>.srch,.fbar>.fbar-wide{flex:100%;max-width:none}.fbar-a{width:100%}.fbar-a>.btn{flex:auto;justify-content:center}.fbar-inline .srch .fi{width:100%}}@media (width<=420px){.fbar>.fld,.fbar>.fi,.fbar>.fbar-f{flex:100%}}.ov{z-index:90;background:#0f1b2d8c;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.ov.v{display:flex}.ov.ov-penuh{background:#0f172a;align-items:stretch;padding:0}.md{background:var(--card);border-radius:14px;width:100%;max-width:560px;max-height:92vh;overflow:auto}.md.md-sm{max-width:420px}.md.md-lg{max-width:720px}.md.md-xl{max-width:880px}.ov:has(>.md-laci){justify-content:flex-end;align-items:stretch;padding:0}.md.md-laci{border-radius:14px 0 0 14px;flex-direction:column;height:100%;max-height:none;display:flex;overflow:hidden;box-shadow:-18px 0 40px #0f1b2d2e}.md-laci>.md-h{flex-shrink:0}.md-laci>.md-b{flex:1;overflow-y:auto}.md-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;display:flex}.md-h h2{margin:0;font-size:.9375rem}.md-b{padding:18px}.md-f{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 18px;display:flex}.md-b .md-f{margin:16px -18px -18px}@media (width<=640px){.ov{align-items:flex-end;padding:0}.md{border-radius:14px 14px 0 0;max-height:88vh}.ov:has(>.md-laci){align-items:flex-end}.md.md-laci{border-radius:14px 14px 0 0;height:auto;max-height:88vh}}.toast{background:var(--ink);color:var(--card);opacity:0;z-index:99;pointer-events:none;border-radius:9px;padding:11px 18px;font-size:.8125rem;font-weight:600;transition:all .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(18px)}.toast.v{opacity:1;transform:translate(-50%)}.flashbar{background:var(--ink);color:var(--card);padding:11px 20px;font-size:.8125rem;font-weight:600}.flashbar.err{background:var(--red);color:#fff}.bell,.bell-btn{position:relative}.bell-btn .nb{background:var(--red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.625rem;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px}.bell-dd{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);z-index:60;width:min(340px,100vw - 32px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #0f1b2d2e}@media (width<=640px){.bell{position:static}.bell-dd{left:16px;right:16px;top:calc(var(--th) + 6px);width:auto;position:fixed}}.bell-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:.8125rem;display:flex}.bell-list{max-height:360px;overflow:auto}.bell-item{border-bottom:1px solid var(--line);color:inherit;border-left:3px solid #0000;padding:10px 14px;font-size:.78rem;display:block}.bell-item:hover{background:var(--field)}.bell-item:last-child{border-bottom:0}.bell-item.baru{border-left-color:var(--blue);background:var(--blue-s)}.bell-item .bt{justify-content:space-between;gap:8px;display:flex}.bell-item .bt b{overflow-wrap:anywhere;font-weight:600}.bell-item.baru .bt b{font-weight:800}.bell-item .tm{color:var(--slate);flex-shrink:0;font-size:.6875rem}.bell-item p{color:var(--slate);overflow-wrap:anywhere;margin:3px 0 0;line-height:1.35}.bell-item p .ch{font-size:.6rem}.bell-empty{text-align:center;color:var(--slate);padding:24px;font-size:.8rem}.ss{position:relative}.ss-val{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;left:12px}.ss-box{position:relative}.ss-in{text-overflow:ellipsis;cursor:pointer;padding-right:56px}.ss-in:disabled{cursor:not-allowed;opacity:.6}.ss-in:focus{cursor:text}.ss-caret{color:var(--slate);pointer-events:none;font-size:20px;transition:transform .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ss-open .ss-caret{transform:translateY(-50%)rotate(180deg)}.ss-x{color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.ss-x:hover{color:var(--ink);background:var(--line)}.ss-x .ms{font-size:16px}.ss-list{z-index:70;background:var(--card);border:1px solid var(--line);border-radius:var(--r-ctl);max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #0f1b2d2e}.ss-list li{cursor:pointer;overflow-wrap:anywhere;border-radius:6px;padding:8px 10px;font-size:.8125rem}.ss-list li.ss-act{background:var(--blue-s);color:var(--blue)}.ss-list li.ss-sel{font-weight:700}.ss-list li.ss-state{cursor:default;color:var(--slate);font-style:italic}.ss-up .ss-list{top:auto;bottom:calc(100% + 4px)}.k-tip{background:var(--field);width:13px;height:13px;color:var(--slate);text-align:center;cursor:help;vertical-align:1px;border-radius:50%;margin-left:4px;font-size:.5625rem;font-weight:800;line-height:13px;display:inline-block}.k-tip:hover,.k-tip:focus-visible,th:hover .k-tip{background:var(--blue);color:#fff}.k-tip:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.pk-md{width:100%;max-width:900px}.pk-md .md-h{align-items:flex-start;gap:12px}.pk-sub{color:var(--slate);font-size:.75rem;font-weight:500}.pk-md .md-h .pk-sub{margin-top:3px}.pk-b2{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.pk-cari{border:1px solid var(--line-ctl);border-radius:var(--r-ctl);background:var(--card);align-items:center;gap:6px;height:36px;margin-bottom:12px;padding:0 10px;display:flex}.pk-cari .ms{color:var(--slate);font-size:17px}.pk-cari input{height:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.8125rem}.pk-cari:focus-within{border-color:var(--blue)}.pk-sec{margin-bottom:14px}.pk-sh{letter-spacing:.05em;color:var(--slate);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.6875rem;font-weight:700;display:flex}.pk-tautan{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:.6875rem;font-weight:700}.pk-list{border:1px solid var(--line);border-radius:10px;max-height:min(52vh,420px);margin:0;padding:0;list-style:none;overflow-y:auto}.pk-list:empty{border:0}.pk-i{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:8px;padding:7px 10px;display:flex}.pk-i:last-child{border-bottom:none}.pk-i:hover{background:var(--field)}.pk-i.aktif{background:var(--field);box-shadow:inset 3px 0 0 var(--blue)}.pk-i.seret{opacity:.4}.pk-i[hidden]{display:none}.pk-drag{color:var(--slate);cursor:grab;touch-action:none;flex-shrink:0;font-size:18px}.pk-no{color:var(--slate);text-align:right;min-width:16px;font-size:.6875rem;font-weight:700}.pk-lb{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;margin:0;font-size:.8125rem;font-weight:600;display:flex}.pk-lb input{flex-shrink:0;width:16px;height:16px}.pk-g{color:var(--slate);background:var(--field);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.6875rem;font-weight:700}.pk-i:hover .pk-g{background:var(--card)}.pk-nav{flex-shrink:0;gap:2px;display:flex}.pk-b{border:1px solid var(--line);background:var(--card);width:26px;height:26px;color:var(--slate);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.pk-b:hover{background:var(--field);color:var(--ink)}.pk-b .ms{font-size:14px}.pk-kosong{color:var(--slate);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:.75rem}.pk-kosong[hidden]{display:none}.pk-info{border:1px solid var(--line);background:var(--card);border-radius:11px;padding:14px;position:sticky;top:0}.pk-ih{letter-spacing:.06em;color:var(--slate);margin-bottom:9px;font-size:.625rem;font-weight:700}.pk-in{margin-bottom:7px;font-size:1rem;font-weight:800}.pk-ia{font-size:.8125rem;line-height:1.5}.pk-is{color:var(--slate);overflow-wrap:anywhere;margin-top:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.45}.pk-is b{color:var(--ink);font-family:inherit}.pk-ikosong{color:var(--slate);font-size:.8125rem;line-height:1.5}.pk-tips{background:var(--field);border-radius:9px;margin-top:13px;padding:11px}.pk-tt{align-items:center;gap:5px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:flex}.pk-tt .ms{color:var(--blue);font-size:15px}.pk-md .md-f{flex-wrap:wrap}.pk-jml{margin-right:auto}.pk-ket{margin-top:8px;line-height:1.55}.pk-ket:empty{display:none}@media (width<=760px){.pk-b2{grid-template-columns:1fr}.pk-info{order:-1;position:static}.pk-list{max-height:none}.pk-g{display:none}}.kpi-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.kpi-tombol{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.kpi-pesan{background:var(--blue-s);color:var(--blue);border-radius:9px;flex:320px;padding:8px 12px;font-size:.75rem;font-weight:600;line-height:1.5}.kpi-pesan .ms{vertical-align:-3px;font-size:15px}.kpi-blok [hidden],.kpi-pesan[hidden]{display:none!important}.kpi-kartu{position:relative}.kpi-kartu[hidden],.kpi-off{display:none}.kpi-kartu .kpi-alat{gap:2px;display:none;position:absolute;top:8px;right:8px}.kpi-ubah .kpi-kartu .kpi-alat{display:flex}.kpi-kartu .kpi-alat button{background:var(--card);border:1px solid var(--line);width:26px;height:26px;color:var(--slate);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:flex}.kpi-kartu .kpi-alat button:hover,.kpi-kartu .kpi-alat button:focus-visible{border-color:var(--blue);color:var(--blue)}.kpi-kartu .kpi-alat .ms{font-size:15px}.kpi-geser{cursor:grab;touch-action:none}.kpi-ubah .kpi-kartu{border-style:dashed}.kpi-kartu.sortable-ghost{opacity:.45}.kpi-kartu.sortable-chosen{outline:2px dashed var(--blue);outline-offset:2px}.kpi-tambah{border:1.5px dashed var(--line);border-radius:var(--r-card);min-height:96px;color:var(--slate);font:inherit;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.kpi-tambah[hidden]{display:none}.kpi-tambah:hover,.kpi-tambah:focus-visible{border-color:var(--blue);color:var(--blue)}.kpi-grid .sv-p{font-size:1.05rem}.kpi-bar-t{background:var(--line);border-radius:99px;height:4px;margin-top:8px;overflow:hidden}.kpi-bar-t i{background:var(--blue);border-radius:99px;height:100%;display:block}.kpi-bar-t i.ok{background:var(--green)}.kpi-delta{margin-top:3px;font-size:.6875rem;font-weight:700;line-height:1.4}.kpi-delta.ok{color:var(--green)}.kpi-delta.bad{color:var(--red)}.kpi-delta.sub,.kpi-lalu{color:var(--slate);font-weight:600}.kpi-lalu b{color:var(--ink);font-weight:700}.sv .txt-g{color:var(--green)}.sv .txt-r{color:var(--red)}.kpi-sisa{color:var(--slate);margin-bottom:12px;font-size:.75rem}.kat-grup{text-transform:uppercase;letter-spacing:.08em;color:var(--slate);padding:12px 8px 4px;font-size:.625rem;font-weight:700}.kat-i{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 8px;display:flex}.kat-i:hover,.kat-i:focus-visible{background:var(--field)}.kat-i .ms{color:var(--slate);font-size:19px}.kat-i.aktif .ms{color:var(--blue)}.kat-i .t{font-size:.8125rem;font-weight:600;line-height:1.4}.kat-i .t small{color:var(--slate);margin-top:1px;font-size:.72rem;font-weight:400;display:block}.kat-i:disabled{opacity:.45;cursor:not-allowed}@media (width<=640px){.kpi-tombol{margin-left:0}.kpi-kartu .kpi-alat button{width:32px;height:32px}}.sg.sg-lebar{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-flow:dense;gap:14px}.kpi-kartu.kpi-lebar{grid-column:span 2}.kpi-kartu.kpi-tinggi{grid-row:span 2}.kpi-kartu.kpi-tautan{cursor:pointer}.kpi-susun .kpi-bar{align-items:center}.kpi-periode-w[hidden],.kpi-ket[hidden]{display:none}.kpi-ket{color:var(--slate);font-size:.75rem}.kpi-kendali{background:var(--field);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;margin:-4px -4px 6px;padding:4px;display:none}.kpi-ubah .kpi-kendali{display:flex}.kpi-kendali .fi{flex:1;min-width:0}.kpi-k-btn{width:26px;height:26px;color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.kpi-k-btn:hover,.kpi-k-btn:focus-visible{background:var(--card);color:var(--ink)}.kpi-k-btn .ms{font-size:17px}.kpi-k-btn.kpi-geser{cursor:grab}.kpi-katalog{border:1px dashed var(--line);border-radius:var(--r-card);margin-top:14px;padding:12px 14px}.kpi-katalog[hidden]{display:none}.kpi-kat-judul{margin-bottom:4px;font-size:.8rem;font-weight:700}.kpi-kat-grup{border-top:1px dashed var(--line);align-items:flex-start;gap:10px;padding:7px 0;display:flex}.kpi-kat-judul+.kpi-kat-grup{border-top:none}.kpi-kat-nama{width:110px;color:var(--slate);flex:none;padding-top:6px;font-size:.7rem;font-weight:700}.kpi-kat-isi{flex-wrap:wrap;gap:6px;display:flex}.kpi-kat-i{border:1px solid var(--line-ctl);background:var(--card);font:inherit;color:var(--ink);cursor:pointer;border-radius:99px;align-items:center;gap:4px;padding:5px 11px 5px 7px;font-size:.74rem;font-weight:600;display:inline-flex}.kpi-kat-i:hover,.kpi-kat-i:focus-visible{border-color:var(--blue);color:var(--blue)}.kpi-kat-i .ms{font-size:15px}.kpi-kat-i small{color:var(--slate);font-weight:400}.kpi-kosong-papan{text-align:center;border:1px dashed var(--line);border-radius:var(--r-card);color:var(--slate);grid-column:1/-1;padding:22px;font-size:.78rem}@media (width<=620px){.kpi-kartu.kpi-lebar{grid-column:span 1}.kpi-kartu.kpi-tinggi{grid-row:auto}.kpi-kat-grup{flex-direction:column;gap:4px}.kpi-kat-nama{width:auto;padding:0}}.kpi-grid-pintasan{flex-wrap:wrap;align-items:stretch;gap:9px;margin-bottom:16px;display:flex}.kpi-kartu.kpi-pintasan{align-items:center;display:inline-flex}.kpi-kartu.kpi-pintasan[hidden],.kpi-kartu.kpi-pintasan.kpi-off{display:none}.kpi-pintasan .kpi-alat{z-index:2;top:-8px;right:-8px}.kpi-ubah .kpi-pintasan{outline:1px dashed var(--line);outline-offset:3px;-webkit-user-select:none;user-select:none;border-radius:9px}.kpi-ubah .kpi-pintasan>.btn{pointer-events:none}.kpi-grid-pintasan .kpi-tambah{border-radius:var(--r-ctl);flex-direction:row;min-height:0;padding:8px 13px}.kpi-bar .kpi-kotor[hidden]{display:none}.tpd{max-width:100%;display:inline-block;position:relative}.tpd-btn{border:1px solid var(--line-ctl);border-radius:var(--r-ctl);background:var(--card);max-width:100%;height:38px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.tpd-btn:hover{border-color:var(--slate)}.tpd-btn.v,.tpd-btn:focus-visible{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 3px var(--blue-s);outline:none}.tpd-btn .ms{font-size:16px}.tpd-lbl{text-overflow:ellipsis;overflow:hidden}.tpd-pop{z-index:900;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);max-width:calc(100vw - 24px);display:none;position:fixed;overflow:hidden;box-shadow:0 16px 44px #0f172a2e}.tpd-pop.v{display:block}.tpd-body{display:flex}.tpd-rail{border-right:1px solid var(--line);flex:none;width:170px;padding:8px}.tpd-rail button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:7px 9px;font-size:.775rem;display:flex}.tpd-rail button:hover{background:var(--blue-s)}.tpd-rail button i{border:1.5px solid var(--line-ctl);border-radius:50%;flex:none;width:14px;height:14px;display:block;position:relative}.tpd-rail button.a{color:var(--blue);font-weight:600}.tpd-rail button.a i{border-color:var(--blue)}.tpd-rail button.a i:after{content:"";background:var(--blue);border-radius:50%;position:absolute;inset:2.5px}.tpd-cal{padding:12px 14px}.tpd-nav{align-items:center;gap:6px;margin-bottom:8px;display:flex}.tpd-nav b{text-align:center;color:var(--ink);flex:1;font-size:.8125rem}.tpd-nav button{color:var(--slate);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:6px;padding:3px;display:flex}.tpd-nav button:hover{background:var(--blue-s);color:var(--blue)}.tpd-months{gap:18px;display:flex}.tpd-month{width:220px}.tpd-dow,.tpd-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.tpd-dow span{text-align:center;color:var(--slate);padding:3px 0;font-size:.625rem;font-weight:700}.tpd-d{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 0;font-size:.75rem}.tpd-d:hover{background:var(--blue-s)}.tpd-d.mid{background:var(--blue-s);color:var(--blue);border-radius:0}.tpd-d.tepi{background:var(--blue);color:#fff;font-weight:700}.tpd-d.off{visibility:hidden}.tpd-d.kini{box-shadow:inset 0 0 0 1.5px var(--line-ctl)}.tpd-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;padding:10px 14px;display:flex}.tpd-kotak{border:1px solid var(--line-ctl);border-radius:var(--r-ctl);height:34px;font:inherit;color:var(--ink);text-align:center;background:var(--card);box-sizing:border-box;width:118px;min-width:0;padding:0 11px;font-size:.775rem;font-weight:600}.tpd-kotak:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-s);outline:none}.tpd-kotak.salah{border-color:var(--red);color:var(--red)}.tpd-kotak::placeholder{color:var(--slate);font-weight:500}.tpd-sp{color:var(--slate)}.tpd-aksi{gap:7px;margin-left:auto;display:flex}.tpd-batal,.tpd-ok{height:34px;font:inherit;border-radius:var(--r-ctl);cursor:pointer;padding:0 15px;font-size:.775rem;font-weight:600}.tpd-batal{background:var(--card);color:var(--ink);border:1px solid var(--line-ctl)}.tpd-batal:hover{border-color:var(--slate)}.tpd-ok{background:var(--blue);color:#fff;border:1px solid var(--blue)}.tpd-ok:hover{background:var(--blue-d)}.tpd-ok:disabled{opacity:.45;cursor:default}@media (width<=860px){.tpd-body{flex-direction:column}.tpd-rail{border-right:none;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;width:auto;display:grid}.tpd-months .tpd-month:last-child,.tpd-nav .tpd-j2{display:none}}.btn[hidden],.note-card[hidden]{display:none}.ch .ch-lepas{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:0;margin-left:2px;padding:0;line-height:1;display:inline-flex}.ch .ch-lepas:hover{opacity:1}.ch .ch-lepas .ms{font-size:13px}.kal-app{color:var(--ink);font-size:14px}.kal-app .kal-nav{align-items:center;gap:6px;display:flex}.kal-app .kal-judul{text-align:center;min-width:140px;font-weight:800}.kal-app .kal-kepala{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px;display:flex}.kal-app .kal-hitung{color:var(--slate);white-space:nowrap;margin-left:auto;font-size:.8125rem}.kal-app .kal-kartu{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card,12px);overflow:hidden}.kal-app .kal-kartu+.kal-kartu{margin-top:12px}.kal-app .kal-hd,.kal-app .kal-row{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.kal-app .kal-hd{background:var(--paper);border-bottom:1px solid var(--line)}.kal-app .kal-hd span{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);padding:8px 0;font-size:.6875rem;font-weight:700}.kal-app .kal-sel{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:3px;min-width:0;min-height:96px;padding:6px;display:flex}.kal-app .kal-sel:nth-child(7n){border-right:0}.kal-app .kal-row:last-child .kal-sel{border-bottom:0}.kal-app .kal-luar{background:var(--paper)}.kal-app .kal-no{color:var(--slate);font-size:.75rem;font-weight:700}.kal-app .kal-hari-ini .kal-no{background:var(--blue);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.kal-app .kal-ev{--kal-w:#64748b;text-align:left;border:0;border-left:3px solid var(--kal-w);width:100%;font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb,var(--kal-w) 9%,transparent);color:var(--kal-w);border-radius:5px;padding:3px 6px;font-size:.6875rem;font-weight:700;line-height:1.25;display:block;overflow:hidden}html.dark .kal-app .kal-ev{color:color-mix(in srgb,var(--kal-w) 55%,#fff);background:color-mix(in srgb,var(--kal-w) 22%,transparent)}.kal-app .kal-ev:hover{filter:brightness(.95)}.kal-app .kal-ev:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.kal-app .kal-ev-besar{white-space:normal;font-size:.8125rem}.kal-app .kal-ag{border-bottom:1px solid var(--line);gap:14px;padding:12px 14px;display:flex}.kal-app .kal-ag:last-child{border-bottom:0}.kal-app .kal-ag-tgl{width:96px;color:var(--slate);flex-shrink:0;font-size:.8125rem}.kal-app .kal-ag-isi{flex:1;min-width:0}.kal-app .kal-ag-sub{color:var(--slate);margin-top:3px;font-size:.75rem}.kal-app .kal-kosong{text-align:center;color:var(--slate);padding:26px;font-size:.8125rem}.kal-app .kal-catatan{color:var(--slate);margin-top:12px;padding:14px 16px;font-size:.8125rem;line-height:1.5}.kal-app .kal-panel-ket{color:var(--slate);margin-right:auto;font-size:.75rem}.kal-app .kal-lb{letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin:14px 0 4px;font-size:.625rem;font-weight:700}.kal-app .kal-cips+.kal-lb{margin-top:10px}.kal-app .kal-cips{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.kal-app .kal-cip{background:var(--paper);color:var(--slate);border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-block}.kal-app .kal-cip-jenis{background:color-mix(in srgb,var(--kal-w) 12%,transparent);color:var(--kal-w)}.kal-app .kal-tebal{font-weight:700}.kal-app .kal-pj{color:var(--slate);flex-wrap:wrap;gap:4px 16px;font-size:.8125rem;display:flex}.kal-app .kal-pj b{color:var(--ink)}.kal-app .kal-tautan{flex-wrap:wrap;gap:6px;display:flex}.kal-app .kal-tautan-lain{color:var(--slate);word-break:break-all;flex-direction:column;gap:2px;margin-top:6px;font-size:.75rem;display:flex}@media (width<=560px){.kal-app .kal-sel{min-height:74px;padding:4px 3px}.kal-app .kal-ev{padding:2px 3px;font-size:.625rem}.kal-app .kal-ag-tgl{width:74px}.kal-app .kal-judul{min-width:0}}