:root{color:#152033;font-synthesis:none;--navy:#0d1f35;--red:#c8102e;--line:#dfe5ec;--muted:#697386;background:#f3f5f8;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}textarea{resize:vertical;color:#182234;border:1px solid #ced6e0;border-radius:7px;outline:none;width:100%;min-height:78px;padding:10px 12px}textarea:focus{border-color:#476079;box-shadow:0 0 0 3px #0d1f3517}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.login-page{background:#071424;grid-template-columns:minmax(420px,1.08fr) minmax(400px,.92fr);min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(40px,7vw,100px);display:flex}.brand-panel{color:#fff;background:linear-gradient(145deg, #071424f0, #0d1f35db 62%, #780c21d1), var(--login-bg) center/cover;position:relative;overflow:hidden}.brand-panel:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-210px;right:-180px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.brand-panel>*{z-index:1;position:relative}.brand-kicker{text-transform:uppercase;letter-spacing:1.5px;color:#cad2dc;align-items:center;gap:10px;margin-bottom:60px;font-size:11px;font-weight:700;display:flex}.brand-kicker span{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4ade8029}.brand-lockup{align-items:center;gap:20px;margin-bottom:44px;display:flex}.brand-lockup img{object-fit:contain;display:block}.brand-lockup .brand-hsse-logo{filter:none;width:92px;height:76px}.brand-lockup .brand-pertamina-logo{filter:brightness(0)invert();width:150px;max-height:54px}.brand-divider{background:#ffffff38;flex:0 0 1px;width:1px;height:48px}.brand-panel h1{letter-spacing:-2.2px;max-width:700px;margin-bottom:22px;font-size:clamp(35px,4vw,58px);line-height:1.08}.brand-panel .eyebrow{color:#fff;letter-spacing:3px;margin-bottom:12px;font-size:clamp(17px,1.5vw,22px);font-weight:900;line-height:1}.brand-panel>p:not(.eyebrow){color:#bec9d6;max-width:620px;font-size:17px;line-height:1.75}.brand-points{color:#e4e9ef;gap:26px;margin-top:28px;font-size:13px;font-weight:600;display:flex}.brand-points span{align-items:center;gap:8px;display:flex}.brand-points svg{color:#ef5a69;width:18px}.form-panel{background:#fff}.login-form-wrap{width:100%;max-width:430px;margin:auto}.login-form-wrap h2{letter-spacing:-1px;margin-bottom:10px;font-size:32px}.muted{color:var(--muted)}.login-form-wrap form{gap:20px;margin-top:34px;display:grid}.captcha-field{gap:8px;display:grid}.captcha-field>span{color:#344054;font-size:13px;font-weight:700}.turnstile-widget{border-radius:7px;min-height:65px;overflow:hidden}.captcha-loading{color:#697386;background:#f8fafc;border:1px solid #dce3ea;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:65px;font-size:11px;display:flex}.captcha-field small{color:#7d8998;font-size:10px;font-weight:500}.captcha-field .captcha-error{color:#ad172f}label{color:#344054;gap:8px;font-size:13px;font-weight:700;display:grid}input,select{color:#182234;background:#fff;border:1px solid #ced6e0;border-radius:7px;outline:none;width:100%;padding:11px 13px;transition:all .15s}input:focus,select:focus{border-color:#476079;box-shadow:0 0 0 3px #0d1f3517}.alert{color:#a80e27;background:#fff0f1;border:1px solid #f4c4ca;border-radius:7px;align-items:center;gap:10px;margin-top:22px;padding:12px 14px;font-size:13px;display:flex}.register-link{text-align:center;color:var(--muted);margin-top:25px;font-size:13px}.register-link a{color:var(--red);font-weight:700;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;margin-bottom:9px;font-size:10px;font-weight:800}.eyebrow.red{color:var(--red)}.button{cursor:pointer;white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{color:#fff;background:var(--red);box-shadow:0 4px 12px #c8102e2e}.button.primary:hover{background:#a90d27;transform:translateY(-1px)}.button.secondary{color:#344054;background:#fff;border:1px solid #d4dce5}.button.secondary:hover{background:#f8fafc}.button.ghost{color:#4b5565;background:0 0;border:1px solid #dce2e9}.button.wide{width:100%;padding:13px}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:var(--navy);color:#fff;flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:4px 0 20px #08142314}.sidebar-brand{border-bottom:1px solid #ffffff14;padding:24px 22px 20px}.sidebar-brand img{object-fit:contain;object-position:left;filter:brightness(0)invert();width:150px;height:35px;margin-bottom:10px;display:block}.sidebar-brand span{color:#ffffff61;letter-spacing:1.7px;font-size:9px;font-weight:800}.sidebar nav{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;min-height:0;padding:15px 0;overflow-y:auto}.nav-label{color:#ffffff47;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 7px;padding:5px 22px;font-size:9px;font-weight:800}.nav-link{color:#ffffff94;border-left:3px solid #0000;align-items:center;gap:11px;padding:11px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-link svg{width:17px}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:#ffffff17;border-left-color:#ed304e}.sidebar-user{background:#0000001f;border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:18px 20px;display:flex}.sidebar-user>div:last-child{min-width:0}.sidebar-user strong,.sidebar-user span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user strong{font-size:12px}.sidebar-user span{color:#ffffff6e;margin-top:2px;font-size:10px}.avatar{color:#fff;background:#c8102e;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;font:800 14px Plus Jakarta Sans,sans-serif;display:grid}.avatar.large{border-radius:12px;width:58px;height:58px;margin:auto;font-size:23px}.main-column{width:calc(100% - 248px);margin-left:248px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.topbar>div{display:grid}.topbar>div strong{color:var(--navy);font:800 14px Plus Jakarta Sans,sans-serif}.topbar>div span{color:#8a94a5;font-size:10px}.topbar .button{margin-left:auto}.menu-button{display:none}.icon-button{cursor:pointer;background:0 0;border:0;padding:7px}.page{max-width:1600px;margin:auto;padding:30px clamp(20px,3vw,42px) 55px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.8px;margin-bottom:7px;font-size:27px}.page-heading>div>p:last-child{color:var(--muted);margin:0;font-size:13px}.heading-actions{gap:9px;display:flex}.metric-grid{grid-template-columns:repeat(6,minmax(145px,1fr));gap:13px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 2px 7px #101f3206}.metric-card strong,.metric-card span{display:block}.metric-card strong{font:800 24px/1.1 Plus Jakarta Sans,sans-serif}.metric-card span{color:var(--muted);margin-top:4px;font-size:10px}.metric-icon{width:37px;height:37px;color:var(--navy);background:#edf2f7;border-radius:7px;place-items:center;display:grid}.metric-icon svg{width:19px}.metric-card.red .metric-icon{color:#c8102e;background:#fff0f1}.metric-card.green .metric-icon{color:#16824b;background:#eaf8f0}.metric-card.amber .metric-icon{color:#b46d06;background:#fff7df}.metric-card.blue .metric-icon{color:#2563a9;background:#ebf4ff}.content-grid{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:20px;display:grid}.pengurus-ekim-notifications{background:#fff7f8;border:1px solid #efb2bb;border-left:4px solid #c8102e;border-radius:8px;gap:8px;margin-bottom:20px;padding:16px;display:grid}.pengurus-notification-title,.pengurus-ekim-notifications article{align-items:flex-start;gap:10px;display:flex}.pengurus-notification-title>svg{color:#c8102e;width:20px}.pengurus-notification-title strong,.pengurus-notification-title span,.pengurus-ekim-notifications article span,.pengurus-ekim-notifications article small{display:block}.pengurus-notification-title span{color:#80515a;margin-top:2px;font-size:10px}.pengurus-ekim-notifications article{color:#5e2932;background:#fff;border:1px solid #edd8dc;border-radius:6px;grid-template-columns:110px 1fr auto;padding:10px 12px;font-size:10px;line-height:1.5;display:grid}.pengurus-ekim-notifications article.is-new{background:#fff1f3;border-color:#df8c99}.pengurus-ekim-notifications article small{color:#9a7178;white-space:nowrap}.panel,.table-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:23px}.panel.span-2{min-width:0}.panel h2{font-size:18px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.quick-card{border:1px solid #e3e8ee;border-radius:7px;gap:7px;padding:17px;text-decoration:none;transition:all .15s;display:grid;position:relative}.quick-card:hover{border-color:#a9b5c2;transform:translateY(-2px);box-shadow:0 7px 20px #101f3212}.quick-card>svg:first-child{color:var(--red);width:21px}.quick-card>svg:last-child{color:#a6afba;width:16px;position:absolute;top:15px;right:12px}.quick-card strong{font:700 13px Plus Jakarta Sans,sans-serif}.quick-card span{color:var(--muted);font-size:11px;line-height:1.5}.profile-block{text-align:center}.profile-block h3{margin:10px 0 6px;font-size:15px}.role-pill,.type-pill{color:#465469;text-transform:uppercase;letter-spacing:.4px;background:#edf2f7;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.profile-block dl{text-align:left;margin:20px 0 0}.profile-block dl div,.vehicle-card dl div{border-top:1px solid #edf0f3;justify-content:space-between;gap:15px;padding:9px 0;font-size:11px;display:flex}.profile-block dt,.vehicle-card dt{color:var(--muted)}.profile-block dd,.vehicle-card dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.filter-bar{border:1px solid var(--line);border-top:3px solid var(--red);background:#fff;border-radius:8px;grid-template-columns:minmax(280px,1fr) 170px 190px auto;gap:10px;margin-bottom:17px;padding:17px;display:grid}.filter-bar.compact{grid-template-columns:minmax(250px,500px) auto}.search-field{position:relative}.search-field svg{color:#8a95a4;width:17px;position:absolute;top:11px;left:12px}.search-field input{padding-left:39px}.table-panel{padding:0;overflow:hidden}.table-meta{color:var(--muted);border-bottom:1px solid #e7ebf0;padding:14px 18px;font-size:11px}.table-meta strong{color:#243047}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:840px}th{text-align:left;background:var(--navy);color:#ffffffb8;text-transform:uppercase;letter-spacing:.7px;padding:11px 15px;font-size:9px}td{border-bottom:1px solid #edf0f4;padding:13px 15px;font-size:12px}tbody tr:hover{background:#fafbfd}td strong,td small{display:block}td small{color:#8b95a3;margin-top:3px;font-size:9.5px}.status{color:#556171;text-transform:uppercase;white-space:nowrap;background:#f0f2f5;border-radius:99px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status>span{background:#87909c;border-radius:50%;width:6px;height:6px}.status.approved{color:#147744;background:#eaf8f0}.status.approved>span{background:#22a45a}.status.rejected{color:#b01831;background:#fff0f1}.status.rejected>span{background:#d72844}.status.pending_hsse,.status.signed_hsse{color:#9a5d04;background:#fff6dd}.status.pending_hsse>span,.status.signed_hsse>span{background:#e29a21}.row-action{color:#234563;align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.row-action svg{width:13px}.pagination{color:var(--muted);border-top:1px solid #e7ebf0;justify-content:flex-end;align-items:center;gap:12px;padding:13px 17px;font-size:11px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.pagination button:disabled{opacity:.35}.pagination svg{width:14px}.empty{text-align:center;color:var(--muted);padding:50px}.vehicle-grid{grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px;display:grid}.vehicle-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.vehicle-head{justify-content:space-between;display:flex}.vehicle-icon{width:37px;height:37px;color:var(--navy);background:#edf2f7;border-radius:7px;place-items:center;display:grid}.vehicle-icon svg{width:19px}.vehicle-card h3{margin:17px 0 5px;font-size:18px}.vehicle-card>p{color:var(--muted);min-height:17px;font-size:11px}.vehicle-card dl{margin:16px 0 0}.state{min-height:55vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.state.error{color:#a80e27;flex-direction:column}.spinner{border:2px solid #dfe4ea;border-top-color:var(--red);border-radius:50%;width:20px;height:20px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scrim{display:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .full{grid-column:1/-1}.vehicle-identity-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px 16px;display:grid}.vehicle-identity-panel{border-color:#dbe3eb;padding:0 24px 24px;box-shadow:0 5px 18px #0f243a0b}.form-section-heading{align-items:center;gap:11px;padding:18px 0;display:flex}.section-number{color:#fff;background:#0d2945;border-radius:7px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:9px;font-weight:800;display:grid}.form-section-heading strong,.form-section-heading small{display:block}.form-section-heading strong{color:#142a42;font-size:13px}.form-section-heading small{color:#8390a1;margin-top:2px;font-size:9.5px;font-weight:500}.vehicle-identity-grid>label{color:#26364b;flex-direction:column;align-self:start;gap:7px;min-width:0;font-size:11px;font-weight:800;line-height:1.25;display:flex}.vehicle-identity-grid input,.vehicle-identity-grid select{border-radius:6px;flex:0 0 43px;width:100%;height:43px;min-height:43px;margin:0;padding:9px 12px;font-size:12px;line-height:1.2}.inspection-form-header{background:#fff;border:1px solid #e4e9ef;border-radius:10px;margin-bottom:16px;overflow:hidden;box-shadow:0 6px 22px #0f243a0e}.inspection-brand-row{justify-content:space-between;align-items:center;gap:30px;min-height:142px;padding:23px 38px;display:flex}.hsse-form-brand{align-items:center;gap:22px;display:flex}.hsse-form-brand img{object-fit:contain;width:88px;height:88px}.hsse-form-brand strong,.hsse-form-brand span{display:block}.hsse-form-brand strong{color:#172334;font-size:14px}.hsse-form-brand span{color:#e31f3d;margin-top:2px;font-size:12px;font-weight:700}.pertamina-form-logo{object-fit:contain;width:175px;max-height:75px}.inspection-red-line{background:#df263e;height:3px;margin:0 0 9px}.inspection-title-banner{color:#fff;text-align:center;background:linear-gradient(105deg,#ca1835,#ec3f3d);justify-items:center;gap:4px;padding:15px 25px;display:grid}.inspection-title-banner strong,.inspection-title-banner span{font-size:12px;font-weight:800}.vehicle-identity-grid input[readonly]{color:#526174;background:#f5f7fa;border-color:#dce3ea}.nomor-polisi-field select{color:#102a44;background-color:#fff;border-color:#65788c;font-weight:700}.nomor-polisi-field small{color:#708196;min-height:13px;margin:0;font-size:10px;font-weight:500;line-height:1.3;display:block}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title h2{margin:0 0 18px}.row-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-buttons button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d3dbe4;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.row-buttons button:hover{background:#f5f7f9}.row-buttons button.danger{color:#b01831;border-color:#efc7cd}.row-buttons button.danger:hover:not(:disabled){background:#fff0f2;border-color:#d92640}.row-buttons button:disabled{opacity:.42;cursor:not-allowed}.row-buttons svg{width:13px;height:13px}.checklist-edit{border-color:#dbe3eb;margin-top:16px;padding:0;box-shadow:0 5px 18px #0f243a0b}.checklist-table-heading{border-bottom:1px solid #e4e9ef;justify-content:space-between;align-items:center;gap:20px;padding:0 24px;display:flex}.completion-counter{color:#627286;background:#f6f8fa;border:1px solid #d8e1ea;border-radius:99px;flex:none;padding:6px 10px;font-size:9px;font-weight:800}.checklist-edit th{background:#102a45;padding-top:13px;padding-bottom:13px}.checklist-edit td{vertical-align:middle;color:#34465a}.checklist-edit tbody tr:nth-child(2n){background:#fafbfd}.checklist-edit th:first-child,.checklist-edit th:nth-child(3),.checklist-edit th:nth-child(4),.checklist-edit th:nth-child(5),.checklist-edit th:nth-child(6),.checklist-edit td:first-child,.checklist-edit td:nth-child(3),.checklist-edit td:nth-child(4),.checklist-edit td:nth-child(5),.checklist-edit td:nth-child(6){text-align:center}.checklist-edit input[type=checkbox]{cursor:pointer;width:17px;height:17px}.checklist-edit td:nth-child(5) input[type=checkbox]{accent-color:#13855a}.checklist-edit td:nth-child(6) input[type=checkbox]{accent-color:#d82b43}.checklist-edit textarea{border-radius:5px;min-width:180px;min-height:42px;padding:8px 10px;font-size:10px}.mini-input{color:#087d43;background:#f4faf7;border-color:#b9ddcd;border-radius:5px;margin-top:8px;padding:6px 8px;font-size:9px;font-weight:800}.checklist-form-page{max-width:1280px}.checklist-form-page .inspection-form-header{border:0;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 20px #dc35451a}.checklist-form-page .inspection-brand-row{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);min-height:170px;padding:15px 25px}.checklist-form-page .hsse-form-brand{gap:12px}.checklist-form-page .hsse-form-brand img{width:110px;height:110px}.checklist-form-page .hsse-form-brand strong{font-size:14px}.checklist-form-page .hsse-form-brand span{color:#dc3545;font-size:12px}.checklist-form-page .pertamina-form-logo{width:170px;max-height:140px}.checklist-form-page .inspection-red-line{background:#dc3545;height:3px;margin-bottom:10px}.checklist-form-page .inspection-title-banner{background:linear-gradient(135deg,#dc3545 0%,#e74c3c 100%);border-radius:8px;padding:15px;box-shadow:0 2px 8px #dc354533}.checklist-form-page .inspection-title-banner strong,.checklist-form-page .inspection-title-banner span{font-size:12px}.checklist-form-page.industri-form .inspection-red-line{background:#174e7d}.checklist-form-page.industri-form .inspection-title-banner{background:linear-gradient(135deg,#10334d 0%,#1a5276 100%);box-shadow:0 2px 8px #10334d33}.checklist-form-page .vehicle-identity-panel{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 20px;padding:0}.checklist-form-page .vehicle-identity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.checklist-form-page .vehicle-identity-grid>label{color:#333;gap:5px;font-size:12px}.checklist-form-page .vehicle-identity-grid input,.checklist-form-page .vehicle-identity-grid select{color:#222;background:#fff;border:1px solid #ddd;border-radius:4px;height:38px;min-height:38px;padding:8px;font-size:12px}.checklist-form-page .nomor-polisi-field select{border-color:#666}.checklist-form-page .checklist-edit{box-shadow:none;border:0;border-radius:0;margin-top:0;margin-bottom:20px;overflow:visible}.checklist-form-page .checklist-edit .table-scroll{overflow-x:auto}.checklist-form-page .checklist-edit table{table-layout:fixed;border:2px solid #333;min-width:1000px;font-size:11px}.checklist-form-page .checklist-edit .col-number{width:42px}.checklist-form-page .checklist-edit .col-inspection{width:285px}.checklist-form-page .checklist-edit .col-officer{width:105px}.checklist-form-page .checklist-edit .col-priority{width:115px}.checklist-form-page .checklist-edit .col-condition{width:54px}.checklist-form-page .checklist-edit .col-description{width:auto}.checklist-form-page .checklist-edit th,.checklist-form-page .checklist-edit td{vertical-align:top;text-align:left;color:#222;border:1px solid #333;padding:10px;font-size:11px}.checklist-form-page .checklist-edit th{color:#fff;text-align:center;text-transform:none;letter-spacing:0;background:linear-gradient(135deg,#dc3545 0%,#e74c3c 100%)}.checklist-form-page.industri-form .checklist-edit th{background:linear-gradient(135deg,#10334d 0%,#1a5276 100%)}.checklist-form-page .checklist-edit tbody tr,.checklist-form-page .checklist-edit tbody tr:nth-child(2n),.checklist-form-page .checklist-edit tbody tr:hover{background:#fff}.checklist-form-page .checklist-edit td[rowspan],.checklist-form-page .checklist-edit .priority-cell,.checklist-form-page .checklist-edit .checkbox-cell{text-align:center}.checklist-form-page .checklist-edit .priority-cell{background:#f8f9fa;font-weight:800}.checklist-form-page .checklist-edit .sub-item{padding-left:20px}.checklist-form-page .checklist-edit input[type=checkbox]{width:15px;height:15px;transform:scale(1.08)}.checklist-form-page .checklist-edit textarea{background:#fafafa;border:1px solid #666;border-radius:4px;width:100%;min-width:0;min-height:80px;padding:10px;font-size:12px;line-height:1.5;display:block}.checklist-form-page .checklist-edit textarea:focus{background:#fff;border-color:#dc3545;box-shadow:0 0 4px #dc102e33}.checklist-form-page .expire-field{grid-template-columns:minmax(120px,auto) minmax(145px,1fr);align-items:center;gap:8px;margin-top:8px;display:grid}.checklist-form-page .expire-field label{font-size:10px;font-weight:800}.checklist-form-page .expire-field .mini-input{color:#222;background:#fff;border:1px solid #aaa;border-radius:4px;width:100%;height:34px;margin:0;padding:6px 8px}.checklist-form-page .checklist-form-footer{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;padding:0}.checklist-form-page .checklist-note-box{background:#fff;border:2px solid #dc3545;border-radius:6px;padding:14px}.checklist-form-page .checklist-note-box>label{color:#dc3545;font-size:13px}.checklist-form-page .checklist-status-table{border:2px solid #333;margin-top:24px;display:block}.checklist-form-page .checklist-status-table>div{background:#fff;border:0;border-radius:0;grid-template-columns:210px 1fr;gap:0;min-height:0;padding:0;display:grid}.checklist-form-page .checklist-status-table>div+div{border-top:1px solid #333}.checklist-form-page .checklist-status-table>div:last-child{border:0;border-top:1px solid #333}.checklist-form-page .checklist-status-table strong,.checklist-form-page .checklist-status-table>div>span{min-height:36px;padding:7px}.checklist-form-page .checklist-status-table strong{color:#111;border-right:1px solid #333;font-size:10px}.checklist-form-page .checklist-status-table>div>span{justify-content:center}.checklist-form-page .checklist-status-table input[type=date]{width:min(100%,180px);height:30px}.settings-metrics{grid-template-columns:repeat(5,1fr)}.system-settings-page{max-width:1500px}.system-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.system-settings-grid .panel,.backup-panel,.database-detail-panel{margin:0}.system-health-list{margin-top:14px;display:grid}.system-health-list>div{color:#596a7d;border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;font-size:11px;display:flex}.system-health-list>div:last-child{border-bottom:0}.system-health-list strong{align-items:center;gap:7px;font-size:10px;display:inline-flex}.system-health-list i{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 13%, transparent);background:currentColor;border-radius:50%}.health-ok{color:#168153}.health-warning{color:#c47609}.storage-numbers,.backup-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.storage-numbers>div,.backup-summary>div{background:#f8fafc;border:1px solid #e1e7ed;border-radius:7px;padding:13px 14px}.storage-numbers span,.storage-numbers strong,.backup-summary span,.backup-summary strong{display:block}.storage-numbers span,.backup-summary span{color:#8491a1;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700}.storage-numbers strong,.backup-summary strong{color:#183049;font-size:12px}.storage-track{background:#e7ecf1;border-radius:99px;height:9px;margin-top:18px;overflow:hidden}.storage-track span{border-radius:inherit;background:linear-gradient(90deg,#163b5f,#d3203b);height:100%;display:block}.storage-panel>small{color:#7b8998;margin-top:8px;font-size:9px;display:block}.storage-paths{gap:7px;margin:18px 0 0;display:grid}.storage-paths>div{grid-template-columns:70px minmax(0,1fr);gap:10px;font-size:9px;display:grid}.storage-paths dt{color:#8190a1;font-weight:700}.storage-paths dd{color:#34495f;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Consolas,monospace;overflow:hidden}.backup-panel{margin-bottom:18px}.backup-panel .panel-title{align-items:flex-start}.backup-panel .panel-title .muted{max-width:650px;margin:5px 0 0;font-size:10px;line-height:1.6}.backup-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:17px}.backup-panel .table-panel{margin:0}.settings-lower-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}.scheduler-state{background:#fff9ec;border:1px solid #f0d6a8;border-radius:8px;gap:5px;margin:17px 0;padding:15px;display:grid}.scheduler-state.is-healthy{background:#effaf4;border-color:#bfe3cf}.scheduler-state strong{color:#8e5b08;font-size:11px}.scheduler-state.is-healthy strong{color:#137046}.scheduler-state span{color:#687789;font-size:9px}.system-policy-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}.system-policy-form .full{grid-column:1/-1}.system-policy-actions{flex-wrap:wrap;gap:9px;display:flex}.maintenance-toggle{cursor:pointer;background:#f8fafc;border:1px solid #dce3ea;border-radius:7px;grid-column:1/-1;grid-template-columns:none;align-items:center;gap:11px;padding:13px;display:flex}.maintenance-toggle input{accent-color:#c8102e;flex:none;width:18px;height:18px}.maintenance-toggle span,.maintenance-toggle strong,.maintenance-toggle small{display:block}.maintenance-toggle small{color:#7b8998;margin-top:3px;font-size:9px;font-weight:500}.database-detail-panel{margin-top:18px}.database-detail-panel .table-panel{margin:0}.memory-limit{color:#7c8998;font-size:9px;font-weight:700}.standalone{background:linear-gradient(145deg,#071424,#15344f);place-items:center;min-height:100vh;padding:30px;display:grid}.standalone-card{background:#fff;border-radius:12px;width:min(850px,100%);padding:clamp(26px,5vw,55px);box-shadow:0 30px 80px #0000004d}.standalone-card h1{margin-bottom:8px}.back-link{color:#58677a;margin-bottom:30px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.alert.success{color:#147744;background:#eaf8f0;border-color:#bce5cd}.verify-card{max-width:620px}.verify-ok{color:#147744;background:#eaf8f0;border-radius:8px;align-items:center;gap:10px;margin:24px 0;padding:15px;font-weight:700;display:flex}.verify-card dl div{border-top:1px solid #e7ebf0;justify-content:space-between;gap:20px;padding:12px 0;font-size:13px;display:flex}.verify-card dt{color:var(--muted)}.verify-card dd{text-align:right;margin:0;font-weight:700}.admin-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-feature-card{background:#fff;border:1px solid #d9e0e8;border-left:3px solid #df1738;border-radius:7px;flex-direction:column;align-items:flex-start;min-height:150px;padding:19px 20px 17px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 1px 2px #0d1f3505}.admin-feature-card:hover{border-color:#c3ccd7 #c3ccd7 #c3ccd7 #c8102e;transform:translateY(-2px);box-shadow:0 8px 22px #0d1f3514}.feature-category{color:#8491a4;text-transform:uppercase;letter-spacing:.65px;margin-bottom:11px;font-size:9.5px;font-weight:800;line-height:1}.admin-feature-card strong{color:#091b32;margin-bottom:7px;font:800 13px Plus Jakarta Sans,sans-serif}.admin-feature-card p{color:#8492a7;margin:0;font-size:11px;line-height:1.65}.feature-badge{color:#c8102e;background:#fff0f1;border:1px solid #ffc7ce;border-radius:3px;margin-top:auto;padding:3px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.admin-monitor-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px;display:grid}.admin-monitor-grid .panel{margin:0}.admin-monitor-grid .panel-title>svg{color:#6d7c8e;width:22px}.workflow-bars{gap:16px;margin-top:20px;display:grid}.workflow-row>div:first-child{color:#66758a;justify-content:space-between;align-items:center;gap:20px;margin-bottom:7px;font-size:11px;display:flex}.workflow-row strong{color:#10243d;font-size:12px}.workflow-track{background:#e9eef4;border-radius:99px;height:8px;overflow:hidden}.workflow-track>span{border-radius:inherit;min-width:2px;height:100%;display:block}.workflow-track .slate{background:#7a899a}.workflow-track .amber{background:#e39a19}.workflow-track .blue{background:#2372b9}.workflow-track .green{background:#159365}.workflow-track .red{background:#d72a43}.watch-list{margin-top:14px;display:grid}.watch-list>div{color:#66758a;border-bottom:1px solid #e7ecf2;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;font-size:11px;display:flex}.watch-list>div:last-child{border-bottom:0}.watch-list strong{color:#10243d;text-align:center;background:#f0f4f8;border-radius:6px;min-width:34px;padding:5px 8px;font-size:12px}.user-statistics-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:16px;display:grid}.user-statistics-grid .panel{margin:0}.user-statistics-grid .panel-title>svg{color:#6d7c8e;width:22px}.user-data-summary .watch-list{margin-top:9px}.user-profile-panel{margin-top:16px}.user-profile-panel .panel-title>svg{color:#6d7c8e;width:22px}.user-profile-content{background:#f9fbfc;border:1px solid #e4e9ef;border-radius:9px;grid-template-columns:auto minmax(180px,.65fr) minmax(320px,1.35fr);align-items:center;gap:20px;margin-top:18px;padding:18px;display:grid}.user-profile-content .avatar.large{margin:0}.user-profile-name{justify-items:start;gap:7px;display:grid}.user-profile-name>strong{color:#12253d;font-size:16px}.user-profile-content dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.user-profile-content dl>div{border-left:2px solid #d6dee7;min-width:0;padding:11px 13px}.user-profile-content dt,.user-profile-content dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.user-profile-content dt{color:#8490a0;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800}.user-profile-content dd{color:#34465a;font-size:11px;font-weight:700}.vehicle-registration-panel{padding:24px}.vehicle-registration-form{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:6px}.vehicle-registration-form label{align-content:start}.vehicle-registration-form input,.vehicle-registration-form select{min-height:44px}.vehicle-registration-form small{color:#7a8797;font-size:9px;font-weight:500;line-height:1.5}.registration-email-field{grid-column:span 2}.vehicle-registration-submit{align-items:flex-end;display:flex}.vehicle-registration-submit .button{width:100%;min-height:44px}.vehicle-registration-list{margin-top:24px}.vehicle-registration-list .section-copy{margin-bottom:15px}.vehicle-registration-list .section-copy h2{color:#15243a;margin-bottom:0;font-size:18px}.checklist-page{background:#f1f4f8;max-width:none;padding:0 26px 34px}.checklist-module-head{background:#fff;border:1px solid #e1e6ed;border-top:0;justify-content:space-between;align-items:center;gap:20px;padding:27px 27px 17px;display:flex}.module-identity{align-items:center;gap:16px;display:flex}.module-identity>img{object-fit:contain;width:70px;height:32px}.module-identity>span{background:#d5dce5;width:1px;height:33px}.module-identity h1{letter-spacing:-.35px;color:#071a32;margin:0 0 4px;font-size:18px}.module-identity p{color:#8b98ab;margin:0;font-size:11px}.checklist-stat-grid{background:#fff;border-left:1px solid #e1e6ed;border-right:1px solid #e1e6ed;grid-template-columns:repeat(5,1fr);gap:14px;padding:9px 27px 18px;display:grid}.checklist-stat{background:#fff;border:1px solid #dce3ec;border-top:2px solid #0d2947;border-radius:6px;height:83px;padding:15px 17px}.checklist-stat strong,.checklist-stat span{display:block}.checklist-stat strong{color:#071a32;font:800 25px/1 Plus Jakarta Sans}.checklist-stat span{color:#8491a4;letter-spacing:.4px;margin-top:7px;font-size:9px;font-weight:800}.checklist-stat.danger{border-top-color:#dc1638}.checklist-stat.danger strong{color:#d31535}.semester-alert{color:#81420b;background:#fffbeb;border:1px solid #f3d681;border-left:4px solid #df8200;border-radius:6px;align-items:center;gap:11px;margin:0 27px 15px;padding:11px 16px;font-size:10.5px;display:flex}.semester-alert svg{width:17px}.semester-alert span{flex:1}.semester-alert em{color:#fff;white-space:nowrap;background:#e58200;border-radius:99px;padding:3px 9px;font-size:9px;font-style:normal;font-weight:800}.checklist-filter{grid-template-columns:minmax(270px,1.6fr) minmax(150px,.8fr) minmax(150px,.8fr) auto auto auto;gap:10px;margin:0 27px 12px;display:grid}.checklist-filter input{border-radius:4px;padding:9px 11px;font-size:10.5px}.checklist-filter .button{border-radius:4px;padding:8px 13px;box-shadow:0 2px 5px #0c1d2f1f}.vehicle-tabs{border:1px solid #dce3ec;border-radius:4px;grid-template-columns:repeat(3,1fr);margin:0 27px 18px;display:grid;overflow:hidden}.vehicle-tabs button{color:#526178;cursor:pointer;background:#fff;border:0;border-right:1px solid #dce3ec;padding:9px;font-size:10px;font-weight:700}.vehicle-tabs button:last-child{border:0}.vehicle-tabs button.active{color:#fff;background:#0b2038}.checklist-table{background:#fff;border:1px solid #dbe2ea;border-top:3px solid #e4163b;border-radius:6px;overflow:hidden}.checklist-table table{min-width:1180px}.checklist-table th{color:#e5ebf2;background:#0b213b;border-right:1px solid #d91a3b;padding:13px 11px;font-size:8.5px}.checklist-table td{vertical-align:middle;border-right:1px solid #e2e6eb;padding:11px;font-size:10px}.checklist-table .expired-row td{background:#fff6f6}.kind-badge{color:#b51b28;background:#ffe8e8;border-radius:3px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.expired-text{color:#d51434}.expired-label{color:#fff;background:#dc1436;border-radius:2px;width:max-content;margin-top:3px;padding:3px 6px;font-size:8px;font-weight:800;display:block}.operation{text-transform:uppercase;border-radius:3px;padding:4px 7px;font-size:8.5px;font-weight:800;display:inline-flex}.operation.bad{color:#ad152c;background:#ffe5e7}.operation.good{color:#137449;background:#e4f8ed}.progress-badge{color:#087d43;background:#dcfae8;border-radius:3px;padding:4px 7px;font-weight:800;display:inline-flex}.signature-pills{gap:4px;display:flex}.signature-pills span{color:#9aa8b8;white-space:nowrap;border:1px solid #cfdae5;border-radius:99px;padding:3px 6px;font-size:8px;font-weight:800}.signature-pills span.done{color:#087d61;background:#e2f9f0;border-color:#a8e4ce}.icon-actions{gap:6px;display:flex}.icon-actions a,.icon-actions button{cursor:pointer;background:#fff;border:1px solid;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.icon-actions svg{width:13px}.icon-actions .view{color:#377cf4}.icon-actions .edit{color:#dc6f1a}.icon-actions .delete{color:#e5354d}.icon-actions .secure{color:#0da77d}.checklist-pagination{color:#526178;background:#fff;border:1px solid #dfe5ec;border-radius:6px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:14px;font-size:10px;display:flex}.checklist-pagination button{color:#68768a;background:#fff;border:1px solid #d9e0e8;border-radius:4px;padding:7px 13px;font-size:9px}.checklist-pagination button:disabled{opacity:.35}.checklist-form-footer{background:#fff;border:1px solid #dbe3eb;border-radius:9px;margin-top:16px;padding:0 24px 26px;box-shadow:0 5px 18px #0f243a0b}.footer-section-heading{border-bottom:1px solid #e7ecf1;margin-bottom:18px}.checklist-note-box{background:#fafbfd;border:1px solid #dce3ea;border-radius:7px;padding:13px 14px}.checklist-note-box>label{color:#2d4055;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.checklist-note-box textarea{background:#fff;border-color:#d6dee7;min-height:76px;font-size:11px}.checklist-status-table{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.checklist-status-table>div{background:#fafbfd;border:1px solid #dde4eb;border-radius:7px;flex-direction:column;gap:9px;min-width:0;min-height:92px;padding:13px;display:flex}.checklist-status-table>div:last-child{border:1px solid #dde4eb}.checklist-status-table strong{color:#2d4055;border:0;padding:0;font-size:10px;line-height:1.4;display:block}.checklist-status-table>div>span{flex:1;align-items:center;padding:0;display:flex}.checklist-status-table input[type=date]{border-radius:5px;width:100%;height:37px;padding:7px 9px;font-size:10px}.radio-options{gap:18px;justify-content:flex-start!important}.radio-options label{color:#46586c;grid-template-columns:auto auto;align-items:center;gap:7px;font-size:10px;display:flex}.radio-options input{accent-color:#123c62;width:12px;height:12px}.digital-signature-block{background:#f3f6f9;border:1px solid #dbe3eb;border-radius:9px;margin-top:20px;overflow:hidden}.signature-blocked-warning{color:#a31529;background:#fff1f3;border:1px solid #ef9aa5;border-left:4px solid #df243e;border-radius:7px;align-items:flex-start;gap:10px;margin-top:24px;padding:13px 15px;font-size:10px;line-height:1.55;display:flex}.signature-blocked-warning svg{flex:none;width:18px;height:18px}.signature-blocked-warning span,.signature-blocked-warning strong{display:block}.signature-blocked-warning strong{margin-bottom:2px;font-size:11px}.digital-signature-title{color:#fff;background:linear-gradient(110deg,#173b61,#082942);justify-content:space-between;align-items:center;padding:12px 17px;font-size:10.5px;font-weight:800;display:flex}.crypto-mark{opacity:.5;font-size:8px}.signature-card-grid{grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.signature-card{background:#fff;border:1px solid #e0e6ed;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0a1f340e}.signature-card header{color:#fff;flex-direction:column;padding:12px 15px;display:flex}.signature-card header strong{font-size:10.5px}.signature-card header span{opacity:.85;margin-top:1px;font-size:8px}.hsse-card header{background:linear-gradient(110deg,#bd1a21,#e02429)}.manager-card header{background:linear-gradient(110deg,#123a60,#205485)}.signature-card-body{gap:11px;padding:15px;display:grid}.signature-card-body label{gap:4px;font-size:9.5px}.signature-card-body input{background:#fafbfc;border-radius:5px;height:38px;padding:8px 10px;font-size:10px}.signature-card-body>button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#0d3556,#1b5a99);border:0;border-radius:6px;min-height:38px;padding:9px 12px;font-size:10px;font-weight:800}.signature-card-body>button:disabled{color:#a35e0b;cursor:not-allowed;background:#fff5cf;border:1px solid #f4cf54}.signature-verified{color:#087a50;background:#eaf9f2;border:1px solid #9fe0c4;border-radius:6px;align-items:center;gap:9px;padding:9px;font-size:9px;display:flex}.signature-verified svg{width:18px}.signature-verified span,.signature-verified strong,.signature-verified small{display:block}.signature-verified strong{font-size:8px}.signature-verified small{opacity:.7}.verification-link{color:#5b6c7d;background:#fff;border:1px dashed #91a3b5;border-radius:6px;align-items:center;gap:7px;margin:0 15px 15px;padding:10px;font-size:9px;display:flex}.verification-link svg{width:15px}.verification-link a{color:#155998;word-break:break-all}.checklist-footer-actions{border-top:1px solid #e7ecf1;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;display:flex}.footer-action{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:10px 18px;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 2px 5px #0a1d301f}.footer-action:disabled{opacity:.45;cursor:not-allowed}.muted-action{color:#526174;background:#fff;border-color:#d5dde6}.save-action{background:#ef3438}.print-action{background:#0074dc}@media (width<=1180px){.metric-grid,.vehicle-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:1fr}.admin-feature-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.admin-monitor-grid,.user-statistics-grid,.vehicle-registration-form,.system-settings-grid,.settings-lower-grid,.system-policy-form{grid-template-columns:1fr}.system-policy-form .full,.maintenance-toggle,.registration-email-field{grid-column:auto}.user-profile-content{grid-template-columns:auto 1fr}.user-profile-content dl{grid-column:1/-1}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:25;background:#040d188c;border:0;display:block;position:fixed;inset:0}.main-column{width:100%;margin:0}.menu-button{margin-right:12px;display:block}.topbar{padding:0 17px}.topbar .button{font-size:0}.topbar .button svg{margin:0}.page{padding:24px 16px}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{flex-wrap:wrap;width:100%}.filter-bar,.filter-bar.compact,.content-grid{grid-template-columns:1fr}.vehicle-grid,.admin-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.login-page{display:block}.brand-panel{display:none}.form-panel{min-height:100vh;padding:30px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{gap:9px;padding:14px}.metric-card strong{font-size:20px}.vehicle-grid{grid-template-columns:1fr}.page-heading h1{font-size:23px}.admin-feature-grid{grid-template-columns:1fr}.admin-feature-card{min-height:135px}.backup-panel .panel-title{flex-direction:column;align-items:stretch}.backup-summary,.storage-numbers{grid-template-columns:1fr}.user-profile-content{text-align:center;grid-template-columns:1fr;justify-items:center}.user-profile-name{justify-items:center}.user-profile-content dl{text-align:left;grid-column:auto;grid-template-columns:1fr;width:100%}}@media (width<=700px){.form-grid,.vehicle-identity-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.settings-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=1050px){.vehicle-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist-module-head{align-items:flex-start}.checklist-stat-grid{grid-template-columns:repeat(3,1fr)}.checklist-filter{grid-template-columns:1fr 1fr 1fr}.checklist-filter>input:first-child{grid-column:1/-1}}@media (width<=700px){.checklist-page{padding:0 12px 25px}.vehicle-identity-grid{grid-template-columns:1fr}.inspection-brand-row{min-height:135px;padding:22px 18px}.hsse-form-brand{gap:10px}.hsse-form-brand img{width:70px;height:70px}.hsse-form-brand strong{font-size:11px}.hsse-form-brand span{font-size:9px}.pertamina-form-logo{width:125px}.inspection-title-banner{padding:14px 12px}.inspection-title-banner strong,.inspection-title-banner span{font-size:10px}.checklist-module-head{flex-direction:column;padding:20px 15px}.module-identity>img{width:55px}.checklist-stat-grid{grid-template-columns:repeat(2,1fr);padding:8px 15px 15px}.semester-alert,.checklist-filter,.vehicle-tabs{margin-left:15px;margin-right:15px}.semester-alert{flex-wrap:wrap;align-items:flex-start}.checklist-filter{grid-template-columns:1fr}.checklist-filter>input:first-child{grid-column:auto}.vehicle-tabs button{font-size:9px}.checklist-table{border-radius:4px}.vehicle-identity-panel,.checklist-form-footer{padding-left:14px;padding-right:14px}.checklist-table-heading{flex-direction:column;align-items:flex-start;gap:0;padding:0 14px 14px}.checklist-status-table,.signature-card-grid{grid-template-columns:1fr}.digital-signature-block{margin-top:30px}.radio-options{gap:12px}.checklist-footer-actions{flex-wrap:wrap}.footer-action{text-align:center;flex:135px}.checklist-note-box{padding:11px}}@media print{.sidebar,.topbar,.page-heading,.checklist-footer-actions{display:none!important}.main-column{width:100%;margin:0}.page{padding:0}.checklist-form-footer{break-inside:avoid}.digital-signature-block{margin-top:20px}}.verification-panel{background:#fff;border:1px dashed #91a3b5;border-radius:8px;align-items:center;gap:14px;margin:0 15px 15px;padding:12px;display:flex}.verification-qr{border:1px solid #d8e0e8;border-radius:6px;flex:none;display:block}.qr-loading{color:#75869a;background:#f4f7fa;place-items:center;width:148px;min-height:148px;font-size:10px;display:grid}.verification-panel .verification-link{border:0;flex:1;margin:0;padding:0}.verification-link>span{gap:5px;display:grid}.verification-link strong{color:#0c3658;letter-spacing:.04em;font-size:10px}.verify-result{border-radius:9px;align-items:center;gap:14px;margin:24px 0 14px;padding:17px;display:flex}.verify-result>svg{flex:none;width:30px;height:30px}.verify-result span,.verify-result strong{display:block}.verify-result strong{margin-bottom:3px;font-size:15px}.verify-result span{font-size:12px}.verify-result.valid{color:#08764b;background:#e7f8ef;border:1px solid #a8e0c6}.verify-result.invalid{color:#b5172c;background:#fff0f1;border:1px solid #f1b2ba}.verify-result.expired{color:#a44908;background:#fff4e5;border:1px solid #f1bd76}.verify-result.pending{color:#976007;background:#fff7dc;border:1px solid #efd477}.verify-checks{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px;display:grid}.verify-checks>div{border-radius:7px;align-items:center;gap:7px;padding:10px;font-size:11px;font-weight:700;display:flex}.verify-checks svg{flex:none;width:15px;height:15px}.verify-checks .passed{color:#08764b;background:#f0faf5}.verify-checks .failed{color:#b5172c;background:#fff2f3}.verify-checks .waiting{color:#976007;background:#fff8e6}.verify-expired-documents{color:#7c3d0b;background:#fff8e8;border:1px solid #f1bd76;border-left:4px solid #d97706;border-radius:7px;margin-bottom:20px;padding:14px 16px;font-size:11px;line-height:1.6}.verify-expired-documents strong,.verify-expired-documents span{display:block}.verify-expired-documents ul{margin:7px 0;padding-left:18px}.verify-card dd small{color:#728196;margin-top:3px;font-weight:500;display:block}.verification-id{word-break:break-all;max-width:280px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.verify-security-note{color:#536477;background:#f4f7fa;border-radius:7px;align-items:flex-start;gap:9px;margin:20px 0 0;padding:13px;font-size:10px;line-height:1.6;display:flex}.verify-security-note svg{flex:none;width:17px}@media (width<=700px){.verification-panel{flex-direction:column;align-items:flex-start}.verification-qr{align-self:center}.verify-checks{grid-template-columns:1fr}.verify-card dl div{align-items:flex-start}.verification-id{max-width:180px}}@media print{.verification-panel{border-style:solid}.verification-qr{width:110px;height:110px}.verify-security-note{border:1px solid #dbe2e9}}.professional-checklist{--form-primary:#b5122e;--form-primary-strong:#8f0f25;--form-primary-bright:#dc2947;--form-primary-soft:#fff0f3;--form-focus-ring:#b5122e1c;max-width:1440px;padding-bottom:72px}.professional-checklist.industri-form{--form-primary:#123a60;--form-primary-strong:#082942;--form-primary-bright:#205b8f;--form-primary-soft:#edf4fa;--form-focus-ring:#123a601f}.professional-checklist .page-heading{margin-bottom:22px}.professional-checklist .inspection-form-header{border:1px solid #dce3eb;border-top:4px solid var(--form-primary);background:#fff;border-radius:12px;margin-bottom:18px;overflow:hidden;box-shadow:0 8px 28px #0f27400f}.professional-checklist .inspection-brand-row{background:#fff;min-height:124px;padding:22px 32px}.professional-checklist .hsse-form-brand{gap:16px}.professional-checklist .hsse-form-brand img{width:76px;height:76px}.professional-checklist .hsse-form-brand strong{color:#14283f;letter-spacing:-.15px;font-size:13px}.professional-checklist .hsse-form-brand span{color:#d7193f;letter-spacing:.15px;margin-top:3px;font-size:10px}.professional-checklist .pertamina-form-logo{width:166px;max-height:62px}.professional-checklist .inspection-red-line{display:none}.professional-checklist .inspection-title-banner,.professional-checklist.industri-form .inspection-title-banner{background:linear-gradient(112deg, var(--form-primary-strong) 0%, var(--form-primary-bright) 100%);box-shadow:none;color:#fff;text-align:left;border-radius:0;justify-content:space-between;align-items:center;gap:28px;padding:20px 32px;display:flex}.professional-checklist .inspection-title-banner>div:first-child{gap:4px;display:grid}.professional-checklist .inspection-title-banner small{color:#ffffffb8;letter-spacing:1.4px;text-transform:uppercase;font-size:8px;font-weight:800}.professional-checklist .inspection-title-banner strong{letter-spacing:-.15px;text-transform:none;font-size:14px;line-height:1.35}.professional-checklist .inspection-title-banner span{color:#ffffffc7;text-transform:none;font-size:9.5px;font-weight:600}.professional-checklist .vehicle-identity-panel,.professional-checklist .checklist-edit,.professional-checklist .checklist-form-footer{background:#fff;border:1px solid #dce3eb;border-radius:12px;box-shadow:0 7px 24px #0f27400b}.professional-checklist .vehicle-identity-panel{margin-bottom:18px;padding:0 24px 24px}.professional-section-header{border-bottom:1px solid #e7ecf1;align-items:center;gap:12px;min-height:67px;display:flex}.professional-section-number{background:var(--form-primary-soft);width:30px;height:30px;color:var(--form-primary);border-radius:8px;flex:0 0 30px;place-items:center;font-size:9px;font-weight:900;display:grid}.professional-section-header>div:not(.inspection-progress-summary){min-width:0}.professional-section-header strong,.professional-section-header small{display:block}.professional-section-header>div>strong{color:#172d43;letter-spacing:-.1px;font-size:12.5px}.professional-section-header>div>small{color:#7b8999;margin-top:3px;font-size:9px;font-weight:500}.professional-checklist .vehicle-identity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;padding-top:20px}.professional-checklist .vehicle-identity-grid>label{color:#34475c;gap:7px;font-size:10px;font-weight:800}.professional-checklist .vehicle-identity-grid input,.professional-checklist .vehicle-identity-grid select{color:#182d43;background-color:#fff;border:1px solid #cfd8e2;border-radius:7px;height:44px;min-height:44px;padding:10px 12px;font-size:11px;transition:border-color .15s,box-shadow .15s}.professional-checklist .vehicle-identity-grid input:focus,.professional-checklist .vehicle-identity-grid select:focus{border-color:var(--form-primary);box-shadow:0 0 0 3px var(--form-focus-ring)}.professional-checklist .vehicle-identity-grid input[readonly]{color:#4e6073;background:#f7f9fb;border-color:#e0e6ed}.professional-checklist .nomor-polisi-field select{background-color:#fff;border-color:#8ea1b5;font-weight:800}.professional-checklist .nomor-polisi-field small{color:#8290a0;font-size:8px}.professional-checklist .checklist-edit{margin-bottom:18px;overflow:hidden}.professional-checklist .checklist-progress-header{min-height:76px;padding:0 22px}.inspection-progress-summary{width:220px;margin-left:auto}.inspection-progress-summary>div{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.inspection-progress-summary>div span,.inspection-progress-summary>div strong{font-size:8.5px}.inspection-progress-summary>div span{color:#6d7d8f}.inspection-progress-summary>div strong{color:var(--form-primary)}.inspection-progress-track{background:#e8edf2;border-radius:99px;height:5px;display:block;overflow:hidden}.inspection-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--form-primary), var(--form-primary-bright));height:100%;transition:width .25s;display:block}.inspection-progress-summary>small{color:#c21935;text-align:right;margin-top:5px;font-size:8px}.professional-checklist .checklist-edit .table-scroll{overflow-x:auto}.professional-checklist .checklist-edit table{table-layout:fixed;border:0;min-width:1040px}.professional-checklist .checklist-edit th,.professional-checklist .checklist-edit td{color:#283c50;border:1px solid #e3e8ee;border-top:0;border-left:0;font-size:9.5px}.professional-checklist .checklist-edit th:last-child,.professional-checklist .checklist-edit td:last-child{border-right:0}.professional-checklist .checklist-edit th{background:var(--form-primary);color:#dce8f3;letter-spacing:.65px;text-align:center;text-transform:uppercase;padding:12px 10px;font-size:8px;font-weight:800}.professional-checklist.industri-form .checklist-edit th{background:var(--form-primary)}.professional-checklist .checklist-edit td{vertical-align:middle;background:#fff;padding:11px 10px;line-height:1.45}.professional-checklist .checklist-edit tbody tr:nth-child(2n) td,.professional-checklist .checklist-edit tbody tr:hover td{background:#fafbfd}.professional-checklist .checklist-edit td[rowspan]{color:#183d60;vertical-align:top;background:#f4f7fa;font-weight:900}.professional-checklist .checklist-edit td strong{color:#263b50;font-size:9.5px;font-weight:700}.professional-checklist .checklist-edit .priority-cell{color:#5f6e7d;letter-spacing:.15px;background:#f7f9fb;font-size:8px;font-weight:800}.professional-checklist .checklist-edit input[type=checkbox]{accent-color:#16835b;width:16px;height:16px;transform:none}.professional-checklist .checklist-edit td:nth-last-child(2) input{accent-color:#d7193f}.professional-checklist .checklist-edit textarea{color:#2a3e52;background:#fbfcfd;border:1px solid #d3dce5;border-radius:6px;min-height:58px;padding:8px 9px;font-size:9px;line-height:1.45}.professional-checklist .checklist-edit textarea:focus{background:#fff;border-color:#5d7e9d;box-shadow:0 0 0 3px #23578514}.professional-checklist .expire-field{border-top:1px dashed #d7dfe7;grid-template-columns:1fr;gap:5px;margin-top:8px;padding-top:8px}.professional-checklist .expire-field label{color:#55677a;font-size:8px}.professional-checklist .expire-field .mini-input{color:#243c53;background:#fff;border-color:#c9d4de;height:34px;font-size:9px}.professional-checklist .checklist-form-footer{padding:0 24px 26px}.professional-checklist .footer-section-header{margin-bottom:20px}.professional-checklist .checklist-note-box{background:0 0;border:0;padding:0}.professional-checklist .checklist-note-box>label{color:#34475c;margin-bottom:7px;font-size:10px}.professional-checklist .checklist-note-box textarea{background:#fbfcfd;border:1px solid #cfd9e3;border-radius:7px;min-height:88px;font-size:10px}.professional-checklist .checklist-status-table{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.professional-checklist .checklist-status-table>div,.professional-checklist .checklist-status-table>div:last-child{background:#f8fafc;border:1px solid #dce3eb;border-radius:8px;flex-direction:column;gap:8px;min-height:88px;padding:13px;display:flex}.professional-checklist .checklist-status-table>div+div,.professional-checklist .checklist-status-table>div:last-child{border-top:1px solid #dce3eb}.professional-checklist .checklist-status-table strong,.professional-checklist .checklist-status-table>div>span{border:0;min-height:0;padding:0}.professional-checklist .checklist-status-table strong{color:#34475c;font-size:9px}.professional-checklist .checklist-status-table>div>span{justify-content:flex-start}.professional-checklist .checklist-status-table input[type=date]{background:#fff;border-radius:6px;width:100%;height:36px}.professional-checklist .radio-options label{background:#fff;border:1px solid #d8e0e8;border-radius:6px;padding:7px 9px}.professional-checklist .digital-signature-block{background:#f5f8fa;border-color:#d7e0e8;border-radius:10px;margin-top:18px}.professional-checklist .digital-signature-title{background:var(--form-primary);padding:12px 16px}.professional-checklist .signature-card{box-shadow:none;border-radius:8px}.professional-checklist .signature-card header,.professional-checklist .signature-card-body>button{background:linear-gradient(110deg, var(--form-primary-strong), var(--form-primary-bright))}.professional-checklist .signature-card-body>button:disabled{color:#788696;background:#eef2f5;border:1px solid #d9e0e7}.professional-checklist .signature-card-body label>small{color:#7e8b99;font-size:8px;font-weight:500}.professional-checklist .checklist-footer-actions{padding-top:22px}@media (width<=1050px){.professional-checklist .vehicle-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.professional-checklist{padding-left:12px;padding-right:12px}.professional-checklist .inspection-brand-row{min-height:100px;padding:18px}.professional-checklist .hsse-form-brand img{width:62px;height:62px}.professional-checklist .pertamina-form-logo{width:120px}.professional-checklist .inspection-title-banner{flex-direction:column;align-items:flex-start;padding:17px 18px}.professional-checklist .vehicle-identity-grid,.professional-checklist .checklist-status-table{grid-template-columns:1fr}.professional-checklist .vehicle-identity-panel,.professional-checklist .checklist-form-footer{padding-left:15px;padding-right:15px}.professional-checklist .checklist-progress-header{flex-wrap:wrap;align-items:flex-start;padding:16px}.inspection-progress-summary{width:100%;margin-left:42px}}@media print{.professional-checklist .inspection-form-header,.professional-checklist .vehicle-identity-panel,.professional-checklist .checklist-edit,.professional-checklist .checklist-form-footer{box-shadow:none}.professional-checklist .inspection-progress-summary{display:none}}.sidebar-close{display:none}@media (width<=820px){body.mobile-menu-open{overflow:hidden}.sidebar{width:min(86vw,300px);padding-top:env(safe-area-inset-top,0);box-shadow:14px 0 45px #020c184d}.sidebar-brand{min-height:94px;padding:21px 62px 17px 20px;position:relative}.sidebar-brand img{width:132px;height:31px}.sidebar-close{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:20px;right:15px}.sidebar-close svg{width:19px}.sidebar nav{padding:12px 0}.nav-link{min-height:48px;padding:12px 20px;font-size:13px}.sidebar-user{padding-bottom:calc(17px + env(safe-area-inset-bottom,0))}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{height:62px;padding-top:env(safe-area-inset-top,0);box-shadow:0 2px 12px #0d1f350a}.menu-button{width:42px;height:42px;color:var(--navy);border-radius:8px;flex:0 0 42px;place-items:center;margin-left:-7px;display:grid}.topbar>div{min-width:0}.topbar>div span{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;overflow:hidden}.topbar .button{min-width:40px;min-height:40px;padding:9px}.page{width:100%;padding:22px 15px calc(34px + env(safe-area-inset-bottom,0));overflow:hidden}.panel,.table-panel,.vehicle-registration-panel{border-radius:10px;padding:18px}.table-panel{padding:0}.heading-actions .button,.system-policy-actions .button{min-height:44px}.pengurus-ekim-notifications article{grid-template-columns:1fr auto}.pengurus-ekim-notifications article>:nth-child(2){grid-area:2/1/auto/-1}.table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}}@media (width<=700px){input,select,textarea{font-size:16px}.page-heading{gap:16px;margin-bottom:20px}.page-heading h1{margin-bottom:5px;font-size:22px;line-height:1.25}.page-heading>div>p:last-child{font-size:12px;line-height:1.55}.heading-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.heading-actions>:only-child,.heading-actions>:last-child:nth-child(odd){grid-column:1/-1}.heading-actions .button{white-space:normal;width:100%}.metric-grid{gap:10px}.metric-card{flex-direction:column;align-items:flex-start;min-width:0;min-height:91px}.metric-card span{overflow-wrap:anywhere;line-height:1.35}.quick-card,.admin-feature-card{min-height:0;padding:17px}.panel-title{align-items:flex-start;gap:10px}.watch-list>div{align-items:flex-start}.user-profile-content dd,.storage-paths dd{overflow-wrap:anywhere;white-space:normal}.form-grid,.vehicle-registration-form,.system-policy-form{gap:14px}.form-grid .button,.vehicle-registration-form .button,.system-policy-actions .button{width:100%}.table-panel .table-scroll table:has(td[data-label]){min-width:0}.table-panel .table-scroll table:has(td[data-label]) thead{display:none}:is(.table-panel .table-scroll table:has(td[data-label]) tbody,.table-panel .table-scroll table:has(td[data-label]) tr,.table-panel .table-scroll table:has(td[data-label]) td){width:100%;display:block}.table-panel .table-scroll table:has(td[data-label]) tbody{padding:10px}.table-panel .table-scroll table:has(td[data-label]) tr{background:#fff;border:1px solid #dfe5ec;border-radius:9px;margin-bottom:10px;overflow:hidden}.table-panel .table-scroll table:has(td[data-label]) tr:last-child{margin-bottom:0}.table-panel .table-scroll table:has(td[data-label]) td[data-label]{overflow-wrap:anywhere;border-bottom:1px solid #edf0f4;min-height:43px;padding:12px 12px 12px 43%;position:relative}.table-panel .table-scroll table:has(td[data-label]) td[data-label]:before{content:attr(data-label);color:#758295;letter-spacing:.35px;text-transform:uppercase;width:calc(40% - 16px);font-size:9px;font-weight:800;position:absolute;top:12px;left:12px}.table-panel .table-scroll table:has(td[data-label]) td:last-child{border-bottom:0}.table-panel .empty{padding:30px 16px}.checklist-table{background:0 0;border-top-width:3px}.checklist-table .table-scroll{overflow:visible}.checklist-table table{min-width:0}.checklist-table thead{display:none}.checklist-table tbody,.checklist-table tr,.checklist-table td{width:100%;display:block}.checklist-table tbody{padding:10px}.checklist-table tr{background:#fff;border:1px solid #dfe5ec;border-radius:9px;margin-bottom:12px;overflow:hidden;box-shadow:0 3px 10px #0d1f350a}.checklist-table td[data-label]{border-bottom:1px solid #edf0f4;border-right:0;min-height:42px;padding:11px 11px 11px 42%;position:relative}.checklist-table td[data-label]:before{content:attr(data-label);color:#7b8798;letter-spacing:.35px;text-transform:uppercase;width:37%;font-size:8px;font-weight:800;position:absolute;top:12px;left:11px}.checklist-table td[data-label=Nomor\ polisi]{background:#f7f9fb}.checklist-table td[data-label=Nomor\ polisi] strong{color:#0b213b;font-size:13px}.checklist-table td[data-label=Aksi]{padding-top:9px;padding-bottom:9px}.checklist-table .icon-actions a,.checklist-table .icon-actions button{width:38px;height:38px}.checklist-pagination{flex-wrap:wrap}.checklist-pagination span{text-align:center;order:-1;width:100%}.checklist-pagination button{min-width:64px;min-height:40px}.professional-checklist .inspection-form-header{border-radius:10px}.professional-checklist .inspection-brand-row{gap:14px}.professional-checklist .hsse-form-brand{min-width:0}.professional-checklist .hsse-form-brand img{flex:0 0 52px;width:52px;height:52px}.professional-checklist .pertamina-form-logo{width:104px}.professional-checklist .inspection-title-banner{gap:8px}.professional-checklist .inspection-title-banner strong{font-size:13px}.professional-checklist .vehicle-identity-grid input,.professional-checklist .vehicle-identity-grid select,.professional-checklist .checklist-note-box textarea{font-size:16px}.professional-checklist .checklist-edit .table-scroll{border-bottom:1px solid #dce3eb;position:relative;overflow-x:auto}.professional-checklist .checklist-edit .table-scroll:after{content:"Geser tabel untuk melihat seluruh kolom →";color:#718095;text-align:center;background:#f7f9fb;width:100vw;max-width:calc(100vw - 30px);padding:9px 14px;font-size:9px;font-weight:700;display:block;position:sticky;left:0}.professional-checklist .checklist-edit table{min-width:850px}.professional-checklist .checklist-edit th,.professional-checklist .checklist-edit td,.professional-checklist .checklist-edit textarea,.professional-checklist .expire-field .mini-input{font-size:11px}.professional-checklist .checklist-edit input[type=checkbox]{width:22px;height:22px}.professional-checklist .checklist-status-table>div{min-height:0}.signature-card-body input,.signature-card-body button{min-height:44px;font-size:14px}.verification-link a{word-break:break-all}.checklist-footer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.footer-action{white-space:normal;min-height:44px}}@media (width<=430px){.topbar>div span{display:none}.form-panel{padding:28px 20px}.login-form-wrap h2{font-size:27px}.metric-grid,.settings-metrics,.checklist-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist-page{padding-left:10px;padding-right:10px}.checklist-module-head{padding-left:12px;padding-right:12px}.module-identity{gap:10px}.module-identity>span{display:none}.semester-alert,.checklist-filter,.vehicle-tabs{margin-left:10px;margin-right:10px}.checklist-stat-grid{padding-left:10px;padding-right:10px}.professional-checklist .inspection-brand-row{padding:14px}.professional-checklist .hsse-form-brand strong{font-size:10px}.professional-checklist .hsse-form-brand span{font-size:8px}.professional-checklist .pertamina-form-logo{width:88px}.checklist-footer-actions{grid-template-columns:1fr}}button.link-button{appearance:none;color:var(--primary,#d7193f);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}