:root{--biru:#2f7d3c;--biru-tua:#1f5f2c;--biru-lembut:#eaf7ec;--biru-garis:#b9ddb9;--gelap:#1f4d2b;--gelap-2:#15391f;--hijau:#2f8f5b;--hijau-tua:#176c43;--hijau-lembut:#e7f5ed;--merah:#d2493f;--merah-tua:#a8322d;--merah-lembut:#fdebea;--kuning:#b86618;--kuning-lembut:#fff3df;--aksen:#f28c28;--aksen-tua:#bf5f12;--aksen-lembut:#fff0df;--aksen-garis:#f3c28d;--abu:#65747a;--chrome:#edf8ee;--chrome-garis:#c8e3cb;--chrome-teks:#24442b;--ink:#10252b;--teks:#24363c;--muted:#66777d;--garis:#dfe8e7;--garis-tegas:#cbd9d8;--panel:#fff;--admin-bg:#f5f7f6;--surface-border:#d9e0df;--surface-soft:#f6f8f7;--radius:14px;--radius-sm:10px;--radius-lg:18px;--shadow-sm:0 1px 2px #0c242714;--shadow:0 8px 24px -20px #0c242747;--shadow-lg:0 16px 42px -24px #0c24276b;--sidebar-w:240px;--navbar-h:58px;--body-pad:18px;--shell-gap:20px;--konten-max:1360px;--kertas-w:1123px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--navbar-h) + 12px)}body{background:var(--admin-bg);color:var(--teks);padding:var(--body-pad);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,Inter,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{color:var(--ink)}.no-print{border-radius:var(--radius);max-width:1100px;box-shadow:var(--shadow);background:#fff;margin:0 auto 20px;padding:20px}.no-print h2{margin:0;font-size:20px}.no-print h3{letter-spacing:-.01em;margin:24px 0 12px;font-size:15px;font-weight:700}.admin-shell.no-print{box-shadow:none;width:min(var(--konten-max), 100%);max-width:none;margin:0 auto var(--shell-gap);background:0 0;border-radius:0;padding:0;display:block}.app-navbar.no-print{z-index:45;margin:calc(var(--body-pad) * -1) calc(var(--body-pad) * -1) var(--shell-gap);padding:0 var(--body-pad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:none;color:var(--chrome-teks);border-bottom:1px solid var(--chrome-garis);background:#ecefedf5;border-radius:0;position:sticky;top:0;box-shadow:0 1px #1922280f}.app-navbar-inner{width:min(var(--konten-max), 100%);min-height:var(--navbar-h);align-items:center;gap:14px;margin:0 auto;display:flex}.navbar-brand{display:none}.navbar-brand img{object-fit:contain;background:#fff;border-radius:8px;flex:none;width:32px;height:32px;padding:3px}.navbar-brand strong{letter-spacing:-.01em;color:var(--ink);font-size:14px;font-weight:700;display:block}.navbar-brand span{color:var(--muted);margin-top:1px;font-size:11px;display:block}.navbar-search{border:1px solid var(--chrome-garis);min-width:0;max-width:520px;height:40px;color:var(--muted);background:#fff;border-radius:999px;flex:1;align-items:center;gap:9px;padding:0 12px;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex}.navbar-search:focus-within{border-color:var(--biru);background:#fff;box-shadow:0 0 0 3px #3f4b5329}.navbar-search.is-kosong{box-shadow:none;pointer-events:none;background:0 0;border-color:#0000}.navbar-search svg{opacity:.8;flex:none;width:17px;height:17px}.navbar-search input{min-width:0;height:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.navbar-search input::placeholder{color:#8b9a9e}.navbar-search input::-webkit-search-cancel-button{display:none}.navbar-search-clear{width:24px;height:24px;min-height:24px;color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;border-radius:50%;flex:none;padding:0}.navbar-search-clear:hover{color:var(--ink);background:#ffffffe6}.navbar-search-clear svg{width:14px;height:14px}.navbar-action{color:var(--chrome-teks);border-radius:var(--radius-sm);min-height:38px;box-shadow:none;background:0 0;border:1px solid #0000;padding:8px 12px;font-size:13px;font-weight:600}.navbar-action svg{opacity:.85;flex:none;width:17px;height:17px}.navbar-action:hover{color:var(--ink);border-color:var(--chrome-garis);background:#fffc}.navbar-actions{align-items:center;gap:6px;margin-left:auto;display:none}.navbar-actions form{display:flex}.navbar-action.danger{color:var(--merah-tua)}.navbar-action.danger:hover{background:var(--merah-lembut);color:#a73f3b;border-color:#f0d3d2}.admin-sidebar{background:var(--chrome);color:var(--chrome-teks);border-right:1px solid var(--chrome-garis);flex-direction:column;gap:16px;padding:18px 12px 16px;display:flex;overflow-y:auto}.admin-brand{border-bottom:1px solid var(--chrome-garis);justify-content:center;align-items:center;padding:4px 4px 18px;display:flex}.admin-brand img{object-fit:contain;border:1px solid var(--aksen-garis);background:#fff;border-radius:14px;flex:none;width:58px;height:58px;padding:7px;box-shadow:0 10px 22px -18px #1922288c}.admin-menu{gap:3px;display:grid}.admin-nav-group{gap:4px;display:grid}.admin-menu-label,.admin-sidebar-footer>span{letter-spacing:.1em;text-transform:uppercase;color:#51735a;font-size:10px;font-weight:700}.admin-menu-label{padding:0 12px 6px}.admin-sidebar-footer{border-top:1px solid var(--chrome-garis);gap:8px;margin-top:auto;padding-top:14px;display:grid}.admin-nav-btn{width:100%;color:var(--chrome-teks);border-radius:var(--radius-sm);min-height:42px;box-shadow:none;background:0 0;border:1px solid #0000;justify-content:flex-start;gap:11px;padding:10px 11px;font-size:13.5px;font-weight:600;position:relative}.admin-nav-btn svg{opacity:.7;flex:none;width:18px;height:18px}.admin-nav-btn:hover{color:var(--ink);background:#f4f6f5}.admin-nav-btn:hover svg{opacity:.9}.admin-nav-btn.active{background:var(--gelap);border-color:var(--gelap);color:#fff;box-shadow:inset 4px 0 0 var(--aksen);font-weight:700}.admin-nav-btn.active:hover{background:var(--gelap-2);color:#fff}.admin-nav-btn.active svg{opacity:1;color:#fff}.admin-nav-btn.danger{color:#a9635f}.admin-nav-btn.danger:hover{background:var(--merah-lembut);color:var(--merah-tua)}a.navbar-action,a.admin-nav-btn{white-space:nowrap;align-items:center;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}a.navbar-action{justify-content:center;gap:8px}a.admin-nav-btn{justify-content:flex-start;gap:11px}.admin-submenu{border-left:2px solid #bddac1;gap:3px;margin:1px 0 6px 24px;padding-left:12px;display:grid}.admin-sub-nav-btn{border-radius:var(--radius-sm);color:#315339;width:100%;min-height:34px;box-shadow:none;background:0 0;border:1px solid #0000;justify-content:flex-start;gap:9px;padding:7px 9px;font-size:12.5px;font-weight:600}.admin-sub-nav-btn svg{opacity:.72;flex:none;width:15px;height:15px}.admin-sub-nav-btn span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-sub-nav-btn small{color:#4e6d55;background:#ffffffe0;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.admin-sub-nav-btn:hover{color:var(--ink);background:#f4f6f5}.admin-sub-nav-btn.active{border-color:var(--biru);color:var(--gelap);box-shadow:inset 3px 0 0 var(--aksen);background:#fff;font-weight:700}.admin-sub-nav-btn.active svg{color:var(--aksen-tua);opacity:1}.sidebar-mini-status{border:1px solid var(--chrome-garis);border-radius:var(--radius-sm);background:#f7f9f8;gap:2px;padding:10px 11px;display:grid}.sidebar-mini-status span{color:#7f9591;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.sidebar-mini-status strong{color:var(--ink);font-size:12px;font-weight:700}.admin-main{min-width:0;box-shadow:none;background:0 0;border-radius:0;align-content:start;gap:16px;padding:0;display:grid}.admin-section{scroll-margin-top:20px}.mobile-bottom-nav.no-print{display:none}.scroll-anchor{height:1px;display:block;position:relative;top:-12px}.topbar{box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:2px 2px 0;display:flex}.topbar h2{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:700}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.counter{color:var(--muted);margin-top:3px;font-size:13px;font-weight:400;display:block}.chip-row{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chip{border:1px solid var(--garis-tegas);color:#51666b;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.chip strong{color:var(--ink);font-weight:700}.chip-accent{background:var(--aksen-lembut);border-color:var(--aksen-garis);color:var(--aksen-tua)}.chip-accent strong{color:var(--aksen-tua)}.chip-ok{background:var(--hijau-lembut);color:var(--hijau-tua);border-color:#d5e8de}.chip-warn{background:var(--kuning-lembut);color:var(--kuning);border-color:#f0e0c6}.chip-dot:before{content:"";opacity:.75;background:currentColor;border-radius:50%;width:6px;height:6px}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-box{border:1px solid var(--surface-border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);background:#fff;padding:14px 16px;position:relative;overflow:hidden}.metric-box:before{content:"";background:linear-gradient(180deg, var(--biru), var(--aksen));opacity:.8;width:3px;position:absolute;inset:0 auto 0 0}.metric-box span{color:#5d7076;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.metric-box strong{letter-spacing:-.025em;color:var(--ink);word-break:break-word;font-variant-numeric:tabular-nums;font-size:21px;font-weight:700;line-height:1.15;display:block}.module-tabs{border:1px solid var(--garis-tegas);background:#e3eeeb;border-radius:10px;grid-template-columns:repeat(2,minmax(96px,1fr));justify-self:start;gap:3px;padding:4px;display:inline-grid}.module-tabs button{color:#36565c;min-height:34px;box-shadow:none;background:0 0;border-radius:7px;padding:7px 20px;font-size:13px}.module-tabs button:hover{color:var(--ink);background:#fff}.module-tabs button.active{background:var(--gelap);color:#fff;box-shadow:inset 0 -3px 0 var(--aksen), var(--shadow-sm)}.payment-methods{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px;display:flex}.payment-methods .module-tabs button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.field-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 14px;margin-bottom:16px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field.wide{grid-column:span 2}.field-label{letter-spacing:.05em;text-transform:uppercase;color:#5d6c73;font-size:11px;font-weight:700}.field input,.field select,.inline-form input,.worker-form input,.worker-form select{border:1px solid var(--garis-tegas);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--ink);background:#fff;min-width:0;padding:9px 12px;font-family:inherit;font-size:16px;transition:border-color .12s,box-shadow .12s}.field input::placeholder,.inline-form input::placeholder,.worker-form input::placeholder{color:#9aa8ad}.date-picker-input{min-width:0;position:relative}.date-picker-input input[readonly]{cursor:pointer;padding-right:40px}.date-picker-native{opacity:0;pointer-events:none;height:100%;position:absolute;top:0;right:0;border:0!important;width:40px!important;min-height:0!important;padding:0!important}.date-picker-icon{color:#4d5f66;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field input:hover,.field select:hover,.inline-form input:hover,.worker-form input:hover,.worker-form select:hover{border-color:#c6d3d3}.field input:focus,.field select:focus,.inline-form input:focus,.worker-form input:focus,.worker-form select:focus{border-color:var(--biru);outline:none;box-shadow:0 0 0 3px #3f4b5329}.field select,.worker-form select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%235d6c73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}.pr-field-grid{grid-template-columns:repeat(6,minmax(120px,1fr))}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{background:var(--biru);color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.005em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex;box-shadow:0 1px #0c2d2a14}button:hover{background:var(--biru-tua)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #3f4b533d}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-icon{flex:none;width:16px;height:16px}.btn-outline{color:#31525b;border-color:var(--garis-tegas);background:#fff}.btn-outline:hover{background:var(--biru-lembut);border-color:var(--biru-garis);color:var(--ink)}.btn-print{background:var(--hijau)}.btn-print:hover{background:var(--hijau-tua)}.btn-success{background:var(--hijau)}.btn-success:hover{background:var(--hijau-tua)}.btn-danger{background:var(--merah)}.btn-danger:hover{background:var(--merah-tua)}.btn-danger-soft{background:var(--merah-lembut);color:var(--merah-tua);border-color:#f0d3d2}.btn-danger-soft:hover{background:var(--merah);color:#fff;border-color:var(--merah)}.btn-warning{background:var(--kuning-lembut);color:var(--kuning);border-color:#f0e0c6}.btn-warning:hover{color:#935d21;background:#f7ebd8}.btn-ghost{background:var(--surface-soft);color:#4d5f66;border-color:var(--garis)}.btn-ghost:hover{color:var(--ink);background:#eef3f2}.divider{background:var(--garis-tegas);width:1px;height:26px;margin:0 6px}.catatan{color:var(--muted);margin:12px 0 0;font-size:12px}.catatan-warning{color:var(--kuning)}.section-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-title svg{width:16px;height:16px;color:var(--biru);box-sizing:content-box;background:var(--biru-lembut);border-radius:7px;flex:none;padding:7px}.section-title h3{letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:700}.section-title .counter{text-align:right;margin:0 0 0 auto;font-size:12px;font-weight:600}.section-title:not(:first-child){border-top:1px solid var(--garis);margin-top:22px;padding-top:20px}.data-panel{border:1px solid var(--surface-border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);background:#fff;padding:18px}.attendance-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:16px;display:grid}.inline-form,.worker-form,.attendance-form,.invoice-form{align-items:end;gap:10px;margin-bottom:14px;display:grid}.inline-form{grid-template-columns:minmax(0,1fr) auto}.worker-form{grid-template-columns:minmax(130px,1.2fr) 118px 128px auto}.attendance-form{grid-template-columns:150px minmax(150px,1fr) minmax(150px,1fr) 148px auto}.invoice-form{grid-template-columns:1fr;align-items:stretch;margin-bottom:0}.invoice-form button{width:100%}.invoice-form .btn-danger-soft{margin-top:4px}.compact-table-wrap,.table-scroll{border:1px solid var(--surface-border);scrollbar-width:thin;scrollbar-color:#c3d0d3 transparent;background:#fff;border-radius:10px;max-height:268px;overflow:auto}.compact-table-wrap::-webkit-scrollbar{width:11px;height:11px}.table-scroll::-webkit-scrollbar{width:11px;height:11px}.compact-table-wrap::-webkit-scrollbar-thumb{background:#c9d5d7;border:3px solid #fff;border-radius:999px}.table-scroll::-webkit-scrollbar-thumb{background:#c9d5d7;border:3px solid #fff;border-radius:999px}.compact-table-wrap::-webkit-scrollbar-thumb:hover{background:#adbdc0}.table-scroll::-webkit-scrollbar-thumb:hover{background:#adbdc0}.compact-table-wrap::-webkit-scrollbar-track{background:0 0}.table-scroll::-webkit-scrollbar-track{background:0 0}.admin-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f2;padding:9px 14px}.admin-table th{z-index:1;background:var(--surface-soft);color:#5f7076;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--surface-border);white-space:nowrap;font-size:10px;font-weight:700;position:sticky;top:0}.admin-table tbody tr:hover{background:var(--surface-soft)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.compact-table th:last-child,.compact-table td:last-child{text-align:center;width:56px;padding-left:4px;padding-right:10px}.cell-main{color:var(--ink);font-weight:600}.pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--garis);color:#66757b;white-space:nowrap;background:#f1f5f5;border-radius:999px;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.pill-kt{background:var(--biru-lembut);border-color:var(--biru-garis);color:var(--biru-tua)}.pill-tukang{color:#3a4f7a;background:#eef2fb;border-color:#d5deef}.pill-lembur{background:var(--kuning-lembut);color:var(--kuning);border-color:#f0e0c6}.pill-setengah{color:#59468f;background:#f3f0fb;border-color:#ded6f0}.icon-danger{color:#98a7ad;width:32px;height:32px;min-height:32px;box-shadow:none;background:0 0;border-color:#0000;border-radius:8px;padding:0}.icon-danger:hover{background:var(--merah-lembut);color:var(--merah);border-color:#f0d3d2}.icon-danger svg{width:15px;height:15px}.icon-edit{color:#98a7ad;width:32px;height:32px;min-height:32px;box-shadow:none;background:0 0;border-color:#0000;border-radius:8px;padding:0}.icon-edit:hover{background:var(--biru-lembut);border-color:var(--biru-garis);color:var(--biru-tua)}.icon-edit svg{width:15px;height:15px}.table-note{color:var(--muted);font-size:12px}.empty-cell{color:var(--muted);font-size:13px;text-align:center!important;padding:30px 14px!important}.attendance-workflow-grid{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:16px;display:grid}.invoice-control{position:sticky;top:18px}.overlay-ekspor{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0b1a1c80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay-kotak{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;align-items:center;gap:12px;padding:20px 26px;font-size:14px;font-weight:600;display:flex}.spinner{border:3px solid #dfe4ea;border-top-color:var(--biru);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.5s}*{scroll-behavior:auto!important}}.mobile-list{display:none}.mobile-list.is-searching{display:block}.item-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.item-card{border:1px solid var(--garis);border-left:3px solid var(--biru);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:13px 14px}.item-card.is-editing{background:#fffaf0;border-left-color:#d97706}.item-card-head{align-items:baseline;gap:9px;display:flex}.item-card-no{background:var(--biru-lembut);color:var(--biru-tua);border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}.item-card-nama{word-break:break-word;color:var(--ink);font-size:15px}.item-card-spek{color:var(--muted);word-break:break-word;margin:6px 0 0;font-size:13px}.item-card-meta{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px 12px;margin:12px 0 0;font-size:13px;display:grid}.item-card-meta div{min-width:0}.item-card-meta dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.item-card-meta dd{word-break:break-word;color:var(--ink);margin:2px 0 0}.item-card-actions{gap:8px;margin-top:14px;display:flex}.item-card-actions button{flex:1;min-height:40px;padding:9px;font-size:13px}.list-kosong{text-align:center;color:var(--muted);border:1px dashed var(--garis-tegas);border-radius:var(--radius);background:#fff;padding:28px 12px;font-size:13px}.paper-area{width:min(var(--konten-max), 100%);max-width:none;margin:0 auto}.paper-frame{min-width:0;width:min(var(--kertas-w), 100%)}.paper-frame .a4-landscape{margin-left:0;margin-right:auto}.paper-caption{letter-spacing:.08em;text-transform:uppercase;min-height:30px;color:var(--muted);align-items:center;gap:10px;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.paper-caption .rule{background:var(--garis-tegas);flex:1;height:1px}.paper-zoom{letter-spacing:.04em;border:1px solid var(--garis);color:#66757b;background:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.btn-mini{letter-spacing:0;text-transform:none;border-radius:7px;min-height:30px;padding:5px 11px;font-size:12px}.paper-viewport{-webkit-overflow-scrolling:touch;overflow-y:hidden}.invoice-container{box-shadow:var(--shadow-lg);background:#fff;border:2px solid #111;padding:22px 24px}.invoice-empty{color:var(--muted);text-align:center;border:1px dashed var(--garis-tegas);border-radius:var(--radius-sm);background:var(--surface-soft);margin:16px 0 0;padding:14px;font-size:13px}.a4-landscape,.invoice-container,.opname-container{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:normal}.a4-landscape{box-sizing:border-box;transform-origin:0 0;background:#fff;width:297mm;height:210mm;margin:0 auto;padding:8mm;position:relative;box-shadow:0 0 10px #0003}.pr-container{box-sizing:border-box;border:2px solid #000;flex-direction:column;height:100%;display:flex}.header{justify-content:space-between;padding:10px 15px 5px;display:flex;position:relative}.header-left{align-self:flex-end;font-size:13px;font-weight:700;line-height:1.4}.header-left table{border-collapse:collapse;border:none;font-size:13px;font-weight:700}.header-left td{border:none;padding:2px 5px 2px 0}.header-center{text-align:center;z-index:0;width:100%;position:absolute;top:10px;left:0}.header-center h1{letter-spacing:1px;color:#000;margin:0;font-size:21px;text-decoration:underline}.header-center p{margin:3px 0 0;font-size:13px;font-weight:700}.header-right{z-index:1}.header-right img{object-fit:contain;height:65px}.table-container{border-top:2px solid #000;flex-grow:1}table.pr-table{border-collapse:collapse;text-align:center;table-layout:fixed;width:100%;height:100%}table.pr-table th,table.pr-table td{border:1px solid #000}table.pr-table th{height:35px;padding:4px;font-size:12px;font-weight:700}table.pr-table tbody td{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;height:20px;padding:2px 4px;font-size:11px;font-weight:700;overflow:hidden}.data-row:hover{cursor:pointer;background-color:#e2eef9}.data-row.is-editing{background-color:#fff3cd}.col-no{width:4%}.col-nama{width:18%}.col-spek{width:21%}.col-satuan,.col-jumlah{width:6%}.col-harga,.col-total{width:10%}.col-stock{width:6%}.col-tgl{width:11%}.col-vendor{width:8%}.cell-left{text-align:left}.grand-total-row td{height:25px;padding:5px;font-size:13px;font-weight:700}.signature-row td{vertical-align:bottom;height:115px;padding-bottom:8px}.sig-box{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.ttd-img{z-index:1;width:130px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.sig-name{text-align:center;z-index:2;border-bottom:2px dotted #000;min-width:160px;margin-bottom:2px;padding-bottom:2px;font-size:13px;font-style:italic;font-weight:700;display:inline-block;position:relative}.sig-title{font-size:12px;font-weight:400}.invoice-header{text-align:center;border-bottom:2px solid #000;margin-bottom:18px;padding-bottom:10px;font-size:18px;font-weight:700}.invoice-period{margin-bottom:15px;font-weight:700}.invoice-period span{margin:0 18px;display:inline-block}.flex-tables{align-items:flex-start;gap:20px;display:flex}.table-worker{flex:2}.table-area{flex:1}.invoice-table{border-collapse:collapse;width:100%;font-size:12px}.invoice-table th,.invoice-table td{text-align:left;border:1px solid #000;padding:5px 7px}.invoice-long-report .invoice-table{font-size:11px}.invoice-long-report .invoice-table th,.invoice-long-report .invoice-table td{padding:4px 6px}.invoice-table th{background:#c5d9f1}.invoice-table tfoot td{font-weight:700}.total-row{font-weight:700;text-align:right!important}.signatures{text-align:center;justify-content:space-between;margin-top:36px;padding-bottom:18px;display:flex}.invoice-long-report .signatures{margin-top:48px;padding-bottom:36px}.sign-box{width:30%;min-height:132px;position:relative}.sign-name{z-index:2;margin-top:54px;font-weight:700;text-decoration:underline;position:relative}.signature-img{z-index:1;height:70px;margin:5px auto 0;display:block;position:relative}.sign-with-image{margin-top:5px}.opname-container{box-shadow:var(--shadow-lg);background:#fff;border:2px solid #111;padding:20px 24px 16px}.opname-title{text-align:center;border-bottom:2px solid #000;margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:700}.opname-meta{border-collapse:collapse;margin-bottom:14px;font-size:12px;font-weight:700}.opname-meta td{vertical-align:top;border:none;padding:2px 8px 2px 0}.opname-meta td:first-child{width:90px}.opname-meta td:nth-child(2){width:10px}.opname-meta-italic{font-style:italic}.opname-table{border-collapse:collapse;width:100%;font-size:12px}.opname-table th,.opname-table td{text-align:left;border:1px solid #000;height:18px;padding:5px 7px}.opname-table th{text-align:center;background:#fff;font-weight:700}.opname-table tfoot td{font-weight:700}.cell-center{text-align:center}.cell-bold{font-weight:700}.opname-payment{text-align:left;white-space:nowrap;margin-bottom:6px;font-size:12px;position:absolute;bottom:100%;left:0}.opname-payment strong{margin-bottom:4px;display:block}.opname-payment table{border-collapse:collapse}.opname-payment td{border:none;padding:1px 6px 1px 0}.opname-payment td:first-child{width:96px}.opname-signatures{margin-top:96px;font-style:italic}.opname-signatures .sign-name{font-style:italic}.tanda-ruang-dev{z-index:2000;pointer-events:none;border:3px solid var(--kuning);position:fixed;inset:0}.tanda-ruang-dev span{background:var(--kuning);color:#fff;letter-spacing:.09em;text-transform:uppercase;border-radius:var(--radius-sm) 0 0 0;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;bottom:0;right:0}.tanda-peran-viewer{z-index:2000;pointer-events:none;position:fixed;bottom:0;left:0}.tanda-peran-viewer span{background:var(--abu);color:#fff;letter-spacing:.09em;text-transform:uppercase;border-radius:0 var(--radius-sm) 0 0;padding:4px 9px;font-size:10px;font-weight:700;display:block}.login-wrap{padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-card{border:1px solid var(--garis);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;background:#fff;width:100%;max-width:380px;margin:auto;padding:34px 28px}.login-card img{object-fit:contain;height:76px;margin-bottom:14px}.login-card h1{letter-spacing:-.02em;margin:0 0 5px;font-size:19px;font-weight:700}.login-card p.sub{color:var(--muted);margin:0 0 22px;font-size:13px}.login-card input{border:1px solid var(--garis-tegas);border-radius:var(--radius-sm);text-align:center;letter-spacing:3px;width:100%;padding:13px;font-family:inherit;font-size:16px;transition:border-color .12s,box-shadow .12s}.login-card input:focus{border-color:var(--biru);outline:none;box-shadow:0 0 0 3px #3f4b5329}.login-card button{width:100%;margin:14px 0 0;padding:13px;font-size:15px}.login-lewati{color:var(--muted);margin-top:16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.login-lewati:hover{color:var(--ink);text-decoration:underline}.login-error{background:var(--merah-lembut);color:var(--merah-tua);border-radius:var(--radius-sm);border:1px solid #f0d3d2;margin-top:14px;padding:10px;font-size:13px}@media (min-width:900px){body{padding-left:calc(var(--sidebar-w) + var(--body-pad))}.admin-sidebar{z-index:40;width:var(--sidebar-w);box-shadow:none;border-radius:0;padding:20px 12px 18px;position:fixed;top:0;bottom:0;left:0}.field input,.field select,.inline-form input,.worker-form input,.worker-form select{min-height:40px;font-size:14px}button{min-height:40px}.icon-danger{min-height:32px}.btn-mini{min-height:30px}}@media (max-width:1279px){.attendance-grid,.attendance-workflow-grid{grid-template-columns:minmax(0,1fr)}.invoice-control{position:static}.invoice-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.invoice-form button{grid-column:span 1}.invoice-form .btn-danger-soft{margin-top:0}.pr-field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:899px){.admin-shell.no-print{width:min(760px,100%);margin-bottom:14px}.admin-sidebar{display:none}.admin-main{gap:14px;padding:0}.navbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.navbar-actions{display:flex}.navbar-action span{display:none}.navbar-action{padding:8px 10px}.navbar-search{max-width:none}.mobile-list{display:block}.paper-area{width:min(760px,100%)}.paper-frame{width:100%}.mobile-bottom-nav.no-print{z-index:50;max-width:none;padding:8px max(9px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-right));background:var(--gelap);border-top:1px solid #ffffff1f;border-radius:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -8px 24px -20px #000000b3}.mobile-bottom-nav button{border-radius:var(--radius-sm);color:#ffffffbd;min-width:0;min-height:56px;box-shadow:none;background:0 0;border-color:#0000;flex-direction:column;gap:4px;padding:7px 6px;font-size:10.5px;font-weight:700;display:flex}.mobile-bottom-nav button:hover{color:#fff;background:#ffffff1a}.mobile-bottom-nav button.active{background:var(--biru);color:#fff;box-shadow:0 0 0 1px #ffffff1a,0 8px 18px -12px #000000bf}.mobile-bottom-nav button.is-subitem{color:#dff4ef;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff14}.mobile-bottom-nav button.is-subitem.active{color:var(--biru-tua);box-shadow:inset 0 0 0 2px var(--biru-garis);background:#fff}.mobile-bottom-nav button.is-menu-button{background:#ffffff14}.mobile-bottom-nav svg{width:19px;height:19px}.mobile-menu-backdrop.no-print{z-index:48;width:auto;max-width:none;min-height:0;box-shadow:none;background:#0e1c1247;border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0}.mobile-menu-sheet.no-print{left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:52;border:1px solid var(--chrome-garis);background:#fff;border-radius:14px;max-width:520px;margin:0 auto;padding:12px;position:fixed;box-shadow:0 18px 46px -28px #000000a6}.mobile-menu-sheet-head{justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 10px;display:flex}.mobile-menu-sheet-head strong{color:var(--ink);font-size:13px}.mobile-menu-sheet-head button{background:var(--surface-soft);width:34px;height:34px;min-height:34px;color:var(--ink);border-color:var(--garis-tegas);box-shadow:none;padding:0}.mobile-menu-sheet-head button svg{width:17px;height:17px}.mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.mobile-menu-item{background:var(--surface-soft);min-width:0;min-height:46px;color:var(--teks);border-color:var(--garis-tegas);box-shadow:none;justify-content:flex-start;padding:10px 11px;font-size:12.5px}.mobile-menu-item.active{background:var(--gelap);border-color:var(--gelap);color:#fff;box-shadow:inset 4px 0 0 var(--aksen)}.mobile-menu-item svg{flex:none;width:17px;height:17px}.mobile-menu-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attendance-grid,.attendance-workflow-grid,.worker-form,.attendance-form,.invoice-form{grid-template-columns:1fr}.invoice-control{position:static}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-box{padding:13px 14px}.metric-box strong{font-size:19px}.metric-box:last-child{grid-column:auto}.metric-strip .metric-box:nth-child(3):last-child{grid-column:1/-1}.flex-tables{display:block}.table-area{margin-top:16px}.invoice-container,.opname-container{padding:14px;overflow-x:auto}}@media (max-width:599px){:root{--body-pad:12px;--navbar-h:56px}body{padding:var(--body-pad) var(--body-pad) 94px}.navbar-brand div{display:none}.navbar-search{height:40px;padding:0 10px}.navbar-search input{font-size:16px}.no-print{border-radius:10px;margin-bottom:12px;padding:16px}.mobile-menu-backdrop.no-print{border-radius:0;margin-bottom:0;padding:0}.mobile-menu-sheet.no-print{border-radius:14px;margin-bottom:0;padding:12px}.admin-shell.no-print{box-shadow:none;border-radius:0;padding:0}.topbar{padding:0 2px}.no-print h2{font-size:17px}.data-panel{padding:15px}.field-grid{gap:10px}.field.wide{grid-column:span 1}.pr-field-grid{grid-template-columns:1fr}.module-tabs{width:100%;display:grid}.signatures{min-width:720px}.actions button{flex:100%}.actions .divider{flex-basis:100%;width:auto;height:1px;margin:8px 0}}@media (max-width:359px){.field-grid{grid-template-columns:1fr}.field.wide{grid-column:span 1}}@media print{body{background:#fff;margin:0;padding:0}.no-print,.mobile-list,.paper-caption,.mobile-bottom-nav,.tanda-ruang-dev,.tanda-peran-viewer{display:none!important}.paper-area{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.paper-frame{width:auto!important;max-width:none!important}.paper-viewport{width:auto!important;height:auto!important;overflow:visible!important}.a4-landscape{width:100%;height:100%;box-shadow:none;page-break-after:avoid;page-break-inside:avoid;margin:0;padding:0;transform:none!important}.data-row:hover,.data-row.is-editing{background-color:#0000}.progresi-table .aksi{display:none}.progresi-table tbody tr.is-editing,.progresi-table tbody tr.is-editing:hover{box-shadow:none;background:0 0}@page{size:A4 landscape;margin:5mm}.invoice-container{box-shadow:none;border:none;margin:0;padding:0}.opname-container{box-shadow:none;page-break-inside:avoid;margin:0}.flex-tables{align-items:flex-start;gap:20px;display:flex!important}.table-worker{flex:2!important;width:auto!important;margin-top:0!important}.table-area{flex:1!important;width:auto!important;margin-top:0!important}}.progresi-app{min-height:calc(100vh - (var(--body-pad) * 2));grid-template-columns:238px minmax(0,1fr);gap:18px;width:100%;display:grid}.progresi-sidebar{top:var(--body-pad);height:calc(100vh - (var(--body-pad) * 2));background:var(--panel);color:var(--teks);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:none;padding:16px;position:sticky}.progresi-sidebar.no-print,.progresi-topbar.no-print,.progresi-metrics.no-print,.progresi-search.no-print,.progresi-detail-nav.no-print{max-width:none;margin:0}.progresi-sidebar.no-print,.progresi-topbar.no-print{box-shadow:none}.progresi-metrics.no-print,.progresi-search.no-print,.progresi-detail-nav.no-print{box-shadow:none;background:0 0;border-radius:0;padding:0}.progresi-search.no-print{border-radius:var(--radius-sm);background:#fff;margin-bottom:12px;padding:0 11px}.progresi-back,.progresi-sidebar nav a,.progresi-sidebar nav button{width:100%;min-height:38px;box-shadow:none;color:#5a6b71;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:9px;padding:9px 10px;font-weight:600;text-decoration:none;display:flex}.progresi-back:hover,.progresi-sidebar nav a:hover,.progresi-sidebar nav button:hover{background:var(--surface-soft);color:var(--ink)}.progresi-sidebar nav button.is-active{background:var(--biru-lembut);color:var(--biru-tua);font-weight:700}.progresi-brand{border-bottom:1px solid var(--garis);margin:8px 0;padding:14px 10px 18px}.progresi-brand strong{letter-spacing:-.02em;color:var(--ink);font-size:20px;line-height:1.1;display:block}.progresi-brand span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.progresi-main{align-content:start;gap:16px;min-width:0;display:grid}.progresi-embedded{gap:16px;width:100%;display:grid}.progresi-main-embedded{gap:14px}.progresi-topbar{z-index:20;background:var(--admin-bg);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 0;display:flex;position:sticky;top:0}.progresi-topbar span,.progresi-summary span,.progresi-panel-head span,.progresi-metrics span{color:var(--muted);font-size:12px;font-weight:600}.progresi-metrics span{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.progresi-topbar h1,.progresi-summary h2,.progresi-panel h2{margin:0;line-height:1.2}.progresi-topbar h1{font-size:22px}.progresi-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.progresi-alert{border:1px solid var(--garis);border-radius:var(--radius-sm);background:#fff;padding:11px 13px;font-weight:700}.progresi-alert.is-ok{color:var(--hijau-tua);background:var(--hijau-lembut);border-color:#d5e8de}.progresi-alert.is-error{color:var(--merah-tua);background:var(--merah-lembut);border-color:#f0d3d2}.progresi-metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.progresi-metrics div,.progresi-panel,.progresi-summary{background:var(--panel);border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.progresi-metrics div{gap:4px;padding:14px 16px;display:grid}.progresi-metrics strong{color:var(--ink);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:21px;line-height:1.15}.progresi-grid{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.4fr);align-items:start;gap:16px;display:grid}.progresi-panel{min-width:0;padding:16px}.progresi-panel-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:13px;display:flex}.progresi-panel-head button{flex:none}.progresi-panel h2{letter-spacing:-.015em;font-size:16px}.progresi-form{gap:10px;display:grid}.progresi-form.compact{margin-bottom:12px}.progresi-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.progresi-form-aksi{flex-wrap:wrap;gap:8px;display:flex}.progresi-form-aksi button{flex:140px}.progresi-form-row:has(>label:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.progresi-form label{color:#5d6c73;gap:6px;min-width:0;font-size:11.5px;font-weight:700;display:grid}.progresi-form input,.progresi-form select,.progresi-form textarea{border:1px solid var(--garis-tegas);border-radius:var(--radius-sm);width:100%;min-height:40px;font:inherit;color:var(--ink);background:#fff;padding:9px 11px;transition:border-color .12s,box-shadow .12s}.progresi-form input:hover,.progresi-form select:hover,.progresi-form textarea:hover{border-color:#c6d3d3}.progresi-form textarea{resize:vertical;min-height:74px}.progresi-form input:focus,.progresi-form select:focus,.progresi-form textarea:focus{border-color:var(--biru);outline:none;box-shadow:0 0 0 3px #3f4b5329}.progresi-search{border:1px solid var(--garis);border-radius:var(--radius-sm);color:var(--muted);background:#fff;align-items:center;gap:8px;margin-bottom:12px;padding:0 11px;display:flex}.progresi-search:focus-within{border-color:var(--biru-garis);color:var(--biru)}.progresi-search input{min-width:0;height:42px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-weight:600}.progresi-search input::placeholder{color:#9aa8ad;font-weight:500}.progresi-project-cards{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px;display:grid}.progresi-project-card{text-align:left;border:1px solid var(--garis);border-radius:var(--radius);width:100%;color:var(--teks);box-shadow:none;background:#fff;align-content:start;gap:9px;padding:15px;transition:border-color .12s,background-color .12s;display:grid}.progresi-project-card:hover{border-color:var(--biru-garis);background:var(--surface-soft)}.progresi-project-card.is-active{border-color:var(--biru-garis);background:var(--biru-lembut)}.progresi-project-card-head{gap:3px;min-width:0;display:grid}.progresi-project-card-head strong{letter-spacing:-.015em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.progresi-project-card-head em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-style:normal;font-weight:700}.progresi-project-card-meta{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.progresi-project-card-meta svg{opacity:.7;flex:none}.progresi-project-card .progresi-bar{margin-top:2px}.progresi-project-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.progresi-project-card-foot i{color:var(--muted);text-transform:capitalize;font-size:11px;font-style:normal;font-weight:600}.progresi-project-card-foot b{color:var(--biru);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.progresi-project-hapus{border-top:1px dashed var(--garis-tegas);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:flex}.progresi-project-hapus>div{flex:1;min-width:220px}.progresi-project-hapus strong{font-size:14px;display:block}.progresi-project-hapus span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.progresi-hero{border:1px solid var(--garis);border-radius:var(--radius);background:var(--surface-soft);aspect-ratio:3;min-height:180px;position:relative;overflow:hidden}.progresi-hero img{object-fit:cover;width:100%;height:100%;display:block}.progresi-hero-teks{color:#fff;background:linear-gradient(#0c1a1800,#0c1a18c7);padding:34px 20px 16px;position:absolute;bottom:0;left:0;right:0}.progresi-hero.is-empty .progresi-hero-teks{color:inherit;background:0 0;padding:0 18px 18px;position:static}.progresi-hero-teks span{letter-spacing:.11em;text-transform:uppercase;opacity:.85;font-size:10px;font-weight:700;display:block}.progresi-hero-teks h2{color:inherit;letter-spacing:-.03em;margin:4px 0 0;font-size:24px}.progresi-hero-teks p{opacity:.9;align-items:center;gap:6px;margin:5px 0 0;font-size:13px;font-weight:500;display:flex}.progresi-hero.is-empty{aspect-ratio:auto;min-height:0}.progresi-hero.is-empty .progresi-hero-teks h2{color:var(--ink)}.progresi-hero.is-empty .progresi-hero-teks span,.progresi-hero.is-empty .progresi-hero-teks p{color:var(--muted)}.progresi-hero-kosong{text-align:center;color:var(--muted);justify-items:center;gap:5px;padding:30px 18px 22px;display:grid}.progresi-hero-kosong span{color:var(--ink);font-weight:700}.progresi-hero-kosong small{max-width:420px;font-size:12px}.progresi-hero-kosong svg{opacity:.55}.progresi-foto-aksi{flex:none;gap:8px;display:flex}.progresi-unduh{border:1px solid var(--garis-tegas);border-radius:var(--radius-sm);color:#4d5f66;white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.progresi-unduh:hover{background:var(--surface-soft);color:var(--ink)}.progresi-unduh.is-disabled{opacity:.5;pointer-events:none}.progresi-dropzone{border:1px dashed var(--garis-tegas);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);text-align:center;justify-items:center;gap:4px;padding:20px 16px;display:grid}.progresi-dropzone.is-active{border-color:var(--biru);background:var(--biru-lembut);color:var(--biru-tua)}.progresi-dropzone span{color:var(--ink);font-weight:700}.progresi-dropzone.is-active span{color:var(--biru-tua)}.progresi-dropzone small{max-width:460px;font-size:12px}.progresi-dropzone svg{opacity:.6}.progresi-foto-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:12px;display:grid}.progresi-foto{border:1px solid var(--garis);border-radius:var(--radius-sm);background:#fff;margin:0;overflow:hidden}.progresi-foto.is-cover{border-color:var(--biru-garis)}.progresi-foto-gambar{aspect-ratio:4/3;background:var(--surface-soft);display:block;position:relative}.progresi-foto-gambar img{object-fit:cover;width:100%;height:100%;display:block}.progresi-foto-tanda{background:var(--biru);color:#fff;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.progresi-foto figcaption{gap:6px;padding:10px;display:grid}.progresi-foto figcaption input{border:1px solid var(--garis);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:34px;font:inherit;color:var(--ink);background:#fff;padding:6px 9px;font-size:12.5px;font-weight:600}.progresi-foto figcaption input:focus{border-color:var(--biru);outline:none;box-shadow:0 0 0 3px #3f4b5329}.progresi-foto figcaption small{color:var(--muted);font-size:11px;font-weight:600}.pilihan-kartu{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:16px;display:grid}.pilihan-kartu-item{border:1px solid var(--garis);border-radius:var(--radius);width:100%;min-height:68px;box-shadow:none;color:var(--ink);font:inherit;text-align:left;background:#fff;align-items:center;gap:12px;padding:12px 14px;display:flex}.pilihan-kartu-item:hover{border-color:var(--biru-garis);background:var(--biru-lembut)}.pilihan-kartu-item.is-active{border-color:var(--biru);background:var(--biru-lembut);box-shadow:inset 0 0 0 1px var(--biru)}.pilihan-kartu-ikon{border-radius:var(--radius-sm);background:var(--surface-soft);width:40px;height:40px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.pilihan-kartu-item.is-active .pilihan-kartu-ikon{background:var(--biru);color:#fff}.pilihan-kartu-teks{flex:1;gap:2px;min-width:0;display:grid}.pilihan-kartu-teks strong{font-size:14px;font-weight:700}.pilihan-kartu-teks small{color:var(--muted);font-size:11.5px;line-height:1.4}.pilihan-kartu-meta{background:var(--surface-soft);color:var(--muted);border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}.pilihan-kartu-item.is-active .pilihan-kartu-meta{color:var(--biru-tua);background:#fff}@media (max-width:560px){.pilihan-kartu{grid-template-columns:1fr}.pilihan-kartu-item{min-height:60px}}.aktivitas-segment{border:1px solid var(--garis-tegas);background:#e8f0ee;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.aktivitas-segment button{min-height:0;box-shadow:none;color:#52676d;font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.aktivitas-segment button:hover{color:var(--ink);background:#fff}.aktivitas-segment button.is-active{background:var(--gelap);color:#fff}.dasbor-sorot{border:1px solid var(--biru-garis);border-radius:var(--radius);background:var(--biru-lembut);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.dasbor-sorot>div{min-width:0}.dasbor-sorot-label{letter-spacing:.07em;text-transform:uppercase;color:var(--biru-tua);align-items:center;gap:5px;font-size:10.5px;font-weight:700;display:inline-flex}.dasbor-sorot strong{color:var(--ink);margin-top:3px;font-size:17px;display:block}.dasbor-sorot p{color:var(--muted);margin:2px 0 0;font-size:12px}.dasbor-sorot button{flex-shrink:0}.dasbor-angka-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.dasbor-angka{border:1px solid var(--garis);border-radius:var(--radius-sm);background:var(--surface-soft);align-items:center;gap:10px;padding:12px;display:flex}.dasbor-angka-ikon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--biru);background:#fff;flex-shrink:0;place-items:center;display:grid}.dasbor-angka>span:last-child{gap:1px;min-width:0;display:grid}.dasbor-angka small{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.dasbor-angka strong{color:var(--ink);overflow-wrap:anywhere;font-size:18px}.dasbor-angka em{color:var(--muted);font-size:11px;font-style:normal}.dasbor-utama{border:1px solid var(--biru-garis);border-radius:var(--radius-sm);background:var(--biru-lembut);margin-top:12px;padding:12px 14px}.dasbor-utama strong{color:var(--ink);margin-top:5px;font-size:15px;display:block}.dasbor-utama p{color:var(--muted);align-items:center;gap:5px;margin:3px 0 0;font-size:11.5px;display:flex}.dasbor-dua-kolom{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:14px;display:grid}.dasbor-daftar{gap:2px;margin:0;padding:0;list-style:none;display:grid}.dasbor-daftar li{border-bottom:1px solid var(--garis);align-items:center;gap:10px;padding:9px 2px;display:flex}.dasbor-daftar li:last-child{border-bottom:0}.dasbor-daftar li>span:nth-child(2){flex:1;gap:1px;min-width:0;display:grid}.dasbor-daftar strong{color:var(--ink);overflow-wrap:anywhere;font-size:12.5px}.dasbor-daftar small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.dasbor-daftar em{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:10.5px;font-style:normal;font-weight:700}.dasbor-daftar-kosong{color:var(--muted);font-size:12px;padding:14px 2px!important;display:block!important}.dasbor-daftar-ikon{border-radius:var(--radius-sm);background:var(--biru-lembut);width:28px;height:28px;color:var(--biru-tua);flex-shrink:0;place-items:center;display:grid}.dasbor-aksi{background:var(--surface-soft);min-width:54px;color:var(--muted);text-align:center;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:3px 8px;font-size:10.5px;font-weight:700}.dasbor-aksi.is-buat{background:var(--biru-lembut);color:var(--biru-tua)}.dasbor-aksi.is-ubah{background:var(--kuning-lembut);color:var(--kuning)}.dasbor-aksi.is-hapus{background:var(--merah-lembut);color:var(--merah-tua)}.owner-dashboard .progresi-main{padding-top:0}.owner-hero{isolation:isolate;border-radius:var(--radius-lg);color:#fff;background:radial-gradient(circle at 82% 14%,#f28c2840,#0000 29%),linear-gradient(135deg,#15391f 0%,#1f5f2c 58%,#2f7d3c 100%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 44px -28px #15391fcc}.owner-hero:after{content:"";z-index:-1;aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;width:360px;position:absolute;bottom:-145px;right:-90px;box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff06}.owner-kicker{color:#bfe8c6;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.owner-kicker:before{content:"";background:var(--aksen);border-radius:2px;width:22px;height:2px}.owner-hero h2{color:#fff;letter-spacing:-.035em;max-width:720px;margin:9px 0 7px;font-size:clamp(26px,3.4vw,42px);line-height:1.12}.owner-hero-copy>p{color:#ffffffb8;margin:0;font-size:14px}.owner-hero-actions{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.owner-hero-actions .btn-success{background:var(--aksen);color:#17251b;border-color:var(--aksen)}.owner-hero-actions .btn-success:hover{background:#ffa447;border-color:#ffa447}.owner-hero-actions .btn-outline{color:#fff;background:#ffffff17;border-color:#ffffff4d}.owner-overall{z-index:1;justify-items:center;width:190px;display:grid;position:relative}.owner-ring{aspect-ratio:1;background:conic-gradient(var(--aksen) var(--progress), #ffffff24 0);border-radius:50%;place-items:center;width:148px;display:grid;box-shadow:0 14px 32px #091f0f4d}.owner-ring:before{content:"";aspect-ratio:1;background:#1b5028;border-radius:50%;grid-area:1/1;width:116px}.owner-ring span{z-index:1;text-align:center;grid-area:1/1;display:grid}.owner-ring strong{color:#fff;letter-spacing:-.04em;font-size:27px}.owner-ring small{color:#bfe8c6;text-transform:uppercase;font-size:11px;font-weight:700}.owner-overall p{color:#ffffffb8;text-align:center;margin:13px 0 0;font-size:12px}.owner-overall p strong{color:#fff}.owner-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.owner-metric{border:1px solid var(--surface-border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);background:#fff;align-items:flex-start;gap:12px;padding:17px;display:flex}.owner-metric-icon{background:var(--biru-lembut);width:38px;height:38px;color:var(--biru-tua);border-radius:11px;flex:none;place-items:center;display:grid}.owner-metric.is-warning .owner-metric-icon{background:var(--kuning-lembut);color:var(--kuning)}.owner-metric.is-success .owner-metric-icon{background:var(--hijau-lembut);color:var(--hijau-tua)}.owner-metric div{min-width:0;display:grid}.owner-metric small{color:var(--muted);font-size:11px;font-weight:700}.owner-metric strong{color:var(--ink);letter-spacing:-.03em;margin-top:1px;font-size:24px;line-height:1.15}.owner-metric p{color:var(--muted);margin:3px 0 0;font-size:11px}.owner-section{border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:20px}.owner-section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px;display:flex}.owner-section-head span,.owner-info-title small{color:var(--biru-tua);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:800}.owner-section-head h2{letter-spacing:-.02em;margin:2px 0 0;font-size:20px}.owner-text-button{color:var(--biru-tua);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:12.5px;font-weight:800;display:inline-flex}.owner-text-button:hover{color:var(--aksen-tua)}.owner-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.owner-project-card{border:1px solid var(--garis);border-radius:var(--radius);background:var(--surface-soft);flex-direction:column;min-width:0;padding:16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.owner-project-card:hover{border-color:var(--biru-garis);box-shadow:var(--shadow);transform:translateY(-2px)}.owner-project-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.owner-project-head>div{min-width:0}.owner-project-code{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.owner-project-head h3{overflow-wrap:anywhere;margin:3px 0 0;font-size:15px;line-height:1.35}.owner-status{color:#52676d;background:#e7eeec;border-radius:999px;flex:none;padding:4px 8px;font-size:10px;font-weight:800}.owner-status.is-berjalan{background:var(--biru-lembut);color:var(--biru-tua)}.owner-status.is-tertunda{background:var(--kuning-lembut);color:var(--kuning)}.owner-status.is-selesai{background:var(--hijau-lembut);color:var(--hijau-tua)}.owner-project-location{color:var(--muted);align-items:center;gap:5px;margin:9px 0 18px;font-size:12px;display:flex}.owner-progress-row{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:11.5px;display:flex}.owner-progress-row strong{color:var(--ink);font-size:15px}.owner-progress-track{background:#dfe8e3;border-radius:9px;height:7px;margin:7px 0 12px;overflow:hidden}.owner-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--biru), #5eaa67);height:100%;display:block}.owner-project-foot{border-top:1px solid var(--garis);color:var(--muted);gap:5px;padding-top:11px;font-size:11px;display:grid}.owner-project-foot span{align-items:center;gap:5px;display:flex}.owner-project-foot .is-late{color:var(--merah-tua);font-weight:800}.owner-project-foot .is-soon{color:var(--kuning);font-weight:800}.owner-project-foot .is-safe{color:var(--hijau-tua)}.owner-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.owner-info-panel{border:1px solid var(--surface-border);border-radius:var(--radius);background:#fff;padding:18px}.owner-info-title{color:var(--biru-tua);align-items:center;gap:10px;display:flex}.owner-info-title span{display:grid}.owner-info-title strong{color:var(--ink);font-size:14px}.owner-info-panel dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0;display:grid}.owner-info-panel dl div{border-radius:var(--radius-sm);background:var(--surface-soft);gap:2px;padding:10px;display:grid}.owner-info-panel dt{color:var(--muted);font-size:10.5px}.owner-info-panel dd{color:var(--ink);margin:0;font-size:12px;font-weight:800}.owner-activity-list{gap:0;margin:10px 0 0;padding:0;list-style:none;display:grid}.owner-activity-list li{border-bottom:1px solid var(--garis);justify-content:space-between;gap:12px;padding:8px 0;font-size:11.5px;display:flex}.owner-activity-list li:last-child{border-bottom:0}.owner-activity-list span{color:var(--teks);overflow-wrap:anywhere}.owner-activity-list time{color:var(--muted);flex:none}.owner-empty{border:1px dashed var(--garis-tegas);border-radius:var(--radius);color:var(--muted);text-align:center;justify-items:center;gap:5px;padding:32px;display:grid}.owner-empty strong{color:var(--ink)}.owner-empty p{margin:0;font-size:12px}@media (max-width:1100px){.owner-metric-grid,.owner-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.owner-hero{grid-template-columns:1fr;gap:26px}.owner-overall{grid-template-columns:auto minmax(0,150px);justify-content:start;align-items:center;gap:16px;width:100%}.owner-ring{width:112px}.owner-ring:before{width:86px}.owner-ring strong{font-size:22px}.owner-overall p{text-align:left;margin:0}.owner-project-grid,.owner-bottom-grid{grid-template-columns:1fr}}@media (max-width:480px){.owner-hero{padding:22px 18px}.owner-hero-actions>button{justify-content:center;width:100%}.owner-metric-grid{grid-template-columns:1fr}.owner-section{padding:16px}.owner-section-head{flex-direction:column;align-items:flex-start}.owner-info-panel dl{grid-template-columns:1fr}}.aktivitas-peringatan{border:1px solid var(--kuning);border-radius:var(--radius-sm);background:var(--kuning-lembut);color:var(--kuning);align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.aktivitas-peringatan strong{color:var(--ink);font-size:13px;display:block}.aktivitas-peringatan p{color:var(--muted);margin:4px 0 0;font-size:11.5px;line-height:1.5}.aktivitas-saring{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.aktivitas-hasil{border:1px solid var(--garis-tegas);background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.aktivitas-hasil.is-berhasil{border-color:var(--biru-garis);background:var(--biru-lembut);color:var(--biru-tua)}.aktivitas-hasil.is-gagal{border-color:var(--merah);background:var(--merah-lembut);color:var(--merah-tua)}.aktivitas-hasil.is-terkunci{border-color:var(--kuning);background:var(--kuning-lembut);color:var(--kuning)}.kode-baru{border:1px solid var(--kuning);border-radius:var(--radius-sm);background:var(--kuning-lembut);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.kode-baru>div{gap:3px;min-width:0;display:grid}.kode-baru span{color:var(--kuning);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.kode-baru strong{letter-spacing:.04em;color:var(--ink);overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:20px}.kode-baru small{color:var(--muted);font-size:11.5px}.kode-baru-aksi{flex-shrink:0;gap:6px;display:flex}.kode-input{align-items:stretch;gap:6px;display:flex}.kode-input input{flex:1;min-width:0}.kode-input button{flex-shrink:0}.kunci-darurat{border:1px solid var(--garis);border-radius:var(--radius-sm);background:var(--surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.kunci-darurat.is-mati{border-color:var(--kuning);background:var(--kuning-lembut)}.kunci-darurat>div{flex:320px;min-width:0}.kunci-darurat strong{color:var(--ink);align-items:center;gap:6px;font-size:13px;display:flex}.kunci-darurat p{color:var(--muted);margin:4px 0 0;font-size:11.5px;line-height:1.5}.kunci-darurat code{overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px}.kunci-darurat button{flex-shrink:0}.progresi-foto-judul{color:var(--ink);overflow-wrap:anywhere;font-size:12.5px;font-weight:600}.progresi-foto-tombol{gap:6px;display:flex}.progresi-foto-tombol button{flex:1;gap:5px;min-width:0;min-height:32px;padding:6px 8px;font-size:11.5px}.progresi-project-card-cover{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface-soft);color:#b3c3c6;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.progresi-project-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.progresi-project-card-cover i{color:#fff;background:#0c1a189e;border-radius:999px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:6px;right:6px}.progresi-panel-narrow{max-width:620px}.progresi-hint{color:var(--muted);margin:12px 0 0;font-size:12px;font-weight:700}.progresi-detail-nav{gap:8px;display:flex}.progresi-summary{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.progresi-summary h2{letter-spacing:-.025em;font-size:21px}.progresi-summary p{color:var(--muted);align-items:center;gap:6px;margin:6px 0 0;font-weight:700;display:flex}.progresi-summary-progress{gap:7px;width:min(360px,45%);display:grid}.progresi-summary-progress strong{letter-spacing:-.03em;color:var(--biru);font-variant-numeric:tabular-nums;font-size:26px}.progresi-bar{background:#eef2f2;border-radius:999px;height:6px;overflow:hidden}.progresi-bar span{background:var(--biru);height:100%;display:block}.progresi-bar span[style*="100%"]{background:var(--hijau)}.progresi-bar.is-warning span{background:var(--kuning)}.progresi-chip-list{flex-wrap:wrap;gap:7px;display:flex}.progresi-chip-list span,.progresi-percent{background:var(--biru-lembut);border:1px solid var(--biru-garis);min-height:26px;color:var(--biru-tua);border-radius:999px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.progresi-table-wrap{border:1px solid var(--garis);border-radius:var(--radius-sm);overflow:auto}.progresi-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:760px}.progresi-table th,.progresi-table td{border-bottom:1px solid var(--garis);vertical-align:top;padding:10px 11px}.progresi-table th{z-index:2;background:var(--surface-soft);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;text-align:left;font-size:10px;font-weight:700;position:sticky;top:0}.progresi-table tbody tr:hover{background:var(--surface-soft)}.progresi-table tr:last-child td{border-bottom:0}.progresi-table td strong,.progresi-table td small{display:block}.progresi-table td small{color:var(--muted);margin-top:2px}.progresi-table .num{text-align:right}.progresi-tanda{border:1px solid var(--garis-tegas);background:var(--surface-soft);color:var(--muted);min-height:0;box-shadow:none;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.progresi-tanda.is-aktif{border-color:var(--biru-garis);background:var(--biru-lembut);color:var(--biru-tua)}.progresi-tanda-utama{background:var(--kuning);color:#fff;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.progresi-tanda-utama.is-melayang{z-index:1;margin:0;position:absolute;top:8px;left:8px}.progresi-project-card.is-utama{border-color:var(--kuning)}.progresi-summary-kontrol{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.progresi-summary-kontrol label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:220px;gap:5px;font-size:11px;font-weight:700;display:grid}.progresi-summary-kontrol select{border:1px solid var(--garis-tegas);border-radius:var(--radius-sm);min-height:38px;font:inherit;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff;padding:8px 10px;font-size:13px;font-weight:600}.progresi-summary-kontrol select:focus{border-color:var(--biru);outline:none;box-shadow:0 0 0 3px #3f4b5329}.progresi-summary-kontrol button{flex:0 auto;min-height:38px}.progresi-table .aksi{white-space:nowrap;width:1%}.progresi-baris-aksi{gap:6px;display:flex}.progresi-baris-aksi button{gap:5px;min-height:30px;padding:5px 9px;font-size:11.5px}.progresi-table tbody tr.is-editing,.progresi-table tbody tr.is-editing:hover{background:var(--biru-lembut);box-shadow:inset 3px 0 0 var(--biru)}.progresi-empty,.progresi-empty-cell{color:var(--muted);font-weight:700}.progresi-empty-cell{text-align:center;padding:18px}.progresi-loading{min-height:240px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.progresi-loading svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.progresi-app{grid-template-columns:1fr}.progresi-sidebar{height:auto;position:static}.progresi-sidebar nav{gap:6px;display:flex;overflow-x:auto}.progresi-sidebar nav a{flex:none}.progresi-grid,.progresi-metrics{grid-template-columns:1fr}.progresi-summary{flex-direction:column;align-items:stretch}.progresi-summary-progress{width:100%}}@media (max-width:620px){.progresi-topbar,.progresi-actions,.progresi-form-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.progresi-actions button,.progresi-form button{width:100%}.progresi-summary h2{font-size:20px}}.landing-page{min-height:100vh;margin:calc(var(--body-pad) * -1);color:var(--teks);background:radial-gradient(circle at 88% 10%,#f28c2821,#0000 28rem),linear-gradient(#f7faf8 0%,#fff 66%,#f0f6f1 100%);overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:82px;margin:0 auto;display:flex}.landing-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.landing-brand img{border:1px solid var(--garis);object-fit:contain;background:#fff;border-radius:12px;width:43px;height:43px;padding:3px}.landing-brand span{line-height:1.12;display:grid}.landing-brand strong{letter-spacing:.08em;font-size:17px}.landing-brand small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700}.landing-nav-links{align-items:center;gap:28px;display:flex}.landing-nav-links>a{color:#42584d;font-size:14px;font-weight:700;text-decoration:none}.landing-nav-links>a:hover{color:var(--biru-tua)}.landing-login-small{background:var(--gelap);border-radius:10px;align-items:center;gap:6px;padding:10px 15px;color:#fff!important;display:inline-flex!important}.landing-login-small:hover{background:var(--biru-tua)}.landing-hero{grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);align-items:center;gap:clamp(42px,7vw,90px);width:min(1180px,100% - 40px);min-height:640px;margin:0 auto;padding:62px 0 88px;display:grid}.landing-eyebrow,.landing-section-title>span,.landing-cta>div>span{color:var(--biru-tua);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.landing-eyebrow:before{content:"";background:var(--aksen);border-radius:2px;width:26px;height:2px}.landing-copy h1{color:#102a1a;letter-spacing:-.052em;max-width:670px;margin:16px 0 20px;font-size:clamp(42px,5.25vw,68px);line-height:1.03}.landing-copy>p{color:#52665b;max-width:590px;margin:0;font-size:18px;line-height:1.72}.landing-actions{flex-wrap:wrap;gap:11px;margin-top:30px;display:flex}.landing-primary,.landing-secondary{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.landing-primary{background:var(--gelap);color:#fff;box-shadow:0 14px 30px -18px #15391fcc}.landing-primary:hover{background:var(--biru-tua);transform:translateY(-2px);box-shadow:0 18px 34px -18px #15391fe6}.landing-secondary{border:1px solid var(--garis-tegas);color:var(--ink);background:#ffffffb3}.landing-secondary:hover{border-color:var(--biru-garis);background:#fff}.landing-trust{color:#607269;align-items:center;gap:7px;margin-top:19px;font-size:13px;display:flex}.landing-trust svg{color:var(--hijau-tua)}.landing-preview{color:#fff;background:#183d25;border:1px solid #ffffff1f;border-radius:22px;padding:18px;position:relative;transform:rotate(1deg);box-shadow:0 34px 70px -36px #092512d9}.landing-preview:before{content:"";z-index:-1;border-radius:inherit;background:var(--aksen);opacity:.17;position:absolute;inset:23px -22px -22px 25px;transform:rotate(-4deg)}.landing-preview-top{color:#c9dfcf;justify-content:space-between;align-items:center;padding:3px 3px 16px;font-size:13px;font-weight:700;display:flex}.landing-preview-top span{align-items:center;gap:7px;display:flex}.landing-preview-top i{background:#69c778;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #69c77824}.landing-preview-top em{color:#bfe8c6;background:#ffffff14;border-radius:99px;padding:5px 9px;font-size:11px;font-style:normal}.landing-preview-summary{background:#ffffff14;border-radius:15px;align-items:center;gap:15px;padding:18px;display:flex}.landing-preview-ring{aspect-ratio:1;background:conic-gradient(var(--aksen) 78%, #ffffff1f 0);border-radius:50%;place-items:center;width:60px;display:grid}.landing-preview-ring:before{content:"";aspect-ratio:1;background:#234d2f;border-radius:50%;grid-area:1/1;width:44px}.landing-preview-ring span{z-index:1;color:#fff;grid-area:1/1}.landing-preview-summary>div:last-child{display:grid}.landing-preview-summary small{color:#9dc6a6;font-size:11px}.landing-preview-summary strong{font-size:17px}.landing-preview-summary p{color:#b6cbbb;margin:3px 0 0;font-size:12px}.landing-preview-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0;display:grid}.landing-preview-grid article{color:var(--ink);background:#fff;border-radius:13px;gap:2px;padding:14px;display:grid;position:relative;overflow:hidden}.landing-preview-grid small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.landing-preview-grid strong{font-size:14px}.landing-preview-grid span{background:var(--biru);border-radius:8px;width:70%;height:5px;margin-top:8px}.landing-preview-grid span.is-amber{background:var(--aksen);width:48%}.landing-preview-projects{background:#ffffff14;border-radius:13px;gap:1px;display:grid;overflow:hidden}.landing-preview-projects>div{color:var(--ink);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.landing-preview-projects span{display:grid}.landing-preview-projects b{font-size:13px}.landing-preview-projects small{color:var(--muted);font-size:11px}.landing-preview-projects i{background:var(--hijau-lembut);color:var(--hijau-tua);border-radius:99px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800}.landing-preview-projects i.is-amber{background:var(--kuning-lembut);color:var(--kuning)}.landing-benefits{border-top:1px solid var(--garis);width:min(1180px,100% - 40px);margin:0 auto;padding:92px 0 100px}.landing-section-title{max-width:650px}.landing-section-title h2{color:#102a1a;letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.12}.landing-benefit-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;display:grid}.landing-benefit-grid article{border:1px solid var(--garis);background:#fffc;border-radius:16px;padding:25px;box-shadow:0 14px 34px -30px #12321c99}.landing-benefit-grid article>span{background:var(--biru-lembut);width:42px;height:42px;color:var(--biru-tua);border-radius:12px;place-items:center;display:grid}.landing-benefit-grid h3{margin:19px 0 7px;font-size:18px}.landing-benefit-grid p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.landing-cta{color:#fff;background:#163a22;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;width:min(1180px,100% - 40px);margin:0 auto 42px;padding:34px 38px;display:flex;box-shadow:0 24px 50px -34px #0b2111}.landing-cta>div>span{color:#a9d3b2}.landing-cta h2{color:#fff;letter-spacing:-.025em;margin:5px 0 0;font-size:clamp(24px,3vw,34px)}.landing-cta .landing-primary{background:var(--aksen);color:#17251b;box-shadow:none;flex:none}.landing-cta .landing-primary:hover{background:#ffa447}.landing-footer{border-top:1px solid var(--garis);width:min(1180px,100% - 40px);color:var(--muted);justify-content:space-between;gap:20px;margin:0 auto;padding:24px 0 32px;font-size:13px;display:flex}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;padding-top:40px}.landing-copy{max-width:720px}.landing-preview{width:min(660px,100%);margin:0 auto}.landing-benefit-grid{grid-template-columns:1fr}}@media (max-width:600px){.landing-nav{min-height:72px}.landing-nav-links>a:first-child,.landing-brand small{display:none}.landing-login-small{padding:9px 12px}.landing-hero{min-height:auto;padding:50px 0 70px}.landing-copy h1{font-size:clamp(38px,12vw,52px)}.landing-copy>p{font-size:16px}.landing-actions>a{width:100%}.landing-preview{border-radius:17px;padding:12px;transform:none}.landing-preview-grid{grid-template-columns:1fr}.landing-benefits{padding:70px 0}.landing-cta{flex-direction:column;align-items:flex-start;padding:27px 24px}.landing-cta .landing-primary{width:100%}.landing-footer{flex-direction:column;gap:5px}}.project-dashboard .progresi-main{padding-top:0}.project-dashboard-header{border-bottom:1px solid var(--garis);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;padding:5px 2px 18px;display:flex}.project-dashboard-header>div:first-child>span,.active-project-section-head>div>span{color:var(--biru-tua);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:800}.project-dashboard-header h2{letter-spacing:-.035em;margin:4px 0 3px;font-size:clamp(25px,3vw,34px)}.project-dashboard-header p{color:var(--muted);margin:0;font-size:14px}.project-dashboard-actions{flex:none;gap:8px;display:flex}.project-dashboard-actions button{min-height:42px}.project-dashboard-actions .is-spinning{animation:.8s linear infinite spin}.project-dashboard-error{border-radius:var(--radius);background:var(--merah-lembut);color:var(--merah-tua);border:1px solid #efb2ae;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.project-dashboard-error>div{flex:1;min-width:0}.project-dashboard-error strong{color:var(--ink);font-size:14px;display:block}.project-dashboard-error p{margin:2px 0 0;font-size:13px}.project-dashboard-error button{border:1px solid var(--merah);color:var(--merah-tua);font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex:none;padding:7px 12px;font-size:13px;font-weight:800}.project-dashboard-loading{min-height:320px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.project-dashboard-loading svg{animation:.8s linear infinite spin}.project-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.project-metric-card{border:1px solid var(--surface-border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);background:#fff;align-items:flex-start;gap:12px;padding:17px;display:flex}.project-metric-icon{background:var(--biru-lembut);width:40px;height:40px;color:var(--biru-tua);border-radius:11px;flex:none;place-items:center;display:grid}.project-metric-card.is-warning .project-metric-icon{background:var(--kuning-lembut);color:var(--kuning)}.project-metric-card.is-success .project-metric-icon{background:var(--hijau-lembut);color:var(--hijau-tua)}.project-metric-card>div{min-width:0;display:grid}.project-metric-card small{color:var(--muted);font-size:12px;font-weight:700}.project-metric-card strong{color:var(--ink);letter-spacing:-.035em;margin-top:2px;font-size:25px;line-height:1.1}.project-metric-card p{color:var(--muted);margin:4px 0 0;font-size:12px}.active-project-section{border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:20px}.active-project-section-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.active-project-section-head h2{letter-spacing:-.02em;margin:3px 0 0;font-size:20px}.active-project-section-head>p{color:var(--muted);margin:0;font-size:13px}.active-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.active-project-card{border:1px solid var(--garis);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:138px minmax(0,1fr);min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.active-project-card:hover{border-color:var(--biru-garis);box-shadow:var(--shadow);transform:translateY(-2px)}.active-project-cover{background:linear-gradient(145deg,#dce9df,#c6dacb);min-height:248px;position:relative}.active-project-cover img{object-fit:cover;width:100%;height:100%}.active-project-cover>span{color:#6f8575;place-content:center;justify-items:center;gap:7px;width:100%;height:100%;display:grid}.active-project-cover>span small{font-size:11px;font-weight:700}.project-status-badge{color:#52676d;background:#ffffffeb;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;position:absolute;top:9px;left:9px;box-shadow:0 4px 14px #14341d1f}.project-status-badge.is-berjalan{color:var(--hijau-tua);background:#e7f5ed}.project-status-badge.is-tertunda{background:var(--kuning-lembut);color:var(--kuning)}.active-project-content{flex-direction:column;min-width:0;padding:16px;display:flex}.active-project-title>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.active-project-title h3{overflow-wrap:anywhere;margin:3px 0 4px;font-size:16px;line-height:1.32}.active-project-title p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:13px;display:flex}.active-project-progress{margin-top:18px}.active-project-progress>div:first-child{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.active-project-progress span{color:var(--muted);font-size:12px;font-weight:700}.active-project-progress strong{color:var(--ink);letter-spacing:-.035em;font-size:22px;line-height:1}.active-project-track{background:#dce6df;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.active-project-track>span{border-radius:inherit;background:linear-gradient(90deg,#2f7d3c,#64b46f);height:100%;display:block}.active-project-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0 0;display:grid}.active-project-data>div{background:#fff;border-radius:8px;min-width:0;padding:8px}.active-project-data dt{color:var(--muted);font-size:10px;font-weight:700}.active-project-data dd{color:var(--ink);overflow-wrap:anywhere;margin:2px 0 0;font-size:11px;font-weight:800}.active-project-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px 12px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.active-project-footer>span{align-items:center;gap:5px;display:flex}.project-deadline{font-weight:800}.project-deadline.is-late{color:var(--merah-tua)}.project-deadline.is-soon{color:var(--kuning)}.project-deadline.is-safe,.project-deadline.is-done{color:var(--hijau-tua)}.project-dashboard-empty{border:1px dashed var(--garis-tegas);border-radius:var(--radius);color:var(--muted);text-align:center;justify-items:center;gap:6px;padding:46px 20px;display:grid}.project-dashboard-empty strong{color:var(--ink);font-size:16px}.project-dashboard-empty p{margin:0 0 12px;font-size:13px}@media (max-width:1180px){.project-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-project-grid{grid-template-columns:1fr}}@media (max-width:720px){.project-dashboard-header{flex-direction:column;align-items:flex-start}.project-dashboard-actions{width:100%}.project-dashboard-actions button{flex:1;justify-content:center}.active-project-section{padding:15px}.active-project-card{grid-template-columns:112px minmax(0,1fr)}.active-project-cover{min-height:265px}.active-project-data{grid-template-columns:1fr}}@media (max-width:520px){.project-metric-grid{grid-template-columns:1fr 1fr;gap:8px}.project-metric-card{gap:9px;padding:13px;display:grid}.project-metric-card strong{font-size:22px}.project-metric-card p{display:none}.project-dashboard-actions{flex-direction:column-reverse}.active-project-section-head{flex-direction:column;align-items:flex-start;gap:5px}.active-project-card{grid-template-columns:1fr}.active-project-cover{min-height:170px;max-height:210px}.active-project-content{padding:15px}.active-project-data{grid-template-columns:repeat(3,minmax(0,1fr))}.active-project-footer{flex-direction:column;align-items:flex-start}.project-dashboard-error{flex-wrap:wrap;align-items:flex-start}.project-dashboard-error>button{margin-left:31px}}.public-monitor{min-height:100vh;margin:calc(var(--body-pad) * -1);background:radial-gradient(circle at 100% 0,#2f7d3c1a,#0000 30rem),#f4f7f5;padding:0 max(20px,50vw - 610px)}.public-nav{border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.public-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.public-brand img{border:1px solid var(--garis);object-fit:contain;background:#fff;border-radius:11px;width:42px;height:42px;padding:3px}.public-brand span{line-height:1.1;display:grid}.public-brand strong{letter-spacing:.08em;font-size:15px}.public-brand small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:700}.public-login{background:var(--gelap);color:#fff;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.public-login:hover{background:var(--biru-tua);transform:translateY(-1px)}.public-header{justify-content:space-between;align-items:flex-end;gap:30px;padding:52px 0 28px;display:flex}.public-header>div>span,.public-section-heading>div>span{color:var(--biru-tua);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.public-header h1{color:#102a1a;letter-spacing:-.045em;margin:7px 0 5px;font-size:clamp(34px,5vw,54px);line-height:1.06}.public-header p{color:var(--muted);margin:0;font-size:16px}.public-header>button{border:1px solid var(--garis-tegas);min-height:42px;color:var(--teks);font:inherit;cursor:pointer;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.public-header>button:hover{border-color:var(--biru-garis);color:var(--biru-tua)}.public-header>button:disabled{opacity:.65;cursor:wait}.public-monitor .is-spinning{animation:.8s linear infinite spin}.public-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.public-summary article{border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:17px;display:flex}.public-summary article>span{background:var(--biru-lembut);width:40px;height:40px;color:var(--biru-tua);border-radius:11px;flex:none;place-items:center;display:grid}.public-summary article.is-warning>span{background:var(--kuning-lembut);color:var(--kuning)}.public-summary article.is-success>span{background:var(--hijau-lembut);color:var(--hijau-tua)}.public-summary article>div{min-width:0;display:grid}.public-summary small{color:var(--muted);font-size:12px;font-weight:700}.public-summary strong{color:var(--ink);letter-spacing:-.03em;font-size:24px;line-height:1.12}.public-projects{border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:21px}.public-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.public-section-heading h2{letter-spacing:-.025em;margin:3px 0 0;font-size:21px}.public-section-heading>p{color:var(--muted);margin:0;font-size:13px}.public-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.public-project-card{border:1px solid var(--garis);background:var(--surface-soft);border-radius:14px;flex-direction:column;min-width:0;padding:17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.public-project-card:hover{border-color:var(--biru-garis);box-shadow:var(--shadow);transform:translateY(-2px)}.public-project-cover{aspect-ratio:16/9;background:var(--biru-lembut);margin:-17px -17px 14px;display:block;position:relative;overflow:hidden}.public-project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.public-project-card:hover .public-project-cover img{transform:scale(1.04)}.public-project-cover.is-empty{color:var(--muted);place-items:center;display:grid}.public-project-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.public-project-top>div{min-width:0}.public-project-top>div>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.public-project-top h2{overflow-wrap:anywhere;margin:4px 0 0;font-size:16px;line-height:1.35}.public-status{color:#53685c;background:#e7eeea;border-radius:99px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.public-status.is-berjalan{background:var(--hijau-lembut);color:var(--hijau-tua)}.public-status.is-tertunda{background:var(--kuning-lembut);color:var(--kuning)}.public-status.is-selesai{color:#2f6595;background:#e8f1fb}.public-project-location{min-height:20px;color:var(--muted);align-items:center;gap:5px;margin:9px 0 20px;font-size:13px;display:flex}.public-progress-label{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.public-progress-label span{color:var(--muted);font-size:12px;font-weight:700}.public-progress-label strong{color:var(--ink);letter-spacing:-.04em;font-size:23px;line-height:1}.public-progress-track{background:#dce6df;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.public-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--biru), #69b574);height:100%;display:block}.public-project-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 0;display:grid}.public-project-meta>div{background:#fff;border-radius:8px;min-width:0;padding:8px}.public-project-meta dt{color:var(--muted);font-size:10px;font-weight:700}.public-project-meta dd{color:var(--ink);overflow-wrap:anywhere;margin:2px 0 0;font-size:11px;font-weight:800}.public-project-footer{border-top:1px solid var(--garis);color:var(--muted);gap:6px;margin-top:13px;padding-top:12px;font-size:11px;display:grid}.public-project-footer span{align-items:center;gap:5px;display:flex}.public-project-footer span:first-child{font-weight:800}.public-project-footer .is-late{color:var(--merah-tua)}.public-project-footer .is-soon{color:var(--kuning)}.public-project-footer .is-safe,.public-project-footer .is-done{color:var(--hijau-tua)}.public-state{border:1px dashed var(--garis-tegas);min-height:230px;color:var(--muted);text-align:center;border-radius:13px;place-content:center;justify-items:center;gap:7px;padding:30px;display:grid}.public-state strong{color:var(--ink);font-size:15px}.public-state p{margin:0;font-size:13px}.public-state button{background:var(--gelap);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:7px;padding:8px 13px;font-size:13px;font-weight:800}.public-state.is-error{background:var(--merah-lembut);color:var(--merah-tua);border-color:#efb2ae}.public-footer{color:var(--muted);justify-content:space-between;gap:20px;padding:25px 0 32px;font-size:12px;display:flex}@media (max-width:1000px){.public-summary,.public-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.public-monitor{padding-inline:14px}.public-nav{min-height:68px}.public-brand img{width:38px;height:38px}.public-brand small{display:none}.public-login{min-height:39px;padding:0 12px;font-size:13px}.public-header{flex-direction:column;align-items:flex-start;gap:17px;padding:38px 0 23px}.public-header>button{width:100%}.public-projects{padding:14px}.public-project-grid{grid-template-columns:1fr}}@media (max-width:420px){.public-summary{gap:8px}.public-summary article{gap:8px;padding:12px;display:grid}.public-summary strong{font-size:21px}.public-project-meta{grid-template-columns:1fr}.public-section-heading{flex-direction:column;align-items:flex-start;gap:4px}.public-footer{flex-direction:column;gap:4px}}.public-project-card{color:inherit;text-decoration:none}.public-project-card:focus-visible{outline:2px solid var(--biru);outline-offset:2px}.public-card-cta{color:var(--biru-tua);align-items:center;gap:5px;margin-top:12px;font-size:12px;font-weight:800;display:inline-flex}.public-project-card:hover .public-card-cta{gap:8px}.public-detail-bar{justify-content:space-between;align-items:center;gap:16px;padding:26px 0 18px;display:flex}.public-back{color:var(--gelap);align-items:center;gap:7px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.public-back:hover{color:var(--biru-tua)}.public-detail-bar>button{border:1px solid var(--garis-tegas);min-height:40px;color:var(--teks);font:inherit;cursor:pointer;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.public-detail-bar>button:hover{border-color:var(--biru-garis);color:var(--biru-tua)}.public-detail-bar>button:disabled{opacity:.65;cursor:wait}.public-detail-cover{aspect-ratio:21/9;border:1px solid var(--surface-border);background:var(--biru-lembut);box-shadow:var(--shadow-sm);border-radius:18px;margin:0 0 16px;overflow:hidden}.public-detail-cover img{object-fit:cover;width:100%;height:100%;display:block}.public-detail-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.public-detail-header>div{min-width:0}.public-detail-header>div>span{color:var(--biru-tua);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.public-detail-header h1{color:#102a1a;letter-spacing:-.035em;overflow-wrap:anywhere;margin:7px 0 0;font-size:clamp(26px,4vw,38px);line-height:1.12}.public-detail-header p{color:var(--muted);align-items:center;gap:6px;margin:9px 0 0;font-size:15px;display:flex}.public-detail-header .public-status{padding:7px 11px;font-size:11px}.public-detail-progress{border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-bottom:12px;padding:17px}.public-detail-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0 0;display:grid}.public-detail-meta>div{background:var(--surface-soft);border-radius:10px;min-width:0;padding:10px}.public-detail-meta dt{color:var(--muted);font-size:11px;font-weight:700}.public-detail-meta dd{color:var(--ink);overflow-wrap:anywhere;align-items:center;gap:5px;margin:3px 0 0;font-size:12px;font-weight:800;display:flex}.public-detail-meta dd.is-late{color:var(--merah-tua)}.public-detail-meta dd.is-soon{color:var(--kuning)}.public-detail-meta dd.is-safe,.public-detail-meta dd.is-done{color:var(--hijau-tua)}.public-detail-angka{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.public-detail-angka article{border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:15px}.public-detail-angka small{color:var(--muted);font-size:12px;font-weight:700;display:block}.public-detail-angka strong{color:var(--ink);letter-spacing:-.03em;margin-top:3px;font-size:24px;line-height:1.12;display:block}.public-detail-section{border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;margin-bottom:12px;padding:21px}.public-detail-section h2{letter-spacing:-.025em;align-items:center;gap:8px;margin:0 0 15px;font-size:19px;display:flex}.public-detail-kosong{border:1px dashed var(--garis-tegas);color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:18px;font-size:13px}.public-area-list{gap:12px;display:grid}.public-area{border:1px solid var(--garis);border-radius:14px;overflow:hidden}.public-area>header{background:var(--biru-lembut);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.public-area>header strong{color:var(--gelap-2);overflow-wrap:anywhere;font-size:14px}.public-area>header span{color:var(--hijau-tua);flex:none;font-size:12px;font-weight:800}.public-area>ul{background:var(--garis);gap:1px;margin:0;padding:0;list-style:none;display:grid}.public-item-row{background:#fff;padding:13px 14px}.public-item-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.public-item-head>div{min-width:0}.public-item-head strong{overflow-wrap:anywhere;font-size:14px}.public-item-head small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:700;display:block}.public-item-bar{align-items:center;gap:11px;margin-top:9px;display:flex}.public-item-bar .public-progress-track{flex:1;height:7px;margin-top:0}.public-item-bar>span{min-width:46px;color:var(--ink);text-align:right;flex:none;font-size:12px;font-weight:800}.public-item-note{color:var(--muted);margin:7px 0 0;font-size:12px}.public-timeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.public-timeline li{border:1px solid var(--garis);border-radius:13px;gap:13px;padding:12px 14px;display:flex}.public-timeline time{color:var(--biru-tua);flex:0 0 92px;font-size:12px;font-weight:800}.public-timeline li>div{min-width:0}.public-timeline strong{overflow-wrap:anywhere;font-size:14px;display:block}.public-timeline small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:700;display:block}.public-timeline li>div>span{color:var(--hijau-tua);margin-top:4px;font-size:12px;font-weight:800;display:block}.public-timeline p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:12px}.public-state-link{background:var(--gelap);color:#fff;border-radius:9px;margin-top:9px;padding:9px 14px;font-size:13px;font-weight:800;text-decoration:none}@media (max-width:1000px){.public-detail-angka{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.public-detail-bar{padding:18px 0 14px}.public-detail-cover{aspect-ratio:16/9;border-radius:14px}.public-detail-header{flex-direction:column-reverse;align-items:flex-start;gap:11px}.public-detail-section{padding:15px}.public-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.public-timeline li{flex-direction:column;gap:4px}.public-timeline time{flex:none}}