*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;display:flex;min-height:100vh}.sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;position:fixed;top:0;left:0;z-index:50;overflow:hidden}.sidebar,.sidebar-logo{display:flex;flex-direction:column}.sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;align-items:center;gap:4px}.sidebar-logo img{height:64px;width:auto}.sidebar-logo span{font-size:11px;color:#94a3b8}.sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.nav-item .icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.user-info{gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.avatar,.user-info{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;justify-content:center;flex-shrink:0}.user-detail{flex:1 1;min-width:0}.user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#94a3b8}.logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.logout-btn:hover{color:#ef4444}.sidebar-profile{gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.sidebar-profile,.sp-avatar{display:flex;align-items:center}.sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;justify-content:center;flex-shrink:0}.sp-detail{flex:1 1;min-width:0}.sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-role{font-size:10.5px;color:#94a3b8}.sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.sp-logout:hover{color:#ef4444}.main{margin-left:240px;flex:1 1;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;height:60px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar,.topbar-title{display:flex;align-items:center}.topbar-title{font-size:16px;font-weight:700;color:#1e293b;gap:8px}.topbar-title .breadcrumb{font-size:13px;color:#94a3b8;font-weight:400}.badge-date{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-size:12px;color:#64748b}.content{padding:28px;flex:1 1}.page-header{margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700;color:#1e293b}.page-header p{font-size:13.5px;color:#64748b;margin-top:4px}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}.section-header{justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.section-header,.section-title{display:flex;align-items:center}.section-title{gap:10px}.section-title .s-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.s-icon.blue{background:#eff6ff}.s-icon.green{background:#f0fdf4}.section-title h2{font-size:15px;font-weight:700;color:#1e293b}.section-title p{font-size:12px;color:#94a3b8;margin-top:1px}.ps-row{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;font-size:13.5px;color:#334155;cursor:pointer;transition:background .1s}.ps-row:hover{background:#f8fafc}.ps-add-btn{width:24px;height:24px;border-radius:6px;background:#f1f5f9;border:1.5px solid #e2e8f0;color:#64748b;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:background .1s,color .1s}.ps-add-btn:hover{background:#1853c8;color:#fff;border-color:#1853c8}.btn-add{display:flex;align-items:center;gap:6px;padding:9px 16px;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(24,83,200,.2);transition:opacity .2s,transform .1s;white-space:nowrap}.btn-add:hover{opacity:.9}.btn-add:active{transform:scale(.97)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{background:#f8fafc;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}tbody tr:hover{background:#f8fafc}tbody td{padding:12px 16px;color:#334155;vertical-align:middle}.empty-state{text-align:center;padding:48px 20px;color:#94a3b8}.empty-state .empty-icon{font-size:36px;margin-bottom:10px}.empty-state p{font-size:13.5px}.empty-state span{font-size:12px;color:#cbd5e1}.btn-edit{background:#eff6ff;color:#1853c8;border:none;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:600;cursor:pointer;margin-right:3px;transition:background .15s}.btn-edit:hover{background:#dbeafe}.btn-del{background:#fef2f2;color:#ef4444;border:none;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:600;cursor:pointer;margin-right:3px;transition:background .15s}.btn-del:hover{background:#fee2e2}.btn-badge{background:#f0fdf4;color:#16a34a;border:none;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s}.btn-badge:hover{background:#dcfce7}.status-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600}.status-aktif{background:#f0fdf4;color:#16a34a}.status-waiting{background:#fefce8;color:#a16207;border:1px solid #fde68a}.status-nonaktif{background:#fef2f2;color:#ef4444}.cabang-card{background:#fff;border-radius:14px;padding:18px 20px;margin-bottom:14px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;transition:box-shadow .15s}.cabang-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.07)}.cabang-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cabang-card-body{flex:1 1;min-width:0}.cabang-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.cabang-card-name{font-size:15px;font-weight:800;color:#1e293b}.cabang-badge-status{padding:2px 10px;border-radius:20px;font-size:11.5px;font-weight:700;background:#f0fdf4;color:#16a34a}.cabang-badge-status.nonaktif{background:#fef2f2;color:#ef4444}.cabang-badge-status.waiting{background:#fef3c7;color:#b45309}.cabang-badge-kode{padding:2px 10px;border-radius:6px;font-size:11.5px;font-weight:700;background:#1e293b;color:#f59e0b}.cabang-card-addr,.cabang-card-contact{font-size:12.5px;color:#64748b;display:flex;align-items:center;gap:6px;margin-bottom:3px}.cabang-card-contact{gap:4px;flex-wrap:wrap}.cabang-sep{color:#cbd5e1;padding:0 4px}.cabang-card-actions{gap:6px;flex-shrink:0}.cabang-card-actions,.cabang-status-wrap{display:flex;flex-direction:column;align-items:flex-end}.cabang-status-wrap{gap:4px}.cabang-status-label{font-size:10.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.cabang-status-sel{padding:4px 8px;border-radius:8px;border:1.5px solid #e2e8f0;font-size:12px;font-weight:600;color:#1e293b;background:#f8fafc;cursor:pointer}.cabang-pending-badge{display:flex;align-items:center;gap:6px;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;color:#ea580c;white-space:nowrap}.btn-cabang-edit{padding:7px 16px;border-radius:8px;background:#f8fafc;border:1.5px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .12s}.btn-cabang-edit:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-cabang-del{padding:7px 16px;border-radius:8px;background:#fef2f2;border:1.5px solid #fecaca;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s}.btn-cabang-del:hover{background:#fee2e2}.cabang-empty{text-align:center;padding:56px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#94a3b8}.cabang-empty .empty-icon{font-size:48px;margin-bottom:12px}.cabang-empty p{font-size:15px;font-weight:600;color:#64748b;margin-bottom:4px}.cabang-empty span{font-size:13px}.dp-input,.dp-wrap{position:relative}.dp-input{width:100%;padding:10px 12px 10px 36px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border .2s,box-shadow .2s;display:flex;align-items:center;gap:8px}.dp-input:hover{border-color:#94a3b8}.dp-input.open{border-color:#1853c8;box-shadow:0 0 0 3px rgba(24,83,200,.1);background:#fff}.dp-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.dp-val{flex:1 1}.dp-val.ph{color:#cbd5e1}.dp-arrow{font-size:10px;color:#94a3b8;margin-left:auto}.dp-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:9999;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.13);width:278px;padding:16px;display:none}.dp-popup.show{display:block;animation:dpFade .15s ease}@keyframes dpFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dp-nav{justify-content:space-between;margin-bottom:12px}.dp-nav,.dp-nav-btn{display:flex;align-items:center}.dp-nav-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:15px;cursor:pointer;justify-content:center;transition:all .15s;line-height:1}.dp-nav-btn:hover{background:#1853c8;color:#fff;border-color:#1853c8}.dp-nav-center{text-align:center}.dp-month-label{font-size:14px;font-weight:700;color:#1e293b;display:block}.dp-year-label{font-size:11px;color:#94a3b8}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dp-weekday{text-align:center;font-size:10px;font-weight:700;color:#94a3b8;padding:4px 0}.dp-weekday:first-child{color:#ef4444}.dp-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.dp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12.5px;border-radius:7px;cursor:pointer;transition:all .12s;position:relative}.dp-day:hover:not(.disabled):not(.empty){background:#eff6ff;color:#1853c8;font-weight:600}.dp-day.today{color:#1853c8;font-weight:800}.dp-day.today:after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#1853c8}.dp-day.selected{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-weight:700}.dp-day.selected:after{background:hsla(0,0%,100%,.6)}.dp-day.disabled{color:#e2e8f0;cursor:not-allowed}.dp-day.disabled:hover{background:transparent;color:#e2e8f0}.dp-day.empty{cursor:default}.dp-footer{margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.dp-sel-txt{font-size:11px;color:#94a3b8}.dp-footer-btns{display:flex;gap:6px}.dp-clear{padding:5px 10px;border:1.5px solid #e2e8f0;background:#f8fafc;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .15s}.dp-clear:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.dp-today-btn{padding:5px 12px;border:none;background:#eff6ff;border-radius:6px;font-size:12px;color:#1853c8;font-weight:700;cursor:pointer}.dp-today-btn:hover{background:#dbeafe}.overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:200;align-items:center;justify-content:center}.overlay.show{display:flex}.modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 28px 24px;width:620px;max-width:97vw;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.15)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h3{font-size:17px;font-weight:700;color:#1e293b}.modal-close{background:#f1f5f9;border:none;border-radius:7px;width:30px;height:30px;cursor:pointer;font-size:16px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s}.modal-close:hover{background:#fee2e2;color:#ef4444}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.form-row.full{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#94a3b8}.form-group input,.form-group select{padding:10px 12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;outline:none;transition:border .2s,box-shadow .2s;font-family:inherit}.form-group input::placeholder{color:#cbd5e1}.req{color:#ef4444;margin-left:2px;font-weight:700}.form-group input:focus,.form-group select:focus{border-color:#1853c8;box-shadow:0 0 0 3px rgba(24,83,200,.1);background:#fff}.photo-upload-wrap{display:flex;gap:18px;align-items:flex-start;margin-bottom:14px}.photo-left{gap:6px}.photo-box,.photo-left{display:flex;flex-direction:column;align-items:center}.photo-box{width:100px;height:140px;border:2px dashed #e2e8f0;border-radius:8px;background:#f8fafc;justify-content:center;cursor:pointer;transition:border .2s,background .2s;overflow:hidden;position:relative}.photo-box:hover{border-color:#1853c8;background:#eff6ff}.photo-box img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.photo-box .upload-hint{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#94a3b8;text-align:center;padding:8px;pointer-events:none}.photo-box .upload-hint span{font-size:22px}.photo-note{font-size:10.5px;color:#94a3b8;text-align:center;line-height:1.4;max-width:100px}.photo-right{flex:1 1}.qr-section{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:14px;gap:16px}.qr-box,.qr-section{display:flex;align-items:center}.qr-box{width:80px;height:80px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;flex-shrink:0;overflow:hidden}.qr-box canvas,.qr-box img{width:76px!important;height:76px!important}.qr-info{flex:1 1}.qr-info p{font-size:12.5px;color:#64748b;margin-bottom:8px;line-height:1.5}.btn-qr{padding:7px 14px;background:#1e293b;border:none;border-radius:7px;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-qr:hover{opacity:.85}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s}.btn-cancel:hover{background:#e2e8f0}.btn-save{padding:10px 22px;background:linear-gradient(135deg,#1853c8,#0072ff);border:none;border-radius:8px;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(24,83,200,.2);transition:opacity .2s}.btn-save:hover{opacity:.9}.badge-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;width:480px;max-width:97vw;box-shadow:0 20px 60px rgba(0,0,0,.15)}.badge-preview{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.badge-preview .bp-logo{height:36px}.badge-preview .bp-photo{width:90px;height:126px;border-radius:6px;object-fit:cover;border:2px solid #e2e8f0;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden}.badge-preview .bp-photo img{width:100%;height:100%;object-fit:cover}.badge-preview .bp-name{font-size:17px;font-weight:800;color:#1e293b;text-align:center}.badge-preview .bp-pos{font-size:12px;color:#64748b;text-align:center}.badge-preview .bp-qr{width:80px;height:80px;background:#f8fafc;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.badge-preview .bp-qr canvas,.badge-preview .bp-qr img{width:76px!important;height:76px!important}.badge-preview .bp-company{font-size:10px;color:#94a3b8;text-align:center}.badge-actions{display:flex;gap:10px;justify-content:flex-end}.btn-print{padding:10px 22px;background:linear-gradient(135deg,#1853c8,#0072ff);border:none;border-radius:8px;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(24,83,200,.2);transition:opacity .2s}.btn-print:hover{opacity:.9}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}}select[size]{height:auto;border:1.5px solid #e2e8f0;border-radius:9px;background:#f8fafc;font-size:13px;padding:4px 0;width:100%;outline:none;cursor:pointer}select[size]:focus{border-color:#1853c8;box-shadow:0 0 0 3px rgba(24,83,200,.08)}select[size] option{padding:7px 12px}select[size] option:checked{background:#eff6ff;color:#1853c8;font-weight:600}.nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.vc-track{display:flex;align-items:flex-start;min-width:200px;max-width:250px;padding:2px 0}.vc-step{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative}.vc-bar{position:absolute;top:7px;left:calc(50% + 11px);width:calc(100% - 22px);height:2.5px;border-radius:2px;background:#e2e8f0}.vc-step:last-child .vc-bar{display:none}.vc-dot{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.vc-core{width:6px;height:6px;border-radius:50%;background:#1853c8}.vc-lbl{font-size:10px;font-weight:700;color:#94a3b8;margin-top:5px;white-space:nowrap;letter-spacing:.2px}.vc-step.done .vc-dot{background:#1853c8;border-color:#1853c8}.vc-step.done .vc-bar{background:#1853c8}.vc-step.done .vc-lbl{color:#1853c8}.vc-step.curr .vc-dot{border-color:#1853c8;animation:vcPulse 1.8s ease-in-out infinite}.vc-step.curr .vc-lbl{color:#1853c8}.vc-track.all-done .vc-step.done .vc-dot{background:#16a34a;border-color:#16a34a}.vc-track.all-done .vc-step.done .vc-bar{background:#16a34a}.vc-track.all-done .vc-step.done .vc-lbl{color:#16a34a}.vc-track.all-pend .vc-step.done .vc-dot{background:#f59e0b;border-color:#f59e0b}.vc-track.all-pend .vc-step.done .vc-bar{background:#f59e0b}.vc-track.all-pend .vc-step.done .vc-lbl{color:#b45309}.vc-track.all-pend .vc-step:last-child .vc-dot{animation:vcPulseAmber 1.8s ease-in-out infinite}.vc-track.all-rej .vc-step.done .vc-dot{background:#dc2626;border-color:#dc2626}.vc-track.all-rej .vc-step.done .vc-bar{background:#dc2626}.vc-track.all-rej .vc-step.done .vc-lbl{color:#dc2626}@keyframes vcPulse{0%,to{box-shadow:0 0 0 3px rgba(24,83,200,.18)}50%{box-shadow:0 0 0 7px rgba(24,83,200,.05)}}@keyframes vcPulseAmber{0%,to{box-shadow:0 0 0 3px rgba(245,158,11,.22)}50%{box-shadow:0 0 0 7px rgba(245,158,11,.06)}}#op-receipt{width:100%;padding:6px 10px;font-size:12.5px;border:1.5px solid #bfdbfe;border-radius:8px;background:#fff;outline:none;cursor:pointer}#op-receipt,#op-receipt option{font-weight:600;color:#1853c8}#op-receipt option[value=""]{color:#94a3b8;font-weight:400}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media (max-width:1100px){.home-stats{grid-template-columns:repeat(2,1fr)}}.home-stats.home-stats-kolom{grid-template-columns:1fr!important;gap:12px;margin-bottom:0}.home-utama{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start;margin-bottom:22px}@media (max-width:900px){.home-utama{grid-template-columns:minmax(0,1fr)!important;gap:14px}}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;gap:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{width:44px;height:44px;border-radius:12px;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#eff6ff}.stat-icon.green{background:#f0fdf4}.stat-icon.amber{background:#fffbeb}.stat-icon.purple{background:#faf5ff}.stat-info{min-width:0}.stat-value{font-size:24px;font-weight:800;color:#1e293b;line-height:1.1}.stat-label{font-size:12px;color:#94a3b8;margin-top:2px;font-weight:500}.home-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:1000px){.home-row{grid-template-columns:1fr}}.home-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.home-card-title{font-weight:700;color:#1e293b;margin-bottom:14px;gap:8px}.home-card-title,.home-inv-row{font-size:13px;display:flex;align-items:center}.home-inv-row{justify-content:space-between;padding:9px 0;border-bottom:1px solid #f1f5f9}.home-inv-row:last-child{border-bottom:none}.home-inv-name{font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.home-inv-no{font-size:11px;color:#94a3b8}.home-inv-amt{font-weight:700;color:#1853c8;white-space:nowrap}.badge-status{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-lunas{background:#dcfce7;color:#16a34a}.badge-pending{background:#fef9c3;color:#b45309}.badge-proses{background:#dbeafe;color:#1853c8}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.shortcut-btn{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;color:#1e293b;transition:background .15s,border-color .15s;text-decoration:none}.shortcut-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1853c8}.shortcut-btn .sc-icon{width:32px;height:32px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-buat-invoice *,.pg-buat-invoice :after,.pg-buat-invoice :before{box-sizing:border-box;margin:0;padding:0}.pg-buat-invoice{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;min-height:100vh}.pg-buat-invoice .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pg-buat-invoice .topbar-left{display:flex;align-items:center;gap:12px}.pg-buat-invoice .topbar-left a{font-size:13px;color:#64748b;text-decoration:none;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid #e2e8f0;transition:background .15s}.pg-buat-invoice .topbar-left a:hover{background:#f1f5f9}.pg-buat-invoice .topbar-title{font-size:16px;font-weight:700;color:#1e293b}.pg-buat-invoice .topbar-right{display:flex;gap:10px}.pg-buat-invoice .btn{padding:9px 18px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.pg-buat-invoice .btn-outline{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.pg-buat-invoice .btn-outline:hover{background:#f1f5f9}.pg-buat-invoice .btn-primary{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;box-shadow:0 4px 14px rgba(24,83,200,.25)}.pg-buat-invoice .btn-primary:hover{opacity:.9}.pg-buat-invoice .layout{display:grid;grid-template-columns:400px 1fr;min-height:calc(100vh - 57px)}.pg-buat-invoice .form-panel{background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;padding:24px}.pg-buat-invoice .form-section{margin-bottom:22px}.pg-buat-invoice .form-section-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.pg-buat-invoice .form-row{margin-bottom:11px}.pg-buat-invoice .form-row label{display:block;font-size:11.5px;font-weight:600;color:#64748b;margin-bottom:5px}.pg-buat-invoice .form-row input,.pg-buat-invoice .form-row select,.pg-buat-invoice .form-row textarea{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13.5px;color:#1e293b;background:#f8fafc;outline:none;transition:border .15s,box-shadow .15s;font-family:Arial,sans-serif}.pg-buat-invoice .form-row input:focus,.pg-buat-invoice .form-row select:focus,.pg-buat-invoice .form-row textarea:focus{border-color:#1853c8;background:#fff;box-shadow:0 0 0 3px rgba(24,83,200,.08)}.pg-buat-invoice .form-row textarea{resize:vertical;min-height:52px}.pg-buat-invoice .form-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.pg-buat-invoice input[type=number]::-webkit-inner-spin-button,.pg-buat-invoice input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pg-buat-invoice input[type=number]{-moz-appearance:textfield}.pg-buat-invoice .invno-wrap{position:relative}.pg-buat-invoice #invNo{padding-right:96px}.pg-buat-invoice .invno-badge{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:#f1f5f9;color:#94a3b8;border:1px solid #cbd5e1;pointer-events:none}.pg-buat-invoice .invno-badge.show{display:inline-block}.pg-buat-invoice #invNo.taken{color:#94a3b8;border-color:#cbd5e1;background:#f8fafc}.pg-buat-invoice .qty-stepper{display:flex;align-items:stretch;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc;transition:border-color .15s,box-shadow .15s}.pg-buat-invoice .qty-stepper:focus-within{border-color:#1853c8;background:#fff;box-shadow:0 0 0 3px rgba(24,83,200,.08)}.pg-buat-invoice .qty-btn{width:34px;flex-shrink:0;background:#f1f5f9;border:none;font-size:17px;font-weight:700;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s;line-height:1;padding-bottom:2px}.pg-buat-invoice .qty-btn:hover{background:#e2e8f0;color:#1e293b}.pg-buat-invoice .qty-btn:active{background:#cbd5e1}.pg-buat-invoice .qty-input{flex:1 1;border:none;background:transparent;text-align:center;font-size:14px;font-weight:700;color:#1e293b;outline:none;padding:9px 4px;min-width:0}.pg-buat-invoice .service-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px;margin-bottom:8px;position:relative}.pg-buat-invoice .del-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#ef4444;font-size:15px;padding:2px 6px;border-radius:5px;transition:background .15s}.pg-buat-invoice .del-btn:hover{background:#fee2e2}.pg-buat-invoice .add-row-btn{width:100%;padding:9px;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:8px;color:#1853c8;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.pg-buat-invoice .add-row-btn:hover{background:#dbeafe}.pg-buat-invoice .preview-panel{background:#dde3ec;overflow-y:auto;padding:32px 28px;display:flex;flex-direction:column;align-items:center}.pg-buat-invoice .preview-label{font-size:11.5px;font-weight:600;color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px;align-self:flex-start}.pg-buat-invoice .inv-doc{background:#fff;width:700px;min-height:900px;box-shadow:0 8px 40px rgba(0,0,0,.14);border-radius:4px;padding:52px 56px 56px;font-family:Arial,sans-serif}.pg-buat-invoice .inv-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.pg-buat-invoice .inv-header-left h1{font-size:40px;font-weight:900;color:#0f172a;letter-spacing:-1.5px;line-height:1}.pg-buat-invoice .inv-meta{margin-top:16px}.pg-buat-invoice .inv-meta-row{display:flex;align-items:baseline;gap:10px;font-size:12.5px;margin-bottom:5px}.pg-buat-invoice .inv-meta-row .lbl{color:#94a3b8;font-weight:600;width:90px;flex-shrink:0}.pg-buat-invoice .inv-meta-row .val{color:#1e293b;font-weight:700}.pg-buat-invoice .inv-header-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.pg-buat-invoice .inv-header-right img{height:54px;width:auto}.pg-buat-invoice .inv-company-name{font-size:11.5px;font-weight:800;color:#0f172a}.pg-buat-invoice .inv-company-info{font-size:10.5px;color:#64748b;line-height:1.8}.pg-buat-invoice .inv-divider{height:2.5px;background:#0f172a;margin:20px 0}.pg-buat-invoice .inv-divider-thin{height:1px;background:#e2e8f0;margin:14px 0}.pg-buat-invoice .inv-issued{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;margin-bottom:18px;display:flex;gap:28px;font-size:11.5px}.pg-buat-invoice .inv-issued-item{display:flex;flex-direction:column;gap:2px}.pg-buat-invoice .inv-issued-item .il{color:#94a3b8;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.pg-buat-invoice .inv-issued-item .iv{color:#1e293b;font-weight:700}.pg-buat-invoice .inv-parties{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:22px}.pg-buat-invoice .inv-party-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.pg-buat-invoice .inv-party-name{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:3px}.pg-buat-invoice .inv-party-detail{font-size:11.5px;color:#475569;line-height:1.7}.pg-buat-invoice .inv-table{width:100%;border-collapse:collapse;font-size:12px}.pg-buat-invoice .inv-table thead tr{background:#0f172a;color:#fff}.pg-buat-invoice .inv-table thead th{padding:10px 12px;text-align:left;font-weight:700;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase}.pg-buat-invoice .inv-table tbody td:nth-child(3),.pg-buat-invoice .inv-table thead th:nth-child(3){text-align:center}.pg-buat-invoice .inv-table tbody td:last-child,.pg-buat-invoice .inv-table thead th:last-child{text-align:right}.pg-buat-invoice .inv-table tbody tr{border-bottom:1px solid #f1f5f9}.pg-buat-invoice .inv-table tbody tr:last-child{border-bottom:none}.pg-buat-invoice .inv-table tbody td{padding:11px 12px;vertical-align:top;color:#334155;line-height:1.5}.pg-buat-invoice .inv-table tbody td.desc{color:#1e293b;font-weight:500}.pg-buat-invoice .inv-table-footer{border:1px solid #e2e8f0;border-top:none;display:grid;grid-template-columns:1fr 1fr}.pg-buat-invoice .inv-tf-left{padding:14px;border-right:1px solid #e2e8f0}.pg-buat-invoice .inv-tf-right{padding:14px}.pg-buat-invoice .inv-tf-title{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}.pg-buat-invoice .inv-fee-row,.pg-buat-invoice .inv-payment-row{display:flex;justify-content:space-between;font-size:12px;color:#475569;margin-bottom:4px}.pg-buat-invoice .inv-payment-row.total{border-top:1.5px solid #0f172a;margin-top:8px;padding-top:7px;font-size:13.5px;font-weight:800;color:#0f172a}.pg-buat-invoice .inv-terms{margin-top:28px;border:1px solid #e2e8f0;border-radius:6px;padding:18px 20px;background:#fafafa}.pg-buat-invoice .inv-terms-intro{font-size:11px;color:#475569;line-height:1.7;margin-bottom:14px;font-style:italic}.pg-buat-invoice .inv-terms-section{margin-bottom:12px}.pg-buat-invoice .inv-terms-section:last-child{margin-bottom:0}.pg-buat-invoice .inv-terms-title{font-size:10.5px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.pg-buat-invoice .inv-terms-body{font-size:10.5px;color:#64748b;line-height:1.7}.pg-buat-invoice .inv-terms-body a{color:#1853c8;text-decoration:none}.pg-buat-invoice @media print{body{background:#fff}body:not(.printing-inv) .form-panel,body:not(.printing-inv) .preview-label,body:not(.printing-inv) .topbar{display:none!important}body:not(.printing-inv) .layout{display:block}body:not(.printing-inv) .preview-panel{background:#fff;padding:0;align-items:flex-start}body:not(.printing-inv) .inv-doc{box-shadow:none;width:100%;padding:16px 24px;min-height:unset}body.printing-inv>:not(#invPdfOverlay){display:none!important}body.printing-inv #invPdfOverlay{display:block!important;position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;overflow:visible!important}body.printing-inv #invPdfControls{display:none!important}body.printing-inv #invPdfDoc{box-shadow:none!important;padding:16px 24px}@page{margin-left:0;margin-bottom:0;margin-right:0;margin-top:0;size:A4}}.pg-daftar-invoice *,.pg-daftar-invoice :after,.pg-daftar-invoice :before{box-sizing:border-box;margin:0;padding:0}.pg-daftar-invoice{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;min-height:100vh}.pg-daftar-invoice .sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;position:fixed;top:0;left:0;z-index:50;display:flex;flex-direction:column}.pg-daftar-invoice .sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-daftar-invoice .sidebar-logo img{height:64px;width:auto}.pg-daftar-invoice .sidebar-logo span{font-size:11px;color:#94a3b8}.pg-daftar-invoice .sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.pg-daftar-invoice .sidebar-nav::-webkit-scrollbar{width:4px}.pg-daftar-invoice .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pg-daftar-invoice .sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pg-daftar-invoice .nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.pg-daftar-invoice .nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.pg-daftar-invoice .nav-item:hover{background:#f1f5f9;color:#1e293b}.pg-daftar-invoice .nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.pg-daftar-invoice .nav-item .icon{font-size:15px;width:20px;text-align:center}.pg-daftar-invoice .sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.pg-daftar-invoice .user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.pg-daftar-invoice .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-daftar-invoice .user-detail{flex:1 1;min-width:0}.pg-daftar-invoice .user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-daftar-invoice .user-role{font-size:11px;color:#94a3b8}.pg-daftar-invoice .logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.pg-daftar-invoice .logout-btn:hover{color:#ef4444}.pg-daftar-invoice .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.pg-daftar-invoice .sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-daftar-invoice .sp-detail{flex:1 1;min-width:0}.pg-daftar-invoice .sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-daftar-invoice .sp-role{font-size:10.5px;color:#94a3b8}.pg-daftar-invoice .sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.pg-daftar-invoice .sp-logout:hover{color:#ef4444}.pg-daftar-invoice .main{margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.pg-daftar-invoice .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pg-daftar-invoice .topbar-left{display:flex;align-items:center;gap:10px}.pg-daftar-invoice .topbar-title{font-size:17px;font-weight:700;color:#1e293b}.pg-daftar-invoice .topbar-date{font-size:13px;color:#94a3b8}.pg-daftar-invoice .finance-badge{background:#eff6ff;color:#1853c8;border:1px solid #bfdbfe;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.pg-daftar-invoice .access-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px}.pg-daftar-invoice .access-badge.can-edit{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.pg-daftar-invoice .access-badge.read-only{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.pg-daftar-invoice .content{padding:28px;flex:1 1}.pg-daftar-invoice .stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.pg-daftar-invoice .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px}.pg-daftar-invoice .stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pg-daftar-invoice .stat-icon.blue{background:#eff6ff}.pg-daftar-invoice .stat-icon.green{background:#f0fdf4}.pg-daftar-invoice .stat-icon.orange{background:#fff7ed}.pg-daftar-invoice .stat-icon.red{background:#fff1f2}.pg-daftar-invoice .stat-icon.yellow{background:#fefce8}.pg-daftar-invoice .stat-label{font-size:11.5px;color:#94a3b8;font-weight:600;margin-bottom:3px}.pg-daftar-invoice .stat-value{font-size:20px;font-weight:800;color:#0f172a}.pg-daftar-invoice .stat-sub{font-size:11px;color:#94a3b8;margin-top:1px}.pg-daftar-invoice .filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pg-daftar-invoice .filter-bar input,.pg-daftar-invoice .filter-bar select{padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;background:#f8fafc;outline:none;font-family:Arial,sans-serif;transition:border .15s}.pg-daftar-invoice .filter-bar input{flex:1 1;min-width:200px}.pg-daftar-invoice .filter-bar input:focus,.pg-daftar-invoice .filter-bar select:focus{border-color:#1853c8;background:#fff}.pg-daftar-invoice .filter-bar select{min-width:140px}.pg-daftar-invoice .table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pg-daftar-invoice .table-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.pg-daftar-invoice .table-card-header h2{font-size:15px;font-weight:700;color:#1e293b}.pg-daftar-invoice .table-card-header span{font-size:12px;color:#94a3b8}.pg-daftar-invoice .inv-table{width:100%;border-collapse:collapse;font-size:13px}.pg-daftar-invoice .inv-table thead tr{background:#f8fafc}.pg-daftar-invoice .inv-table thead th{padding:11px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #f1f5f9;white-space:nowrap}.pg-daftar-invoice .inv-table tbody tr{border-bottom:1px solid #f9fafb;transition:background .1s}.pg-daftar-invoice .inv-table tbody tr:last-child{border-bottom:none}.pg-daftar-invoice .inv-table tbody tr:hover{background:#fafbff}.pg-daftar-invoice .inv-table tbody td{padding:13px 16px;vertical-align:middle;color:#475569}.pg-daftar-invoice .inv-table tbody td.bold{font-weight:700;color:#1e293b}.pg-daftar-invoice .inv-table tbody td.mono{font-family:Courier New,monospace;font-size:12.5px}.pg-daftar-invoice .amount{font-weight:700;color:#0f172a}.pg-daftar-invoice .badge-kantor{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.pg-daftar-invoice .badge-kantor.medan{background:#eff6ff;color:#1853c8}.pg-daftar-invoice .badge-kantor.jakarta{background:#f0fdf4;color:#16a34a}.pg-daftar-invoice .badge-kantor.other{background:#faf5ff;color:#7c3aed}.pg-daftar-invoice .badge-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.pg-daftar-invoice .badge-status.lunas{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.pg-daftar-invoice .badge-status.dp{background:#fefce8;color:#ca8a04;border:1px solid #fde68a}.pg-daftar-invoice .badge-status.belum{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.pg-daftar-invoice .status-select{padding:4px 8px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:12.5px;font-weight:600;outline:none;cursor:pointer;background:#fff;color:#1e293b;transition:border-color .15s}.pg-daftar-invoice .status-select:focus{border-color:#1853c8}.pg-daftar-invoice .status-select.lunas{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}.pg-daftar-invoice .status-select.dp{border-color:#fde68a;background:#fefce8;color:#ca8a04}.pg-daftar-invoice .status-select.belum{border-color:#fecdd3;background:#fff1f2;color:#e11d48}.pg-daftar-invoice .action-btn{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:background .12s}.pg-daftar-invoice .btn-view{background:#eff6ff;color:#1853c8}.pg-daftar-invoice .btn-view:hover{background:#dbeafe}.pg-daftar-invoice .btn-print{background:#f0fdf4;color:#16a34a}.pg-daftar-invoice .btn-print:hover{background:#dcfce7}.pg-daftar-invoice .btn-rct-ok{background:#16a34a;color:#fff}.pg-daftar-invoice .btn-rct-ok:hover{background:#15803d}.pg-daftar-invoice .btn-rct-done{background:#f0fdf4;color:#16a34a;border:1.5px solid #bbf7d0}.pg-daftar-invoice .btn-rct-done:hover{background:#dcfce7}.pg-daftar-invoice .btn-rct-no{background:#fef2f2;color:#b91c1c;border:1.5px solid #fecaca;cursor:not-allowed;opacity:.7}.pg-daftar-invoice .btn-review{background:#1853c8;color:#fff}.pg-daftar-invoice .btn-review:hover{background:#1447b3}.pg-daftar-invoice .btn-edit-rct{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}.pg-daftar-invoice .btn-edit-rct:hover{background:#e2e8f0}.pg-daftar-invoice .rct-action-group{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.pg-daftar-invoice .badge-confirmed{border-radius:20px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.pg-daftar-invoice .badge-confirmed,.pg-daftar-invoice .badge-waiting-fin{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700}.pg-daftar-invoice .badge-waiting-fin{border-radius:20px;background:#eff6ff;color:#1853c8;border:1px solid #bfdbfe}.pg-daftar-invoice .review-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;align-items:center;justify-content:center}.pg-daftar-invoice .review-overlay.show{display:flex}.pg-daftar-invoice .review-modal{background:#fff;border-radius:18px;width:620px;max-height:86vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.2);animation:fadeUp .2s ease}.pg-daftar-invoice .review-head{padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:1;border-radius:18px 18px 0 0}.pg-daftar-invoice .review-head h3{font-size:16px;font-weight:700;color:#1e293b}.pg-daftar-invoice .review-close{background:none;border:none;cursor:pointer;font-size:18px;color:#94a3b8;padding:4px 8px;border-radius:6px}.pg-daftar-invoice .review-close:hover{background:#f1f5f9}.pg-daftar-invoice .review-body{padding:22px 24px}.pg-daftar-invoice .review-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:14px;gap:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;margin-bottom:20px}.pg-daftar-invoice .review-info-item .ri-label{font-size:10.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.pg-daftar-invoice .review-info-item .ri-val{font-size:13px;font-weight:700;color:#1e293b}.pg-daftar-invoice .review-pemohon-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.pg-daftar-invoice .review-pemohon-table{width:100%;border-collapse:collapse;font-size:12.5px}.pg-daftar-invoice .review-pemohon-table th{padding:9px 12px;background:#f8fafc;text-align:left;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e2e8f0}.pg-daftar-invoice .review-pemohon-table td{padding:11px 12px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.pg-daftar-invoice .review-pemohon-table tr:last-child td{border-bottom:none}.pg-daftar-invoice .review-jenis-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.pg-daftar-invoice .rjb-paspor{background:#eff6ff;color:#1853c8}.pg-daftar-invoice .rjb-visa-mn{background:#f0fdf4;color:#16a34a}.pg-daftar-invoice .rjb-visa-id{background:#fdf4ff;color:#7c3aed}.pg-daftar-invoice .review-footer{padding:16px 24px 20px;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;align-items:center}.pg-daftar-invoice .btn-setuju{padding:10px 28px;border:none;border-radius:9px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .12s}.pg-daftar-invoice .btn-setuju:hover{opacity:.88}.pg-daftar-invoice .btn-tolak{padding:10px 18px;border:1.5px solid #e2e8f0;border-radius:9px;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer}.pg-daftar-invoice .btn-tolak:hover{background:#f1f5f9}.pg-daftar-invoice .empty-state{text-align:center;padding:56px 20px;color:#94a3b8}.pg-daftar-invoice .empty-state .empty-icon{font-size:48px;margin-bottom:12px}.pg-daftar-invoice .empty-state p{font-size:15px;font-weight:600;color:#64748b;margin-bottom:4px}.pg-daftar-invoice .access-notice{display:flex;align-items:center;gap:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:13px;color:#92400e}.pg-daftar-invoice .overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;align-items:center;justify-content:center}.pg-daftar-invoice .overlay.show{display:flex}.pg-daftar-invoice .modal{background:#fff;border-radius:16px;width:680px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.18);animation:fadeUp .2s ease}.pg-daftar-invoice .modal-head{padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:1}.pg-daftar-invoice .modal-head h3{font-size:16px;font-weight:700;color:#1e293b}.pg-daftar-invoice .modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:#94a3b8;padding:4px 8px;border-radius:6px}.pg-daftar-invoice .modal-close:hover{background:#f1f5f9;color:#1e293b}.pg-daftar-invoice .modal-body{padding:24px}.pg-daftar-invoice .mini-inv{font-family:Arial,sans-serif;font-size:12px;color:#334155}.pg-daftar-invoice .mini-inv-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.pg-daftar-invoice .mini-inv-header h1{font-size:28px;font-weight:900;color:#0f172a;letter-spacing:-1px}.pg-daftar-invoice .mini-meta{margin-top:10px}.pg-daftar-invoice .mini-meta-row{display:flex;gap:8px;font-size:11.5px;margin-bottom:3px}.pg-daftar-invoice .mini-meta-row .l{color:#94a3b8;font-weight:600;width:80px;flex-shrink:0}.pg-daftar-invoice .mini-meta-row .v{color:#1e293b;font-weight:700}.pg-daftar-invoice .mini-logo-side{text-align:right}.pg-daftar-invoice .mini-logo-side img{height:40px}.pg-daftar-invoice .mini-logo-side .co{font-size:10.5px;font-weight:800;color:#0f172a;margin-top:4px}.pg-daftar-invoice .mini-logo-side .ci{font-size:10px;color:#64748b;line-height:1.7}.pg-daftar-invoice .mini-div{height:2px;background:#0f172a;margin:12px 0}.pg-daftar-invoice .mini-div-thin{height:1px;background:#e2e8f0;margin:10px 0}.pg-daftar-invoice .mini-parties{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:14px}.pg-daftar-invoice .mini-party-lbl{font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}.pg-daftar-invoice .mini-party-name{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:2px}.pg-daftar-invoice .mini-party-detail{font-size:10.5px;color:#475569;line-height:1.6}.pg-daftar-invoice .mini-table{width:100%;border-collapse:collapse;font-size:11px}.pg-daftar-invoice .mini-table thead tr{background:#0f172a;color:#fff}.pg-daftar-invoice .mini-table thead th{padding:8px 10px;text-align:left;font-size:9.5px;letter-spacing:.4px;text-transform:uppercase}.pg-daftar-invoice .mini-table tbody td:nth-child(3),.pg-daftar-invoice .mini-table thead th:nth-child(3){text-align:center}.pg-daftar-invoice .mini-table tbody td:last-child,.pg-daftar-invoice .mini-table thead th:last-child{text-align:right}.pg-daftar-invoice .mini-table tbody tr{border-bottom:1px solid #f1f5f9}.pg-daftar-invoice .mini-table tbody td{padding:9px 10px;vertical-align:top;line-height:1.4}.pg-daftar-invoice .mini-tf{border:1px solid #e2e8f0;border-top:none;display:grid;grid-template-columns:1fr 1fr}.pg-daftar-invoice .mini-tf-l{padding:10px;border-right:1px solid #e2e8f0}.pg-daftar-invoice .mini-tf-r{padding:10px}.pg-daftar-invoice .mini-tf-title{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin-bottom:5px}.pg-daftar-invoice .mini-pay-row{display:flex;justify-content:space-between;font-size:11px;color:#475569;margin-bottom:3px}.pg-daftar-invoice .mini-pay-row.total{border-top:1.5px solid #0f172a;margin-top:6px;padding-top:5px;font-size:12.5px;font-weight:800;color:#0f172a}.pg-daftar-invoice #rctPdfOverlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;overflow-y:auto;padding:24px 20px}.pg-daftar-invoice #rctPdfOverlay.show{display:block}.pg-daftar-invoice .rct-pdf-wrap{max-width:790px;margin:0 auto}.pg-daftar-invoice .rct-pdf-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px}.pg-daftar-invoice .rct-pdf-btn{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none}.pg-daftar-invoice .rct-pdf-btn.primary{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff}.pg-daftar-invoice .rct-pdf-btn.secondary{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.pg-daftar-invoice .rp-page{background:#fff;font-family:Arial,sans-serif;page-break-after:always;min-height:297mm;display:flex;flex-direction:column}.pg-daftar-invoice .rp-page:last-child{page-break-after:auto}.pg-daftar-invoice .rp-accent{height:6px;background:linear-gradient(90deg,#f5c518,#e8b400);flex-shrink:0}.pg-daftar-invoice .rp-header{background:#10173a;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.pg-daftar-invoice .rp-header img{height:52px;object-fit:contain}.pg-daftar-invoice .rp-header-right{text-align:right;color:#fff}.pg-daftar-invoice .rp-header-right h2{font-size:20px;font-weight:900;letter-spacing:.5px;margin-bottom:4px}.pg-daftar-invoice .rp-header-right p{font-size:12px;opacity:.7}.pg-daftar-invoice .rp-body{padding:28px 36px 20px;flex:1 1;display:flex;flex-direction:column}.pg-daftar-invoice .rp-rct-no{font-size:14px;color:#0f172a;margin-bottom:22px;font-weight:700;text-decoration:underline;letter-spacing:.2px}.pg-daftar-invoice .rp-svc-title{font-size:17px;font-weight:900;color:#0f172a;margin-bottom:3px}.pg-daftar-invoice .rp-svc-sub{font-size:12.5px;color:#64748b;margin-bottom:18px}.pg-daftar-invoice .rp-info-table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:12.5px}.pg-daftar-invoice .rp-info-table td{border:1px solid #dde3ea;padding:8px 12px}.pg-daftar-invoice .rp-info-table .rp-lbl{font-weight:700;background:#f4f7fa;color:#334155;width:100px}.pg-daftar-invoice .rp-info-table .rp-spacer{border:none;width:50px}.pg-daftar-invoice .rp-data-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px}.pg-daftar-invoice .rp-data-table .rp-sec-hdr td{background:#e4eaf0;text-align:center;font-weight:800;padding:9px;border:1px solid #c5cfd8;font-size:11.5px;letter-spacing:.3px;color:#1e293b}.pg-daftar-invoice .rp-data-table th{border:1px solid #dde3ea;padding:8px 10px;font-weight:700;background:#f8fafc;text-align:left;font-size:11px;color:#475569;text-transform:uppercase;letter-spacing:.3px}.pg-daftar-invoice .rp-data-table td{border:1px solid #dde3ea;padding:8px 10px;color:#334155}.pg-daftar-invoice .rp-data-table tbody tr:nth-child(2n) td{background:#fafbfc}.pg-daftar-invoice .rp-dash{color:#c8d4de;text-align:center}.pg-daftar-invoice .rp-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.pg-daftar-invoice .rp-badges{display:flex;gap:8px;align-items:center}.pg-daftar-invoice .rp-badge{border:1.5px solid #dde3ea;border-radius:20px;padding:5px 18px;font-size:12px;color:#475569;font-weight:600}.pg-daftar-invoice .rp-badge.lunas{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}.pg-daftar-invoice .rp-badge.dp{border-color:#fde68a;background:#fefce8;color:#ca8a04}.pg-daftar-invoice .rp-barcode-wrap{text-align:right}.pg-daftar-invoice .rp-thankyou{text-align:center;font-size:12px;color:#475569;line-height:1.9;border-top:1px solid #e2e8f0;padding-top:22px;margin-top:auto}.pg-daftar-invoice .rp-thankyou strong{display:block;font-size:13px;color:#1e293b;margin-bottom:6px}.pg-daftar-invoice .rp-footer{border-top:1px solid #e8ecf0;padding:10px 36px;display:flex;justify-content:space-between;font-size:10.5px;color:#94a3b8;flex-shrink:0}.pg-daftar-invoice .rp-terms-body{padding:28px 36px 20px;flex:1 1}.pg-daftar-invoice .rp-terms-title{font-size:17px;font-weight:900;color:#0f172a;margin-bottom:3px}.pg-daftar-invoice .rp-terms-sub{font-size:12.5px;color:#64748b;margin-bottom:18px}.pg-daftar-invoice .rp-terms-table{width:100%;border-collapse:collapse;font-size:11.5px}.pg-daftar-invoice .rp-terms-table td{border:1px solid #dde3ea;padding:10px 14px;line-height:1.7;color:#334155;vertical-align:top}.pg-daftar-invoice .rp-terms-table .rt-hdr td{font-weight:800;background:#f0f4f8;color:#0f172a;font-size:12px}.pg-daftar-invoice .rp-terms-table .rt-num{width:32px;text-align:center;font-weight:700;color:#1853c8}.pg-daftar-invoice .rp-terms-note{text-align:right;margin-top:24px;font-size:10.5px;color:#94a3b8;font-style:italic}.pg-daftar-invoice #invPdfOverlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;overflow-y:auto;padding:24px 20px}.pg-daftar-invoice #invPdfOverlay.show{display:block}.pg-daftar-invoice .inv-pdf-wrap{max-width:760px;margin:0 auto}.pg-daftar-invoice .inv-pdf-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px}.pg-daftar-invoice .inv-pdf-btn{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none}.pg-daftar-invoice .inv-pdf-btn.primary{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff}.pg-daftar-invoice .inv-pdf-btn.secondary{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.fi-inv-doc{background:#fff;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.14);border-radius:4px;padding:52px 56px 56px;font-family:Arial,sans-serif;box-sizing:border-box}.fi-inv-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.fi-inv-h1{font-size:40px;font-weight:900;color:#0f172a;letter-spacing:-1.5px;line-height:1}.fi-inv-meta{margin-top:16px}.fi-inv-meta-row{display:flex;align-items:baseline;gap:10px;font-size:12.5px;margin-bottom:5px}.fi-inv-meta-row .finv-lbl{color:#94a3b8;font-weight:600;width:90px;flex-shrink:0}.fi-inv-meta-row .finv-val{color:#1e293b;font-weight:700}.fi-inv-hr{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.fi-inv-hr img{height:54px;width:auto}.fi-inv-co-name{font-size:11.5px;font-weight:800;color:#0f172a}.fi-inv-co-info{font-size:10.5px;color:#64748b;line-height:1.8}.fi-inv-divider{height:2.5px;background:#0f172a;margin:20px 0}.fi-inv-divider-thin{height:1px;background:#e2e8f0;margin:14px 0}.fi-inv-issued{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;margin-bottom:18px;display:flex;gap:28px;font-size:11.5px}.fi-inv-issued-item{display:flex;flex-direction:column;gap:2px}.fi-inv-issued-item .il{color:#94a3b8;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.fi-inv-issued-item .iv{color:#1e293b;font-weight:700}.fi-inv-parties{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:22px}.fi-inv-party-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.fi-inv-party-name{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:3px}.fi-inv-party-detail{font-size:11.5px;color:#475569;line-height:1.7}.fi-inv-svc-tbl{width:100%;border-collapse:collapse;font-size:12px}.fi-inv-svc-tbl thead tr{background:#0f172a;color:#fff}.fi-inv-svc-tbl thead th{padding:10px 12px;text-align:left;font-weight:700;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase}.fi-inv-svc-tbl tbody td:nth-child(3),.fi-inv-svc-tbl thead th:nth-child(3){text-align:center}.fi-inv-svc-tbl tbody td:last-child,.fi-inv-svc-tbl thead th:last-child{text-align:right}.fi-inv-svc-tbl tbody tr{border-bottom:1px solid #f1f5f9}.fi-inv-svc-tbl tbody td{padding:11px 12px;vertical-align:top;color:#334155;line-height:1.5}.fi-inv-tf{border:1px solid #e2e8f0;border-top:none;display:grid;grid-template-columns:1fr 1fr}.fi-inv-tf-l{padding:14px;border-right:1px solid #e2e8f0}.fi-inv-tf-r{padding:14px}.fi-inv-tf-title{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}.fi-inv-pr{display:flex;justify-content:space-between;font-size:12px;color:#475569;margin-bottom:4px}.fi-inv-pr.total{border-top:1.5px solid #0f172a;margin-top:8px;padding-top:7px;font-size:13.5px;font-weight:800;color:#0f172a}.fi-inv-terms{margin-top:28px;border:1px solid #e2e8f0;border-radius:6px;padding:18px 20px;background:#fafafa}.fi-inv-terms-intro{font-size:11px;color:#475569;line-height:1.7;margin-bottom:14px;font-style:italic}.fi-inv-terms-s{margin-bottom:12px}.fi-inv-terms-title{font-size:10.5px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.fi-inv-terms-body{font-size:10.5px;color:#64748b;line-height:1.7}@media print{.pg-daftar-invoice body.printing-rct>:not(#rctPdfOverlay){display:none!important}.pg-daftar-invoice body.printing-rct #rctPdfOverlay{display:block!important;position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;overflow:visible!important}.pg-daftar-invoice body.printing-rct .rct-pdf-wrap{max-width:none;margin:0}.pg-daftar-invoice body.printing-inv>:not(#invPdfOverlay),.pg-daftar-invoice body.printing-rct .rct-pdf-controls{display:none!important}.pg-daftar-invoice body.printing-inv #invPdfOverlay{display:block!important;position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;overflow:visible!important}.pg-daftar-invoice body.printing-inv .inv-pdf-wrap{max-width:none;margin:0}.pg-daftar-invoice body.printing-inv .inv-pdf-controls{display:none!important}.pg-daftar-invoice body.printing-inv .fi-inv-doc{box-shadow:none!important}@page{margin:0;size:A4}}.pg-daftar-invoice .nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-daftar-invoice .nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.pg-daftar-invoice .nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.pg-daftar-invoice .nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.pg-daftar-invoice .nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.pg-receipt *,.pg-receipt :after,.pg-receipt :before{box-sizing:border-box;margin:0;padding:0}.pg-receipt{font-family:Arial,sans-serif;background:#f1f5f9;color:#1e293b;display:flex;min-height:100vh}.pg-receipt .sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;position:fixed;top:0;left:0;z-index:50;display:flex;flex-direction:column}.pg-receipt .sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-receipt .sidebar-logo img{height:64px;width:auto}.pg-receipt .sidebar-logo span{font-size:11px;color:#94a3b8}.pg-receipt .sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.pg-receipt .sidebar-nav::-webkit-scrollbar{width:4px}.pg-receipt .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pg-receipt .sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pg-receipt .nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.pg-receipt .nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.pg-receipt .nav-item:hover{background:#f1f5f9;color:#1e293b}.pg-receipt .nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.pg-receipt .nav-item .icon{font-size:15px;width:20px;text-align:center}.pg-receipt .sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.pg-receipt .user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.pg-receipt .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-receipt .user-detail{flex:1 1;min-width:0}.pg-receipt .user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-receipt .user-role{font-size:11px;color:#94a3b8}.pg-receipt .logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.pg-receipt .logout-btn:hover{color:#ef4444}.pg-receipt .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.pg-receipt .sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-receipt .sp-detail{flex:1 1;min-width:0}.pg-receipt .sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-receipt .sp-role{font-size:10.5px;color:#94a3b8}.pg-receipt .sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.pg-receipt .sp-logout:hover{color:#ef4444}.pg-receipt .main{margin-left:240px;flex:1 1;display:flex;flex-direction:column;min-height:100vh}.pg-receipt .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;height:58px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pg-receipt .topbar-left{display:flex;align-items:center;gap:12px}.pg-receipt .topbar-title{font-size:17px;font-weight:800;color:#0f172a}.pg-receipt .topbar-date{font-size:12.5px;color:#94a3b8;font-weight:500}.pg-receipt .content{padding:24px 28px;flex:1 1}.pg-receipt .stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.pg-receipt .stat-card{background:#fff;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.pg-receipt .stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pg-receipt .stat-icon.blue{background:#eff6ff}.pg-receipt .stat-icon.green{background:#f0fdf4}.pg-receipt .stat-icon.yellow{background:#fefce8}.pg-receipt .stat-label{font-size:11.5px;font-weight:600;color:#94a3b8;letter-spacing:.3px;margin-bottom:3px}.pg-receipt .stat-value{font-size:26px;font-weight:800;color:#0f172a;line-height:1.1}.pg-receipt .table-card{background:#fff;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,.06);overflow:hidden}.pg-receipt .table-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.pg-receipt .table-card-header h2{font-size:15px;font-weight:700;color:#0f172a}.pg-receipt .table-card-header span{font-size:12.5px;color:#94a3b8;font-weight:500}.pg-receipt .rct-table{width:100%;border-collapse:collapse;font-size:13.5px}.pg-receipt .rct-table thead tr{background:#f8fafc}.pg-receipt .rct-table thead th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#64748b;white-space:nowrap;border-bottom:1px solid #e2e8f0}.pg-receipt .rct-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.pg-receipt .rct-table tbody tr:last-child{border-bottom:none}.pg-receipt .rct-table tbody tr:hover{background:#f8fafc}.pg-receipt .rct-table tbody td{padding:12px 14px;vertical-align:middle;color:#334155}.pg-receipt .mono{font-family:Courier New,monospace;font-weight:700;font-size:12.5px;color:#1853c8}.pg-receipt .bold{font-weight:600;color:#0f172a}.pg-receipt .layanan-cell{max-width:240px;font-size:12px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-receipt .badge-kantor{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.pg-receipt .badge-kantor.medan{background:#eff6ff;color:#1853c8}.pg-receipt .badge-kantor.jakarta{background:#f0fdf4;color:#16a34a}.pg-receipt .badge-kantor.other{background:#faf5ff;color:#7c3aed}.pg-receipt .badge-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.pg-receipt .badge-status.lunas{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.pg-receipt .badge-status.dp{background:#fefce8;color:#ca8a04;border:1px solid #fde68a}.pg-receipt .badge-status.belum{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.pg-receipt .action-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .12s}.pg-receipt .btn-buat{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff}.pg-receipt .btn-buat:hover{opacity:.88}.pg-receipt .btn-unduh{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff}.pg-receipt .btn-unduh:hover{opacity:.88}.pg-receipt .btn-view{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.pg-receipt .btn-view:hover{opacity:.88}.pg-receipt .btn-edit-rct{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}.pg-receipt .btn-edit-rct:hover{background:#e2e8f0}.pg-receipt .action-group{display:flex;gap:6px;align-items:center}.pg-receipt .badge-waiting{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;font-size:11.5px;font-weight:700;background:#fefce8;color:#a16207;border:1px solid #fde68a;white-space:nowrap}.pg-receipt .empty-state{text-align:center;padding:60px 20px;color:#94a3b8}.pg-receipt .empty-state .empty-icon{font-size:48px;margin-bottom:12px}.pg-receipt .empty-state p{font-size:15px;font-weight:600;color:#64748b;margin-bottom:4px}.pg-receipt .empty-state small{font-size:12.5px}.pg-receipt .form-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.52);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto}.pg-receipt .form-overlay.show{display:flex}.pg-receipt .form-modal{background:#fff;border-radius:16px;width:680px;box-shadow:0 24px 80px rgba(0,0,0,.2);animation:fadeUp .2s ease;margin:auto}.pg-receipt .fm-head{padding:18px 24px 14px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0}.pg-receipt .fm-head h3{font-size:16px;font-weight:700;color:#1e293b}.pg-receipt .fm-close{background:none;border:none;cursor:pointer;font-size:18px;color:#94a3b8;padding:4px 8px;border-radius:6px}.pg-receipt .fm-close:hover{background:#f1f5f9}.pg-receipt .fm-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.pg-receipt .fm-input,.pg-receipt .fm-select{padding:8px 11px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;outline:none;background:#fff;transition:border-color .15s;font-family:inherit;width:100%}.pg-receipt .fm-input:focus,.pg-receipt .fm-select:focus{border-color:#1853c8}.pg-receipt .fm-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;display:block}.pg-receipt .fm-hint{font-size:11.5px;color:#94a3b8}.pg-receipt .fm-actions{padding:14px 24px 18px;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end}.pg-receipt .fm-btn-cancel{padding:9px 20px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer}.pg-receipt .fm-btn-save{padding:9px 22px;border:none;border-radius:8px;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.pg-receipt .fm-btn-save:hover{opacity:.88}.pg-receipt .cust-list{display:flex;flex-direction:column;gap:10px}.pg-receipt .cust-row{border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px;background:#fafbfc;position:relative;transition:border-color .15s}.pg-receipt .cust-row:hover{border-color:#c7d7f0}.pg-receipt .cust-row-num{position:absolute;top:-10px;left:14px;background:#1853c8;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.3px}.pg-receipt .cust-row-del{position:absolute;top:10px;right:12px;background:none;border:none;cursor:pointer;font-size:15px;color:#cbd5e1;padding:2px 5px;border-radius:5px}.pg-receipt .cust-row-del:hover{background:#fee2e2;color:#e11d48}.pg-receipt .cust-fields{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:8px}.pg-receipt .cust-field{display:flex;flex-direction:column}.pg-receipt .btn-add-row{display:flex;align-items:center;gap:7px;padding:9px 16px;border:1.5px dashed #94a3b8;border-radius:10px;background:none;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;width:100%;justify-content:center}.pg-receipt .btn-add-row:hover{border-color:#1853c8;color:#1853c8;background:#eff6ff}.pg-receipt .fm-section-hdr{display:flex;align-items:center;justify-content:space-between}.pg-receipt .fm-section-hdr span{font-size:13px;font-weight:700;color:#0f172a}.pg-receipt #printOverlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;overflow-y:auto;padding:28px 20px}.pg-receipt #printOverlay.show{display:block}.pg-receipt .print-doc-wrap{max-width:790px;margin:0 auto;display:flex;flex-direction:column;gap:0}.pg-receipt .print-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px}.pg-receipt .print-ctrl-btn{padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none}.pg-receipt .print-ctrl-btn.primary{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff}.pg-receipt .print-ctrl-btn.secondary{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.pg-receipt .rp-page{background:#fff;font-family:Arial,sans-serif;page-break-after:always;min-height:297mm;display:flex;flex-direction:column}.pg-receipt .rp-page:last-child{page-break-after:auto}.pg-receipt .rp-accent{height:6px;background:linear-gradient(90deg,#f5c518,#e8b400);flex-shrink:0}.pg-receipt .rp-header{background:#10173a;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.pg-receipt .rp-header img{height:52px;object-fit:contain}.pg-receipt .rp-header-right{text-align:right;color:#fff}.pg-receipt .rp-header-right h2{font-size:20px;font-weight:900;letter-spacing:.5px;margin-bottom:4px}.pg-receipt .rp-header-right p{font-size:12px;opacity:.7}.pg-receipt .rp-body{padding:28px 36px 20px;flex:1 1;display:flex;flex-direction:column}.pg-receipt .rp-rct-no{font-size:14px;color:#0f172a;margin-bottom:22px;font-weight:700;text-decoration:underline;letter-spacing:.2px}.pg-receipt .rp-svc-title{font-size:17px;font-weight:900;color:#0f172a;margin-bottom:3px}.pg-receipt .rp-svc-sub{font-size:12.5px;color:#64748b;margin-bottom:18px}.pg-receipt .rp-info-table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:12.5px}.pg-receipt .rp-info-table td{border:1px solid #dde3ea;padding:8px 12px}.pg-receipt .rp-info-table .rp-lbl{font-weight:700;background:#f4f7fa;color:#334155;width:100px}.pg-receipt .rp-info-table .rp-spacer{border:none;width:50px}.pg-receipt .rp-data-table{width:100%;border-collapse:collapse;font-size:12px}.pg-receipt .rp-data-table .rp-sec-hdr td{background:#e4eaf0;text-align:center;font-weight:800;padding:9px;border:1px solid #c5cfd8;font-size:11.5px;letter-spacing:.3px;color:#1e293b}.pg-receipt .rp-data-table th{border:1px solid #dde3ea;padding:8px 10px;font-weight:700;background:#f8fafc;text-align:left;font-size:11px;color:#475569;text-transform:uppercase;letter-spacing:.3px}.pg-receipt .rp-data-table td{border:1px solid #dde3ea;padding:8px 10px;color:#334155}.pg-receipt .rp-data-table tbody tr:nth-child(2n) td{background:#fafbfc}.pg-receipt .rp-dash{color:#c8d4de;text-align:center}.pg-receipt .rp-tables-wrap{margin-bottom:22px}.pg-receipt .rp-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.pg-receipt .rp-badges{display:flex;gap:8px;align-items:center}.pg-receipt .rp-badge{border:1.5px solid #dde3ea;border-radius:20px;padding:5px 18px;font-size:12px;color:#475569;font-weight:600}.pg-receipt .rp-badge.lunas{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}.pg-receipt .rp-badge.dp{border-color:#fde68a;background:#fefce8;color:#ca8a04}.pg-receipt .rp-barcode-wrap{text-align:right}.pg-receipt .rp-thankyou{text-align:center;font-size:12px;color:#475569;line-height:1.9;border-top:1px solid #e2e8f0;padding-top:22px;margin-top:auto}.pg-receipt .rp-thankyou strong{display:block;font-size:13px;color:#1e293b;margin-bottom:6px}.pg-receipt .rp-footer{border-top:1px solid #e8ecf0;padding:10px 36px;display:flex;justify-content:space-between;font-size:10.5px;color:#94a3b8;flex-shrink:0}.pg-receipt .rp-terms-body{padding:28px 36px 20px;flex:1 1}.pg-receipt .rp-terms-title{font-size:17px;font-weight:900;color:#0f172a;margin-bottom:3px}.pg-receipt .rp-terms-sub{font-size:12.5px;color:#64748b;margin-bottom:18px}.pg-receipt .rp-terms-table{width:100%;border-collapse:collapse;font-size:11.5px}.pg-receipt .rp-terms-table td{border:1px solid #dde3ea;padding:10px 14px;line-height:1.7;color:#334155;vertical-align:top}.pg-receipt .rp-terms-table .rt-hdr td{font-weight:800;background:#f0f4f8;color:#0f172a;font-size:12px}.pg-receipt .rp-terms-table .rt-num{width:32px;text-align:center;font-weight:700;color:#1853c8}.pg-receipt .rp-terms-note{text-align:right;margin-top:24px;font-size:10.5px;color:#94a3b8;font-style:italic}.pg-receipt @media print{body>:not(#printOverlay){display:none!important}#printOverlay{display:block!important;position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;overflow:visible!important}.print-doc-wrap{max-width:none;margin:0}.print-controls{display:none!important}@page{margin-left:0;margin-bottom:0;margin-right:0;margin-top:0;size:A4}}.pg-receipt .nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-receipt .nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.pg-receipt .nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.pg-receipt .nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.pg-receipt .nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.pg-semua-pemohon *,.pg-semua-pemohon :after,.pg-semua-pemohon :before{box-sizing:border-box;margin:0;padding:0}.pg-semua-pemohon{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;display:flex;min-height:100vh}.pg-semua-pemohon .sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:50}.pg-semua-pemohon .sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-semua-pemohon .sidebar-logo img{height:64px;width:auto}.pg-semua-pemohon .sidebar-logo span{font-size:11px;color:#94a3b8}.pg-semua-pemohon .sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.pg-semua-pemohon .sidebar-nav::-webkit-scrollbar{width:4px}.pg-semua-pemohon .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pg-semua-pemohon .sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pg-semua-pemohon .nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.pg-semua-pemohon .nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.pg-semua-pemohon .nav-item:hover{background:#f1f5f9;color:#1e293b}.pg-semua-pemohon .nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.pg-semua-pemohon .nav-item .icon{font-size:15px;width:20px;text-align:center}.pg-semua-pemohon .sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.pg-semua-pemohon .user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.pg-semua-pemohon .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-semua-pemohon .user-detail{flex:1 1;min-width:0}.pg-semua-pemohon .user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-semua-pemohon .user-role{font-size:11px;color:#94a3b8}.pg-semua-pemohon .logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.pg-semua-pemohon .logout-btn:hover{color:#ef4444}.pg-semua-pemohon .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.pg-semua-pemohon .sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-semua-pemohon .sp-detail{flex:1 1;min-width:0}.pg-semua-pemohon .sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-semua-pemohon .sp-role{font-size:10.5px;color:#94a3b8}.pg-semua-pemohon .sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.pg-semua-pemohon .sp-logout:hover{color:#ef4444}.pg-semua-pemohon .main{margin-left:240px;flex:1 1;display:flex;flex-direction:column}.pg-semua-pemohon .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pg-semua-pemohon .topbar-title{font-size:16px;font-weight:700;color:#1e293b}.pg-semua-pemohon .topbar-date{font-size:12px;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px}.pg-semua-pemohon .content{padding:28px;flex:1 1}.pg-semua-pemohon .page-header{margin-bottom:24px}.pg-semua-pemohon .page-header h1{font-size:22px;font-weight:700}.pg-semua-pemohon .page-header p{font-size:13.5px;color:#64748b;margin-top:4px}.pg-semua-pemohon .stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.pg-semua-pemohon .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.pg-semua-pemohon .stat-label{font-size:11.5px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pg-semua-pemohon .stat-value{font-size:28px;font-weight:800;color:#1e293b}.pg-semua-pemohon .stat-sub{font-size:12px;color:#64748b}.pg-semua-pemohon .stat-card.blue .stat-value{color:#1853c8}.pg-semua-pemohon .stat-card.green .stat-value{color:#16a34a}.pg-semua-pemohon .stat-card.purple .stat-value{color:#7c3aed}.pg-semua-pemohon .filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;margin-bottom:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pg-semua-pemohon .filter-bar input,.pg-semua-pemohon .filter-bar select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13.5px;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s}.pg-semua-pemohon .filter-bar input{flex:1 1;min-width:200px}.pg-semua-pemohon .filter-bar input:focus,.pg-semua-pemohon .filter-bar select:focus{border-color:#1853c8;background:#fff}.pg-semua-pemohon .table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 4px rgba(0,0,0,.05)}.pg-semua-pemohon .biaya-input{width:92px;padding:5px 7px;font-size:12px;text-align:right;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;background:#f8fafc;outline:none}.pg-semua-pemohon .biaya-input:focus{border-color:#1853c8;background:#fff}.pg-semua-pemohon .ket-input{width:140px;padding:5px 8px;font-size:12px;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;background:#f8fafc;outline:none}.pg-semua-pemohon .ket-input:focus{border-color:#1853c8;background:#fff}.pg-semua-pemohon table{width:100%;border-collapse:collapse}.pg-semua-pemohon thead{background:#f8fafc}.pg-semua-pemohon th{padding:12px 16px;text-align:left;font-size:11.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.pg-semua-pemohon td{padding:13px 16px;font-size:13.5px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pg-semua-pemohon tr:last-child td{border-bottom:none}.pg-semua-pemohon tr:hover td{background:#f8fafc}.pg-semua-pemohon .badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.pg-semua-pemohon .badge-paspor{background:#eff6ff;color:#1853c8}.pg-semua-pemohon .badge-visa-mn{background:#f0fdf4;color:#16a34a}.pg-semua-pemohon .badge-visa-id{background:#fdf4ff;color:#7c3aed}.pg-semua-pemohon .badge-kantor{background:#f1f5f9;color:#475569}.pg-semua-pemohon .detail-sub{font-size:12px;color:#94a3b8;margin-top:2px}.pg-semua-pemohon .btn-detail{padding:5px 13px;border:1.5px solid #e2e8f0;border-radius:7px;font-size:12.5px;font-weight:600;background:#fff;color:#1853c8;cursor:pointer;transition:background .15s}.pg-semua-pemohon .btn-detail:hover{background:#eff6ff}.pg-semua-pemohon .empty-state{text-align:center;padding:64px 24px;color:#94a3b8}.pg-semua-pemohon .empty-state .es-icon{font-size:44px;margin-bottom:12px}.pg-semua-pemohon .empty-state p{font-size:14px}.pg-semua-pemohon .modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:200;align-items:center;justify-content:center}.pg-semua-pemohon .modal-overlay.open{display:flex}.pg-semua-pemohon .modal{background:#fff;border-radius:18px;width:540px;max-height:82vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:30px 32px}.pg-semua-pemohon .modal-title{font-size:17px;font-weight:800;margin-bottom:18px;color:#1e293b;display:flex;justify-content:space-between;align-items:center}.pg-semua-pemohon .modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#94a3b8;padding:4px}.pg-semua-pemohon .modal-close:hover{color:#ef4444}.pg-semua-pemohon .detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:13.5px}.pg-semua-pemohon .detail-row:last-child{border-bottom:none}.pg-semua-pemohon .detail-label{color:#64748b}.pg-semua-pemohon .detail-value{font-weight:600;text-align:right;max-width:65%}.pg-semua-pemohon .modal-section-title{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:18px 0 10px}.pg-semua-pemohon .rct-chip{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#eff6ff;color:#1853c8;border:1px solid #bfdbfe}.pg-semua-pemohon .nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-semua-pemohon .nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.pg-semua-pemohon .nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.pg-semua-pemohon .nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.pg-semua-pemohon .nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.pg-revenue *,.pg-revenue :after,.pg-revenue :before{box-sizing:border-box;margin:0;padding:0}.pg-revenue{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;display:flex;min-height:100vh}.pg-revenue .sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:50}.pg-revenue .sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-revenue .sidebar-logo img{height:64px;width:auto}.pg-revenue .sidebar-logo span{font-size:11px;color:#94a3b8}.pg-revenue .sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.pg-revenue .sidebar-nav::-webkit-scrollbar{width:4px}.pg-revenue .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pg-revenue .sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pg-revenue .nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.pg-revenue .nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.pg-revenue .nav-item:hover{background:#f1f5f9;color:#1e293b}.pg-revenue .nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.pg-revenue .nav-item .icon{font-size:15px;width:20px;text-align:center}.pg-revenue .sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.pg-revenue .user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.pg-revenue .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-revenue .user-detail{flex:1 1;min-width:0}.pg-revenue .user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-revenue .user-role{font-size:11px;color:#94a3b8}.pg-revenue .logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.pg-revenue .logout-btn:hover{color:#ef4444}.pg-revenue .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.pg-revenue .sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-revenue .sp-detail{flex:1 1;min-width:0}.pg-revenue .sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-revenue .sp-role{font-size:10.5px;color:#94a3b8}.pg-revenue .sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.pg-revenue .sp-logout:hover{color:#ef4444}.pg-revenue .main{margin-left:240px;flex:1 1;display:flex;flex-direction:column}.pg-revenue .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pg-revenue .topbar-title{font-size:16px;font-weight:700;color:#1e293b}.pg-revenue .topbar-date{font-size:12px;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px}.pg-revenue .content{padding:28px;flex:1 1}.pg-revenue .page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end}.pg-revenue .page-header h1{font-size:22px;font-weight:700}.pg-revenue .page-header p{font-size:13.5px;color:#64748b;margin-top:4px}.pg-revenue .stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.pg-revenue .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.pg-revenue .stat-label{font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pg-revenue .stat-value{font-size:22px;font-weight:800;color:#1e293b}.pg-revenue .stat-value.green{color:#16a34a}.pg-revenue .stat-sub{font-size:12px;color:#64748b}.pg-revenue .stat-trend{font-size:12px;font-weight:600}.pg-revenue .stat-trend.up{color:#16a34a}.pg-revenue .stat-trend.down{color:#ef4444}.pg-revenue .charts-row{display:grid;grid-template-columns:1fr 340px;grid-gap:20px;gap:20px;margin-bottom:24px}.pg-revenue .chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.pg-revenue .chart-card h3{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:18px}.pg-revenue .bar-chart{display:flex;align-items:flex-end;gap:10px;height:180px;padding-bottom:28px;position:relative;border-bottom:2px solid #f1f5f9}.pg-revenue .bar-item{display:flex;flex-direction:column;align-items:center;flex:1 1;gap:4px;height:100%;justify-content:flex-end}.pg-revenue .bar{width:100%;background:linear-gradient(180deg,#1853c8,#0072ff);border-radius:6px 6px 0 0;transition:height .4s ease;min-height:4px;position:relative;cursor:pointer}.pg-revenue .bar:hover{opacity:.8}.pg-revenue .bar-label{font-size:11px;color:#94a3b8;font-weight:600;margin-top:6px}.pg-revenue .bar-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:5px;white-space:nowrap;z-index:10}.pg-revenue .bar:hover .bar-tooltip{display:block}.pg-revenue .donut-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.pg-revenue svg.donut{transform:rotate(-90deg)}.pg-revenue .donut-legend{width:100%}.pg-revenue .donut-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}.pg-revenue .donut-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pg-revenue .donut-legend-label{flex:1 1;color:#64748b}.pg-revenue .donut-legend-val{font-weight:700;color:#1e293b}.pg-revenue .bottom-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.pg-revenue .table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.pg-revenue .table-card h3{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:16px}.pg-revenue .rank-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:13.5px}.pg-revenue .rank-item:last-child{border-bottom:none}.pg-revenue .rank-num{width:24px;height:24px;border-radius:50%;background:#eff6ff;color:#1853c8;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-revenue .rank-name{flex:1 1;font-weight:500}.pg-revenue .rank-val{font-weight:700;color:#1e293b}.pg-revenue .rank-sub{font-size:11.5px;color:#94a3b8}.pg-revenue .year-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#f8fafc;color:#1e293b;outline:none;cursor:pointer}.pg-revenue .nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-revenue .nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.pg-revenue .nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.pg-revenue .nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.pg-revenue .nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.pg-arus-kas *,.pg-arus-kas :after,.pg-arus-kas :before{box-sizing:border-box;margin:0;padding:0}.pg-arus-kas{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;display:flex;min-height:100vh}.pg-arus-kas .sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:50}.pg-arus-kas .sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-arus-kas .sidebar-logo img{height:64px;width:auto}.pg-arus-kas .sidebar-logo span{font-size:11px;color:#94a3b8}.pg-arus-kas .sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.pg-arus-kas .sidebar-nav::-webkit-scrollbar{width:4px}.pg-arus-kas .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pg-arus-kas .sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pg-arus-kas .nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.pg-arus-kas .nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.pg-arus-kas .nav-item:hover{background:#f1f5f9;color:#1e293b}.pg-arus-kas .nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.pg-arus-kas .nav-item .icon{font-size:15px;width:20px;text-align:center}.pg-arus-kas .sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.pg-arus-kas .user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.pg-arus-kas .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-arus-kas .user-detail{flex:1 1;min-width:0}.pg-arus-kas .user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-arus-kas .user-role{font-size:11px;color:#94a3b8}.pg-arus-kas .logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.pg-arus-kas .logout-btn:hover{color:#ef4444}.pg-arus-kas .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.pg-arus-kas .sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-arus-kas .sp-detail{flex:1 1;min-width:0}.pg-arus-kas .sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-arus-kas .sp-role{font-size:10.5px;color:#94a3b8}.pg-arus-kas .sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.pg-arus-kas .sp-logout:hover{color:#ef4444}.pg-arus-kas .main{margin-left:240px;flex:1 1;display:flex;flex-direction:column}.pg-arus-kas .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pg-arus-kas .topbar-title{font-size:16px;font-weight:700;color:#1e293b}.pg-arus-kas .topbar-date{font-size:12px;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px}.pg-arus-kas .content{padding:28px;flex:1 1}.pg-arus-kas .page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end}.pg-arus-kas .page-header h1{font-size:22px;font-weight:700}.pg-arus-kas .page-header p{font-size:13.5px;color:#64748b;margin-top:4px}.pg-arus-kas .saldo-card{background:linear-gradient(135deg,#1853c8,#0072ff);border-radius:16px;padding:28px 32px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 8px 30px rgba(24,83,200,.28)}.pg-arus-kas .saldo-label{font-size:13px;font-weight:600;opacity:.8;margin-bottom:6px}.pg-arus-kas .saldo-value{font-size:34px;font-weight:900}.pg-arus-kas .saldo-right{display:flex;gap:32px}.pg-arus-kas .saldo-mini{text-align:center}.pg-arus-kas .saldo-mini-label{font-size:11.5px;opacity:.7;margin-bottom:4px}.pg-arus-kas .saldo-mini-value{font-size:18px;font-weight:800}.pg-arus-kas .saldo-mini-value.green{color:#86efac}.pg-arus-kas .saldo-mini-value.red{color:#fca5a5}.pg-arus-kas .action-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pg-arus-kas .action-bar input,.pg-arus-kas .action-bar select{padding:9px 13px;border:1px solid #e2e8f0;border-radius:9px;font-size:13.5px;color:#1e293b;background:#fff;outline:none}.pg-arus-kas .action-bar input{flex:1 1;min-width:160px}.pg-arus-kas .btn-tambah{display:flex;align-items:center;gap:7px;padding:9px 18px;background:#1853c8;color:#fff;border:none;border-radius:9px;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.pg-arus-kas .btn-tambah:hover{background:#1442a0}.pg-arus-kas .table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}.pg-arus-kas table{width:100%;border-collapse:collapse}.pg-arus-kas thead{background:#f8fafc}.pg-arus-kas th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.pg-arus-kas td{padding:13px 16px;font-size:13.5px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pg-arus-kas tr:last-child td{border-bottom:none}.pg-arus-kas tr:hover td{background:#f8fafc}.pg-arus-kas .type-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.pg-arus-kas .type-badge.masuk{background:#f0fdf4;color:#16a34a}.pg-arus-kas .type-badge.keluar{background:#fff1f2;color:#e11d48}.pg-arus-kas .amount-masuk{color:#16a34a;font-weight:700}.pg-arus-kas .amount-keluar{color:#e11d48;font-weight:700}.pg-arus-kas .btn-del{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:4px 6px;border-radius:6px;transition:color .15s,background .15s}.pg-arus-kas .btn-del:hover{color:#ef4444;background:#fff1f2}.pg-arus-kas .empty-state{text-align:center;padding:64px 24px;color:#94a3b8}.pg-arus-kas .empty-state .es-icon{font-size:44px;margin-bottom:12px}.pg-arus-kas .modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:200;align-items:center;justify-content:center}.pg-arus-kas .modal-overlay.open{display:flex}.pg-arus-kas .modal{background:#fff;border-radius:18px;width:480px;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:30px 32px}.pg-arus-kas .modal-title{font-size:17px;font-weight:800;margin-bottom:22px;color:#1e293b;display:flex;justify-content:space-between;align-items:center}.pg-arus-kas .modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#94a3b8;padding:4px}.pg-arus-kas .modal-close:hover{color:#ef4444}.pg-arus-kas .form-group{margin-bottom:16px}.pg-arus-kas .form-label{font-size:12.5px;font-weight:600;color:#64748b;margin-bottom:6px;display:block}.pg-arus-kas .form-control{width:100%;padding:10px 13px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;color:#1e293b;outline:none;transition:border-color .15s;background:#fff}.pg-arus-kas .form-control:focus{border-color:#1853c8}.pg-arus-kas .type-tabs{display:flex;gap:8px;margin-bottom:18px}.pg-arus-kas .type-tab{flex:1 1;padding:10px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s;background:#fff;color:#64748b}.pg-arus-kas .type-tab.active-masuk{border-color:#16a34a;background:#f0fdf4;color:#16a34a}.pg-arus-kas .type-tab.active-keluar{border-color:#e11d48;background:#fff1f2;color:#e11d48}.pg-arus-kas .btn-save{width:100%;padding:12px;background:#1853c8;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px;transition:background .15s}.pg-arus-kas .btn-save:hover{background:#1442a0}.pg-arus-kas .month-filter{padding:9px 13px;border:1px solid #e2e8f0;border-radius:9px;font-size:13.5px;background:#fff;color:#1e293b;outline:none}.pg-arus-kas .nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-arus-kas .nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.pg-arus-kas .nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.pg-arus-kas .nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.pg-arus-kas .nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.pg-direksi *,.pg-direksi :after,.pg-direksi :before{box-sizing:border-box;margin:0;padding:0}.pg-direksi{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;display:flex;min-height:100vh}.pg-direksi .sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:50}.pg-direksi .sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-direksi .sidebar-logo img{height:64px;width:auto}.pg-direksi .sidebar-logo span{font-size:11px;color:#94a3b8}.pg-direksi .sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.pg-direksi .sidebar-nav::-webkit-scrollbar{width:4px}.pg-direksi .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pg-direksi .sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pg-direksi .nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.pg-direksi .nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.pg-direksi .nav-item:hover{background:#f1f5f9;color:#1e293b}.pg-direksi .nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.pg-direksi .nav-item .icon{font-size:15px;width:20px;text-align:center}.pg-direksi .sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.pg-direksi .user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.pg-direksi .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-direksi .user-detail{flex:1 1;min-width:0}.pg-direksi .user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-direksi .user-role{font-size:11px;color:#94a3b8}.pg-direksi .logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.pg-direksi .logout-btn:hover{color:#ef4444}.pg-direksi .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.pg-direksi .sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-direksi .sp-detail{flex:1 1;min-width:0}.pg-direksi .sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-direksi .sp-role{font-size:10.5px;color:#94a3b8}.pg-direksi .sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.pg-direksi .sp-logout:hover{color:#ef4444}.pg-direksi .main{margin-left:240px;flex:1 1;display:flex;flex-direction:column}.pg-direksi .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pg-direksi .topbar-title{font-size:16px;font-weight:700;color:#1e293b}.pg-direksi .topbar-date{font-size:12px;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px}.pg-direksi .content{padding:28px;flex:1 1}.pg-direksi .page-header{margin-bottom:24px}.pg-direksi .page-header h1{font-size:22px;font-weight:700;color:#1e293b}.pg-direksi .page-header p{font-size:13.5px;color:#64748b;margin-top:4px}.pg-direksi .menu-tabs{display:flex;gap:8px;margin-bottom:24px}.pg-direksi .menu-tab{padding:9px 22px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;transition:all .15s}.pg-direksi .menu-tab.active{background:#1853c8;color:#fff;border-color:#1853c8}.pg-direksi .menu-tab:hover:not(.active){background:#f1f5f9;color:#1e293b}.pg-direksi .table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}.pg-direksi .table-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.pg-direksi .table-card-header h2{font-size:15px;font-weight:700;color:#0f172a}.pg-direksi .table-card-header span{font-size:12.5px;color:#94a3b8}.pg-direksi table{width:100%;border-collapse:collapse;font-size:13.5px}.pg-direksi thead th{background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.pg-direksi tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.pg-direksi tbody tr:last-child{border-bottom:none}.pg-direksi tbody tr:hover{background:#f8fafc}.pg-direksi tbody td{padding:12px 16px;color:#334155;vertical-align:middle}.pg-direksi .empty-state{text-align:center;padding:64px 20px;color:#94a3b8}.pg-direksi .empty-state .es-icon{font-size:44px;margin-bottom:12px}.pg-direksi .empty-state p{font-size:14px;font-weight:600;color:#64748b;margin-bottom:4px}.pg-direksi .badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.pg-direksi .badge-waiting{background:#fefce8;color:#a16207;border:1px solid #fde68a}.pg-direksi .badge-aktif{background:#f0fdf4;color:#16a34a}.pg-direksi .badge-tolak{background:#fff1f2;color:#e11d48}.pg-direksi .emp-photo{width:36px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #e2e8f0}.pg-direksi .btn-setuju{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s}.pg-direksi .btn-setuju:hover{opacity:.85}.pg-direksi .btn-tolak{background:#fff1f2;color:#e11d48;border:1.5px solid #fecdd3;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.pg-direksi .btn-tolak:hover{background:#fee2e2}.pg-direksi .btn-detail{background:#eff6ff;color:#1853c8;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.pg-direksi .btn-detail:hover{background:#dbeafe}.pg-direksi .action-group{display:flex;gap:6px;align-items:center}.pg-direksi .overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.52);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto}.pg-direksi .overlay.show{display:flex}.pg-direksi .modal{background:#fff;border-radius:16px;width:600px;box-shadow:0 24px 80px rgba(0,0,0,.2);animation:fadeUp .2s ease;margin:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pg-direksi .modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.pg-direksi .modal-head h3{font-size:16px;font-weight:700;color:#0f172a}.pg-direksi .modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#94a3b8}.pg-direksi .modal-close:hover{color:#ef4444}.pg-direksi .modal-body{padding:22px}.pg-direksi .detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.pg-direksi .detail-item label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:3px}.pg-direksi .detail-item span{font-size:13.5px;color:#1e293b;font-weight:500}.pg-direksi .detail-photo{width:80px;height:110px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.pg-direksi .modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid #f1f5f9}.pg-direksi .nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-direksi .nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.pg-direksi .nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.pg-direksi .nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.pg-direksi .nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.pg-pengaturan *,.pg-pengaturan :after,.pg-pengaturan :before{box-sizing:border-box;margin:0;padding:0}.pg-pengaturan{font-family:Arial,sans-serif;background:#f0f4f8;color:#1e293b;display:flex;min-height:100vh}.pg-pengaturan .sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:50}.pg-pengaturan .sidebar-logo{padding:24px 20px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-pengaturan .sidebar-logo img{height:64px;width:auto}.pg-pengaturan .sidebar-logo span{font-size:11px;color:#94a3b8}.pg-pengaturan .sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;min-height:0}.pg-pengaturan .sidebar-nav::-webkit-scrollbar{width:4px}.pg-pengaturan .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pg-pengaturan .sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pg-pengaturan .nav-section-label{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding:14px 18px 6px}.pg-pengaturan .nav-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.pg-pengaturan .nav-item:hover{background:#f1f5f9;color:#1e293b}.pg-pengaturan .nav-item.active{background:#eff6ff;color:#1853c8;font-weight:600;border-right:3px solid #1853c8}.pg-pengaturan .nav-item .icon{font-size:16px;width:20px;text-align:center}.pg-pengaturan .sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9}.pg-pengaturan .user-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#f8fafc}.pg-pengaturan .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-pengaturan .user-detail{flex:1 1;min-width:0}.pg-pengaturan .user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-pengaturan .user-role{font-size:11px;color:#94a3b8}.pg-pengaturan .logout-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;padding:4px;transition:color .15s}.pg-pengaturan .logout-btn:hover{color:#ef4444}.pg-pengaturan .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 10px 0;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.pg-pengaturan .sp-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-pengaturan .sp-detail{flex:1 1;min-width:0}.pg-pengaturan .sp-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-pengaturan .sp-role{font-size:10.5px;color:#94a3b8}.pg-pengaturan .sp-logout{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;transition:color .15s;display:flex;align-items:center}.pg-pengaturan .sp-logout:hover{color:#ef4444}.pg-pengaturan .main{margin-left:240px;flex:1 1;display:flex;flex-direction:column}.pg-pengaturan .topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.pg-pengaturan .topbar-title{font-size:16px;font-weight:700;color:#1e293b}.pg-pengaturan .topbar-title .breadcrumb{font-size:13px;color:#94a3b8;font-weight:400}.pg-pengaturan .badge-date{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-size:12px;color:#64748b}.pg-pengaturan .content{padding:28px;flex:1 1;max-width:860px}.pg-pengaturan .page-header{margin-bottom:28px}.pg-pengaturan .page-header h1{font-size:22px;font-weight:700}.pg-pengaturan .page-header p{font-size:13.5px;color:#64748b;margin-top:4px}.pg-pengaturan .settings-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f1f5f9;padding:4px;border-radius:11px;width:-moz-fit-content;width:fit-content}.pg-pengaturan .s-tab{padding:8px 20px;border-radius:8px;border:none;background:none;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:7px}.pg-pengaturan .s-tab:hover{color:#1e293b}.pg-pengaturan .s-tab.active{background:#fff;color:#1853c8;box-shadow:0 1px 4px rgba(0,0,0,.1)}.pg-pengaturan .section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden}.pg-pengaturan .card-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #f1f5f9}.pg-pengaturan .card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.pg-pengaturan .card-icon.blue{background:#eff6ff}.pg-pengaturan .card-icon.green{background:#f0fdf4}.pg-pengaturan .card-icon.amber{background:#fffbeb}.pg-pengaturan .card-icon.red{background:#fff1f2}.pg-pengaturan .card-icon.purple{background:#f5f3ff}.pg-pengaturan .card-body{padding:24px}.pg-pengaturan .form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.pg-pengaturan .form-grid.full{grid-template-columns:1fr}.pg-pengaturan .fg{display:flex;flex-direction:column;gap:6px}.pg-pengaturan .fg label{font-size:12.5px;font-weight:700;color:#475569}.pg-pengaturan .fg input,.pg-pengaturan .fg select,.pg-pengaturan .fg textarea{border:1.5px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-size:13.5px;color:#1e293b;background:#fff;transition:border-color .15s;width:100%}.pg-pengaturan .fg input:focus,.pg-pengaturan .fg select:focus,.pg-pengaturan .fg textarea:focus{outline:none;border-color:#1853c8}.pg-pengaturan .fg textarea{resize:vertical;min-height:72px}.pg-pengaturan .fg .hint{font-size:11px;color:#94a3b8}.pg-pengaturan .logo-upload{display:flex;align-items:center;gap:16px;margin-bottom:20px}.pg-pengaturan .logo-preview{width:80px;height:80px;border-radius:12px;border:2px dashed #e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc;cursor:pointer;transition:border-color .15s}.pg-pengaturan .logo-preview:hover{border-color:#1853c8}.pg-pengaturan .logo-preview img{width:100%;height:100%;object-fit:contain}.pg-pengaturan .btn-primary{background:linear-gradient(135deg,#1853c8,#0072ff);color:#fff;border:none;border-radius:9px;padding:10px 24px;font-size:13.5px;font-weight:700;cursor:pointer;transition:opacity .15s}.pg-pengaturan .btn-primary:hover{opacity:.88}.pg-pengaturan .btn-secondary{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0;border-radius:9px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.pg-pengaturan .btn-secondary:hover{background:#e2e8f0}.pg-pengaturan .btn-danger{background:#fff1f2;color:#e11d48;border:1.5px solid #fecdd3;border-radius:9px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.pg-pengaturan .btn-danger:hover{background:#fee2e2}.pg-pengaturan .btn-row{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.pg-pengaturan .user-table{width:100%;border-collapse:collapse}.pg-pengaturan .user-table th{text-align:left;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#94a3b8;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.pg-pengaturan .user-table td{padding:12px 14px;font-size:13.5px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pg-pengaturan .user-table tr:last-child td{border-bottom:none}.pg-pengaturan .role-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.pg-pengaturan .role-admin{background:#eff6ff;color:#1853c8}.pg-pengaturan .role-karyawan{background:#f0fdf4;color:#16a34a}.pg-pengaturan .btn-sm{padding:5px 12px;font-size:12px;font-weight:600;border-radius:7px;cursor:pointer;border:none}.pg-pengaturan .btn-sm-red{background:#fff1f2;color:#e11d48;border:1.5px solid #fecdd3}.pg-pengaturan .btn-sm-blue{background:#eff6ff;color:#1853c8;border:1.5px solid #bfdbfe}.pg-pengaturan .btn-sm:hover{opacity:.8}.pg-pengaturan .data-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.pg-pengaturan .data-card{border:1.5px solid #e2e8f0;border-radius:11px;padding:18px;display:flex;flex-direction:column;gap:8px}.pg-pengaturan .data-card h4{font-size:13.5px;font-weight:700;color:#1e293b}.pg-pengaturan .data-card p{font-size:12px;color:#64748b;line-height:1.5}.pg-pengaturan .data-card-danger{border-color:#fecdd3;background:#fff8f8}.pg-pengaturan #toast{position:fixed;bottom:28px;right:28px;background:#1e293b;color:#fff;padding:12px 20px;border-radius:10px;font-size:13.5px;font-weight:600;opacity:0;transform:translateY(10px);transition:all .25s;pointer-events:none;z-index:999}.pg-pengaturan #toast.show{opacity:1;transform:translateY(0)}.pg-pengaturan #toast.success{background:#16a34a}.pg-pengaturan #toast.error{background:#dc2626}.pg-pengaturan .add-user-bar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;padding:16px;background:#f8fafc;border-top:1px solid #f1f5f9}.pg-pengaturan .add-user-bar .fg{min-width:150px}.pg-pengaturan .divider{height:1px;background:#f1f5f9;margin:4px 0}.pg-pengaturan .about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.pg-pengaturan .about-item{background:#f8fafc;border-radius:9px;padding:14px 16px}.pg-pengaturan .about-item .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#94a3b8;margin-bottom:4px}.pg-pengaturan .about-item .val{font-size:14px;font-weight:700;color:#1e293b}.pg-pengaturan .nav-section-label{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-pengaturan .nav-section-label .sg-chev{flex-shrink:0;transition:transform .22s ease;margin-left:4px}.pg-pengaturan .nav-section-label.sg-closed .sg-chev{transform:rotate(-90deg)}.pg-pengaturan .nav-group{overflow:hidden;transition:max-height .28s ease,opacity .22s ease;opacity:1}.pg-pengaturan .nav-group.sg-closed{max-height:0!important;opacity:0;pointer-events:none}.pg-login{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f4f8;font-family:Arial,sans-serif;color:#1a1a2e}.pg-login .card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:48px 44px 40px;width:100%;max-width:420px;box-shadow:0 8px 40px rgba(0,0,0,.1)}.pg-login .logo{display:flex;justify-content:center;margin-bottom:8px}.pg-login .logo img{height:105px;width:auto}.pg-login .logo-url{text-align:center;font-size:12px;color:#94a3b8;margin-top:6px;margin-bottom:28px;letter-spacing:.3px}.pg-login .welcome{text-align:center;font-size:13px;color:#64748b;margin-bottom:6px;letter-spacing:.3px}.pg-login h2{text-align:center;font-size:20px;font-weight:700;margin-bottom:28px;color:#1e293b}.pg-login .field{margin-bottom:20px}.pg-login label{display:block;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}.pg-login .input-wrap{position:relative}.pg-login .input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.4;pointer-events:none}.pg-login input{width:100%;padding:13px 14px 13px 42px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:15px;outline:none;transition:border .2s,background .2s,box-shadow .2s}.pg-login input::placeholder{color:#cbd5e1}.pg-login input:focus{border-color:#1853c8;background:#fff;box-shadow:0 0 0 3px rgba(24,83,200,.1)}.pg-login .pin-dots{display:flex;gap:10px;margin-top:12px;justify-content:center}.pg-login .dot{width:12px;height:12px;border-radius:50%;border:2px solid #cbd5e1;background:transparent;transition:background .15s,border-color .15s}.pg-login .dot.filled{background:#1853c8;border-color:#1853c8}.pg-login .btn-login{width:100%;padding:14px;margin-top:28px;background:linear-gradient(135deg,#1853c8,#0072ff);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 20px rgba(24,83,200,.25);transition:opacity .2s,transform .1s}.pg-login .btn-login:hover{opacity:.92}.pg-login .btn-login:active{transform:scale(.98)}.pg-login .forgot{text-align:center;margin-top:16px}.pg-login .forgot a{color:#94a3b8;font-size:13px;text-decoration:none;transition:color .2s}.pg-login .forgot a:hover{color:#1853c8}.pg-login .company-name{text-align:center;margin-top:20px;font-size:11.5px;font-weight:600;letter-spacing:.5px;color:#cbd5e1;text-transform:uppercase}.pg-login .overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;align-items:center;justify-content:center}.pg-login .overlay.show{display:flex}.pg-login .modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:36px 32px 32px;width:360px;box-shadow:0 20px 60px rgba(0,0,0,.15);color:#1e293b}.pg-login .modal h3{font-size:17px;font-weight:700;margin-bottom:8px;color:#1e293b;text-align:left}.pg-login .modal p{font-size:13.5px;color:#64748b;margin-bottom:22px;line-height:1.6}.pg-login .modal label{color:#94a3b8}.pg-login .modal input{background:#f8fafc;color:#1e293b;border-color:#e2e8f0}.pg-login .modal input::placeholder{color:#cbd5e1}.pg-login .modal .field{margin-bottom:16px}.pg-login .modal-actions{display:flex;gap:10px;margin-top:24px}.pg-login .btn-cancel{flex:1 1;padding:12px;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:9px;color:#64748b;font-size:14px;cursor:pointer;transition:background .2s}.pg-login .btn-cancel:hover{background:#e2e8f0}.pg-login .btn-reset{flex:1 1;padding:12px;background:linear-gradient(135deg,#1853c8,#0072ff);border:none;border-radius:9px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.pg-login .btn-reset:hover{opacity:.88}.pg-login .step-indicator{display:flex;align-items:center;gap:8px;margin-bottom:20px}.pg-login .step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #e2e8f0;color:#94a3b8;flex-shrink:0}.pg-login .step-dot.active{background:#1853c8;border-color:#1853c8;color:#fff}.pg-login .step-dot.done{background:#16a34a;border-color:#16a34a;color:#fff}.pg-login .step-line{flex:1 1;height:2px;background:#e2e8f0;border-radius:2px}.pg-login .step-line.done{background:#16a34a}.pg-login .info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 14px;font-size:12.5px;color:#1853c8;margin-bottom:16px;line-height:1.6}#sec-semua-customer td.so-badge,#sec-semua-customer td.so-panah,#sec-semua-customer th.so-badge,#sec-semua-customer th.so-panah,#sec-semua-customer tr.so-rincian,#sec-status-processing td.sr-panah,#sec-status-processing th.sr-panah,#sec-status-processing tr.sr-rincian{display:none}.main{min-width:0}body>div[class*=pg-]{min-width:0;flex:1 1}.pg-buat-invoice .form-panel{padding:16px 18px}.pg-buat-invoice .form-section{margin-bottom:14px}.pg-buat-invoice .form-section-title{font-size:10.5px;margin-bottom:8px;padding-bottom:6px;letter-spacing:.8px}.pg-buat-invoice .form-row{margin-bottom:8px}.pg-buat-invoice .form-row label{font-size:11px;margin-bottom:4px}.pg-buat-invoice .form-row input,.pg-buat-invoice .form-row select,.pg-buat-invoice .form-row textarea{padding:7px 10px;border-radius:7px;font-size:12.5px;border-width:1px}.pg-buat-invoice .form-row textarea{min-height:44px}.pg-buat-invoice .form-cols{gap:8px}.pg-buat-invoice .service-item{padding:10px 10px 4px;border-radius:8px;border-width:1px;margin-bottom:7px}.pg-buat-invoice .del-btn{top:6px;right:6px;font-size:13px}.pg-buat-invoice .add-row-btn{padding:7px;font-size:12px;border-radius:7px;border-width:1px}.pg-buat-invoice .qty-stepper{border-width:1px;border-radius:7px}.pg-buat-invoice .qty-btn{width:26px;font-size:14px}.pg-buat-invoice .form-row .qty-stepper input.qty-input{width:auto;flex:1 1;min-width:0;border:none;background:transparent;padding:7px 2px;text-align:center;font-size:13px;font-weight:700;color:#1e293b;border-radius:0}.pg-buat-invoice .form-row{display:flex;align-items:center;gap:10px}.pg-buat-invoice .form-row>label{flex:0 0 104px;margin-bottom:0;line-height:1.35}.pg-buat-invoice .form-row>.invno-wrap,.pg-buat-invoice .form-row>.qty-stepper,.pg-buat-invoice .form-row>input,.pg-buat-invoice .form-row>select,.pg-buat-invoice .form-row>textarea{flex:1 1;min-width:0;width:auto}.pg-buat-invoice .form-row>.invno-wrap input{width:100%}.pg-buat-invoice .form-cols .form-row>label{flex:0 0 auto;min-width:52px}.pg-buat-invoice .form-row:has(>textarea){align-items:flex-start}.pg-buat-invoice .form-row:has(>textarea)>label{padding-top:7px}.pg-buat-invoice .form-cols>.form-row{min-width:0}.vc-nav-backdrop,.vc-nav-toggle{display:none}@media (max-width:1024px){body{display:block}.sidebar{transform:translateX(-100%);transition:transform .25s ease;z-index:1200!important;box-shadow:0 0 40px rgba(15,23,42,.18)}.sb-expand{display:none!important}body.sb-hidden .sidebar{transform:translateX(-100%)}body.sb-hidden.vc-nav-open .sidebar,body.vc-nav-open .sidebar{transform:translateX(0)!important}.sb-collapse{display:none!important}.main,body.sb-hidden .main{margin-left:0!important;width:100%!important}.vc-nav-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:10px;left:10px;z-index:1300;width:40px;height:40px;border-radius:11px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(15,23,42,.1)}body.vc-nav-open .vc-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1100}.topbar{padding-left:60px!important;position:-webkit-sticky;position:sticky;top:0;z-index:900;height:auto!important;min-height:60px;flex-wrap:wrap;row-gap:8px}.content{padding:16px!important}.content [style*="overflow: hidden"],.content [style*="overflow:hidden"]{overflow-x:auto!important}.content [style*="overflow-x: auto"],.content [style*="overflow-x:auto"],.table-wrap{-webkit-overflow-scrolling:touch}}@media (max-width:640px){.content [style*=grid-template-columns]:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),.overlay.show [style*=grid-template-columns]:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),[data-modal] [style*=grid-template-columns]:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){grid-template-columns:1fr!important}.content [style*="display: flex"]:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),.content [style*="display:flex"]:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){flex-wrap:wrap}.content [style*="font-size: 34px"]:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),.content [style*="font-size:34px"]:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){font-size:23px!important}.content [style*="font-size: 32px"],.content [style*="font-size:32px"]{font-size:22px!important}.content [style*="padding: 28px 32px"],.content [style*="padding:28px 32px"]{padding:18px 16px!important}.content [style*="padding: 24px 28px"],.content [style*="padding:24px 28px"]{padding:16px 14px!important}.content [style*="padding: 20px 24px"],.content [style*="padding:20px 24px"]{padding:15px 14px!important}.content [style*="gap: 32px"],.content [style*="gap:32px"]{gap:14px!important}.content [style*="gap: 24px"],.content [style*="gap:24px"]{gap:12px!important}.overlay.show>div,[data-modal]>div{width:94vw!important;max-width:94vw!important;max-height:88vh!important;overflow-y:auto!important;padding:18px 16px!important}input,select,textarea{font-size:16px!important}.nav-item,button{min-height:34px}.content h1{font-size:19px!important}.page-header p{font-size:12.5px!important}.topbar{padding-top:10px!important;padding-bottom:10px!important}.home-utama{gap:12px!important;margin-bottom:16px!important}.home-stats.home-stats-kolom{gap:10px!important}.home-stats .stat-card{padding:13px 14px!important;gap:12px!important;border-radius:12px!important}.home-stats .stat-icon{width:36px!important;height:36px!important;border-radius:10px!important}.home-stats .stat-value{font-size:20px!important}.home-stats .stat-label{font-size:11.5px!important}.pg-login{padding:18px 22px!important;align-items:center!important}.pg-login .card{max-width:330px!important;padding:22px 20px 20px!important;border-radius:14px!important;box-shadow:0 6px 24px rgba(0,0,0,.08)!important}.pg-login .logo{margin-bottom:4px!important}.pg-login .logo img{height:54px!important}.pg-login .logo-url{font-size:10.5px!important;margin-top:4px!important;margin-bottom:16px!important}.pg-login .welcome{font-size:11.5px!important;margin-bottom:3px!important}.pg-login h2{font-size:15.5px!important;margin-bottom:18px!important}.pg-login .field{margin-bottom:13px!important}.pg-login label{font-size:10px!important;letter-spacing:.5px!important;margin-bottom:5px!important}.pg-login input{padding:10px 12px 10px 36px!important;border-radius:9px!important;border-width:1px!important}.pg-login .input-wrap svg{left:11px!important;width:15px!important;height:15px!important}.pg-login .pin-dots{gap:8px!important;margin-top:9px!important}.pg-login .dot{width:10px!important;height:10px!important}.pg-login .btn-login{padding:11px!important;margin-top:18px!important;font-size:14px!important;border-radius:9px!important;box-shadow:0 4px 14px rgba(24,83,200,.2)!important}.pg-login .forgot{margin-top:12px!important}.pg-login .forgot a{font-size:12px!important}.pg-login .company-name{margin-top:14px!important;font-size:10px!important}.pg-login .overlay{padding:18px 22px!important}.pg-login .modal{width:100%!important;max-width:330px!important;padding:24px 20px 20px!important;border-radius:14px!important}.pg-login .modal h3{font-size:15.5px!important}.pg-login .modal p{font-size:12.5px!important;margin-bottom:16px!important}.pg-login .modal .field{margin-bottom:12px!important}.pg-login .modal-actions{margin-top:18px!important}.pg-login .btn-cancel,.pg-login .btn-reset{padding:10px!important;font-size:13px!important}.pg-login .step-indicator{margin-bottom:16px!important}.pg-login .step-dot{width:24px!important;height:24px!important;font-size:11px!important}.pg-login .info-box{padding:10px 12px!important;font-size:11.5px!important;margin-bottom:13px!important}}@media (max-width:1024px){.content table:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),[data-modal] table:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){width:100%!important;min-width:0!important}.content td:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),.content th:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),[data-modal] td:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),[data-modal] th:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}}@media (max-width:900px){.content th:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),[data-modal] th:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){padding:8px!important;font-size:10px!important}.content td:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),[data-modal] td:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){padding:8px!important;font-size:12px!important}.content table:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *),[data-modal] table:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){font-size:12px!important}.content [style*="overflow-x: auto"],.table-wrap{overflow-x:visible!important}}@media (max-width:640px){.content th:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){padding:7px 6px!important;font-size:9.5px!important}.content td:not(.fi-inv-doc *):not(.inv-doc *):not(.rp-page *):not(.vc-rct-doc *){padding:7px 6px!important;font-size:11.5px!important}}@media (max-width:768px){.content table.vc-card-table,[data-modal] table.vc-card-table{border-collapse:separate!important;border-spacing:0!important}.content table.vc-card-table thead,[data-modal] table.vc-card-table thead{display:none!important}.content table.vc-card-table tbody,.content table.vc-card-table td,.content table.vc-card-table tr,[data-modal] table.vc-card-table tbody,[data-modal] table.vc-card-table td,[data-modal] table.vc-card-table tr{display:block!important;width:100%!important}.content table.vc-card-table tr,[data-modal] table.vc-card-table tr{border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;padding:6px 12px!important;margin-bottom:10px!important;box-shadow:0 1px 3px rgba(15,23,42,.05)}.content table.vc-card-table td,[data-modal] table.vc-card-table td{display:flex!important;align-items:center;justify-content:space-between;gap:12px;text-align:right!important;border:none!important;border-bottom:1px dashed #f1f5f9!important;padding:8px 0!important}.content table.vc-card-table td:last-child,[data-modal] table.vc-card-table td:last-child{border-bottom:none!important}.content table.vc-card-table td:before,[data-modal] table.vc-card-table td:before{content:attr(data-label);flex:0 0 38%;text-align:left;font-size:9.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#94a3b8}.content table.vc-card-table td[colspan]:before,[data-modal] table.vc-card-table td[colspan]:before{content:none}.content table.vc-card-table td[colspan],[data-modal] table.vc-card-table td[colspan]{display:block!important;text-align:center!important;border-bottom:none!important}.content table.vc-card-table tfoot tr,[data-modal] table.vc-card-table tfoot tr{background:#f8fafc!important}.content table.vc-card-table td a,.content table.vc-card-table td button{min-height:30px}#sec-status-processing table.vc-card-table{border-collapse:collapse!important}#sec-status-processing table.vc-card-table thead{display:table-header-group!important}#sec-status-processing table.vc-card-table tbody{display:table-row-group!important}#sec-status-processing table.vc-card-table tr{display:table-row!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}#sec-status-processing table.vc-card-table td{display:table-cell!important;width:auto!important;text-align:left!important;border:none!important;border-bottom:1px solid #f1f5f9!important;padding:9px 6px!important;vertical-align:middle}#sec-status-processing table.vc-card-table td:before{content:none!important}#sec-status-processing table td.sr-sembunyi,#sec-status-processing table th.sr-sembunyi,#sec-status-processing table.vc-card-table td.sr-sembunyi,#sec-status-processing table.vc-card-table th.sr-sembunyi{display:none!important}#sec-status-processing table td.sr-panah,#sec-status-processing table th.sr-panah,#sec-status-processing table.vc-card-table td.sr-panah,#sec-status-processing table.vc-card-table th.sr-panah{display:table-cell!important;width:42px;padding-right:4px!important;text-align:right!important}#sec-status-processing td.sr-panah>button{margin-left:auto}#sec-status-processing table tr.sr-rincian,#sec-status-processing table.vc-card-table tr.sr-rincian{display:table-row!important}#sec-status-processing table tr.sr-rincian>td,#sec-status-processing table.vc-card-table tr.sr-rincian>td{border-bottom:none!important;padding:10px 14px 12px!important}#sec-semua-customer .section-header,#sec-status-processing .section-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}#sec-semua-customer .section-header>div:last-child,#sec-status-processing .section-header>div:last-child{align-items:stretch!important;width:100%!important}#sec-semua-customer .section-header input[type=text],#sec-status-processing .section-header input[type=text]{width:100%!important}#sec-semua-customer .section-header select,#sec-status-processing .section-header select{flex:1 1!important;min-width:0!important;padding-right:22px!important}#sec-semua-customer .section-header .section-title,#sec-status-processing .section-header .section-title{align-items:center}#sec-semua-customer .section-header .section-title h2,#sec-status-processing .section-header .section-title h2{white-space:nowrap}#sec-semua-customer table.vc-card-table{border-collapse:collapse!important}#sec-semua-customer table.vc-card-table thead{display:table-header-group!important}#sec-semua-customer table.vc-card-table tbody{display:table-row-group!important}#sec-semua-customer table.vc-card-table tr{display:table-row!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}#sec-semua-customer table.vc-card-table td{display:table-cell!important;width:auto!important;text-align:left!important;border:none!important;border-bottom:1px solid #f1f5f9!important;padding:9px 6px!important;vertical-align:middle}#sec-semua-customer table.vc-card-table td:before{content:none!important}#sec-semua-customer table td.so-sembunyi,#sec-semua-customer table th.so-sembunyi,#sec-semua-customer table.vc-card-table td.so-sembunyi,#sec-semua-customer table.vc-card-table th.so-sembunyi{display:none!important}#sec-semua-customer table td.so-badge,#sec-semua-customer table th.so-badge,#sec-semua-customer table.vc-card-table td.so-badge,#sec-semua-customer table.vc-card-table th.so-badge{display:table-cell!important;white-space:nowrap!important}#sec-semua-customer table td.so-panah,#sec-semua-customer table th.so-panah,#sec-semua-customer table.vc-card-table td.so-panah,#sec-semua-customer table.vc-card-table th.so-panah{display:table-cell!important;width:42px;padding-right:4px!important;text-align:right!important}#sec-semua-customer td.so-panah>button{margin-left:auto}#sec-semua-customer table tr.so-rincian,#sec-semua-customer table.vc-card-table tr.so-rincian{display:table-row!important}#sec-semua-customer table tr.so-rincian>td,#sec-semua-customer table.vc-card-table tr.so-rincian>td{border-bottom:none!important;padding:10px 14px 12px!important}#sec-semua-customer table.vc-card-table tbody td{font-size:12px!important}#sec-semua-customer table.vc-card-table tbody tr:not(.so-rincian)>td:first-of-type{padding-left:12px!important}#sec-semua-customer .so-tanggal{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}#sec-semua-customer tr.so-rincian [style*="min-width: 200px"],#sec-semua-customer tr.so-rincian [style*="minWidth: 200"]{min-width:0!important}#sec-status-processing table.vc-card-table tbody td{font-size:12px!important}#sec-status-processing table.vc-card-table tbody tr:not(.sr-rincian)>td:first-of-type{padding-left:12px!important}#sec-status-processing .sr-tanggal{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}#sec-status-processing tbody td select{max-width:132px;width:100%;padding:5px 8px!important}.content table.vc-card-table td[data-label=""]:before{content:none}.content table.vc-card-table td[data-label=""]{justify-content:flex-end}}@media (max-width:1024px){.vc-fab-invoice,body.sb-hidden .vc-fab-invoice{display:flex!important;left:auto!important;right:16px!important;bottom:16px!important;z-index:1050!important;padding:11px 18px!important;font-size:13px!important;box-shadow:0 8px 22px rgba(24,83,200,.45)!important}.pg-buat-invoice .layout{grid-template-columns:1fr!important;min-height:0!important}.pg-buat-invoice .form-panel{border-right:none!important;border-bottom:1px solid #e2e8f0;padding:16px!important;overflow:visible!important}.pg-buat-invoice .topbar{padding-left:60px!important;flex-wrap:wrap;gap:8px}.pg-buat-invoice .topbar-right{flex-wrap:wrap}}@media (max-width:640px){.pg-buat-invoice .form-cols,.pg-buat-invoice .form-row{grid-template-columns:1fr!important}.pg-buat-invoice .topbar-right{width:100%;display:flex;gap:8px}.pg-buat-invoice .topbar-right .btn{flex:1 1;width:auto;justify-content:center}}@media (max-width:1024px){.content{display:flex;flex-direction:column;padding-bottom:86px!important}.content>*{order:5}.content .page-header{order:1}.content .vc-ringkasan{order:90}.content .vc-periode-banner{order:99}.vc-periode-banner{text-align:center!important;margin:16px 0 0!important;padding:8px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px}.vc-periode-banner select,.vc-periode-banner>div{font-size:10.5px!important}.vc-periode-banner select{padding:3px 6px!important;max-width:190px}}@media screen and (max-width:1024px){.fi-inv-doc,.inv-doc,.rp-page,.vc-rct-doc{width:100%!important;min-width:0!important;max-width:100%!important;zoom:1!important;padding:20px 16px!important;margin:0 auto!important}.rp-page{min-height:0!important}body:not(.vc-doc-full) .fi-inv-doc table,body:not(.vc-doc-full) .inv-doc table,body:not(.vc-doc-full) .vc-rct-doc table{width:100%!important;table-layout:fixed!important}body:not(.vc-doc-full) .fi-inv-doc td,body:not(.vc-doc-full) .fi-inv-doc th,body:not(.vc-doc-full) .inv-doc td,body:not(.vc-doc-full) .inv-doc th,body:not(.vc-doc-full) .vc-rct-doc td,body:not(.vc-doc-full) .vc-rct-doc th{padding:6px 5px!important;word-break:break-word;overflow-wrap:anywhere}body.vc-doc-full .fi-inv-doc{width:800px!important;min-width:800px!important;max-width:800px!important;padding:30px 30px 32px!important}body.vc-doc-full .vc-rct-doc{width:720px!important;min-width:720px!important;max-width:720px!important;padding:26px 28px!important}body.vc-doc-full .inv-doc{width:700px!important;min-width:700px!important;max-width:700px!important}body.vc-doc-full .vc-rct-doc [style*="margin-top: 26px"]{margin-top:12px!important}body.vc-doc-full .vc-rct-doc [style*="padding-top: 16px"]{padding-top:9px!important}body.vc-doc-full .vc-rct-doc [style*="margin-bottom: 20px"]{margin-bottom:11px!important}body.vc-doc-full .vc-rct-doc [style*="margin-bottom: 12px"]{margin-bottom:6px!important}body.vc-doc-full .vc-rct-doc [style*="margin-bottom: 10px"]{margin-bottom:5px!important}body.vc-doc-full .vc-rct-doc [style*="font-size: 14px"]{font-size:12px!important}body.vc-doc-full .vc-rct-doc [style*="font-size: 11px"]{font-size:9.5px!important}body.vc-doc-full .vc-rct-doc [style*="padding: 6px 10px"]{padding:3px 8px!important;margin-bottom:3px!important;font-size:10px!important}body.vc-doc-full .vc-rct-doc ul{padding-left:11px!important}body.vc-doc-full .vc-rct-doc ul li{font-size:8.8px!important;line-height:1.28!important;padding:0 0 0 10px!important}}.vc-geser-tabel{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.vc-geser-tabel::-webkit-scrollbar{height:9px}.vc-geser-tabel::-webkit-scrollbar-track{background:#f8fafc;border-top:1px solid #f1f5f9}.vc-geser-tabel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px;border:2px solid #f8fafc}.vc-geser-tabel::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.vc-pdf .fi-inv-doc,body.vc-pdf .inv-doc,body.vc-pdf .vc-rct-doc{padding-top:16px!important;padding-bottom:20px!important;box-shadow:none!important;border-radius:0!important}@media print{body.vc-print-inv [data-modal],body.vc-print-rct [data-modal]{position:static!important;inset:auto!important;overflow:visible!important;background:none!important;padding:0!important;z-index:auto!important}body.vc-print-inv [data-modal]>div,body.vc-print-rct [data-modal]>div{max-width:none!important;margin:0!important}}