*{box-sizing:border-box}body{background:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont;margin:0}.login-wrapper{background:#f8fafc;display:flex;min-height:100vh}.login-left{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.login-left img{height:auto;max-width:520px;width:80%}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000f;max-width:380px;padding:28px;width:100%}.language{margin-bottom:24px;text-align:right}.language select{background:#0000;border:none;cursor:pointer;font-size:14px}.login-card h1{font-size:22px;margin:0}.subtitle{color:#6b7280;font-size:14px;margin-bottom:24px}.field{margin-bottom:16px}.field label{display:block;font-size:14px;margin-bottom:6px}.field input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px;transition:all .25s ease;width:100%}.field input:focus{border-color:#ec407a;outline:none}.password-wrapper{position:relative}.toggle{background:none;border:none;cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.error{color:#ef4444;display:block;font-size:12px;margin-top:4px}.api-error{animation:fadeIn .3s ease-in;background:#fee2e2;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:10px}.forgot{margin-bottom:16px;text-align:right}.forgot .forgot-link,.forgot a{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;padding:0;text-decoration:none}.login-btn{background:#ec407a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}.login-btn:hover{opacity:.9}@media (max-width:900px){.login-wrapper{flex-direction:column}.login-left{display:none}.login-right{min-height:100vh}}input[type=checkbox]{accent-color:#ec407a;cursor:pointer}.forgot-overlay{align-items:center;animation:fadeInOverlay .3s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.forgot-modal{animation:fadeSlideUp .35s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0003;max-width:420px;padding:36px;position:relative;width:100%}.forgot-modal h2{margin-bottom:12px}.forgot-modal p{color:#555;font-size:14px;margin-bottom:18px}.forgot-modal input{border:1px solid #ddd;border-radius:8px;margin-bottom:14px;padding:12px;transition:all .25s ease;width:100%}.forgot-submit{background:#ec407a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.forgot-submit:hover{background:#d6336c}.forgot-close{background:#0000;border:none;cursor:pointer;font-size:16px;position:absolute;right:14px;top:12px}.forgot-error-message{animation:fadeInError .25s ease;color:#ef4444!important;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:12px;margin-top:6px}@keyframes fadeInError{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shakeX .4s ease}@keyframes shakeX{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}.input-error{border:1.5px solid #ef4444!important;box-shadow:0 0 0 3px #ef444426}.sidebar{background:#1a2236;bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;width:240px;z-index:100}.sidebar-logo{align-items:center;display:flex;gap:10px;justify-content:center;padding:22px 20px 20px}.logo-cloud{filter:drop-shadow(0 2px 6px rgba(91,138,245,.4));flex-shrink:0}.logo-text{color:#5b8af5;font-family:Poppins,sans-serif;font-size:18px;font-style:italic;font-weight:800;letter-spacing:.5px;white-space:nowrap}.sidebar-nav{flex:1 1;padding:8px 0}.nav-group{margin-bottom:2px}.nav-item{align-items:center;background:#0000;border:none;color:#8899b4;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 24px;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#5b8af514;color:#c5d3eb}.nav-item.active{background:#5b8af51f;color:#fff}.nav-item.active:before{background:#5b8af5;border-radius:0 3px 3px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.nav-label{flex:1 1}.nav-arrow{font-size:12px;opacity:.6;transition:transform .25s ease}.nav-arrow.open{transform:rotate(180deg)}.nav-submenu{animation:slideDown .25s ease;overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.nav-subitem{background:#0000;border:none;color:#6b7fa3;cursor:pointer;display:block;font-size:13px;padding:10px 24px 10px 60px;text-align:left;transition:all .2s ease;width:100%}.nav-subitem:hover{background:#5b8af50f;color:#c5d3eb}.nav-subitem.active{color:#fff;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px 24px 28px}.logout-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#8899b4;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.logout-sidebar-btn:hover{background:#ef44441f;color:#ef4444}.logout-icon{font-size:18px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.top-header{align-items:center;background:#fff;border-bottom:1px solid #e8ecf1;display:flex;height:64px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left{display:flex;flex-direction:column}.header-time{color:#1a2236;font-size:22px;font-weight:700;letter-spacing:.5px;line-height:1.1}.header-date{color:#7a8599;font-size:12px;margin-top:1px}.header-right{align-items:center;display:flex;gap:20px}.header-user-area{position:relative}.header-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 8px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.header-user:hover{background:#f3f5f8}.header-avatar{align-items:center;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.header-avatar-img{border:2px solid #edf1f7;border-radius:50%;height:36px;object-fit:cover;width:36px}.header-user-info{display:flex;flex-direction:column;line-height:1.3}.header-username{color:#1a2236;font-size:13px;font-weight:600}.header-chevron,.header-role{color:#7a8599;font-size:11px}.header-chevron{margin-left:4px;transition:transform .2s ease}.header-chevron.open{transform:rotate(180deg)}.header-dropdown{animation:dropdownFade .15s ease;background:#fff;border:1px solid #e8ecf1;border-radius:10px;box-shadow:0 8px 24px #0000001a;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-item{background:#0000;border:none;color:#4a5568;cursor:pointer;display:block;font-size:14px;padding:12px 20px;text-align:left;transition:background .15s ease;width:100%}.header-dropdown-item:hover{background:#f3f5f8;color:#1a2236}.dashboard-layout{zoom:1.25;background:#edf1f7;display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-height:100vh}.page-breadcrumb{padding:24px 32px 0}.breadcrumb-title{color:#1a2236;font-size:22px;font-weight:700;margin:0}.breadcrumb-subtitle{color:#7a8599;font-size:13px;margin:2px 0 0}.dashboard-content{flex:1 1;padding:24px 32px 32px}.dash-greeting{margin-bottom:28px}.dash-greeting-text{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.dash-greeting-sub{color:#94a3b8;font-size:14px;margin:0}.dash-stat-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.dash-stat-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;display:flex;gap:16px;overflow:hidden;padding:22px 24px;position:relative;transition:all .2s}.dash-stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000a;transform:translateY(-2px)}.dash-stat-card:after{border-radius:0 4px 4px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dash-stat-card.blue:after{background:#2563eb}.dash-stat-card.green:after{background:#16a34a}.dash-stat-card.amber:after{background:#d97706}.dash-stat-card.purple:after{background:#7c3aed}.dash-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dash-stat-icon.blue{background:#dbeafe;color:#2563eb}.dash-stat-icon.green{background:#dcfce7;color:#16a34a}.dash-stat-icon.amber{background:#fef3c7;color:#d97706}.dash-stat-icon.purple{background:#ede9fe;color:#7c3aed}.dash-stat-info{flex:1 1;min-width:0}.dash-stat-label{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.dash-stat-val{align-items:baseline;color:#1e293b;display:flex;font-size:26px;font-weight:800;gap:4px;line-height:1}.dash-stat-of{color:#94a3b8;font-size:16px;font-weight:500}.dash-stat-subtitle{color:#94a3b8;font-size:11px;margin-top:4px}.dash-stat-card.warning{background:#fffbeb;border-color:#fde68a}.dash-stat-card.warning:hover{border-color:#fbbf24}.dash-stat-card.clickable{cursor:pointer}.dash-stat-card.warning .dash-stat-val{color:#92400e}.dash-stat-card.warning .dash-stat-label{color:#b45309}.dash-main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.3fr 1fr}.dash-card-v2{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden}.dash-card-v2:hover{border-color:#e2e8f0}.dash-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 22px}.dash-card-title-v2{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:8px}.dash-card-title-v2 svg{flex-shrink:0}.dash-card-badge{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:11px;font-weight:600;padding:2px 8px}.dash-activity-body{max-height:480px;overflow-y:auto;padding:0 22px 22px}.dash-activity-body::-webkit-scrollbar{width:4px}.dash-activity-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.dash-tl-date{align-items:center;display:flex;gap:14px;padding:18px 0 8px}.dash-tl-date:first-child{padding-top:14px}.dash-tl-date-info{align-items:center;display:flex;flex-direction:column;min-width:44px}.dash-tl-day{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.dash-tl-num{color:#1e293b;font-size:24px;font-weight:800;line-height:1.1}.dash-tl-month{color:#94a3b8;font-size:10px;font-weight:600;text-transform:uppercase}.dash-tl-connector{align-items:center;display:flex;flex-direction:column}.dash-tl-dot{background:#2563eb;border-radius:50%;box-shadow:0 0 0 3px #dbeafe;flex-shrink:0;height:10px;width:10px}.dash-tl-line{background:#e2e8f0;flex:1 1;margin-top:3px;min-height:16px;width:2px}.dash-tl-entry{display:flex;gap:14px;margin-left:58px;padding:4px 0}.dash-tl-entry-dot{align-items:center;display:flex;flex-direction:column;padding-top:6px}.dash-tl-dot-sm{background:#93c5fd;border-radius:50%;flex-shrink:0;height:7px;width:7px}.dash-tl-entry-line{background:#e2e8f0;flex:1 1;margin-top:3px;min-height:12px;width:2px}.dash-tl-entry-body{display:flex;flex-direction:column;gap:1px;padding-top:1px}.dash-tl-time{color:#94a3b8;font-size:11px;font-weight:500}.dash-tl-action{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:500;gap:6px}.dash-tl-action-tag{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:1px 6px;text-transform:uppercase}.dash-tl-action-tag.login{background:#dcfce7;color:#16a34a}.dash-tl-action-tag.create{background:#dbeafe;color:#2563eb}.dash-tl-action-tag.update{background:#fef3c7;color:#d97706}.dash-tl-action-tag.delete{background:#fee2e2;color:#dc2626}.dash-tl-action-tag.other{background:#f1f5f9;color:#64748b}.dash-tl-empty{color:#94a3b8;font-size:13px;padding:40px 0;text-align:center}.dash-quick-body{display:flex;flex-direction:column;gap:10px;padding:16px 22px}.dash-quick-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:all .18s}.dash-quick-item:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a;transform:translateX(4px)}.dash-quick-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.dash-quick-icon.blue{background:#dbeafe}.dash-quick-icon.green{background:#dcfce7}.dash-quick-icon.amber{background:#fef3c7}.dash-quick-icon.purple{background:#ede9fe}.dash-quick-icon.red{background:#fee2e2}.dash-quick-info{flex:1 1}.dash-quick-label{color:#1e293b;font-size:13px;font-weight:600}.dash-quick-desc{color:#94a3b8;font-size:11px;margin-top:2px}.dash-quick-arrow{color:#cbd5e1;font-size:16px;transition:color .15s}.dash-quick-item:hover .dash-quick-arrow{color:#64748b}.dash-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.dash-spinner{animation:dashSpin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:36px;width:36px}@keyframes dashSpin{to{transform:rotate(1turn)}}@media (max-width:900px){.dash-stat-row{grid-template-columns:1fr 1fr}.dash-main-grid{grid-template-columns:1fr}}@media (max-width:600px){.dash-stat-row{grid-template-columns:1fr}.dash-tl-entry{margin-left:40px}}.simple-layout{background:#edf1f7;min-height:100vh}.simple-breadcrumb{padding:24px 32px 0}.simple-breadcrumb-title{color:#1a2236;font-size:22px;font-weight:700;margin:0}.simple-breadcrumb-subtitle{color:#7a8599;font-size:13px;margin:2px 0 0}.simple-content{padding:24px 32px 32px}.manage-top-bar{display:flex;justify-content:flex-end;margin-bottom:24px}.add-biz-btn{background:#ec407a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.add-biz-btn:hover{background:#d6336c;transform:translateY(-1px)}.manage-loading{color:#7a8599}.manage-empty{color:#7a8599;padding:60px 0;text-align:center}.manage-empty h3{color:#1a2236}.manage-biz-grid{display:flex;flex-wrap:wrap;gap:32px}.manage-biz-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:240px;justify-content:space-between;padding:28px;transition:all .3s ease;width:300px}.manage-biz-card:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-6px)}.manage-biz-logo{align-items:center;display:flex;flex:1 1;justify-content:center}.manage-biz-logo img{max-height:90px;max-width:70%;object-fit:contain}.manage-biz-placeholder{align-items:center;background:#edf1f7;border-radius:12px;color:#7a8599;display:flex;font-size:13px;height:80px;justify-content:center;width:80px}.manage-biz-name{background:linear-gradient(135deg,#2563eb,#1e40ff);border-radius:12px;color:#fff;font-size:15px;font-weight:600;letter-spacing:.3px;padding:12px;text-align:center;transition:box-shadow .3s ease}.manage-biz-card:hover .manage-biz-name{box-shadow:0 6px 16px #2563eb4d}.notif-page{margin:0 auto;max-width:720px;padding:32px 24px}.notif-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notif-page-title-group{display:flex;flex-direction:column;gap:4px}.notif-page-title{align-items:center;color:#1e293b;display:flex;font-size:22px;font-weight:700;gap:10px}.notif-page-title svg{flex-shrink:0}.notif-page-subtitle{color:#94a3b8;font-size:13px;margin-left:32px}.notif-mark-all-btn{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:8px;color:#2563eb;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .18s}.notif-mark-all-btn:hover{background:#eff6ff;border-color:#93c5fd}.notif-mark-all-btn svg{flex-shrink:0}.notif-filter-bar{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.notif-filter-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 18px;transition:all .18s}.notif-filter-tab:hover{background:#ffffff80;color:#334155}.notif-filter-tab.active{background:#fff;box-shadow:0 1px 4px #0000000f;color:#1e293b;font-weight:600}.notif-filter-count{background:#e2e8f0;border-radius:10px;color:#475569;font-size:11px;font-weight:700;min-width:18px;padding:1px 7px;text-align:center}.notif-filter-tab.active .notif-filter-count{background:#dbeafe;color:#2563eb}.notif-date-group{margin-bottom:24px}.notif-date-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 4px;text-transform:uppercase}.notif-card{align-items:flex-start;background:#fff;border:1px solid #f1f5f9;border-radius:12px;cursor:pointer;display:flex;gap:14px;margin-bottom:8px;padding:16px 18px;position:relative;transition:all .18s}.notif-card:hover{border-color:#e2e8f0;box-shadow:0 2px 12px #0000000a;transform:translateY(-1px)}.notif-card.unread{background:#eff6ff;border-color:#dbeafe}.notif-card.unread:hover{background:#e8f1ff;border-color:#bfdbfe;box-shadow:0 2px 12px #2563eb14}.notif-unread-dot{background:#2563eb;border-radius:50%;flex-shrink:0;height:8px;left:10px;position:absolute;top:18px;width:8px}.notif-icon-wrap{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notif-icon-wrap.info{background:#dbeafe;color:#2563eb}.notif-icon-wrap.success{background:#dcfce7;color:#16a34a}.notif-icon-wrap.warning{background:#fef3c7;color:#d97706}.notif-icon-wrap.alert{background:#fee2e2;color:#dc2626}.notif-icon-wrap.system{background:#f1f5f9;color:#64748b}.notif-body{flex:1 1;min-width:0}.notif-card-title{color:#1e293b;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:3px}.notif-card.unread .notif-card-title{color:#0f172a}.notif-card-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.notif-card.unread .notif-card-message{color:#475569}.notif-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding-top:2px}.notif-time{color:#94a3b8;font-size:11px;white-space:nowrap}.notif-card.unread .notif-time{color:#64748b;font-weight:500}.notif-read-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;opacity:0;padding:2px;transition:all .15s}.notif-card:hover .notif-read-btn{opacity:1}.notif-read-btn:hover{background:#eff6ff;color:#2563eb}.notif-empty-state{flex-direction:column;padding:64px 24px;text-align:center}.notif-empty-icon,.notif-empty-state{align-items:center;display:flex;justify-content:center}.notif-empty-icon{background:#f1f5f9;border-radius:16px;height:64px;margin-bottom:16px;width:64px}.notif-empty-title{color:#475569;font-size:15px;font-weight:600;margin-bottom:4px}.notif-empty-desc{color:#94a3b8;font-size:13px}.notif-skeleton{align-items:flex-start;background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:flex;gap:14px;margin-bottom:8px;padding:16px 18px}.notif-skel-icon{animation:notifShimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:10px;flex-shrink:0;height:40px;width:40px}.notif-skel-body{display:flex;flex:1 1;flex-direction:column;gap:8px}.notif-skel-line{animation:notifShimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:6px;height:12px}.notif-skel-line.w60{width:60%}.notif-skel-line.w80{width:80%}.notif-skel-line.w40{width:40%}@keyframes notifShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.notif-page{padding:16px 12px}.notif-page-header{align-items:flex-start;flex-direction:column;gap:12px}.notif-card{gap:10px;padding:12px 14px}}.user-filter-bar{margin-bottom:20px}.user-filter-tabs{background:#dde2ea;border-radius:20px;display:inline-flex;overflow:hidden}.user-filter-tab{background:#0000;border:none;border-radius:20px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s ease}.user-filter-tab.active{background:#5b8af5;color:#fff}.user-filter-tab:hover:not(.active){background:#0000000d}.user-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden}.user-table-top{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.user-search-wrapper{position:relative}.user-search-input{border:1px solid #dde2ea;border-radius:20px;font-size:13px;outline:none;padding:8px 36px 8px 14px;transition:border-color .2s ease;width:200px}.user-search-input:focus{border-color:#5b8af5}.user-search-icon{font-size:14px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.user-tbl{border-collapse:collapse;width:100%}.user-tbl th{border-bottom:2px solid #edf1f7;color:#1a2236;font-size:13px;font-weight:600;padding:12px 20px;text-align:left}.user-tbl td{border-bottom:1px solid #f0f3f7;color:#4a5568;font-size:13px;padding:14px 20px}.user-tbl tbody tr:hover{background:#f8fafc}.tbl-empty{color:#7a8599;padding:40px 20px!important;text-align:center}.user-name-cell{align-items:center;display:flex;gap:10px}.user-name-avatar{flex-shrink:0}.user-avatar-img{border:1px solid #edf1f7;border-radius:50%;height:28px;object-fit:cover;width:28px}.user-name-text{color:#1a2236;font-size:13px;font-weight:600}.user-email-text{color:#7a8599;font-size:11px;margin-top:1px}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 14px}.status-badge.active{background:#4ade80;color:#fff}.status-badge.inactive{background:#ef4444;color:#fff}.user-actions{align-items:center;display:flex;gap:6px}.icon-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:6px;transition:all .2s ease}.icon-btn:hover{background:#edf1f7;transform:scale(1.1)}.icon-btn.delete:hover{background:#fee2e2}.toggle-btn{border:none;border-radius:14px;cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.toggle-btn.deactivate{background:#ef4444;color:#fff}.toggle-btn.deactivate:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.toggle-btn.activate{background:#22c55e;color:#fff}.toggle-btn.activate:hover{background:#16a34a;box-shadow:0 2px 8px #22c55e4d;transform:translateY(-1px)}.form-card{margin:0 auto;max-width:680px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{background:#fff;border:1px solid #dde2ea;border-radius:10px;color:#1a2236;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#5b8af5;box-shadow:0 0 0 3px #5b8af51f}.form-group input::placeholder{color:#a0aec0}.avatar-upload-area{align-items:center;display:flex;flex-direction:column;margin-bottom:28px}.avatar-upload-circle{align-items:center;background:#f3f5f8;border:3px dashed #c8ced8;border-radius:50%;cursor:pointer;display:flex;height:110px;justify-content:center;overflow:hidden;position:relative;transition:all .25s ease;width:110px}.avatar-upload-circle:hover{background:#edf1f7;border-color:#5b8af5;transform:scale(1.03)}.avatar-preview-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{height:100%;width:100%}.avatar-placeholder,.avatar-upload-icon{align-items:center;display:flex;justify-content:center}.avatar-upload-icon{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 6px #00000026;font-size:14px;height:28px;position:absolute;right:4px;width:28px}.avatar-hint{color:#7a8599;font-size:12px;margin-top:8px}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.form-chip{align-items:center;background:#edf1f7;border-radius:16px;color:#1a2236;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.form-chip button{background:#0000;border:none;color:#7a8599;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:0}.form-chip button:hover{color:#ef4444}.form-submit-btn{background:#c8ced8;border:none;border-radius:10px;color:#fff;cursor:not-allowed;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.form-submit-btn.active{background:#1a2236;cursor:pointer}.form-submit-btn.active:hover{background:#2a3550;transform:translateY(-1px)}.logo-upload-area{margin-bottom:28px}.logo-upload-area,.logo-upload-box{display:flex;justify-content:center}.logo-upload-box{align-items:center;background:#f3f5f8;border:2px dashed #c8ced8;border-radius:20px;cursor:pointer;height:140px;overflow:hidden;transition:all .2s ease;width:140px}.logo-upload-box:hover{background:#edf1f7;border-color:#5b8af5}.logo-upload-box img{height:100%;object-fit:cover;width:100%}.logo-upload-text{color:#7a8599;font-size:13px;font-weight:500}.success-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0;text-align:center}.success-icon{height:120px;margin-bottom:24px;width:120px}.success-text{color:#1a2236;font-size:20px;font-weight:700}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.rp-page{margin:0 auto;max-width:860px}.rp-tab-bar{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.rp-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:all .18s}.rp-tab:hover{background:#ffffff80;color:#334155}.rp-tab.active{background:#fff;box-shadow:0 1px 4px #0000000f;color:#1e293b;font-weight:600}.rp-tab svg{flex-shrink:0}.rp-tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:1px 7px;text-align:center}.rp-content{animation:rpFadeIn .2s ease}@keyframes rpFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rp-request-list{display:flex;flex-direction:column;gap:10px}.rp-request-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:flex;gap:16px;padding:18px 20px;transition:all .18s}.rp-request-card:hover{border-color:#e2e8f0;box-shadow:0 2px 12px #0000000a}.rp-request-avatar{flex-shrink:0}.rp-request-info{flex:1 1;min-width:0}.rp-request-name{color:#1e293b;font-size:14px;font-weight:600}.rp-request-email{color:#64748b;font-size:12px;margin-top:2px}.rp-request-time{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:4px;margin-top:4px}.rp-request-status{flex-shrink:0}.rp-status-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.rp-status-badge.pending{background:#fef3c7;color:#92400e}.rp-status-badge.approved{background:#dcfce7;color:#166534}.rp-status-badge.rejected{background:#fee2e2;color:#991b1b}.rp-request-actions{display:flex;flex-shrink:0;gap:8px}.rp-btn-approve{align-items:center;background:#dcfce7;border:none;border-radius:8px;color:#16a34a;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px;transition:all .18s}.rp-btn-approve:hover{background:#16a34a;color:#fff}.rp-btn-reject{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px;transition:all .18s}.rp-btn-reject:hover{background:#dc2626;color:#fff}.rp-manual-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;max-width:560px;padding:24px}.rp-manual-header{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:10px;margin-bottom:24px;padding:10px 14px}.rp-manual-header svg{flex-shrink:0}.rp-form-group{margin-bottom:18px}.rp-form-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.rp-req{color:#ef4444}.rp-form-input,.rp-form-select{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:13px;outline:none;padding:10px 14px;transition:all .18s;width:100%}.rp-form-input:focus,.rp-form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rp-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rp-form-hint{display:block;font-size:11px;margin-top:4px}.rp-form-hint.error{color:#ef4444}.rp-form-hint.success{color:#16a34a}.rp-form-submit{align-items:center;background:#e2e8f0;border:none;border-radius:8px;color:#94a3b8;cursor:not-allowed;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:11px;transition:all .2s;width:100%}.rp-form-submit.active{background:#2563eb;color:#fff;cursor:pointer}.rp-form-submit.active:hover{background:#1d4ed8}.rp-history-table-wrap{background:#fff;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.rp-history-table{border-collapse:collapse;font-size:13px;width:100%}.rp-history-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:left;text-transform:uppercase}.rp-history-table td{border-bottom:1px solid #f8fafc;color:#334155;padding:12px 16px}.rp-history-table tbody tr:hover{background:#f8fafc}.rp-hist-user{font-weight:600}.rp-hist-time{color:#94a3b8;font-size:12px}.rp-empty{flex-direction:column;padding:64px 24px;text-align:center}.rp-empty,.rp-empty-icon{align-items:center;display:flex;justify-content:center}.rp-empty-icon{background:#f1f5f9;border-radius:16px;height:64px;margin-bottom:16px;width:64px}.rp-empty-title{color:#475569;font-size:15px;font-weight:600;margin-bottom:4px}.rp-empty-desc{color:#94a3b8;font-size:13px}.rp-loading{align-items:center;display:flex;justify-content:center;padding:60px}.rp-spinner{animation:rpSpin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:32px;width:32px}@keyframes rpSpin{to{transform:rotate(1turn)}}@media (max-width:640px){.rp-request-card{align-items:flex-start;flex-direction:column;gap:12px}.rp-request-actions{width:100%}.rp-btn-approve,.rp-btn-reject{flex:1 1;justify-content:center}.rp-form-row{grid-template-columns:1fr}}.biz-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden;padding:8px 0}.biz-tbl{border-collapse:collapse;width:100%}.biz-tbl th{border-bottom:2px solid #edf1f7;color:#1a2236;font-size:13px;font-weight:600;padding:14px 24px;text-align:left}.biz-tbl td{border-bottom:1px solid #f0f3f7;color:#4a5568;font-size:13px;padding:16px 24px;vertical-align:middle}.biz-tbl tbody tr:hover{background:#f8fafc}.biz-tbl-empty{color:#7a8599;padding:40px 24px!important;text-align:center}.biz-logo-img{object-fit:contain}.biz-logo-img,.biz-logo-placeholder{border-radius:4px;height:40px;width:56px}.biz-logo-placeholder{align-items:center;background:#edf1f7;color:#7a8599;display:flex;font-size:12px;justify-content:center}.biz-name-cell{color:#1a2236;font-size:14px;font-weight:600}.biz-status{border-radius:14px;display:inline-block;font-size:12px;font-weight:600;padding:4px 16px}.biz-status.active{background:#4ade80;color:#fff}.biz-status.inactive{background:#ef4444;color:#fff}.biz-actions{align-items:center;display:flex;gap:6px}.biz-icon-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:6px;transition:all .2s ease}.biz-icon-btn:hover{background:#edf1f7;transform:scale(1.1)}.biz-icon-btn.delete:hover{background:#fee2e2}.biz-toggle-btn{border:none;border-radius:14px;cursor:pointer;font-size:11px;font-weight:600;padding:5px 14px;transition:all .2s ease;white-space:nowrap}.biz-toggle-btn.deactivate{background:#ef4444;color:#fff}.biz-toggle-btn.deactivate:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.biz-toggle-btn.activate{background:#22c55e;color:#fff}.biz-toggle-btn.activate:hover{background:#16a34a;box-shadow:0 2px 8px #22c55e4d}.edit-biz-wrapper{display:flex;justify-content:center;padding:20px 0}.edit-biz-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;max-width:560px;padding:48px 40px;width:100%}.edit-biz-logo-area{display:flex;justify-content:center;margin-bottom:32px}.edit-biz-logo-circle{height:150px;position:relative;width:150px}.edit-biz-logo-label{align-items:center;background:#1a2236;border:3px solid #2a3550;border-radius:50%;cursor:pointer;display:flex;height:150px;justify-content:center;overflow:hidden;transition:all .25s ease;width:150px}.edit-biz-logo-label:hover{border-color:#5b8af5;transform:scale(1.02)}.edit-biz-logo-img{height:100%;object-fit:contain;padding:12px;width:100%}.edit-biz-logo-placeholder{color:#7a8599;font-size:13px;font-weight:500;text-align:center}.edit-biz-logo-remove{align-items:center;background:#ef4444;border:none;border-radius:50%;bottom:4px;box-shadow:0 2px 8px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;right:4px;transition:all .2s ease;width:28px}.edit-biz-logo-remove:hover{background:#dc2626;transform:scale(1.1)}.edit-biz-input-group{margin-bottom:20px}.edit-biz-input{border:1px solid #dde2ea;border-radius:10px;color:#1a2236;font-size:15px;outline:none;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.edit-biz-input:focus{border-color:#5b8af5;box-shadow:0 0 0 3px #5b8af51f}.edit-biz-submit{background:#c8ced8;border:none;border-radius:10px;color:#fff;cursor:not-allowed;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.edit-biz-submit.active{background:#ef4444;cursor:pointer}.edit-biz-submit.active:hover{background:#dc2626;box-shadow:0 4px 14px #ef44444d;transform:translateY(-1px)}.flyout-sidebar-wrapper{bottom:0;display:flex;left:0;position:fixed;top:0;z-index:100}.flyout-icon-bar{align-items:center;background:linear-gradient(180deg,#1e3a5f,#1a2d4a);display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;overflow-y:auto;padding:6px 0;width:48px}.flyout-icon-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:center;padding:13px 0;position:relative;transition:all .15s ease;width:100%}.flyout-icon-item:hover{background:#ffffff14}.flyout-icon-item.active{background:#ffffff1f}.flyout-icon{filter:grayscale(.2);font-size:20px}.flyout-tooltip-fixed{animation:tooltipFadeIn .12s ease;background:#1a2236;border-radius:6px;box-shadow:0 2px 8px #00000040;color:#fff;font-size:12px;font-weight:500;left:56px;padding:6px 12px;pointer-events:none;position:fixed;transform:translateY(-50%);white-space:nowrap;z-index:99999}.flyout-tooltip-fixed:before{border:5px solid #0000;border-right-color:#1a2236;content:"";left:-5px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.flyout-panel{animation:flyoutSlideIn .2s ease;background:#fff;box-shadow:6px 0 24px #0000001f;min-height:100vh;overflow-y:auto;padding:24px 20px;width:380px}@keyframes flyoutSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.flyout-panel-title{color:#1a2236;font-size:18px;font-weight:600;margin:0 0 10px}.flyout-panel-divider{border-radius:2px;height:3px;margin-bottom:18px}.flyout-panel-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.flyout-panel-item{align-items:center;border:1.5px solid;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:88px;padding:14px 6px;text-align:center;transition:all .2s ease}.flyout-panel-item:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-2px)}.flyout-item-icon{font-size:26px;margin-bottom:6px}.flyout-item-label{color:#333;font-size:11px;font-weight:500;line-height:1.25}.flyout-icon-bar::-webkit-scrollbar,.flyout-panel::-webkit-scrollbar{width:3px}.flyout-icon-bar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.flyout-panel::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.tab-bar{align-items:flex-end;background:#f0f0f0;border-bottom:1px solid #ddd;display:flex;min-height:34px}.tab-bar-scroll{-ms-overflow-style:none;display:flex;flex:1 1;overflow-x:auto;scrollbar-width:none}.tab-bar-scroll::-webkit-scrollbar{display:none}.tab-item{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;max-width:180px;min-width:0;padding:7px 14px;position:relative;transition:all .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.tab-item:hover{background:#eaeaea}.tab-item.active{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600;z-index:1}.tab-item:first-child{background:#e8e8e8}.tab-item:first-child.active{background:#fff}.tab-item.active:not(:first-child){border-top:2px solid #e91e63}.tab-title{overflow:hidden;text-overflow:ellipsis}.tab-close{background:#0000;border:none;border-radius:3px;color:#999;cursor:pointer;flex-shrink:0;font-size:12px;line-height:1;padding:0 2px;transition:all .12s ease}.tab-close:hover{background:#f44;color:#fff}.pref-layout{display:flex;min-height:calc(100vh - 80px);position:relative}.pref-sidebar{background:#f0f0f0;border-right:1px solid #ddd;flex-shrink:0;width:130px}.pref-sidebar-item{border-bottom:1px solid #e5e5e5;border-left:3px solid #0000;color:#555;cursor:pointer;font-size:13px;padding:10px 12px;text-align:right;transition:all .12s ease}.pref-sidebar-item:hover{background:#e8e8e8}.pref-sidebar-item.active{background:#fff;border-left-color:#e91e63;color:#1a2236;font-weight:600}.pref-sidebar-item.accent.active{border-left-color:#f59e0b}.pref-content{flex:1 1;overflow-y:auto;padding:16px 24px}.pref-footer{align-items:center;background:#f8f8f8;border-top:1px solid #ddd;bottom:0;display:flex;gap:10px;height:48px;justify-content:flex-end;left:48px;padding:0 20px;position:fixed;right:0;z-index:10}.pref-help-btn{background:#ef4444;border-radius:50%;font-size:16px;height:36px;width:36px}.pref-help-btn,.pref-save-btn{border:none;color:#fff;cursor:pointer}.pref-save-btn{background:#f59e0b;border-radius:4px;font-size:13px;font-weight:600;padding:8px 20px;transition:background .15s ease}.pref-save-btn:hover{background:#d97706}.pref-tabs{border-bottom:2px solid #eee;display:flex;margin-bottom:16px}.pref-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:13px;margin-bottom:-2px;padding:8px 16px;transition:all .12s ease}.pref-tab:hover{color:#333}.pref-tab.active{border-bottom-color:#1a2236;color:#1a2236;font-weight:600}.pref-form{max-width:700px}.pref-form-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.pref-form-label{color:#333;flex-shrink:0;font-size:13px;font-weight:500;padding-top:8px;text-align:right;width:150px}.pref-form-field{flex:1 1}.pref-form-field input,.pref-form-field select,.pref-form-field textarea{border:1px solid #ccc;border-radius:3px;color:#333;font-size:13px;padding:8px 10px;width:100%}.pref-form-field textarea{resize:vertical}.pref-form-field input:focus,.pref-form-field select:focus,.pref-form-field textarea:focus{border-color:#3b82f6;outline:none}.pref-form-row-inline{display:flex;gap:12px;margin-bottom:14px;margin-left:162px}.pref-form-row-inline input{border:1px solid #ccc;border-radius:3px;flex:1 1;font-size:13px;padding:8px 10px}.pref-section-title{border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:600;margin:0 0 10px;padding-bottom:6px}.pref-section-title.blue{color:#2563eb}.pref-columns{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.pref-check-item,.pref-radio-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:4px 0}.pref-check-item input,.pref-radio-item input{accent-color:#3b82f6;cursor:pointer}.pref-link{color:#3b82f6;font-size:12px;font-style:italic}.pref-warning{background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;color:#991b1b;font-size:13px;line-height:1.5;margin-bottom:16px;padding:10px 16px}.pref-bold-text{color:#1a2236;font-size:13px;font-weight:600;margin:10px 0 4px}.pref-setting-row{border-bottom:1px solid #f0f3f7;margin-bottom:16px;padding-bottom:12px}.pref-desc{color:#7a8599;font-size:12px;line-height:1.5;margin:2px 0 6px 24px}.pref-inline-input{align-items:center;color:#333;display:flex;font-size:13px;gap:8px;margin:6px 0 0 24px}.pref-inline-input input{border:1px solid #ccc;border-radius:3px;font-size:13px;padding:4px 8px;text-align:center}.pref-section-save-btn{background:#f59e0b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:background .15s ease}.pref-section-save-btn:hover{background:#d97706}.pref-akun-form{display:flex;flex-direction:column;gap:18px;padding:8px 0}.pref-akun-row{align-items:flex-start;display:flex;gap:16px}.pref-akun-label{color:#333;flex-shrink:0;font-size:13px;padding-top:8px;text-align:right;width:180px}.pref-akun-field{flex:1 1;max-width:600px}.pref-akun-select-wrap{position:relative}.pref-akun-tag{align-items:center;background:#e8f0fe;border:1px solid #a4c8f0;border-radius:3px;color:#1a3c6e;display:inline-flex;font-size:12px;gap:6px;margin-bottom:4px;padding:4px 8px}.pref-akun-tag-x{color:#5a8abf;cursor:pointer;font-size:11px;font-weight:700;margin-left:2px}.pref-akun-tag-x:hover{color:#c0392b}.pref-akun-search-box{align-items:center;background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;display:flex;padding:5px 10px}.pref-akun-search-input{background:#0000;border:none;flex:1 1;font-size:13px;outline:none}.pref-akun-placeholder{color:#aaa;flex:1 1;font-size:13px}.pref-akun-search-icon{color:#888;font-size:13px;margin-left:6px}.pref-akun-dropdown{background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 12px #0000001f;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.pref-akun-option{color:#333;cursor:pointer;font-size:12.5px;overflow:hidden;padding:7px 10px;text-overflow:ellipsis;white-space:nowrap}.pref-akun-option:hover{background:#e8f0fe}.pref-akun-option.selected{background:#d0e2f7;font-weight:600}.pref-akun-opt-kode{color:#666;font-weight:600}.pref-akun-empty{color:#999;font-size:13px;padding:10px;text-align:center}.pref-akun-hint{color:#c0392b;font-size:12px;font-style:italic;line-height:1.5;margin-left:196px;max-width:600px}.biz-dashboard-layout{zoom:1.25;background:#edf1f7;display:flex;min-height:100vh}.biz-dashboard-main{margin-left:48px;min-height:100vh}.biz-dashboard-content,.biz-dashboard-main{display:flex;flex:1 1;flex-direction:column}.biz-tab-content-area{flex:1 1}.biz-tab-panel{min-height:calc(100vh - 100px)}.biz-dashboard-welcome{align-items:center;display:flex;justify-content:center;min-height:400px}.merek-page{display:flex;flex-direction:column;height:100%}.merek-subtab-bar{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.merek-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.merek-subtab:hover{color:#334155}.merek-subtab.active,.merek-subtab.active-form{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.merek-subtab-icon{padding:10px 14px}.merek-subtab-close{color:#94a3b8;cursor:pointer;font-size:13px;line-height:1;margin-left:4px}.merek-subtab-close:hover{color:#ef4444}.merek-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.merek-toolbar-left,.merek-toolbar-right{align-items:center;display:flex;gap:6px}.merek-btn-add{background:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 14px;transition:background .15s}.merek-btn-add:hover{background:#1d4ed8}.merek-btn-refresh{background:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .15s}.merek-btn-refresh:hover{background:#f9fafb;border-color:#9ca3af}.merek-btn-tool{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:2px;padding:5px 10px;transition:all .15s}.merek-btn-tool:hover{background:#f9fafb;border-color:#9ca3af}.merek-search-wrapper{position:relative}.merek-search-input{border:1px solid #d1d5db;border-radius:5px;font-size:13px;outline:none;padding:6px 30px 6px 10px;width:180px}.merek-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.merek-search-icon{font-size:13px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.merek-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:13px;min-width:28px;padding:5px 12px;text-align:center}.merek-list{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.merek-table-wrap{flex:1 1;overflow:auto}.merek-tbl{border-collapse:collapse;font-size:13px;width:100%}.merek-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.merek-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.merek-tbl td,.merek-tbl th{font-size:13px;padding:10px 12px}.merek-tbl td{border-bottom:1px solid #f1f5f9;color:#334155}.merek-tbl tbody tr.merek-row{cursor:pointer}.merek-tbl tbody tr.merek-row:hover{background:#f0f7ff}.merek-tbl-empty{color:#9ca3af;font-size:14px;font-weight:600;padding:60px 16px!important;text-align:center}.merek-tbl-sort{color:#cbd5e1;font-size:12px;text-align:center;width:36px}.merek-form{background:#f8fafc;display:flex;flex:1 1;flex-direction:column}.merek-form-body{display:flex;flex:1 1;min-height:0}.merek-form-content{flex:1 1;overflow-y:auto}.merek-form-tab-bar{background:#fff;border-bottom:2px solid #e2e8f0;padding:0 24px}.merek-form-tab{border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;margin-bottom:-2px;padding:10px 16px}.merek-form-tab.active{border-bottom-color:#0000;color:#1e293b;font-weight:600}.merek-form-fields{padding:20px 24px}.merek-form-row{align-items:center;display:flex;gap:16px;margin-bottom:12px}.merek-form-label{color:#374151;font-size:13px;font-weight:500;min-width:60px}.merek-required{color:#ef4444}.merek-form-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;max-width:300px;outline:none;padding:7px 10px;width:100%}.merek-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.merek-action-panel{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 8px;width:72px}.merek-split-btn{border-radius:5px;box-shadow:0 1px 3px #00000026;display:flex;overflow:hidden;width:100%}.merek-split-main{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;height:40px;justify-content:center;padding:0;transition:filter .15s}.merek-split-main:hover{filter:brightness(1.12)}.merek-split-main.disabled,.merek-split-main:disabled{cursor:not-allowed;filter:none;opacity:.4}.merek-split-save{background:#94a3b8}.merek-split-delete{background:#ef4444}.plg-page{display:flex;flex-direction:column;height:100%}.plg-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.plg-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.plg-subtab:hover{background:#eaeaea}.plg-subtab.active,.plg-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.plg-subtab.active-form{border-top:2px solid #e91e63}.plg-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.plg-subtab-close:hover{background:#f44;color:#fff}.plg-filter-bar{background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.plg-filter-group{align-items:center;display:flex;gap:6px}.plg-filter-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:4px 8px}.plg-filter-btn{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.plg-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.plg-toolbar-left,.plg-toolbar-right{display:flex;gap:6px}.plg-toolbar-right{align-items:center}.plg-btn-add{background:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.plg-btn-add:hover{background:#16a34a}.plg-btn-refresh{font-size:14px;padding:5px 10px}.plg-btn-refresh,.plg-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer}.plg-toolbar-icon{font-size:12px;padding:4px 8px}.plg-search-wrapper{position:relative}.plg-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.plg-search-input:focus{border-color:#5b8af5;outline:none}.plg-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.plg-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.plg-list{flex:1 1;overflow:auto}.plg-tbl{border-collapse:collapse;width:100%}.plg-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.plg-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none}.plg-tbl td,.plg-tbl th{font-size:12px;padding:8px 12px}.plg-tbl td{border-bottom:1px solid #f0f0f0;color:#374151}.plg-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.plg-tbl-empty{padding:40px 12px!important}.plg-tbl-empty,.plg-tbl-num{color:#9ca3af;text-align:center}.plg-actions{display:flex;gap:2px}.plg-btn-delete,.plg-btn-edit{background:#0000;border:none;border-radius:3px;cursor:pointer;font-size:14px;padding:2px 4px}.plg-btn-edit:hover{background:#e0f2fe}.plg-btn-delete:hover{background:#fee2e2}.plg-form{display:flex;flex:1 1;flex-direction:column;position:relative}.plg-form-tabs{background:#fafafa;border-bottom:1px solid #ddd;display:flex}.plg-form-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .15s}.plg-form-tab:hover{background:#f0f0f0;color:#1a2236}.plg-form-tab.active{border-bottom-color:#1a2236;color:#1a2236;font-weight:600}.plg-form-body{flex:1 1;overflow-y:auto;padding:16px 80px 16px 20px}.plg-two-col{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.plg-section-title{border-bottom:1px solid #e5e7eb;color:#0ea5e9;font-size:14px;font-weight:600;margin:0 0 14px;padding-bottom:6px}.plg-section-title-plain{color:#1a2236;font-size:14px;font-weight:600;margin:0}.plg-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.plg-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.plg-req{color:#e53e3e;margin-left:2px}.plg-fv{flex:1 1}.plg-fv input,.plg-fv select,.plg-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 8px;width:100%}.plg-fv input:focus,.plg-fv select:focus,.plg-fv textarea:focus{border-color:#5b8af5}.plg-full-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;margin-bottom:6px;outline:none;padding:6px 8px;width:100%}.plg-full-input:focus{border-color:#5b8af5}.plg-inline-row{display:flex;gap:8px;margin-bottom:6px}.plg-inline-row input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:6px 8px}.plg-inline-row input:focus{border-color:#5b8af5}.plg-id-row{align-items:center;display:flex;gap:10px}.plg-id-row select{border:1px solid #d1d5db;border-radius:3px;font-size:12px;padding:6px 8px}.plg-toggle{cursor:pointer;display:inline-block;height:20px;position:relative;width:36px}.plg-toggle input{height:0;opacity:0;width:0}.plg-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.plg-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.plg-toggle input:checked+.plg-toggle-slider{background:#3b82f6}.plg-toggle input:checked+.plg-toggle-slider:before{transform:translateX(16px)}.plg-search-field{position:relative}.plg-search-field input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 8px;width:100%}.plg-search-field input:focus{border-color:#5b8af5}.plg-sf-icon{color:#9ca3af;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.plg-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;margin-bottom:6px}.plg-check-item input[type=checkbox]{margin:0}.plg-radio-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;margin-bottom:8px}.plg-radio-item input[type=radio]{margin:0}.plg-indent{margin-bottom:12px;padding-left:24px}.plg-inline-num{border:1px solid #d1d5db;border-radius:3px;font-size:12px;margin:0 6px;padding:4px 6px;text-align:center;width:60px}.plg-currency-input{align-items:center;display:inline-flex;gap:4px;margin-left:6px}.plg-currency-input input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;padding:4px 6px;text-align:right;width:120px}.plg-currency-input span{color:#9ca3af;font-size:11px}.plg-id-preview{display:flex;flex-direction:column;gap:4px}.plg-id-note{color:#6b7280}.plg-id-note,.plg-note{font-size:11px;font-style:italic}.plg-note{background:#fef3f2;border:1px solid #fecaca;border-radius:4px;color:#e53e3e;line-height:1.5;margin-top:8px;padding:10px}.plg-section-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.plg-btn-add-sm{background:#fff;border:1px solid #3b82f6;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:3px 10px}.plg-btn-add-sm:hover{background:#eff6ff}.plg-btn-ambil{background:#fff;border:1px solid #d0d0d0;border-radius:3px;cursor:pointer;font-size:12px;padding:3px 10px}.plg-btn-remove{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.plg-btn-remove:hover{background:#fee2e2}.plg-inner-tbl{border-collapse:collapse;width:100%}.plg-inner-tbl th{background:#6b7280;color:#fff;font-size:11px;font-weight:600;padding:6px 10px;text-align:left}.plg-inner-tbl td{border-bottom:1px solid #f0f0f0;padding:4px 6px}.plg-inner-tbl td input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:100%}.plg-inner-tbl td input:focus{border-color:#5b8af5}.plg-form-sidebar-right{display:flex;flex-direction:column;gap:8px;padding:8px;position:absolute;right:0;top:40px}.plg-btn-save{align-items:center;background:#e0e0e0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:background .15s;width:48px}.plg-btn-save:hover{background:#d0d0d0}.plg-btn-save:disabled{cursor:not-allowed;opacity:.5}.plg-btn-attach{align-items:center;background:#60a5fa;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:background .15s;width:48px}.plg-btn-attach:hover{background:#3b82f6}.pnm-page{display:flex;flex-direction:column;height:100%}.pnm-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pnm-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s}.pnm-subtab:hover{background:#eaeaea}.pnm-subtab.active,.pnm-subtab.active-form{background:#fff;color:#1a2236;font-weight:600}.pnm-subtab.active-form{border-top:2px solid #e91e63}.pnm-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.pnm-subtab-close:hover{background:#f44;color:#fff}.pnm-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pnm-toolbar-left{display:flex;gap:6px}.pnm-toolbar-right{align-items:center;display:flex;gap:8px}.pnm-btn-add{background:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.pnm-btn-add:hover{background:#16a34a}.pnm-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.pnm-search-wrapper{position:relative}.pnm-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pnm-search-input:focus{border-color:#5b8af5;outline:none}.pnm-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pnm-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pnm-list{flex:1 1;overflow:auto}.pnm-tbl{border-collapse:collapse;width:100%}.pnm-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pnm-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left}.pnm-tbl td,.pnm-tbl th{font-size:12px;padding:8px 12px}.pnm-tbl td{border-bottom:1px solid #f0f0f0;color:#374151}.pnm-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pnm-tbl-empty{padding:40px 12px!important}.pnm-tbl-empty,.pnm-tbl-num{color:#9ca3af;text-align:center}.pnm-actions{display:flex;gap:2px}.pnm-btn-delete,.pnm-btn-edit{background:#0000;border:none;border-radius:3px;cursor:pointer;font-size:14px;padding:2px 4px}.pnm-btn-edit:hover{background:#e0f2fe}.pnm-btn-delete:hover{background:#fee2e2}.pnm-form{display:flex;flex:1 1;flex-direction:column;position:relative}.pnm-form-tabs{background:#fafafa;border-bottom:1px solid #ddd;display:flex}.pnm-form-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px}.pnm-form-tab:hover{background:#f0f0f0;color:#1a2236}.pnm-form-tab.active{border-bottom-color:#1a2236;color:#1a2236;font-weight:600}.pnm-form-body{flex:1 1;overflow-y:auto;padding-right:70px}.pnm-form-content{padding:16px 20px}.pnm-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pnm-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:180px;padding-top:7px}.pnm-req{color:#e53e3e;margin-left:2px}.pnm-fv{flex:1 1}.pnm-fv input,.pnm-fv select{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 8px}.pnm-fv input:focus,.pnm-fv select:focus{border-color:#5b8af5}.pnm-fv input{max-width:300px;width:100%}.pnm-fv select{width:300px}.pnm-komponen-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pnm-komponen-row select{width:200px}.pnm-btn-add-komponen{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.pnm-btn-add-komponen:hover{background:#388e3c}.pnm-teks-input-wrapper{align-items:center;display:flex;position:relative}.pnm-teks-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:6px 28px 6px 8px;width:160px}.pnm-teks-input:focus{border-color:#5b8af5}.pnm-teks-clear{background:none;border:none;color:#999;cursor:pointer;font-size:13px;padding:0;position:absolute;right:6px}.pnm-teks-clear:hover{color:#333}.pnm-komponen-tags{background:#fafafa;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:32px;padding:8px}.pnm-tag{align-items:center;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:3px;color:#0369a1;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.pnm-tag-remove{background:none;border:none;color:#0369a1;cursor:pointer;font-size:12px;font-weight:700;padding:0 2px}.pnm-tag-remove:hover{color:#e53e3e}.pnm-preview{color:#1a2236;font-size:22px;font-weight:700;margin-bottom:8px}.pnm-warnings{background:#5b9bd5;border-radius:6px;color:#fff;font-size:12px;line-height:1.6;padding:12px 16px}.pnm-warnings ul{margin:0;padding-left:18px}.pnm-warnings li{margin-bottom:2px}.pnm-section-title{border-bottom:1px solid #e5e7eb;color:#1a2236;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:6px}.pnm-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.pnm-check-item input[type=checkbox]{margin:0}.pnm-counter-tbl{border-collapse:collapse;margin-bottom:16px;width:50%}.pnm-counter-tbl th{background:#6b7280;color:#fff;font-size:12px;font-weight:600;padding:8px 16px;text-align:left}.pnm-counter-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:8px 16px}.pnm-counter-tbl tbody tr:hover{background:#f8fafc}.pnm-counter-note{border-left:3px solid #e53e3e;margin-top:16px;padding:8px 12px}.pnm-counter-note p{color:#e53e3e;font-size:12px;font-style:italic;line-height:1.5;margin:0}.pnm-form-sidebar-right{display:flex;flex-direction:column;gap:8px;padding:8px;position:absolute;right:0;top:40px}.pnm-btn-save{align-items:center;background:#e0e0e0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.pnm-btn-save:hover{background:#d0d0d0}.pnm-btn-save:disabled{cursor:not-allowed;opacity:.5}.pnm-btn-more{align-items:center;background:#c8e6c9;border:1px solid #a5d6a7;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;width:48px}.pnm-btn-more:hover{background:#a5d6a7}.pnm-btn-delete-side{align-items:center;background:#ffcdd2;border:1px solid #ef9a9a;border-radius:4px;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;width:48px}.pnm-btn-delete-side:hover{background:#ef9a9a}.akp-page{display:flex;flex-direction:column;height:100%}.akp-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.akp-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px}.akp-subtab.active,.akp-subtab.active-form{background:#fff;color:#1a2236;font-weight:600}.akp-subtab.active-form{border-top:2px solid #e91e63}.akp-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.akp-subtab-close:hover{background:#f44;color:#fff}.akp-filter-bar{background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:6px;padding:8px 12px}.akp-filter-select{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:4px 8px}.akp-filter-btn{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.akp-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.akp-toolbar-left,.akp-toolbar-right{display:flex;gap:6px}.akp-toolbar-right{align-items:center}.akp-btn-add{background:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.akp-btn-add:hover{background:#16a34a}.akp-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.akp-btn-seed{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}.akp-btn-seed:hover{background:#2563eb}.akp-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.akp-search-wrapper{position:relative}.akp-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.akp-search-input:focus{border-color:#5b8af5;outline:none}.akp-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.akp-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.akp-list{flex:1 1;overflow:auto}.akp-tbl{border-collapse:collapse;width:100%}.akp-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.akp-tbl th{background:#6b7280;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}.akp-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:7px 10px}.akp-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.akp-tbl-empty{color:#9ca3af;padding:40px 12px!important;text-align:center}.akp-kode{color:#1a2236;font-weight:600}.akp-sub{padding-left:24px!important}.akp-form{display:flex;flex:1 1;flex-direction:column;position:relative}.akp-form-tabs{background:#fafafa;border-bottom:1px solid #ddd;display:flex}.akp-form-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px}.akp-form-tab:hover{background:#f0f0f0;color:#1a2236}.akp-form-tab.active{border-bottom-color:#1a2236;color:#1a2236;font-weight:600}.akp-form-body{flex:1 1;overflow-y:auto;padding-right:70px}.akp-form-content{padding:16px 20px}.akp-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.akp-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:140px;padding-top:7px}.akp-req{color:#e53e3e;margin-left:2px}.akp-fv{flex:1 1}.akp-fv input,.akp-fv select,.akp-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;max-width:350px;outline:none;padding:6px 8px;width:100%}.akp-fv input:focus,.akp-fv select:focus,.akp-fv textarea:focus{border-color:#5b8af5}.akp-hint{color:#9ca3af;font-size:11px;font-style:italic;margin-left:12px}.akp-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.akp-check-item input{margin:0}.akp-section-title{border-bottom:1px solid #e5e7eb;color:#1a2236;font-size:14px;font-weight:600;margin:0 0 14px;padding-bottom:6px}.akp-currency-input{align-items:center;display:flex;max-width:250px}.akp-currency-prefix{background:#f3f4f6;border:1px solid #d1d5db;border-radius:3px 0 0 3px;border-right:none;color:#6b7280;font-size:12px;padding:6px 10px}.akp-currency-input input{border-radius:0 3px 3px 0!important;flex:1 1}.akp-form-sidebar-right{display:flex;flex-direction:column;gap:8px;padding:8px;position:absolute;right:0;top:40px}.akp-btn-save{align-items:center;background:#e0e0e0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.akp-btn-save:hover{background:#d0d0d0}.akp-btn-save:disabled{cursor:not-allowed;opacity:.5}.dok-modal-backdrop{align-items:center;animation:dokFadeIn .15s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes dokFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dokSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dok-modal{animation:dokSlideIn .2s ease-out;background:#fff;border-radius:6px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:90vw;overflow:hidden;width:520px}.dok-modal-header{align-items:center;background:#1e3a5f;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.dok-modal-header h3{font-size:14px;font-weight:600;margin:0}.dok-modal-close{align-items:center;background:#0000;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:background .15s;width:24px}.dok-modal-close:hover{background:#ffffff26}.dok-modal-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px 20px}.dok-nama-row{align-items:center;display:flex;gap:12px;margin-bottom:14px}.dok-nama-label{color:#1a2236;flex-shrink:0;font-size:12px;font-weight:500;min-width:100px}.dok-nama-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:7px 10px}.dok-nama-input:focus{border-color:#5b8af5}.dok-nama-input:disabled{background:#f5f5f5;cursor:not-allowed}.dok-nama-input::placeholder{color:#9ca3af;font-style:italic}.dok-upload-btn{background:#fff;border:1px solid #3b82f6;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:9px 14px;transition:all .15s;width:100%}.dok-upload-btn:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;color:#2563eb}.dok-upload-btn:disabled{cursor:not-allowed;opacity:.6}.dok-divider{background:#e5e7eb;height:1px;margin:14px 0 10px}.dok-file-list{flex:1 1;min-height:160px;overflow-y:auto}.dok-empty-msg{color:#9ca3af;font-size:12px;font-style:italic;padding:40px 20px;text-align:center}.dok-file-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px 4px;transition:background .12s}.dok-file-row:hover{background:#f0f7ff}.dok-file-row:last-child{border-bottom:none}.dok-file-info{flex:1 1;min-width:0}.dok-file-main{align-items:center;display:flex;gap:6px;margin-bottom:2px}.dok-file-icon{flex-shrink:0;font-size:14px}.dok-file-name{color:#3b82f6;font-size:12px;font-weight:500;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.dok-file-meta{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:10px;padding-left:20px}.dok-file-desc{font-style:italic;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dok-file-size{flex-shrink:0}.dok-file-date{color:#6b7280;flex-shrink:0;font-size:11px;white-space:nowrap}.dok-file-actions{display:flex;flex-shrink:0;gap:4px}.dok-file-btn{align-items:center;background:#0000;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:13px;height:24px;justify-content:center;transition:background .12s;width:24px}.dok-file-btn-download{color:#3b82f6}.dok-file-btn-download:hover{background:#e0f2fe}.dok-file-btn-delete{color:#e53e3e}.dok-file-btn-delete:hover{background:#fee2e2}.dok-preview-backdrop{animation:dokFadeIn .15s ease-out;background:#000000d9;inset:0;position:fixed;z-index:1100}.dok-preview-backdrop,.dok-preview-close{align-items:center;display:flex;justify-content:center}.dok-preview-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:36px;position:absolute;right:20px;top:20px;transition:background .15s;width:36px;z-index:1102}.dok-preview-close:hover{background:#ffffff40}.dok-preview-container{animation:dokSlideIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 30px 80px #00000080;display:flex;flex-direction:column;height:85vh;max-width:1100px;overflow:hidden;width:85vw}.dok-preview-header{align-items:center;background:#1e3a5f;color:#fff;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:10px 16px}.dok-preview-title{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.dok-preview-icon{flex-shrink:0;font-size:16px}.dok-preview-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dok-preview-size{flex-shrink:0;font-size:11px;opacity:.7}.dok-preview-download-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;padding:5px 12px;transition:background .15s;white-space:nowrap}.dok-preview-download-btn:hover{background:#fff3}.dok-preview-content{align-items:center;background:#f5f5f5;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;position:relative}.dok-preview-error,.dok-preview-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;text-align:center}.dok-spinner{animation:dokSpin 1.5s linear infinite;font-size:32px}@keyframes dokSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dok-preview-retry{background:#3b82f6;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:6px 16px;transition:background .15s}.dok-preview-retry:hover{background:#2563eb}.dok-preview-image{box-shadow:0 4px 12px #00000026;max-height:100%;max-width:100%;object-fit:contain}.dok-preview-pdf{border:none;width:100%}.dok-preview-pdf,.pby-page{background:#fff;height:100%}.pby-page{display:flex;flex-direction:column}.pby-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pby-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.pby-subtab:hover{background:#eaeaea}.pby-subtab.active,.pby-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.pby-subtab.active-form{border-top:2px solid #e91e63}.pby-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.pby-subtab-close:hover{background:#f44;color:#fff}.pby-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.pby-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.pby-filter-item-wrap{position:relative}.pby-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:border-color .12s;white-space:nowrap}.pby-filter-chip:hover{border-color:#5b8af5}.pby-chip-caret{color:#9ca3af;font-size:10px}.pby-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;transition:background .12s}.pby-filter-reset:hover{background:#3b6fd6}.pby-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.pby-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .12s}.pby-radio-row:hover{background:#f4f6fa}.pby-radio-row input[type=radio]{margin:0}.pby-popover-inset{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px 30px}.pby-field-mini{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:3px}.pby-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.pby-field-mini input:focus{border-color:#5b8af5}.pby-popover-search{border-bottom:1px solid #f0f0f0;margin-bottom:4px;padding:4px 4px 8px}.pby-popover-search input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.pby-popover-search input:focus{border-color:#5b8af5}.pby-popover-list{max-height:240px;overflow-y:auto}.pby-check-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .12s}.pby-check-row:hover{background:#f4f6fa}.pby-check-row input[type=checkbox]{margin:0}.pby-popover-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:16px 8px;text-align:center}.pby-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pby-toolbar-left,.pby-toolbar-right{display:flex;gap:6px}.pby-toolbar-right{align-items:center}.pby-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px;transition:background .12s}.pby-btn-add:hover{background:#2563eb}.pby-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background .12s}.pby-btn-refresh:hover{background:#e4e4e4}.pby-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .12s}.pby-toolbar-icon:hover{background:#e4e4e4}.pby-search-wrapper{position:relative}.pby-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pby-search-input:focus{border-color:#5b8af5;outline:none}.pby-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pby-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pby-table-wrap{flex:1 1;min-height:0;overflow:auto}.pby-tbl{border-collapse:collapse;width:100%}.pby-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pby-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.pby-tbl td,.pby-tbl th{font-size:12px;padding:8px 12px}.pby-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.pby-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pby-tbl-empty{font-style:italic;padding:40px 12px!important}.pby-tbl-empty,.pby-tbl-num{color:#9ca3af;text-align:center}.pby-nomor-cell{color:#1e40af;font-size:11px;font-weight:600}.pby-akun-kode,.pby-nomor-cell{font-family:Consolas,Monaco,monospace}.pby-akun-kode{background:#eef2ff;border-radius:3px;color:#4f46e5;display:inline-block;font-size:10px;margin-right:4px;padding:1px 5px}.pby-keterangan-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pby-actions{display:flex;gap:2px}.pby-btn-delete,.pby-btn-edit{background:#0000;border:none;border-radius:3px;cursor:pointer;font-size:14px;padding:2px 4px;transition:background .12s}.pby-btn-edit:hover{background:#e0f2fe}.pby-btn-delete:hover{background:#fee2e2}.pby-ss-wrap{position:relative;width:100%}.pby-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px;transition:border-color .12s}.pby-ss-input:hover:not(.disabled){border-color:#5b8af5}.pby-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.pby-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pby-ss-icon,.pby-ss-placeholder{color:#9ca3af}.pby-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.pby-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.pby-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.pby-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.pby-ss-search-box input:focus{border-color:#5b8af5}.pby-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.pby-ss-list{flex:1 1;overflow-y:auto}.pby-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px;transition:background .1s}.pby-ss-option:hover{background:#f0f7ff}.pby-ss-option.selected{background:#e0f2fe}.pby-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.pby-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.pby-ss-empty,.pby-ss-opt-saldo,.pby-ss-opt-tipe{color:#9ca3af;font-style:italic}.pby-ss-empty{font-size:12px;padding:20px;text-align:center}.pby-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.pby-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.pby-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.pby-form-header-left{display:flex;flex-direction:column;gap:8px}.pby-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pby-form-label{flex-shrink:0;min-width:70px}.pby-form-label,.pby-form-label-inline{color:#374151;font-size:12px;font-weight:500}.pby-form-label-inline{white-space:nowrap}.pby-req{color:#e53e3e;margin-left:2px}.pby-form-control{flex:1 1;min-width:200px}.pby-form-control-sm{max-width:180px}.pby-form-control-md{max-width:420px}.pby-form-control input[type=date]{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.pby-form-control input[type=date]:focus{border-color:#5b8af5}.pby-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.pby-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 8px}.pby-form-select:focus{border-color:#5b8af5}.pby-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 10px}.pby-form-input:focus{border-color:#5b8af5}.pby-form-input[readonly]{background:#f5f5f5}.pby-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.pby-toggle input{height:0;opacity:0;width:0}.pby-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.pby-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.pby-toggle input:checked+.pby-toggle-slider{background:#3b82f6}.pby-toggle input:checked+.pby-toggle-slider:before{transform:translateX(16px)}.pby-toggle input:disabled+.pby-toggle-slider{cursor:not-allowed;opacity:.5}.pby-btn-ambil{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px;transition:background .12s}.pby-btn-ambil:hover{background:#eff6ff}.pby-ambil-wrap{position:relative}.pby-ambil-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 16px #00000026;margin-top:4px;min-width:190px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.pby-ambil-item{background:none;border:none;color:#1a2236;cursor:pointer;display:block;font-size:13px;padding:10px 16px;text-align:left;width:100%}.pby-ambil-item:hover{background:#f0f4ff}.pby-ambil-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:720px}.pby-ambil-modal-header{align-items:center;background:#3b5998;border-radius:8px 8px 0 0;color:#fff;display:flex;padding:12px 16px}.pby-ambil-modal-title{flex:1 1;font-size:14px;font-weight:600}.pby-ambil-modal-toolbar{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;padding:10px 16px}.pby-ambil-search input{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:6px 10px;width:200px}.pby-ambil-date-filter{align-items:center;color:#555;display:flex;font-size:12px;gap:6px}.pby-ambil-date-filter input{border:1px solid #ccc;border-radius:4px;font-size:12px;padding:5px 8px}.pby-ambil-modal-body{flex:1 1;min-height:200px;overflow-y:auto;padding:0}.pby-ambil-table{border-collapse:collapse;width:100%}.pby-ambil-table thead th{background:#6b7d95;color:#fff;font-size:12px;font-weight:600;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:2}.pby-ambil-table tbody td{border-bottom:1px solid #f0f0f0;font-size:12.5px;padding:8px 10px}.pby-ambil-table tbody tr{cursor:pointer}.pby-ambil-table tbody tr:hover{background:#f0f7ff}.pby-ambil-row-selected{background:#e8f0fe!important}.pby-ambil-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:12px 16px}.pby-form-body{display:flex;flex:1 1;min-height:0}.pby-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.pby-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.pby-sidebar-tab:hover{background:#f0f0f0}.pby-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.pby-sidebar-icon{font-size:16px}.pby-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.pby-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.pby-action-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .15s;width:44px}.pby-action-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.pby-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pby-action-save{background:#3b82f6}.pby-action-save:hover:not(:disabled){background:#2563eb}.pby-action-doc{background:#60a5fa}.pby-action-doc:hover{background:#3b82f6}.pby-action-attach{background:#60a5fa}.pby-action-attach:hover{background:#3b82f6}.pby-action-more{background:#22c55e}.pby-action-more:hover{background:#16a34a}.pby-rincian-tab{display:flex;flex-direction:column;height:100%}.pby-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.pby-rincian-search{flex:1 1;max-width:340px}.pby-rincian-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.pby-rincian-tbl{border-collapse:collapse;margin-bottom:10px;width:100%}.pby-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.pby-rincian-tbl th{background:#6b7280;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.pby-rincian-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:4px 8px;vertical-align:middle}.pby-rincian-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.pby-rincian-drag{color:#cbd5e1;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.pby-rincian-kode{background:#eef2ff;border-radius:3px;color:#4f46e5;display:inline-block;font-family:Consolas,Monaco,monospace;font-size:11px;padding:2px 6px}.pby-rincian-nilai-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;text-align:right;width:100%}.pby-rincian-nilai-input:focus{border-color:#5b8af5}.pby-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.pby-btn-remove-row:hover{background:#fee2e2}.pby-rincian-addrow{margin-top:6px}.pby-btn-addrow{background:#fff;border:1px dashed #c4d4ff;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .12s}.pby-btn-addrow:hover{background:#eff6ff;border-style:solid}.pby-info-tab{max-width:640px}.pby-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.pby-info-icon{font-size:16px}.pby-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pby-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:100px;padding-top:6px}.pby-info-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:6px 10px}.pby-info-input:focus{border-color:#5b8af5}.pby-info-input-sm{max-width:240px}.pby-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical}.pby-info-textarea:focus{border-color:#5b8af5}.pby-form-footer{align-items:center;background:#fafafa;border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:10px 20px}.pby-total-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:20px;justify-content:space-between;min-width:260px;padding:8px 20px}.pby-total-label{color:#6b7280;font-size:12px;font-weight:500}.pby-total-value{color:#1a2236;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.pby-rincian-row{cursor:pointer}.pby-rincian-row:hover{background:#f0f7ff}.pby-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pby-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-width:90vw;width:500px}.pby-modal-header{align-items:center;background:#3b5998;border-radius:8px 8px 0 0;color:#fff;display:flex;gap:8px;padding:12px 16px}.pby-modal-title{flex:1 1;font-size:14px;font-weight:600}.pby-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.pby-modal-tabs{border-bottom:2px solid #eee;display:flex}.pby-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:13px;margin-bottom:-2px;padding:10px 18px}.pby-modal-tab.active{border-bottom-color:#c0392b;color:#c0392b;font-weight:600}.pby-modal-body{min-height:160px;padding:20px 24px}.pby-modal-form{display:flex;flex-direction:column;gap:16px}.pby-modal-row{align-items:center;display:flex;gap:12px}.pby-modal-label{color:#333;flex-shrink:0;font-size:13px;width:130px}.pby-modal-akun-kode{color:#c0392b;font-size:14px;font-weight:700}.pby-modal-akun-chip{align-items:center;background:#f0f4ff;border:1px solid #c4d7f2;border-radius:4px;display:inline-flex;font-size:13px;gap:6px;padding:5px 10px}.pby-modal-chip-x{color:#888;cursor:pointer;font-size:12px;font-weight:700}.pby-modal-chip-x:hover{color:#c00}.pby-modal-nilai-wrap{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;overflow:hidden}.pby-modal-rp{background:#f5f5f5;border-right:1px solid #ccc;color:#666;font-size:13px;padding:6px 8px}.pby-modal-nilai-input{border:none;font-size:13px;outline:none;padding:6px 10px;width:160px}.pby-modal-textarea{padding:8px 10px;resize:vertical;width:100%}.pby-modal-small-input,.pby-modal-textarea{border:1px solid #ccc;border-radius:4px;font-size:13px}.pby-modal-small-input{padding:6px 10px;width:80px}.pby-modal-date-input{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:6px 10px}.pby-modal-toggle{background:#ccc;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:44px}.pby-modal-toggle.on{background:#3b82f6}.pby-modal-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:left .2s;width:18px}.pby-modal-toggle.on .pby-modal-toggle-thumb{left:24px}.pby-modal-penangg-wrap{flex:1 1;position:relative}.pby-modal-penangg-search{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;padding:5px 10px}.pby-modal-penangg-search input{border:none;flex:1 1;font-size:13px;outline:none}.pby-modal-penangg-search span{color:#888;font-size:13px}.pby-modal-penangg-dropdown{background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;box-shadow:0 4px 12px #0000001f;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.pby-modal-penangg-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 10px}.pby-modal-penangg-item:hover{background:#f0f7ff}.pby-modal-penangg-nama{color:#333;font-size:13px;font-weight:500}.pby-modal-penangg-sub{color:#888;display:flex;font-size:11px;justify-content:space-between}.pby-modal-penangg-empty{color:#999;font-size:13px;padding:10px;text-align:center}.pby-modal-footer{align-items:center;border-top:1px solid #eee;display:flex;padding:12px 16px}.pby-modal-btn-hapus{background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px}.pby-modal-btn-hapus:hover{background:#f5f5f5}.pby-modal-btn-lanjut{background:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 28px}.pby-modal-btn-lanjut:hover{background:#1a252f}.pnr-page{background:#f7fafc;color:#2d3748;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;height:100%}.pnr-subtab-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:2px;padding:6px 16px 0}.pnr-subtab,.pnr-subtab-bar{align-items:center;display:flex}.pnr-subtab{background:#0000;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;color:#718096;cursor:pointer;font-size:13px;gap:6px;padding:7px 16px;position:relative;top:1px;transition:background .15s,color .15s}.pnr-subtab:hover{background:#edf2f7;color:#2d3748}.pnr-subtab--active{background:#fff;border-color:#e2e8f0;color:#2d3748;font-weight:600}.pnr-subtab-close{align-items:center;border-radius:50%;color:#a0aec0;display:inline-flex;font-size:10px;height:18px;justify-content:center;transition:background .15s,color .15s;width:18px}.pnr-subtab-close:hover{background:#fed7d7;color:#e53e3e}.pnr-content{flex:1 1}.pnr-content,.pnr-list{display:flex;flex-direction:column;overflow:hidden}.pnr-list{height:100%}.pnr-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:10px 16px}.pnr-toolbar-left,.pnr-toolbar-right{align-items:center;display:flex;gap:6px}.pnr-row-count{color:#a0aec0;font-size:12px;white-space:nowrap}.pnr-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;gap:5px;padding:6px 12px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.pnr-btn--primary{background:#38a169;border-color:#2f855a;color:#fff}.pnr-btn--primary:hover{background:#2f855a}.pnr-btn--icon{background:#0000;border-color:#e2e8f0;color:#718096;padding:6px 10px}.pnr-btn--icon:hover{background:#edf2f7;color:#2d3748}.pnr-btn--sm{font-size:12px;padding:4px 10px}.pnr-btn--ghost{background:#0000;border-color:#e2e8f0;color:#718096}.pnr-btn--ghost:hover{background:#edf2f7}.pnr-search-wrap{align-items:center;display:flex;gap:4px}.pnr-search-input{border:1px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;padding:5px 10px;transition:border-color .15s;width:220px}.pnr-search-input:focus{border-color:#38a169;box-shadow:0 0 0 2px #38a16926}.pnr-filter-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 16px}.pnr-chip-wrap{position:relative}.pnr-chip{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:20px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:4px 12px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.pnr-chip--active,.pnr-chip:hover{background:#f0fff4;border-color:#38a169;color:#276749}.pnr-chip--active{font-weight:600}.pnr-chip--reset{border-color:#fc8181;color:#e53e3e}.pnr-chip--reset:hover{background:#fff5f5;border-color:#e53e3e}.pnr-popover{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;min-width:220px;padding:12px;position:absolute;top:calc(100% + 6px);z-index:1000}.pnr-popover--tanggal{min-width:260px}.pnr-popover--kas{min-width:240px}.pnr-popover-title{color:#a0aec0;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.pnr-radio-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:13px;gap:7px;padding:4px 0}.pnr-radio-label:hover{color:#2d3748}.pnr-date-range{align-items:center;display:flex;gap:6px;margin:6px 0 6px 22px}.pnr-date-input{border:1px solid #cbd5e0;border-radius:5px;flex:1 1;font-size:12px;outline:none;padding:4px 7px}.pnr-date-input:focus{border-color:#38a169}.pnr-date-sep{color:#a0aec0;font-size:12px}.pnr-durasi-wrap{align-items:center;display:flex;gap:7px;margin:6px 0 6px 22px}.pnr-durasi-input{border:1px solid #cbd5e0;border-radius:5px;font-size:12px;outline:none;padding:4px 7px;text-align:center;width:70px}.pnr-durasi-input:focus{border-color:#38a169}.pnr-durasi-label{color:#718096;font-size:12px}.pnr-popover-actions{border-top:1px solid #edf2f7;display:flex;gap:6px;justify-content:flex-end;margin-top:12px;padding-top:10px}.pnr-kas-search{border:1px solid #cbd5e0;border-radius:5px;box-sizing:border-box;font-size:12px;margin-bottom:8px;outline:none;padding:5px 9px;width:100%}.pnr-kas-search:focus{border-color:#38a169}.pnr-kas-list{margin-bottom:4px;max-height:260px;overflow-y:auto}.pnr-kas-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:7px;padding:5px 4px;transition:background .1s}.pnr-kas-item:hover{background:#f0fff4}.pnr-kas-kode{color:#718096;font-family:Courier New,monospace;font-size:11px;min-width:48px}.pnr-kas-nama{color:#2d3748;font-size:12px}.pnr-kas-empty{color:#a0aec0;font-size:12px;padding:12px 0;text-align:center}.pnr-table-wrap{background:#fff;flex:1 1;overflow:auto}.pnr-table{border-collapse:collapse;font-size:13px;width:100%}.pnr-th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.04em;padding:9px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.pnr-td--no,.pnr-th--no{text-align:center;width:44px}.pnr-th--nomor{width:130px}.pnr-th--tanggal{width:90px}.pnr-th--kas{width:160px}.pnr-th--nocek{width:100px}.pnr-th--pemberi{width:140px}.pnr-th--nilai{text-align:right;width:130px}.pnr-th--aksi{text-align:center;width:72px}.pnr-td{border-bottom:1px solid #edf2f7;padding:8px 10px;vertical-align:middle}.pnr-td--nilai{font-feature-settings:"tnum";color:#276749;font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.pnr-td--aksi{text-align:center}.pnr-tr{cursor:default;transition:background .1s}.pnr-tr:hover{background:#f0fff4}.pnr-nomor{color:#2b6cb0;font-size:12px;font-weight:600}.pnr-kas-badge,.pnr-nomor{font-family:Courier New,monospace}.pnr-kas-badge{background:#ebf8ff;border-radius:3px;color:#2c5282;display:inline-block;font-size:10px;margin-right:5px;padding:1px 5px;white-space:nowrap}.pnr-kas-text{color:#4a5568}.pnr-nocek{color:#553c9a;font-family:Courier New,monospace;font-size:12px}.pnr-nocek--empty{color:#cbd5e0}.pnr-pemberi{color:#2d3748;font-weight:500}.pnr-ket{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.pnr-aksi-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;transition:background .15s}.pnr-aksi-btn--edit:hover{background:#ebf8ff}.pnr-aksi-btn--del:hover{background:#fff5f5}.pnr-td-center{padding:40px 0;text-align:center}.pnr-loading{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:12px}.pnr-spinner{animation:pnr-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#38a169;display:inline-block;height:28px;width:28px}@keyframes pnr-spin{to{transform:rotate(1turn)}}.pnr-empty{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:10px;padding:40px 20px}.pnr-empty-icon{font-size:40px}.pnr-empty-text{font-size:13px;max-width:320px;text-align:center}.pnr-error{background:#fff5f5;border:1px solid #fc8181;border-radius:6px;color:#c53030;font-size:13px;margin:10px 16px;padding:10px 14px}.pnr-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:6px;justify-content:center;padding:10px 16px}.pnr-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#4a5568;cursor:pointer;font-size:13px;padding:4px 10px;transition:background .15s}.pnr-page-btn:hover:not(:disabled){background:#f0fff4;border-color:#38a169;color:#276749}.pnr-page-btn:disabled{cursor:not-allowed;opacity:.4}.pnr-page-info{color:#718096;font-size:12px;padding:0 8px}.pnr-form{background:#f7fafc;display:flex;flex-direction:column;height:100%;overflow:hidden}.pnr-form-loading{align-items:center;color:#718096;display:flex;flex:1 1;font-size:14px;gap:12px;justify-content:center}.pnr-form-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.pnr-form-header-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.pnr-fh-group{display:flex;flex-direction:column;gap:4px}.pnr-fh-group--kas{flex:1 1;min-width:220px}.pnr-fh-group--tanggal{min-width:150px}.pnr-fh-group--nobukti{flex:1 1;min-width:280px}.pnr-fh-label{color:#718096;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pnr-fh-input{background:#fff;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.pnr-fh-input:focus{border-color:#38a169;box-shadow:0 0 0 2px #38a16926}.pnr-fh-input--nomor{min-width:200px}.pnr-fh-select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:13px;min-width:180px;outline:none;padding:7px 10px}.pnr-fh-select:focus{border-color:#38a169}.pnr-nobukti-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pnr-toggle-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.pnr-toggle-check{display:none}.pnr-toggle-slider{background:#cbd5e0;border-radius:20px;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.pnr-toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:14px;left:3px;position:absolute;top:3px;transition:left .2s;width:14px}.pnr-toggle-check:checked+.pnr-toggle-slider{background:#38a169}.pnr-toggle-check:checked+.pnr-toggle-slider:after{left:19px}.pnr-toggle-text{color:#4a5568;font-size:12px;white-space:nowrap}.pnr-nomor-preview{background:#ebf8ff;border:1px solid #bee3f8;border-radius:5px;color:#2b6cb0;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:4px 10px}.pnr-form-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.pnr-form-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;gap:4px;padding:8px 0;width:56px}.pnr-form-sidebar,.pnr-sidebar-tab{align-items:center;display:flex;flex-direction:column}.pnr-sidebar-tab{background:#0000;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;font-size:18px;gap:3px;padding:8px 4px;transition:background .15s,color .15s;width:46px}.pnr-sidebar-tab span{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pnr-sidebar-tab--active,.pnr-sidebar-tab:hover{background:#f0fff4;color:#276749}.pnr-form-content{flex:1 1;min-width:0;padding:0}.pnr-form-content,.pnr-rincian-panel{display:flex;flex-direction:column;overflow:hidden}.pnr-rincian-panel{height:100%;padding:12px 16px 0}.pnr-rincian-searchbar{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-bottom:8px}.pnr-rincian-search-input{border:1px solid #cbd5e0;border-radius:6px;flex:1 1;font-size:13px;outline:none;padding:7px 12px;transition:border-color .15s}.pnr-rincian-search-input:focus{border-color:#38a169;box-shadow:0 0 0 2px #38a16926}.pnr-rincian-akun-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 16px #0000001a;flex-shrink:0;margin-bottom:8px;max-height:200px;overflow-y:auto}.pnr-rincian-akun-opt{align-items:center;cursor:pointer;display:flex;gap:10px;padding:7px 12px;transition:background .1s}.pnr-rincian-akun-opt:hover{background:#f0fff4}.pnr-rincian-akun-opt-kode{color:#718096;flex-shrink:0;font-family:Courier New,monospace;font-size:11px;min-width:60px}.pnr-rincian-akun-opt-nama{color:#2d3748;flex:1 1;font-size:13px;min-width:0}.pnr-rincian-akun-opt-tipe{color:#a0aec0;flex-shrink:0;font-size:11px;font-style:italic;margin-left:auto;white-space:nowrap}.pnr-rincian-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;margin-bottom:0;min-height:350px;overflow-y:auto}.pnr-rincian-table{border-collapse:collapse;font-size:13px;width:100%}.pnr-rth{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.pnr-rth--no{text-align:center;width:40px}.pnr-rth--akun{width:140px}.pnr-rth--nilai{text-align:right;width:160px}.pnr-rth--del{width:36px}.pnr-rtd{border-bottom:1px solid #f0f4f8;padding:6px 10px;vertical-align:middle}.pnr-rtd--no{color:#a0aec0;font-size:11px;text-align:center}.pnr-rtd--nilai{text-align:right}.pnr-rtd--del{text-align:center}.pnr-rtr:hover{background:#f9fffc}.pnr-rtd-empty{color:#a0aec0;font-size:13px;font-style:italic;padding:32px 0;text-align:center}.pnr-rtd-nama-text{color:#2d3748;font-size:13px}.pnr-rtd-nama-empty{color:#cbd5e0}.pnr-nilai-input{font-feature-settings:"tnum";background:#f9fffe;border:1px solid #e2e8f0;border-radius:5px;box-sizing:border-box;font-size:13px;font-variant-numeric:tabular-nums;outline:none;padding:5px 8px;text-align:right;transition:border-color .15s;width:100%}.pnr-nilai-input:focus{background:#fff;border-color:#38a169;box-shadow:0 0 0 2px #38a1691a}.pnr-del-row-btn{background:#0000;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:13px;padding:3px 6px;transition:background .15s,color .15s}.pnr-del-row-btn:hover{background:#fff5f5;color:#e53e3e}.pnr-rincian-footer{align-items:center;background:#f0fff4;border:1px solid #c6f6d5;border-radius:0 0 6px 6px;border-top:none;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding:10px 14px}.pnr-rincian-footer-label{color:#276749;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pnr-rincian-footer-nilai{font-feature-settings:"tnum";color:#276749;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.pnr-info-panel{gap:16px;overflow-y:auto;padding:16px}.pnr-info-group,.pnr-info-panel{display:flex;flex-direction:column}.pnr-info-group{gap:5px}.pnr-info-label{color:#718096;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pnr-info-input,.pnr-info-textarea{background:#fff;border:1px solid #cbd5e0;border-radius:6px;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s}.pnr-info-input:focus,.pnr-info-textarea:focus{border-color:#38a169;box-shadow:0 0 0 2px #38a16926}.pnr-info-textarea{min-height:80px;resize:vertical}.pnr-form-actions{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;overflow-y:auto;padding:12px 8px;width:120px}.pnr-action-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:8px 6px;text-align:center;transition:background .15s,border-color .15s;width:100%}.pnr-action-btn--save{background:#38a169;border-color:#2f855a;color:#fff}.pnr-action-btn--save:hover:not(:disabled){background:#2f855a}.pnr-action-btn--save:disabled{cursor:not-allowed;opacity:.6}.pnr-action-btn--dokumen{background:#3182ce;border-color:#2b6cb0;color:#fff}.pnr-action-btn--dokumen:hover{background:#2b6cb0}.pnr-action-btn--lampiran{background:#4299e1;border-color:#3182ce;color:#fff}.pnr-action-btn--lampiran:hover{background:#3182ce}.pnr-action-btn--more{background:#48bb78;border-color:#38a169;color:#fff}.pnr-action-btn--more:hover{background:#38a169}.pnr-action-btn--cancel{background:#0000;border-color:#e2e8f0;color:#718096}.pnr-action-btn--cancel:hover{background:#fff5f5;border-color:#fc8181;color:#e53e3e}.pnr-form-actions-divider{background:#e2e8f0;height:1px;margin:4px 0}.pnr-ss-wrap{position:relative}.pnr-ss-wrap--disabled{opacity:.55;pointer-events:none}.pnr-ss-trigger{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-width:120px;padding:7px 10px;transition:border-color .15s;-webkit-user-select:none;user-select:none}.pnr-ss-trigger--open,.pnr-ss-trigger:hover{border-color:#38a169}.pnr-ss-value{color:#2d3748;font-size:13px}.pnr-ss-placeholder{color:#a0aec0;font-size:13px}.pnr-ss-icon{color:#a0aec0;font-size:12px}.pnr-ss-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #00000021;left:0;max-width:360px;min-width:240px;position:absolute;top:calc(100% + 4px);z-index:2000}.pnr-ss-search-box{align-items:center;border-bottom:1px solid #f0f4f8;display:flex;gap:6px;padding:8px 10px}.pnr-ss-search-box input{border:none;color:#2d3748;flex:1 1;font-size:13px;outline:none}.pnr-ss-search-icon{color:#a0aec0;font-size:12px}.pnr-ss-list{max-height:260px;overflow-y:auto}.pnr-ss-option{cursor:pointer;padding:8px 12px;transition:background .1s}.pnr-ss-option:hover{background:#f0fff4}.pnr-ss-option.selected{background:#c6f6d5}.pnr-ss-opt-main{color:#2d3748;font-size:13px}.pnr-ss-opt-sub{color:#718096;font-family:Courier New,monospace;font-size:11px;margin-top:1px}.pnr-ss-empty{color:#a0aec0;font-size:13px;padding:14px;text-align:center}.pnr-ss-kas-option{align-items:center;display:flex;gap:10px}.pnr-ss-kas-kode{color:#718096;font-family:Courier New,monospace;font-size:11px;min-width:52px}.pnr-ss-kas-nama{color:#2d3748;font-size:13px}.pnr-ss-akun-opt{align-items:center;display:flex;gap:10px}.pnr-ss-akun-kode{color:#718096;flex-shrink:0;font-family:Courier New,monospace;font-size:11px;min-width:60px}.pnr-ss-akun-nama{color:#2d3748;flex:1 1;font-size:13px;min-width:0}.pnr-ss-akun-tipe{color:#a0aec0;flex-shrink:0;font-size:11px;font-style:italic;margin-left:auto;white-space:nowrap}.pnr-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.pnr-modal-box{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0003;max-width:90vw;overflow:hidden;width:380px}.pnr-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;color:#2d3748;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px}.pnr-modal-close{background:#0000;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:16px;padding:2px 6px;transition:background .15s}.pnr-modal-close:hover{background:#fed7d7;color:#e53e3e}.pnr-modal-body{color:#4a5568;font-size:13px;line-height:1.6;padding:20px 16px}.dpnr-overlay{align-items:center;animation:dpnr-fade-in .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}@keyframes dpnr-fade-in{0%{opacity:0}to{opacity:1}}.dpnr-modal{animation:dpnr-slide-in .18s ease;background:#fff;border-radius:10px;box-shadow:0 24px 64px #00000038;display:flex;flex-direction:column;max-height:85vh;max-width:95vw;overflow:hidden;width:480px}@keyframes dpnr-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dpnr-header{align-items:center;background:#1a365d;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px}.dpnr-header-title{font-size:14px;font-weight:700;letter-spacing:.02em}.dpnr-header-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:background .15s;width:28px}.dpnr-header-close:hover{background:#ffffff4d}.dpnr-upload-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px}.dpnr-nama-group{display:flex;flex-direction:column;gap:4px}.dpnr-nama-label{color:#718096;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dpnr-nama-input{border:1px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.dpnr-nama-input:focus{border-color:#38a169;box-shadow:0 0 0 2px #38a16926}.dpnr-nama-input:disabled{background:#f7fafc;color:#a0aec0}.dpnr-upload-btn{align-items:center;background:#0000;border:2px dashed #38a169;border-radius:7px;color:#276749;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:8px 14px;transition:background .15s,border-color .15s;width:100%}.dpnr-upload-btn:hover:not(:disabled){background:#f0fff4;border-style:solid}.dpnr-upload-btn:disabled{cursor:not-allowed;opacity:.6}.dpnr-divider{background:#e2e8f0;flex-shrink:0;height:1px}.dpnr-file-list{flex:1 1;min-height:80px;overflow-y:auto;padding:8px 0}.dpnr-list-loading{font-size:13px;padding:24px}.dpnr-empty,.dpnr-list-loading{align-items:center;color:#a0aec0;display:flex;gap:8px;justify-content:center}.dpnr-empty{flex-direction:column;padding:32px}.dpnr-empty-icon{font-size:32px}.dpnr-empty-text{font-size:13px;font-style:italic}.dpnr-file-row{align-items:center;display:flex;gap:10px;padding:8px 16px;transition:background .1s}.dpnr-file-row:hover{background:#f7fafc}.dpnr-file-icon{flex-shrink:0;font-size:22px;text-align:center;width:28px}.dpnr-file-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dpnr-file-name{color:#2b6cb0;cursor:pointer;font-size:13px;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.dpnr-file-name:hover{color:#1a4a8a}.dpnr-file-desc{color:#718096;font-size:11px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpnr-file-meta{align-items:center;display:flex;gap:10px}.dpnr-file-date,.dpnr-file-size{color:#a0aec0;font-size:11px}.dpnr-file-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.dpnr-file-btn{background:#0000;border:none;border-radius:5px;cursor:pointer;font-size:15px;line-height:1;padding:5px 7px;transition:background .15s}.dpnr-file-btn--dl:hover{background:#ebf8ff}.dpnr-file-btn--del:hover{background:#fff5f5}.dpnr-spinner{border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#38a169;height:22px;width:22px}.dpnr-spinner,.dpnr-spinner-sm{animation:dpnr-spin .7s linear infinite;display:inline-block}.dpnr-spinner-sm{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#276749;height:14px;vertical-align:middle;width:14px}@keyframes dpnr-spin{to{transform:rotate(1turn)}}.dpnr-preview-overlay{align-items:center;animation:dpnr-fade-in .15s ease;background:#000000e0;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.dpnr-preview-modal{animation:dpnr-slide-in .18s ease;background:#1a202c;border-radius:10px;box-shadow:0 32px 80px #00000080;display:flex;flex-direction:column;height:85vh;overflow:hidden;width:85vw}.dpnr-preview-header{align-items:center;background:#2d3748;border-bottom:1px solid #4a5568;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:12px 16px}.dpnr-preview-header-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.dpnr-preview-icon{flex-shrink:0;font-size:20px}.dpnr-preview-filename{color:#e2e8f0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpnr-preview-filemeta{color:#718096;font-size:11px;margin-top:1px}.dpnr-preview-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.dpnr-preview-dl-btn{align-items:center;background:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:background .15s;white-space:nowrap}.dpnr-preview-dl-btn:hover{background:#2f855a}.dpnr-preview-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:background .15s;width:30px}.dpnr-preview-close:hover{background:#ffffff38}.dpnr-preview-content{align-items:center;background:#1a202c;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:12px}.dpnr-preview-error,.dpnr-preview-loading{align-items:center;color:#a0aec0;display:flex;flex-direction:column;font-size:14px;gap:12px}.dpnr-preview-error-icon{font-size:40px}.dpnr-preview-img{border-radius:4px;box-shadow:0 4px 24px #00000080;max-height:100%;max-width:100%;object-fit:contain}.dpnr-preview-pdf{border:none;border-radius:4px;height:100%;width:100%}.gdg-page{background:#fff;display:flex;flex-direction:column;height:100%}.gdg-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.gdg-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.gdg-subtab:hover{background:#eaeaea}.gdg-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.gdg-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.gdg-subtab-icon{font-size:14px;line-height:1}.gdg-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.gdg-subtab-close:hover{background:#f44;color:#fff}.gdg-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.gdg-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.gdg-filter-wrap{position:relative}.gdg-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:border-color .12s;white-space:nowrap}.gdg-filter-chip:hover{border-color:#5b8af5}.gdg-chip-caret{color:#9ca3af;font-size:10px}.gdg-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;transition:background .12s}.gdg-filter-reset:hover{background:#3b6fd6}.gdg-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:180px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.gdg-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .12s}.gdg-radio-row:hover{background:#f4f6fa}.gdg-radio-row input[type=radio]{margin:0}.gdg-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.gdg-toolbar-left,.gdg-toolbar-right{display:flex;gap:6px}.gdg-toolbar-right{align-items:center}.gdg-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px;transition:background .12s}.gdg-btn-add:hover{background:#2563eb}.gdg-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background .12s}.gdg-btn-refresh:hover{background:#e4e4e4}.gdg-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .12s}.gdg-toolbar-icon:hover{background:#e4e4e4}.gdg-search-wrapper{position:relative}.gdg-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.gdg-search-input:focus{border-color:#5b8af5;outline:none}.gdg-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.gdg-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.gdg-table-wrap{flex:1 1;min-height:0;overflow:auto}.gdg-tbl{border-collapse:collapse;width:100%}.gdg-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.gdg-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.gdg-tbl td,.gdg-tbl th{font-size:12px;padding:8px 12px}.gdg-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.gdg-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.gdg-tbl-empty{padding:40px 12px!important;text-align:center}.gdg-row-inactive td,.gdg-tbl-empty{color:#9ca3af;font-style:italic}.gdg-badge-inactive{background:#fef2f2;border:1px solid #fecaca;border-radius:3px;color:#dc2626;display:inline-block;font-size:10px;font-style:normal;font-weight:600;margin-left:8px;padding:1px 8px}.gdg-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.gdg-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.gdg-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.gdg-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.gdg-form-tab:hover{background:#eaeaea}.gdg-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.gdg-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.gdg-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px}.gdg-tab-content{max-width:900px}.gdg-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.gdg-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:160px;padding-top:6px}.gdg-req{color:#e53e3e;margin-left:2px}.gdg-fv{flex:1 1;max-width:580px}.gdg-fv input,.gdg-fv select,.gdg-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;width:100%}.gdg-fv input:focus,.gdg-fv select:focus,.gdg-fv textarea:focus{border-color:#5b8af5}.gdg-input-lg{width:100%}.gdg-input-md{max-width:340px}.gdg-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding-top:6px}.gdg-check-item input[type=checkbox]{margin:0}.gdg-alamat-block{flex-direction:column}.gdg-alamat-block,.gdg-inline-row{display:flex;gap:8px}.gdg-inline-row input{flex:1 1}.gdg-section-title-plain{border-bottom:1px solid #e5e7eb;color:#1a2236;font-size:14px;font-weight:500;margin:0 0 14px;padding-bottom:8px}.gdg-user-list{display:flex;flex-direction:column;gap:10px}.gdg-user-grid{grid-gap:8px;background:#fafafa;border:1px solid #e5e7eb;border-radius:4px;display:grid;gap:8px;grid-template-columns:1fr 1fr;max-width:800px;padding:10px 14px}.gdg-user-email{color:#9ca3af;font-size:11px;font-style:italic}.gdg-empty-inline{color:#9ca3af;font-size:12px;font-style:italic;margin:0;padding:12px}.gdg-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.gdg-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.gdg-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.gdg-action-btn:disabled{cursor:not-allowed;opacity:.5}.gdg-action-save{background:#f0f0f0;color:#6b7280}.gdg-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.gdg-action-delete:hover:not(:disabled){background:#fca5a5}.pjk-page{background:#fff;display:flex;flex-direction:column;height:100%}.pjk-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pjk-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.pjk-subtab:hover{background:#eaeaea}.pjk-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.pjk-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.pjk-subtab-icon{font-size:14px;line-height:1}.pjk-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.pjk-subtab-close:hover{background:#f44;color:#fff}.pjk-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.pjk-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.pjk-filter-wrap{position:relative}.pjk-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:border-color .12s;white-space:nowrap}.pjk-filter-chip:hover{border-color:#5b8af5}.pjk-chip-caret{color:#9ca3af;font-size:10px}.pjk-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;max-height:320px;min-width:260px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.pjk-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .12s}.pjk-radio-row:hover{background:#f4f6fa}.pjk-radio-row input[type=radio]{margin:0}.pjk-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pjk-toolbar-left,.pjk-toolbar-right{display:flex;gap:6px}.pjk-toolbar-right{align-items:center}.pjk-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px;transition:background .12s}.pjk-btn-add:hover{background:#2563eb}.pjk-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background .12s}.pjk-btn-refresh:hover{background:#e4e4e4}.pjk-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .12s}.pjk-toolbar-icon:hover{background:#e4e4e4}.pjk-search-wrapper{position:relative}.pjk-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pjk-search-input:focus{border-color:#5b8af5;outline:none}.pjk-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pjk-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pjk-table-wrap{flex:1 1;min-height:0;overflow:auto}.pjk-tbl{border-collapse:collapse;width:100%}.pjk-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pjk-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.pjk-tbl td,.pjk-tbl th{font-size:12px;padding:8px 12px}.pjk-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.pjk-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pjk-tbl-empty{padding:40px 12px!important;text-align:center}.pjk-row-inactive td,.pjk-tbl-empty{color:#9ca3af;font-style:italic}.pjk-badge-inactive{background:#fef2f2;border:1px solid #fecaca;border-radius:3px;color:#dc2626;display:inline-block;font-size:10px;font-style:normal;font-weight:600;margin-left:8px;padding:1px 8px}.pjk-ss-wrap{position:relative;width:100%}.pjk-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px;transition:border-color .12s}.pjk-ss-input:hover{border-color:#5b8af5}.pjk-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pjk-ss-icon,.pjk-ss-placeholder{color:#9ca3af}.pjk-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.pjk-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.pjk-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.pjk-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.pjk-ss-search-box input:focus{border-color:#5b8af5}.pjk-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.pjk-ss-list{flex:1 1;overflow-y:auto}.pjk-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px;transition:background .1s}.pjk-ss-option:hover{background:#f0f7ff}.pjk-ss-option.selected{background:#e0f2fe}.pjk-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.pjk-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.pjk-ss-empty,.pjk-ss-opt-tipe{color:#9ca3af;font-style:italic}.pjk-ss-empty{font-size:12px;padding:20px;text-align:center}.pjk-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.pjk-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.pjk-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.pjk-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.pjk-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.pjk-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.pjk-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.pjk-tab-content{max-width:900px}.pjk-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pjk-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:180px;padding-top:6px}.pjk-req{color:#e53e3e;margin-left:2px}.pjk-fv{flex:1 1;max-width:560px}.pjk-fv input,.pjk-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;width:100%}.pjk-fv input:focus,.pjk-fv textarea:focus{border-color:#5b8af5}.pjk-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;cursor:pointer;font-size:12px;outline:none;padding:6px 10px;width:100%}.pjk-select:focus{border-color:#5b8af5}.pjk-input-sm{max-width:160px!important}.pjk-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding-top:6px}.pjk-check-item input[type=checkbox]{margin:0}.pjk-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.pjk-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.pjk-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.pjk-action-btn:disabled{cursor:not-allowed;opacity:.5}.pjk-action-save{background:#f0f0f0;color:#6b7280}.pjk-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.pjk-action-delete:hover:not(:disabled){background:#fca5a5}.syp-page{background:#fff;display:flex;flex-direction:column;height:100%}.syp-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.syp-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.syp-subtab:hover{background:#eaeaea}.syp-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.syp-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.syp-subtab-icon{font-size:14px;line-height:1}.syp-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.syp-subtab-close:hover{background:#f44;color:#fff}.syp-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.syp-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.syp-filter-wrap{position:relative}.syp-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:border-color .12s;white-space:nowrap}.syp-filter-chip:hover{border-color:#5b8af5}.syp-chip-caret{color:#9ca3af;font-size:10px}.syp-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:180px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.syp-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .12s}.syp-radio-row:hover{background:#f4f6fa}.syp-radio-row input[type=radio]{margin:0}.syp-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.syp-toolbar-left,.syp-toolbar-right{display:flex;gap:6px}.syp-toolbar-right{align-items:center}.syp-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px;transition:background .12s}.syp-btn-add:hover{background:#2563eb}.syp-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background .12s}.syp-btn-refresh:hover{background:#e4e4e4}.syp-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .12s}.syp-toolbar-icon:hover{background:#e4e4e4}.syp-search-wrapper{position:relative}.syp-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.syp-search-input:focus{border-color:#5b8af5;outline:none}.syp-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.syp-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.syp-table-wrap{flex:1 1;min-height:0;overflow:auto}.syp-tbl{border-collapse:collapse;width:100%}.syp-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.syp-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.syp-tbl td,.syp-tbl th{font-size:12px;padding:8px 12px}.syp-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.syp-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.syp-tbl-empty{padding:40px 12px!important;text-align:center}.syp-row-inactive td,.syp-tbl-empty{color:#9ca3af;font-style:italic}.syp-keterangan-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syp-badge-default{background:#dcfce7;border:1px solid #86efac;border-radius:3px;color:#16a34a;display:inline-block;font-size:11px;font-weight:600;padding:1px 10px}.syp-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.syp-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.syp-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.syp-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.syp-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.syp-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.syp-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.syp-tab-content{max-width:900px}.syp-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.syp-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:200px;padding-top:6px}.syp-req{color:#e53e3e;margin-left:2px}.syp-fv{flex:1 1;max-width:560px}.syp-fv input,.syp-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px}.syp-fv input:focus,.syp-fv textarea:focus{border-color:#5b8af5}.syp-input-md{max-width:420px;width:100%}.syp-input-xs{text-align:right;width:80px}.syp-textarea{resize:vertical;width:100%}.syp-inline-suffix{align-items:center;display:flex;gap:10px}.syp-check-item,.syp-suffix-label{color:#374151;font-size:12px}.syp-check-item{align-items:center;cursor:pointer;display:flex;gap:6px;padding-top:6px}.syp-check-item input[type=checkbox]{margin:0}.syp-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.syp-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.syp-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.syp-action-btn:disabled{cursor:not-allowed;opacity:.5}.syp-action-save{background:#f0f0f0;color:#6b7280}.syp-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.syp-action-delete:hover:not(:disabled){background:#fca5a5}.pgm-page{background:#fff;display:flex;flex-direction:column;height:100%}.pgm-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pgm-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.pgm-subtab:hover{background:#eaeaea}.pgm-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.pgm-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.pgm-subtab-icon{font-size:14px;line-height:1}.pgm-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.pgm-subtab-close:hover{background:#f44;color:#fff}.pgm-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.pgm-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.pgm-filter-wrap{position:relative}.pgm-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:border-color .12s;white-space:nowrap}.pgm-filter-chip:hover{border-color:#5b8af5}.pgm-chip-caret{color:#9ca3af;font-size:10px}.pgm-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:180px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.pgm-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .12s}.pgm-radio-row:hover{background:#f4f6fa}.pgm-radio-row input[type=radio]{margin:0}.pgm-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pgm-toolbar-left,.pgm-toolbar-right{display:flex;gap:6px}.pgm-toolbar-right{align-items:center}.pgm-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px;transition:background .12s}.pgm-btn-add:hover{background:#2563eb}.pgm-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background .12s}.pgm-btn-refresh:hover{background:#e4e4e4}.pgm-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .12s}.pgm-toolbar-icon:hover{background:#e4e4e4}.pgm-search-wrapper{position:relative}.pgm-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pgm-search-input:focus{border-color:#5b8af5;outline:none}.pgm-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pgm-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pgm-table-wrap{flex:1 1;min-height:350px;overflow:auto}.pgm-tbl{border-collapse:collapse;width:100%}.pgm-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pgm-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.pgm-tbl td,.pgm-tbl th{font-size:12px;padding:8px 12px}.pgm-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.pgm-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pgm-tbl-empty{padding:40px 12px!important;text-align:center}.pgm-row-inactive td,.pgm-tbl-empty{color:#9ca3af;font-style:italic}.pgm-alamat-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgm-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.pgm-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.pgm-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.pgm-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.pgm-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.pgm-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.pgm-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.pgm-tab-content{max-width:900px}.pgm-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pgm-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:160px;padding-top:6px}.pgm-req{color:#e53e3e;margin-left:2px}.pgm-fv{flex:1 1;max-width:460px}.pgm-fv input,.pgm-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;width:100%}.pgm-fv input:focus,.pgm-fv textarea:focus{border-color:#5b8af5}.pgm-input-md{width:100%}.pgm-alamat-block{flex-direction:column}.pgm-alamat-block,.pgm-inline-row{display:flex;gap:8px}.pgm-inline-row input{flex:1 1}.pgm-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding-top:6px}.pgm-check-item input[type=checkbox]{margin:0}.pgm-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.pgm-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.pgm-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.pgm-action-btn:disabled{cursor:not-allowed;opacity:.5}.pgm-action-save{background:#f0f0f0;color:#6b7280}.pgm-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.pgm-action-delete:hover:not(:disabled){background:#fca5a5}.fob-page{background:#fff;display:flex;flex-direction:column;height:100%}.fob-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.fob-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.fob-subtab:hover{background:#eaeaea}.fob-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.fob-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.fob-subtab-icon{font-size:14px;line-height:1}.fob-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.fob-subtab-close:hover{background:#f44;color:#fff}.fob-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.fob-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.fob-toolbar-left,.fob-toolbar-right{display:flex;gap:6px}.fob-toolbar-right{align-items:center}.fob-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px;transition:background .12s}.fob-btn-add:hover{background:#2563eb}.fob-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background .12s}.fob-btn-refresh:hover{background:#e4e4e4}.fob-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .12s}.fob-toolbar-icon:hover{background:#e4e4e4}.fob-search-wrapper{position:relative}.fob-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:220px}.fob-search-input:focus{border-color:#5b8af5;outline:none}.fob-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.fob-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.fob-table-wrap{flex:1 1;min-height:0;overflow:auto}.fob-tbl{border-collapse:collapse;width:100%}.fob-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.fob-tbl th{background:#6b7280;color:#fff;font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.fob-tbl td,.fob-tbl th{font-size:12px;padding:8px 12px}.fob-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.fob-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.fob-tbl-empty{color:#9ca3af;font-style:italic;padding:40px 12px!important;text-align:center}.fob-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.fob-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.fob-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.fob-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.fob-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.fob-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.fob-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px}.fob-tab-content{max-width:900px}.fob-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.fob-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:160px;padding-top:6px}.fob-req{color:#e53e3e;margin-left:2px}.fob-fv{flex:1 1;max-width:460px}.fob-fv input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;width:100%}.fob-fv input:focus{border-color:#5b8af5}.fob-input-md{width:100%}.fob-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.fob-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.fob-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.fob-action-btn:disabled{cursor:not-allowed;opacity:.5}.fob-action-save{background:#f0f0f0;color:#6b7280}.fob-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.fob-action-delete:hover:not(:disabled){background:#fca5a5}.gtj-page{background:#fff;display:flex;flex-direction:column;height:100%}.gtj-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.gtj-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.gtj-subtab:hover{background:#eaeaea}.gtj-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.gtj-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.gtj-subtab-icon{font-size:14px;line-height:1}.gtj-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.gtj-subtab-close:hover{background:#f44;color:#fff}.gtj-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.gtj-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.gtj-filter-wrap{position:relative}.gtj-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;max-width:320px;padding:4px 10px;transition:border-color .12s;white-space:nowrap}.gtj-filter-chip:hover{border-color:#5b8af5}.gtj-chip-caret{color:#9ca3af;font-size:10px}.gtj-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;max-height:400px;min-width:240px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.gtj-popover-wide{min-width:420px}.gtj-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .12s}.gtj-radio-row:hover{background:#f4f6fa}.gtj-radio-row input[type=radio]{flex-shrink:0;margin:0}.gtj-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.gtj-toolbar-left,.gtj-toolbar-right{display:flex;gap:6px}.gtj-toolbar-right{align-items:center}.gtj-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px;transition:background .12s}.gtj-btn-add:hover{background:#2563eb}.gtj-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background .12s}.gtj-btn-refresh:hover{background:#e4e4e4}.gtj-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .12s}.gtj-toolbar-icon:hover{background:#e4e4e4}.gtj-search-wrapper{position:relative}.gtj-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.gtj-search-input:focus{border-color:#5b8af5;outline:none}.gtj-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.gtj-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.gtj-table-wrap{flex:1 1;min-height:0;overflow:auto}.gtj-tbl{border-collapse:collapse;width:100%}.gtj-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.gtj-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.gtj-tbl td,.gtj-tbl th{font-size:12px;padding:8px 12px}.gtj-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.gtj-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.gtj-tbl-empty{padding:40px 12px!important;text-align:center}.gtj-row-inactive td,.gtj-tbl-empty{color:#9ca3af;font-style:italic}.gtj-ss-wrap{position:relative;width:100%}.gtj-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px;transition:border-color .12s}.gtj-ss-input:hover{border-color:#5b8af5}.gtj-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtj-ss-icon,.gtj-ss-placeholder{color:#9ca3af}.gtj-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.gtj-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.gtj-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.gtj-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.gtj-ss-search-box input:focus{border-color:#5b8af5}.gtj-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.gtj-ss-list{flex:1 1;overflow-y:auto}.gtj-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px;transition:background .1s}.gtj-ss-option:hover{background:#f0f7ff}.gtj-ss-option.selected{background:#e0f2fe}.gtj-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.gtj-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.gtj-ss-empty,.gtj-ss-opt-tipe{color:#9ca3af;font-style:italic}.gtj-ss-empty{font-size:12px;padding:20px;text-align:center}.gtj-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.gtj-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.gtj-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.gtj-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.gtj-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.gtj-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.gtj-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.gtj-tab-content{max-width:900px}.gtj-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.gtj-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:160px;padding-top:6px}.gtj-req{color:#e53e3e;margin-left:2px}.gtj-fv{flex:1 1;max-width:560px}.gtj-fv input,.gtj-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;width:100%}.gtj-fv input:focus,.gtj-fv textarea:focus{border-color:#5b8af5}.gtj-input-md{width:100%}.gtj-input-readonly{background:#f5f5f5;color:#6b7280;cursor:not-allowed}.gtj-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;cursor:pointer;font-size:12px;outline:none;padding:6px 10px;width:100%}.gtj-select:focus{border-color:#5b8af5}.gtj-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding-top:6px}.gtj-check-item input[type=checkbox]{margin:0}.gtj-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.gtj-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.gtj-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.gtj-action-btn:disabled{cursor:not-allowed;opacity:.5}.gtj-action-save{background:#f0f0f0;color:#6b7280}.gtj-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.gtj-action-delete:hover:not(:disabled){background:#fca5a5}.tb-page{padding:0}.tb-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;padding:0 16px}.tb-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 20px;transition:all .15s}.tb-subtab:hover{color:#334155}.tb-subtab.active{border-bottom-color:#1e40af;color:#1e40af;font-weight:600}.tb-subtab .close-btn{color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;margin-left:4px}.tb-subtab .close-btn:hover{color:#ef4444}.tb-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 16px}.tb-toolbar,.tb-toolbar-left{flex-wrap:wrap}.tb-toolbar,.tb-toolbar-left,.tb-toolbar-right{align-items:center;display:flex;gap:8px}.tb-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .15s}.tb-btn:hover{background:#f9fafb;border-color:#9ca3af}.tb-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.tb-btn.primary:hover{background:#1d4ed8}.tb-btn.danger{color:#ef4444}.tb-btn.danger:hover{background:#fef2f2}.tb-filters{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:8px 16px}.tb-filter-chip,.tb-filters{align-items:center;display:flex}.tb-filter-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:12px;gap:4px;padding:5px 12px}.tb-filter-chip:hover{background:#e2e8f0}.tb-filter-chip select{background:#0000;border:none;color:#475569;cursor:pointer;font-size:12px;outline:none}.tb-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;padding:0 8px}.tb-search-box input{border:none;font-size:13px;outline:none;padding:6px 4px;width:160px}.tb-search-box .search-icon{color:#9ca3af;font-size:14px}.tb-count{color:#64748b;font-size:13px;white-space:nowrap}.tb-table-wrap{overflow-x:auto;padding:0}.tb-table{border-collapse:collapse;font-size:13px;width:100%}.tb-table thead th{background:#334155;color:#fff;cursor:pointer;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.tb-table thead th:hover{background:#475569}.tb-table thead th .sort-icon{font-size:10px;margin-left:4px;opacity:.6}.tb-table tbody tr{border-bottom:1px solid #f1f5f9}.tb-table tbody tr:hover{background:#f8fafc}.tb-table tbody td{color:#334155;padding:10px 12px;vertical-align:middle}.tb-table .nomor-link{color:#2563eb;cursor:pointer;font-family:Consolas,Courier New,monospace;font-size:12px}.tb-table .nomor-link:hover{text-decoration:underline}.tb-table .nilai{font-weight:500;text-align:right;white-space:nowrap}.tb-table .aksi{align-items:center;display:flex;gap:6px}.tb-table .aksi button{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:4px}.tb-table .aksi button:hover{color:#1e40af}.tb-table .aksi button.delete:hover{color:#ef4444}.tb-empty{color:#94a3b8;font-size:14px;padding:60px 20px;text-align:center}.tb-form{background:#f8fafc;display:flex;flex-direction:column;height:100%;min-height:0}.tb-form-header{background:#fff;border-bottom:1px solid #e2e8f0;gap:10px;justify-content:space-between;padding:12px 16px}.tb-form-header,.tb-form-header-left{align-items:center;display:flex;flex-wrap:wrap}.tb-form-header-left{gap:16px}.tb-form-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.tb-field-group{display:flex;flex-direction:column;gap:3px}.tb-field-group label{color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.tb-field-group label .required{color:#ef4444}.tb-field-group input,.tb-field-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;padding:7px 10px}.tb-field-group input:focus,.tb-field-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.tb-toggle-wrap{align-items:center;display:flex;gap:8px}.tb-toggle{background:#d1d5db;border-radius:11px;cursor:pointer;height:22px;position:relative;transition:background .2s;width:40px}.tb-toggle.on{background:#2563eb}.tb-toggle .thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:left .2s;width:18px}.tb-toggle.on .thumb{left:20px}.tb-form-body{display:flex;flex:1 1;min-height:0}.tb-form-sidebar{background:#fff;border-right:1px solid #e2e8f0;gap:4px;padding-top:12px;width:48px}.tb-form-sidebar,.tb-sidebar-btn{align-items:center;display:flex;flex-direction:column}.tb-sidebar-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:9px;font-weight:500;gap:2px;height:40px;justify-content:center;transition:all .15s;width:40px}.tb-sidebar-btn:hover{background:#f1f5f9;color:#334155}.tb-sidebar-btn.active{background:#eff6ff;border-left:2px solid #2563eb;color:#1e40af}.tb-sidebar-btn .icon{font-size:16px}.tb-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:20px 24px 120px}.tb-transfer-section{margin-bottom:24px}.tb-transfer-section h3{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:16px}.tb-transfer-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.tb-transfer-field{flex:1 1;min-width:200px}.tb-transfer-field label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.tb-transfer-field label .required{color:#ef4444}.tb-kas-search{position:relative}.tb-kas-search input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 36px 8px 12px;width:100%}.tb-kas-search input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.tb-kas-search .search-icon{color:#9ca3af;font-size:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.tb-kas-search .selected-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;display:inline-flex;font-size:13px;gap:4px;padding:6px 10px}.tb-kas-search .selected-chip .remove{color:#64748b;cursor:pointer;font-weight:700;margin-left:4px}.tb-kas-search .selected-chip .remove:hover{color:#ef4444}.tb-kas-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.tb-kas-dropdown .item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:10px 14px}.tb-kas-dropdown .item:hover{background:#f8fafc}.tb-kas-dropdown .item:last-child{border-bottom:none}.tb-kas-dropdown .item .nama{color:#1e293b;font-size:13px;font-weight:500}.tb-kas-dropdown .item .kode{color:#64748b;font-size:11px}.tb-nilai-wrap{align-items:center;border:1px solid #d1d5db;border-radius:6px;display:flex;overflow:hidden;width:-webkit-fit-content;width:fit-content}.tb-nilai-wrap .currency{background:#f1f5f9;border-right:1px solid #d1d5db;color:#64748b;font-size:12px;padding:8px 10px}.tb-nilai-wrap input{border:none;font-size:14px;font-weight:500;outline:none;padding:8px 12px;text-align:right;width:180px}.tb-terbilang{color:#64748b;font-size:12px;font-style:italic;margin-top:6px}.tb-biaya-section{margin-top:20px}.tb-biaya-section h3{color:#1e293b;font-size:14px;font-weight:600;margin:14px 0 10px}.tb-biaya-search-wrap{display:inline-block;margin-bottom:4px;position:relative}.tb-biaya-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;max-width:100%;overflow:hidden;width:380px}.tb-biaya-search input{border:none;flex:1 1;font-size:13px;outline:none;padding:8px 10px}.tb-biaya-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.biaya-search-icon{color:#9ca3af;flex-shrink:0;font-size:14px;padding:0 10px}.tb-biaya-dropdown{max-width:90vw;width:440px!important}.tb-biaya-drop-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.tb-biaya-tipe-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;flex-shrink:0;font-size:10px;padding:2px 7px;white-space:nowrap}.tb-biaya-more{border-top:1px solid #f1f5f9;color:#64748b;font-size:11px;font-style:italic;padding:8px 14px;text-align:center}.tb-biaya-table{border-collapse:collapse;font-size:13px;width:100%}.tb-biaya-table thead th{background:#475569;color:#fff;font-weight:600;padding:8px 12px;text-align:left}.tb-biaya-table tbody td{border-bottom:1px solid #f1f5f9;padding:8px 12px}.tb-biaya-table .nilai-input{text-align:right;width:120px}.tb-biaya-table .nilai-input,.tb-biaya-table select{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 8px}.tb-info-section h3{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:12px}.tb-info-section textarea{border:1px solid #d1d5db;border-radius:6px;font-size:13px;max-width:500px;min-height:100px;outline:none;padding:10px 12px;resize:vertical;width:100%}.tb-info-section textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.tb-action-panel{background:#f8fafc;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 8px;width:72px}.tb-split-btn{border-radius:5px;box-shadow:0 1px 3px #00000026;display:flex;overflow:hidden;width:100%}.tb-split-main{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;height:40px;justify-content:center;padding:0;transition:filter .15s}.tb-split-main:hover{filter:brightness(1.1)}.tb-split-main:disabled{cursor:not-allowed;filter:none;opacity:.55}.tb-split-chevron{align-items:center;border:none;border-left:1px solid #ffffff40;color:#fff;cursor:pointer;display:flex;font-size:10px;height:40px;justify-content:center;padding:0;transition:filter .15s;width:20px}.tb-split-chevron:hover{filter:brightness(1.15)}.tb-split-save{background:#1d4ed8}.tb-split-attach,.tb-split-doc{background:#3b82f6}.tb-form-footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:0;justify-content:flex-end;padding:12px 24px}.tb-total-box{border:1px solid #e2e8f0;min-width:160px;padding:10px 20px;text-align:right}.tb-total-box .label{color:#64748b;font-size:11px;margin-bottom:2px}.tb-total-box .value{color:#1e293b;font-size:16px;font-weight:700}@media (max-width:768px){.tb-transfer-row{flex-direction:column;gap:12px}.tb-action-panel{border-left:none;border-top:1px solid #e2e8f0;flex-direction:row;padding:8px 12px;width:auto}.tb-form-header-left,.tb-form-header-right{flex-direction:column}}.ju-page{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;padding:0}.ju-req{color:#ef4444}.ju-tabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.ju-tab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px}.ju-tab:hover{color:#334155}.ju-tab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.ju-tab-x{color:#94a3b8;cursor:pointer;font-size:14px;margin-left:4px}.ju-tab-x:hover{color:#ef4444}.ju-filters{background:#fafafa;border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:8px;padding:8px 16px}.ju-chip,.ju-filters{align-items:center;display:flex}.ju-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;gap:4px;padding:5px 12px}.ju-chip,.ju-chip select{color:#475569;font-size:12px}.ju-chip select{background:#0000;border:none;cursor:pointer;outline:none}.ju-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:10px 16px}.ju-toolbar-l,.ju-toolbar-r{align-items:center;display:flex;gap:6px}.ju-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.ju-btn:hover{background:#f9fafb;border-color:#9ca3af}.ju-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff;font-size:16px;padding:4px 14px}.ju-btn-primary:hover{background:#1d4ed8}.ju-searchbox{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;padding:0 8px}.ju-searchbox input{border:none;font-size:13px;outline:none;padding:5px 4px;width:140px}.ju-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:13px;padding:4px 10px}.ju-sort-icon{font-size:10px;margin-left:3px;opacity:.7}.ju-list-wrap{flex:1 1;overflow:auto}.ju-list-table{border-collapse:collapse;font-size:13px;width:100%}.ju-list-table thead th{background:#475569;color:#fff;cursor:pointer;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.ju-list-table thead th:hover{background:#334155}.ju-list-table tbody tr{border-bottom:1px solid #f1f5f9}.ju-list-table tbody tr:hover{background:#f8fafc}.ju-list-table tbody td{color:#334155;padding:10px 12px}.ju-row-click{cursor:default;-webkit-user-select:none;user-select:none}.ju-row-click:hover{background:#f0f4ff}.ju-notrans-text{color:#16a34a}.ju-link,.ju-notrans-text{font-family:Consolas,monospace;font-size:12px;font-weight:500}.ju-link{color:#2563eb;cursor:pointer}.ju-link:hover{text-decoration:underline}.ju-mono{color:#475569;font-family:Consolas,monospace;font-size:12px}.ju-ket-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ju-total-cell{color:#1e293b;font-weight:600;text-align:right;white-space:nowrap}.ju-table-empty{color:#94a3b8;font-size:13px;padding:50px 20px;text-align:center}.ju-form{background:#f8fafc;display:flex;flex-direction:column;height:100%;min-height:0}.ju-loading{color:#94a3b8;font-size:14px;padding:40px}.ju-form-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:14px 20px}.ju-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ju-header-row+.ju-header-row{margin-top:10px}.ju-header-field{align-items:center;display:flex;gap:8px}.ju-header-spacer{flex:1 1}.ju-label{color:#475569;font-size:13px;font-weight:500;white-space:nowrap}.ju-date-input,.ju-select,.ju-text-input{background:#fff;border:1px solid #d1d5db;border-radius:5px;font-size:13px;outline:none;padding:7px 10px}.ju-date-input:focus,.ju-select:focus,.ju-text-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ju-readonly{background:#f1f5f9;border-color:#e2e8f0;color:#475569;cursor:default}.ju-readonly:focus{border-color:#e2e8f0;box-shadow:none}.ju-select{cursor:pointer;min-width:160px}.ju-preview-nomor{color:#64748b;font-size:11px}.ju-nomor-display{align-items:center;background:#f1f5f9;border:1px solid #d1d5db;border-radius:5px;color:#1e293b;display:inline-flex;font-family:Consolas,monospace;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.ju-nomor-text{-webkit-user-select:all;user-select:all}.ju-nomor-clear{color:#94a3b8;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.ju-nomor-clear:hover{color:#ef4444}.ju-notrans-badge{background:#dcfce7;border:1px solid #86efac;border-radius:5px;color:#166534;cursor:pointer;display:inline-block;font-family:Consolas,monospace;font-size:13px;font-weight:600;padding:5px 14px;transition:background .15s}.ju-notrans-badge:hover{background:#bbf7d0}.ju-notrans-link{color:#16a34a!important;font-family:Consolas,monospace;font-size:12px;font-weight:600}.ju-notrans-link:hover{text-decoration:underline}.ju-toggle-wrap{align-items:center;display:flex}.ju-toggle{background:#d1d5db;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.ju-toggle.on{background:#2563eb}.ju-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:left .2s;width:18px}.ju-toggle.on .ju-thumb{left:20px}.ju-ambil-wrap{position:relative}.ju-ambil-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:7px 14px}.ju-ambil-btn:hover{background:#f9fafb;border-color:#9ca3af}.ju-caret{font-size:10px}.ju-ambil-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001f;margin-top:2px;min-width:180px;position:absolute;right:0;top:100%;z-index:50}.ju-ambil-item{color:#334155;cursor:pointer;font-size:13px;padding:10px 14px}.ju-ambil-item:hover{background:#f8fafc}.ju-form-body{display:flex;flex:1 1;min-height:0}.ju-form-sidebar{align-items:center;background:#fafafa;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.ju-sidebar-btn{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.ju-sidebar-btn:hover{background:#f0f0f0;color:#334155}.ju-sidebar-btn.active{background:#fff;border-left-color:#e91e63;color:#e91e63}.ju-form-content{flex:1 1;min-width:0;overflow-y:auto}.ju-rincian-panel{display:flex;flex-direction:column;height:100%}.ju-rincian-toolbar{border-bottom:1px solid #e8ecf0;flex-shrink:0;gap:16px;justify-content:space-between;padding:8px 12px}.ju-akun-searchbar,.ju-rincian-toolbar{align-items:center;background:#fff;display:flex}.ju-akun-searchbar{border:1px solid #d1d5db;border-radius:5px;flex:1 1;gap:8px;max-width:400px;padding:0 10px;position:relative}.ju-akun-search{background:#0000;border:none;color:#334155;flex:1 1;font-size:13px;outline:none;padding:7px 0}.ju-akun-search::placeholder{color:#94a3b8}.ju-akun-searchbar:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.ju-akun-search-ico{cursor:pointer;flex-shrink:0}.ju-akun-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:4px;max-height:240px;min-width:380px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.ju-drop-empty{color:#94a3b8;font-size:13px;padding:12px 14px}.ju-drop-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.ju-drop-item:hover{background:#f0f7ff}.ju-drop-item:last-child{border-bottom:none}.ju-drop-kode{color:#475569;font-family:Consolas,monospace;font-size:11px;font-weight:700;min-width:70px}.ju-drop-nama{color:#1e293b;flex:1 1;font-size:13px;font-weight:500}.ju-drop-tipe{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:10px;padding:2px 7px;white-space:nowrap}.ju-rincian-title-wrap{align-items:center;display:flex;flex-shrink:0;gap:8px}.ju-rincian-title{color:#1e293b;font-size:14px;font-weight:600}.ju-badge-warn{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.ju-main-table-wrap{flex:1 1;overflow-y:auto}.ju-main-table{border-collapse:collapse;font-size:13px;width:100%}.ju-main-table thead th{background:#475569;color:#fff;font-weight:600;padding:9px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.ju-th-right{text-align:right!important}.ju-main-table tbody tr{border-bottom:1px solid #f1f5f9}.ju-main-row{cursor:pointer}.ju-main-row:hover{background:#f0f7ff}.ju-main-table tbody td{padding:8px 10px}.ju-drag-cell{color:#cbd5e1;font-size:14px;text-align:center;width:30px}.ju-kode-cell{color:#1e293b;font-family:Consolas,monospace;font-size:12px;font-weight:700}.ju-nama-cell{color:#334155}.ju-val-cell{color:#1e293b;font-family:Consolas,monospace;font-size:12px;font-weight:500;text-align:right}.ju-info-panel{padding:20px 24px}.ju-info-title{align-items:center;display:flex;font-size:14px;font-weight:600;margin-bottom:16px}.ju-info-field{display:flex;flex-direction:column;gap:6px}.ju-info-field label{color:#475569;font-size:13px;font-weight:500}.ju-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:13px;max-width:520px;min-height:100px;outline:none;padding:10px 12px;resize:vertical;width:100%}.ju-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ju-action-panel{align-items:center;background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 6px;width:68px}.ju-action-btn{align-items:center;border:none;border-radius:5px 5px 0 0;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:filter .15s;width:48px}.ju-action-btn:hover{filter:brightness(1.12)}.ju-action-btn.disabled{cursor:not-allowed;filter:none;opacity:.35}.ju-action-split{border-radius:5px;box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;overflow:hidden;width:48px}.ju-action-split .ju-action-btn{border-radius:0;width:100%}.ju-action-chev{align-items:center;border:none;border-top:1px solid #fff3;color:#fff;cursor:pointer;display:flex;font-size:9px;height:16px;justify-content:center;width:100%}.ju-action-chev:hover{filter:brightness(1.15)}.ju-act-save{background:#1d4ed8}.ju-act-delete,.ju-act-save{border-radius:5px;box-shadow:0 1px 3px #0000001f}.ju-act-delete{background:#ef4444}.ju-act-delete:hover{background:#dc2626}.ju-act-attach,.ju-act-doc{background:#3b82f6}.ju-act-more{background:#22c55e}.ju-form-footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:0;justify-content:flex-end;padding:10px 24px}.ju-total-box{border:1px solid #e2e8f0;min-width:180px;padding:10px 20px;text-align:right}.ju-total-box.warn{background:#fffbeb;border-color:#fcd34d}.ju-total-label{color:#64748b;font-size:11px;margin-bottom:2px}.ju-total-value{color:#1e293b;font-size:16px;font-weight:700}.ju-total-box.warn .ju-total-value{color:#92400e}.ju-modal-overlay{align-items:center;background:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ju-modal{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:460px}.ju-modal-header{align-items:center;background:#475569;color:#fff;display:flex;justify-content:space-between;padding:14px 20px}.ju-modal-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:6px}.ju-modal-icon{font-size:16px}.ju-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:22px;line-height:1;opacity:.8;padding:0 4px}.ju-modal-close:hover{opacity:1}.ju-modal-tabs{border-bottom:2px solid #e2e8f0;display:flex;padding:0 20px}.ju-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-2px;padding:10px 16px}.ju-modal-tab:hover{color:#334155}.ju-modal-tab.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.ju-modal-body{flex:1 1;overflow-y:auto;padding:24px}.ju-modal-field{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.ju-modal-field>label{color:#475569;flex-shrink:0;font-size:13px;font-weight:500;padding-top:7px;width:120px}.ju-modal-field>div{flex:1 1}.ju-modal-kode{color:#dc2626;display:block;font-family:Consolas,monospace;font-size:16px;font-weight:700;padding-top:4px}.ju-modal-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;color:#475569;font-size:13px;outline:none;padding:7px 10px;width:100%}.ju-modal-radio-group{display:flex;gap:24px;padding-top:6px}.ju-modal-radio{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:6px}.ju-modal-radio input[type=radio]{accent-color:#2563eb}.ju-modal-amount{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;overflow:hidden}.ju-modal-rp{background:#f1f5f9;border-right:1px solid #d1d5db;color:#64748b;font-size:13px;font-weight:500;padding:7px 10px}.ju-modal-amount-input{border:none;flex:1 1;font-family:Consolas,monospace;font-size:14px;font-weight:600;min-width:100px;outline:none;padding:7px 10px;text-align:right}.ju-modal-textarea{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:13px;min-height:60px;outline:none;padding:8px 10px;resize:vertical;width:100%}.ju-modal-textarea:focus{border-color:#2563eb}.ju-modal-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;padding:14px 24px}.ju-modal-footer-spacer{flex:1 1}.ju-modal-btn-hapus{background:#fff;border:2px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:9px 24px}.ju-modal-btn-hapus:hover{background:#eff6ff}.ju-modal-btn-lanjut{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 28px}.ju-modal-btn-lanjut:hover{background:#1d4ed8}@media (max-width:900px){.ju-rincian-toolbar{align-items:stretch;flex-direction:column}.ju-akun-searchbar{max-width:100%}}@media (max-width:768px){.ju-action-panel{border-left:none;border-top:1px solid #e2e8f0;flex-direction:row;justify-content:center;width:auto}.ju-form-header{padding:10px 12px}.ju-header-row{gap:8px}}.kp-page{display:flex;flex-direction:column;height:100%;padding:0}.kp-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.kp-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.kp-subtab:hover{color:#334155}.kp-subtab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.kp-tab-close{color:#94a3b8;cursor:pointer;font-size:13px;margin-left:4px}.kp-tab-close:hover{color:#ef4444}.kp-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.kp-toolbar-left,.kp-toolbar-right{align-items:center;display:flex;gap:6px}.kp-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 13px;transition:all .15s}.kp-btn:hover{background:#f9fafb;border-color:#9ca3af}.kp-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.kp-btn.primary:hover{background:#1d4ed8}.kp-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;padding:0 8px}.kp-search-box input{border:none;font-size:13px;outline:none;padding:5px 4px;width:150px}.kp-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:13px;padding:4px 10px}.kp-table-wrap{flex:1 1;overflow:auto}.kp-table{border-collapse:collapse;font-size:13px;width:100%}.kp-table thead th{background:#475569;color:#fff;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.kp-table tbody tr{border-bottom:1px solid #f1f5f9}.kp-table tbody tr:hover{background:#f8fafc}.kp-table tbody td{color:#334155;padding:10px 12px;vertical-align:middle}.kp-nama-link{color:#2563eb;cursor:pointer;font-weight:500}.kp-nama-link:hover{text-decoration:underline}.kp-default-cell{color:#475569;font-size:13px}.kp-empty{color:#94a3b8;font-size:14px;padding:60px 20px;text-align:center}.kp-form{background:#f8fafc;display:flex;flex:1 1;min-height:0}.kp-form-inner{flex:1 1;padding:0}.kp-loading{color:#94a3b8;padding:40px}.kp-form-title-tab{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:6px 6px 0 0;color:#1e293b;display:inline-block;font-size:13px;font-weight:600;margin:12px 0 0 16px;padding:8px 16px}.kp-form-fields{background:#fff;border:1px solid #e2e8f0;border-radius:0 6px 6px 6px;margin:0 16px 16px;min-height:200px;padding:20px 24px}.kp-form-row{align-items:center;display:flex;gap:12px}.kp-form-row,.kp-form-row-sub{margin-bottom:14px}.kp-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;width:140px}.kp-req{color:#ef4444}.kp-control{flex:1 1;max-width:360px}.kp-control-check{align-items:center;display:flex}.kp-input,.kp-select{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-size:13px;outline:none;padding:7px 10px;width:100%}.kp-input:focus,.kp-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.kp-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:6px}.kp-checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.kp-sub-check{margin-left:0}.kp-form-action{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 8px;width:72px}.kp-save-btn{align-items:center;background:#d1d5db;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .15s;width:100%}.kp-save-btn:hover:not(:disabled){background:#2563eb}.kp-save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.kp-form-row{align-items:flex-start;flex-direction:column;gap:4px}.kp-label{width:auto}.kp-control{max-width:100%;width:100%}}.kpl-page{display:flex;flex-direction:column;height:100%;padding:0}.kpl-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.kpl-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.kpl-subtab:hover{color:#334155}.kpl-subtab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.kpl-tab-close{color:#94a3b8;cursor:pointer;font-size:13px;margin-left:4px}.kpl-tab-close:hover{color:#ef4444}.kpl-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.kpl-toolbar-left,.kpl-toolbar-right{align-items:center;display:flex;gap:6px}.kpl-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 13px;transition:all .15s}.kpl-btn:hover{background:#f9fafb;border-color:#9ca3af}.kpl-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.kpl-btn.primary:hover{background:#1d4ed8}.kpl-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;padding:0 8px}.kpl-search-box input{border:none;font-size:13px;outline:none;padding:5px 4px;width:150px}.kpl-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:13px;padding:4px 10px}.kpl-table-wrap{flex:1 1;overflow:auto}.kpl-table{border-collapse:collapse;font-size:13px;width:100%}.kpl-table thead th{background:#475569;color:#fff;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.kpl-table tbody tr{border-bottom:1px solid #f1f5f9}.kpl-table tbody tr:hover{background:#f8fafc}.kpl-table tbody td{color:#334155;padding:10px 12px;vertical-align:middle}.kpl-nama-link{color:#2563eb;cursor:pointer;font-weight:500}.kpl-nama-link:hover{text-decoration:underline}.kpl-default-cell{color:#475569;font-size:13px}.kpl-empty{color:#94a3b8;font-size:14px;padding:60px 20px;text-align:center}.kpl-form{background:#f8fafc;display:flex;flex:1 1;min-height:0}.kpl-form-inner{flex:1 1;padding:0}.kpl-loading{color:#94a3b8;padding:40px}.kpl-form-title-tab{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:6px 6px 0 0;color:#1e293b;display:inline-block;font-size:13px;font-weight:600;margin:12px 0 0 16px;padding:8px 16px}.kpl-form-fields{background:#fff;border:1px solid #e2e8f0;border-radius:0 6px 6px 6px;margin:0 16px 16px;min-height:200px;padding:20px 24px}.kpl-form-row{align-items:center;display:flex;gap:12px}.kpl-form-row,.kpl-form-row-sub{margin-bottom:14px}.kpl-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;width:140px}.kpl-req{color:#ef4444}.kpl-control{flex:1 1;max-width:360px}.kpl-control-check{align-items:center;display:flex}.kpl-input,.kpl-select{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-size:13px;outline:none;padding:7px 10px;width:100%}.kpl-input:focus,.kpl-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.kpl-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:6px}.kpl-checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.kpl-sub-check{margin-left:0}.kpl-form-action{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 8px;width:72px}.kpl-save-btn{align-items:center;background:#d1d5db;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .15s;width:100%}.kpl-save-btn:hover:not(:disabled){background:#2563eb}.kpl-save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.kpl-form-row{align-items:flex-start;flex-direction:column;gap:4px}.kpl-label{width:auto}.kpl-control{max-width:100%;width:100%}}.pp-page{background:#fff}.pp-subtab-bar{background:#f5f5f5;border-bottom:1px solid #ddd;min-height:32px}.pp-subtab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;margin-right:-1px;padding:6px 14px;transition:all .12s}.pp-subtab:hover{background:#eaeaea}.pp-subtab.active,.pp-subtab.active-form{border-color:#ccc;color:#1a2236}.pp-subtab.active-form{border-top:2px solid #e91e63}.pp-subtab-close{color:#999;padding:0 2px}.pp-subtab-close:hover{background:#f44}.pp-filter-bar{background:#fafafa;border-bottom:1px solid #eee;padding:8px 12px}.pp-filter-chip{border:1px solid #d0d0d0;border-radius:4px;color:#374151;gap:4px;padding:4px 10px}.pp-filter-chip:hover{border-color:#5b8af5}.pp-chip-caret{color:#9ca3af;font-size:10px}.pp-filter-reset{background:#5b8af5;border-radius:4px;padding:4px 10px}.pp-filter-reset:hover{background:#3b6fd6}.pp-filter-popover{border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;min-width:220px;top:calc(100% + 4px)}.pp-radio-row{border-radius:4px;padding:6px 8px}.pp-radio-row:hover{background:#f4f6fa}.pp-popover-inset{padding:4px 8px 8px 30px}.pp-field-mini input{border:1px solid #d1d5db;border-radius:3px;padding:5px 7px}.pp-field-mini input:focus{border-color:#5b8af5}.pp-check-row{border-radius:4px;padding:6px 8px}.pp-check-row:hover{background:#f4f6fa}.pp-toolbar{background:#fafafa;border-bottom:1px solid #eee;padding:8px 12px}.pp-btn-add{border-radius:4px;padding:5px 14px}.pp-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;padding:5px 10px}.pp-btn-refresh:hover{background:#e4e4e4}.pp-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;padding:4px 8px}.pp-toolbar-icon:hover{background:#e4e4e4}.pp-search-input{border:1px solid #d0d0d0;border-radius:4px;padding:5px 28px 5px 8px;width:160px}.pp-search-input:focus{border-color:#5b8af5;outline:none}.pp-search-icon{right:6px}.pp-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;padding:4px 10px}.pp-tbl th{background:#475569;color:#fff;font-size:12px;padding:8px 12px}.pp-tbl td{border-bottom:1px solid #f0f0f0;padding:8px 12px}.pp-tbl tbody tr:hover{background:#f0f7ff}.pp-tbl-empty{color:#9ca3af;padding:40px 12px!important}.pp-tbl-num{color:#9ca3af}.pp-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace}.pp-status-badge{border-radius:10px;display:inline-block;padding:2px 8px}.pp-status-Menunggu-diproses{background:#e0e7ff;color:#3730a3}.pp-status-Diterima,.pp-status-Terproses{background:#d1fae5;color:#065f46}.pp-status-Ditolak{background:#fee2e2;color:#991b1b}.pp-actions{gap:2px}.pp-btn-delete,.pp-btn-edit{border-radius:3px;padding:2px 4px}.pp-btn-edit:hover{background:#e0f2fe}.pp-ss-input{border:1px solid #d1d5db;border-radius:3px;min-height:28px;padding:6px 10px}.pp-ss-input:hover:not(.disabled){border-color:#5b8af5}.pp-ss-input.disabled{background:#f5f5f5;opacity:.7}.pp-ss-value{color:#1a2236}.pp-ss-icon,.pp-ss-placeholder{color:#9ca3af}.pp-ss-dropdown{border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;max-height:260px;min-width:280px;top:calc(100% + 2px)}.pp-ss-search-box{border-bottom:1px solid #e5e7eb;padding:8px}.pp-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;padding:6px 28px 6px 10px}.pp-ss-search-box input:focus{border-color:#5b8af5}.pp-ss-search-icon{color:#9ca3af;right:16px}.pp-ss-option{border-bottom:1px solid #f5f5f5;padding:8px 12px}.pp-ss-option:hover{background:#f0f7ff}.pp-ss-option.selected{background:#e0f2fe}.pp-ss-opt-main{color:#1a2236}.pp-ss-opt-sub{color:#6b7280}.pp-ss-empty{color:#9ca3af;padding:20px}.pp-form{background:#fff}.pp-form-loading{color:#9ca3af}.pp-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.pp-form-header-left{gap:8px}.pp-form-row{gap:10px}.pp-form-label{min-width:90px}.pp-form-label,.pp-form-label-inline{color:#374151;font-weight:500}.pp-req{color:#e53e3e}.pp-form-control input[type=date]{border:1px solid #d1d5db;border-radius:3px;padding:6px 10px}.pp-form-control input[type=date]:focus{border-color:#5b8af5}.pp-form-select{border:1px solid #d1d5db;border-radius:3px;padding:6px 8px}.pp-form-select:focus{border-color:#5b8af5}.pp-form-input{border:1px solid #d1d5db;border-radius:3px;padding:6px 10px}.pp-form-input:focus{border-color:#5b8af5}.pp-form-input[readonly]{background:#f5f5f5}.pp-toggle-slider{background:#ccc;transition:.3s}.pp-toggle-slider:before{transition:.3s}.pp-toggle input:disabled+.pp-toggle-slider{opacity:.5}.pp-btn-ambil{border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;padding:5px 12px}.pp-btn-ambil:hover{background:#eff6ff}.pp-proses-wrap{display:inline-block;position:relative}.pp-btn-proses{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px}.pp-btn-proses:hover{background:#eff6ff}.pp-proses-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #0000001f;min-width:160px;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.pp-proses-item{color:#374151;cursor:pointer;font-size:13px;padding:8px 16px;white-space:nowrap}.pp-proses-item:hover{background:#f0f7ff;color:#1e40af}.pp-form-sidebar-left{background:#fff;border-right:1px solid #eee;gap:4px;padding:8px 0;width:40px}.pp-sidebar-tab{height:36px}.pp-sidebar-tab:hover{background:#f5f5f5}.pp-sidebar-tab.active{background:#f0f7ff;border-left-color:#e91e63}.pp-form-content{padding:16px 20px 280px}.pp-form-action-panel{background:#fafafa;border-left:1px solid #eee;padding:12px 8px;width:60px}.pp-action-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .15s;width:44px}.pp-action-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.pp-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pp-action-save{background:#3b82f6}.pp-action-save:hover:not(:disabled){background:#2563eb}.pp-action-doc{background:#60a5fa}.pp-action-doc:hover{background:#3b82f6}.pp-action-attach{background:#60a5fa}.pp-action-attach:hover{background:#3b82f6}.pp-action-more{background:#22c55e}.pp-action-more:hover{background:#16a34a}.pp-split-btn{border-radius:4px;overflow:visible}.pp-split-main{padding:8px 0}.pp-split-chevron{border-top:1px solid #ffffff40;color:#fff;padding:3px 0}.pp-save-dropdown-wrap{overflow:visible!important;position:relative}.pp-save-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #0000001f;min-width:180px;padding:4px 0;position:absolute;right:calc(100% + 6px);top:0;z-index:200}.pp-save-dropdown-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;white-space:nowrap}.pp-save-dropdown-item:hover{background:#f0f4ff}.pp-save-dropdown-check{color:#6b7280;font-size:14px}.pp-save-dropdown-icon{font-size:14px}.pp-rincian-header{margin-bottom:10px}.pp-rincian-search{max-width:340px}.pp-rincian-title{color:#1a2236;font-size:14px}.pp-rincian-tbl{border-collapse:collapse}.pp-rincian-tbl th{padding:8px 10px}.pp-rincian-tbl td{border-bottom:1px solid #f0f0f0;padding:4px 8px}.pp-rincian-empty{color:#9ca3af;padding:30px 12px!important}.pp-rincian-drag{color:#cbd5e1}.pp-rincian-input{border-radius:3px;padding:5px 8px}.pp-rincian-input:focus{border-color:#5b8af5}.pp-btn-remove-row{border-radius:3px;font-size:14px;padding:2px 6px}.pp-rincian-addrow{margin-top:6px}.pp-btn-addrow{border:1px dashed #c4d4ff;border-radius:4px;padding:6px 14px}.pp-info-tab{display:flex;gap:40px}.pp-info-section{flex:1 1}.pp-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.pp-info-icon{font-size:16px}.pp-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pp-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:120px;padding-top:6px}.pp-info-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:6px 10px}.pp-info-input:focus{border-color:#5b8af5}.pp-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical}.pp-info-textarea:focus{border-color:#5b8af5}.pp-info-check{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.pp-info-check input{accent-color:#2563eb;height:16px;margin:0;width:16px}.pp-biaya-tab{display:flex;flex-direction:column}.pp-biaya-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.pp-biaya-search{flex:1 1;max-width:340px}.pp-biaya-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.pp-form-footer{background:#fafafa;border-top:1px solid #eee;justify-content:center;padding:10px 20px}.pp-form-footer,.pp-total-box{align-items:center;display:flex;gap:20px}.pp-total-box{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;min-width:180px;padding:8px 20px}.pp-total-label{color:#6b7280;font-size:12px;font-weight:500}.pp-total-value{color:#1a2236;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.pp-total-value-red{color:#e53e3e}.pp-diskon-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:4px 6px;text-align:right;width:60px}.pp-diskon-input:focus{border-color:#5b8af5}.pp-diskon-toggle{background:#0ea5e9;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px}.pp-rincian-row{cursor:pointer}.pp-rincian-row:hover{background:#f0f7ff}.pp-selected-akun{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;display:flex;gap:6px;min-height:28px;padding:6px 10px}.pp-selected-akun-text{color:#1a2236;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-selected-akun-clear{border-radius:3px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:13px;padding:0 2px}.pp-selected-akun-clear:hover{background:#fee2e2;color:#e53e3e}.pp-modal-overlay{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.pp-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:560px}.pp-modal-header{align-items:center;background:#1a2236;color:#fff;display:flex;justify-content:space-between;padding:12px 18px}.pp-modal-title{font-size:14px;font-weight:600}.pp-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0}.pp-modal-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 18px}.pp-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px}.pp-modal-tab.active{border-bottom-color:#e53e3e;color:#e53e3e}.pp-modal-body{flex:1 1;overflow-y:auto;padding:18px}.pp-modal-form{display:flex;flex-direction:column;gap:14px}.pp-modal-form-row{align-items:center;display:flex;gap:12px}.pp-modal-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;width:110px}.pp-modal-value{flex:1 1}.pp-modal-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;padding:6px 10px;width:100%}.pp-modal-input:focus{border-color:#5b8af5;box-shadow:0 0 0 2px #5b8af526}.pp-modal-badge{align-items:center;background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px;white-space:nowrap}.pp-modal-textarea{border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;padding:8px 10px;resize:vertical;width:100%}.pp-modal-textarea:focus{border-color:#5b8af5}.pp-modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;padding:14px 18px}.pp-modal-btn-hapus{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px}.pp-modal-btn-hapus:hover{background:#f5f5f5}.pp-modal-btn-lanjut{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 28px}.pp-modal-btn-lanjut:hover{background:#2563eb}.ps-page{background:#fff;display:flex;flex-direction:column;height:100%}.ps-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.ps-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.ps-subtab:hover{background:#eaeaea}.ps-subtab.active,.ps-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.ps-subtab.active-form{border-top:2px solid #e91e63}.ps-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.ps-subtab-close:hover{background:#f44;color:#fff}.ps-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.ps-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.ps-filter-item-wrap{position:relative}.ps-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.ps-filter-chip:hover{border-color:#5b8af5}.ps-chip-caret{color:#9ca3af;font-size:10px}.ps-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.ps-filter-reset:hover{background:#3b6fd6}.ps-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.ps-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.ps-radio-row:hover{background:#f4f6fa}.ps-radio-row input[type=radio]{margin:0}.ps-popover-inset{gap:6px;padding:4px 8px 8px 30px}.ps-field-mini,.ps-popover-inset{display:flex;flex-direction:column}.ps-field-mini{color:#6b7280;font-size:11px;gap:3px}.ps-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.ps-field-mini input:focus{border-color:#5b8af5}.ps-check-row{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.ps-check-row:hover{background:#f4f6fa}.ps-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.ps-toolbar-left,.ps-toolbar-right{display:flex;gap:6px}.ps-toolbar-right{align-items:center}.ps-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.ps-btn-add:hover{background:#2563eb}.ps-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.ps-btn-refresh:hover{background:#e4e4e4}.ps-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.ps-toolbar-icon:hover{background:#e4e4e4}.ps-search-wrapper{position:relative}.ps-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.ps-search-input:focus{border-color:#5b8af5;outline:none}.ps-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.ps-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.ps-table-wrap{flex:1 1;min-height:0;overflow:auto}.ps-tbl{border-collapse:collapse;width:100%}.ps-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.ps-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.ps-tbl td,.ps-tbl th{font-size:12px;padding:8px 12px}.ps-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.ps-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.ps-tbl-empty{font-style:italic;padding:40px 12px!important}.ps-tbl-empty,.ps-tbl-num{color:#9ca3af;text-align:center}.ps-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.ps-status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.ps-status-Draft{background:#fef3c7;color:#92400e}.ps-status-Dikirim{background:#dbeafe;color:#1e40af}.ps-status-Diterima{background:#d1fae5;color:#065f46}.ps-status-Ditolak{background:#fee2e2;color:#991b1b}.ps-keterangan-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-actions{display:flex;gap:2px}.ps-btn-delete,.ps-btn-edit{background:#0000;border:none;border-radius:3px;cursor:pointer;font-size:14px;padding:2px 4px}.ps-btn-edit:hover{background:#e0f2fe}.ps-btn-delete:hover{background:#fee2e2}.ps-ss-wrap{position:relative;width:100%}.ps-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.ps-ss-input:hover:not(.disabled){border-color:#5b8af5}.ps-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.ps-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-ss-icon,.ps-ss-placeholder{color:#9ca3af}.ps-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.ps-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.ps-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.ps-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.ps-ss-search-box input:focus{border-color:#5b8af5}.ps-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.ps-ss-list{flex:1 1;overflow-y:auto}.ps-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.ps-ss-option:hover{background:#f0f7ff}.ps-ss-option.selected{background:#e0f2fe}.ps-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.ps-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.ps-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.ps-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.ps-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.ps-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.ps-form-header-left{display:flex;flex-direction:column;gap:8px}.ps-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ps-form-label{flex-shrink:0;min-width:90px}.ps-form-label,.ps-form-label-inline{color:#374151;font-size:12px;font-weight:500}.ps-form-label-inline{white-space:nowrap}.ps-req{color:#e53e3e;margin-left:2px}.ps-form-control{flex:1 1;min-width:200px}.ps-form-control-sm{max-width:180px}.ps-form-control-md{max-width:420px}.ps-form-control input[type=date]{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.ps-form-control input[type=date]:focus{border-color:#5b8af5}.ps-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.ps-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 8px}.ps-form-select:focus{border-color:#5b8af5}.ps-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 10px}.ps-form-input:focus{border-color:#5b8af5}.ps-form-input[readonly]{background:#f5f5f5}.ps-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.ps-toggle input{height:0;opacity:0;width:0}.ps-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.ps-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.ps-toggle input:checked+.ps-toggle-slider{background:#3b82f6}.ps-toggle input:checked+.ps-toggle-slider:before{transform:translateX(16px)}.ps-toggle input:disabled+.ps-toggle-slider{cursor:not-allowed;opacity:.5}.ps-btn-ambil{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px}.ps-btn-ambil:hover{background:#eff6ff}.ps-proses-wrap{display:inline-block;position:relative}.ps-btn-proses{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px}.ps-btn-proses:hover{background:#eff6ff}.ps-proses-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #0000001f;min-width:160px;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.ps-proses-item{color:#374151;cursor:pointer;font-size:13px;padding:8px 16px;white-space:nowrap}.ps-proses-item:hover{background:#f0f7ff;color:#1e40af}.ps-form-body{display:flex;flex:1 1;min-height:0}.ps-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.ps-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.ps-sidebar-tab:hover{background:#f0f0f0}.ps-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.ps-sidebar-icon{font-size:16px}.ps-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.ps-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.ps-action-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .15s;width:44px}.ps-action-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.ps-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ps-action-save{background:#3b82f6}.ps-action-save:hover:not(:disabled){background:#2563eb}.ps-action-doc{background:#60a5fa}.ps-action-doc:hover{background:#3b82f6}.ps-action-attach{background:#60a5fa}.ps-action-attach:hover{background:#3b82f6}.ps-action-more{background:#22c55e}.ps-action-more:hover{background:#16a34a}.ps-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.ps-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.ps-split-chevron,.ps-split-main{border:none;color:#fff;cursor:pointer}.ps-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.ps-btn-hapus{align-items:center;background:#fca5a5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;margin-top:12px}.ps-btn-hapus:hover{background:#ef4444}.ps-btn-hapus:disabled{cursor:not-allowed;opacity:.6}.ps-rincian-tab{display:flex;flex-direction:column}.ps-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.ps-rincian-search{flex:1 1;max-width:340px}.ps-rincian-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.ps-rincian-tbl{border-collapse:collapse;margin-bottom:10px;width:100%}.ps-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.ps-rincian-tbl th{background:#475569;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.ps-rincian-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:4px 8px;vertical-align:middle}.ps-rincian-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.ps-rincian-drag{color:#cbd5e1;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.ps-rincian-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.ps-rincian-input:focus{border-color:#5b8af5}.ps-rincian-input-right{text-align:right}.ps-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.ps-btn-remove-row:hover{background:#fee2e2}.ps-rincian-addrow{margin-top:6px}.ps-btn-addrow{background:#fff;border:1px dashed #c4d4ff;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;padding:6px 14px}.ps-btn-addrow:hover{background:#eff6ff;border-style:solid}.ps-info-tab{display:flex;gap:40px}.ps-info-section{flex:1 1}.ps-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.ps-info-icon{font-size:16px}.ps-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.ps-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:120px;padding-top:6px}.ps-info-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:6px 10px}.ps-info-input:focus{border-color:#5b8af5}.ps-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical}.ps-info-textarea:focus{border-color:#5b8af5}.ps-info-check{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.ps-info-check input{accent-color:#2563eb;height:16px;margin:0;width:16px}.ps-biaya-tab{display:flex;flex-direction:column}.ps-biaya-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.ps-biaya-search{flex:1 1;max-width:340px}.ps-biaya-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.ps-form-footer{background:#fafafa;border-top:1px solid #eee;justify-content:center;padding:10px 20px}.ps-form-footer,.ps-total-box{align-items:center;display:flex;gap:20px}.ps-total-box{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;min-width:180px;padding:8px 20px}.ps-total-label{color:#6b7280;font-size:12px;font-weight:500}.ps-total-value{color:#1a2236;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.ps-total-value-red{color:#e53e3e}.ps-diskon-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:4px 6px;text-align:right;width:60px}.ps-diskon-input:focus{border-color:#5b8af5}.ps-diskon-toggle{background:#0ea5e9;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px}.ps-rincian-row{cursor:pointer}.ps-rincian-row:hover{background:#f0f7ff}.ps-modal-overlay{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.ps-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:560px}.ps-modal-header{align-items:center;background:#1a2236;color:#fff;display:flex;justify-content:space-between;padding:12px 18px}.ps-modal-title{font-size:14px;font-weight:600}.ps-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0}.ps-modal-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 18px}.ps-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px}.ps-modal-tab.active{border-bottom-color:#e53e3e;color:#e53e3e}.ps-modal-body{flex:1 1;overflow-y:auto;padding:18px}.ps-modal-form{display:flex;flex-direction:column;gap:14px}.ps-modal-form-row{align-items:center;display:flex;gap:12px}.ps-modal-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;width:110px}.ps-modal-value{flex:1 1}.ps-modal-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;padding:6px 10px;width:100%}.ps-modal-input:focus{border-color:#5b8af5;box-shadow:0 0 0 2px #5b8af526}.ps-modal-badge{align-items:center;background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px;white-space:nowrap}.ps-modal-textarea{border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;padding:8px 10px;resize:vertical;width:100%}.ps-modal-textarea:focus{border-color:#5b8af5}.ps-modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;padding:14px 18px}.ps-modal-btn-hapus{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px}.ps-modal-btn-hapus:hover{background:#f5f5f5}.ps-modal-btn-lanjut{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 28px}.ps-modal-btn-lanjut:hover{background:#2563eb}.krw-page{background:#fff;display:flex;flex-direction:column;height:100%}.krw-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.krw-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.krw-subtab:hover{background:#eaeaea}.krw-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.krw-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.krw-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.krw-subtab-close:hover{background:#f44;color:#fff}.krw-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.krw-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.krw-filter-wrap{position:relative}.krw-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.krw-filter-chip:hover{border-color:#5b8af5}.krw-chip-caret{color:#9ca3af;font-size:10px}.krw-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:200px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.krw-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.krw-radio-row:hover{background:#f4f6fa}.krw-radio-row input[type=radio]{margin:0}.krw-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.krw-toolbar-left,.krw-toolbar-right{display:flex;gap:6px}.krw-toolbar-right{align-items:center}.krw-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.krw-btn-add:hover{background:#2563eb}.krw-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.krw-btn-refresh:hover{background:#e4e4e4}.krw-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.krw-toolbar-icon:hover{background:#e4e4e4}.krw-search-wrapper{position:relative}.krw-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.krw-search-input:focus{border-color:#5b8af5;outline:none}.krw-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.krw-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.krw-table-wrap{flex:1 1;min-height:0;overflow:auto}.krw-tbl{border-collapse:collapse;width:100%}.krw-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.krw-tbl th{background:#6b7280;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.krw-tbl th:hover{background:#5b6370}.krw-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:8px 12px;vertical-align:middle}.krw-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.krw-tbl-empty{padding:40px 12px!important;text-align:center}.krw-row-inactive td,.krw-tbl-empty{color:#9ca3af;font-style:italic}.krw-ss-wrap{position:relative;width:100%}.krw-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.krw-ss-input:hover{border-color:#5b8af5}.krw-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.krw-ss-icon,.krw-ss-placeholder{color:#9ca3af}.krw-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.krw-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.krw-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.krw-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.krw-ss-search-box input:focus{border-color:#5b8af5}.krw-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.krw-ss-list{flex:1 1;overflow-y:auto}.krw-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.krw-ss-option:hover{background:#f0f7ff}.krw-ss-option.selected{background:#e0f2fe}.krw-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.krw-ss-opt-sub{color:#6b7280;font-size:11px;margin-top:2px}.krw-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.krw-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.krw-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.krw-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.krw-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.krw-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.krw-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.krw-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.krw-tab-content{max-width:1100px}.krw-two-col{display:flex;gap:40px}.krw-col{flex:1 1}.krw-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.krw-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.krw-req{color:#e53e3e;margin-left:2px}.krw-fv{flex:1 1;max-width:560px}.krw-fv input,.krw-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;width:100%}.krw-fv input:focus,.krw-fv textarea:focus{border-color:#5b8af5}.krw-fv input[readonly]{background:#f5f5f5;color:#6b7280;cursor:not-allowed}.krw-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;cursor:pointer;font-size:12px;outline:none;padding:6px 10px;width:100%}.krw-select:focus{border-color:#5b8af5}.krw-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding-top:6px}.krw-check-item input[type=checkbox]{accent-color:#2563eb;height:16px;margin:0;width:16px}.krw-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.krw-toggle input{height:0;opacity:0;width:0}.krw-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.krw-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.krw-toggle input:checked+.krw-toggle-slider{background:#3b82f6}.krw-toggle input:checked+.krw-toggle-slider:before{transform:translateX(16px)}.krw-nama-row{display:flex;gap:8px}.krw-nama-row .krw-select{max-width:140px}.krw-nama-row input{flex:1 1}.krw-section-title{border-bottom:2px solid #e5e7eb;color:#1a2236;font-size:14px;font-weight:700;margin:20px 0 12px;padding-bottom:6px}.krw-pph-note{background:#fff5f5;border-left:3px solid #e53e3e;color:#e53e3e;font-size:11px;font-style:italic;line-height:1.5;margin-top:8px;padding:8px 12px}.krw-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.krw-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.krw-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.krw-action-btn:disabled{cursor:not-allowed;opacity:.5}.krw-action-save{background:#f0f0f0;color:#6b7280}.krw-action-attach{background:#f0f9ff;border-color:#93c5fd;color:#3b82f6}.krw-action-attach:hover:not(:disabled){background:#dbeafe}.krw-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.krw-action-delete:hover:not(:disabled){background:#fca5a5}.krw-split-btn{border:1px solid #d0d0d0;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.krw-split-main{align-items:center;background:#f0f0f0;border:none;cursor:pointer;display:flex;flex:1 1;font-size:20px;justify-content:center;padding:10px 0}.krw-split-chevron{background:#e8e8e8;border:none;border-top:1px solid #d0d0d0;color:#6b7280;cursor:pointer;font-size:9px;padding:3px 0}.dc-page{background:#fff;display:flex;flex-direction:column;height:100%}.dc-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.dc-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.dc-subtab:hover{background:#eaeaea}.dc-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.dc-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.dc-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.dc-subtab-close:hover{background:#f44;color:#fff}.dc-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.dc-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.dc-filter-wrap{position:relative}.dc-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.dc-filter-chip:hover{border-color:#5b8af5}.dc-chip-caret{color:#9ca3af;font-size:10px}.dc-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;max-height:400px;min-width:240px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.dc-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.dc-radio-row:hover{background:#f4f6fa}.dc-radio-row input[type=radio]{margin:0}.dc-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.dc-toolbar-left,.dc-toolbar-right{display:flex;gap:6px}.dc-toolbar-right{align-items:center}.dc-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.dc-btn-add:hover{background:#2563eb}.dc-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.dc-btn-refresh:hover{background:#e4e4e4}.dc-search-wrapper{position:relative}.dc-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.dc-search-input:focus{border-color:#5b8af5;outline:none}.dc-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.dc-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.dc-table-wrap{flex:1 1;min-height:0;overflow:auto}.dc-tbl{border-collapse:collapse;width:100%}.dc-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.dc-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.dc-tbl td,.dc-tbl th{font-size:12px;padding:8px 12px}.dc-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.dc-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.dc-tbl-empty{color:#9ca3af;font-style:italic;padding:40px 12px!important;text-align:center}.dc-badge-default{background:#d1fae5;border-radius:10px;color:#065f46;font-size:11px;font-weight:500;padding:2px 8px}.dc-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.dc-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.dc-form-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 12px}.dc-form-tab{background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;margin-right:2px;margin-top:6px;padding:8px 18px;transition:all .12s}.dc-form-tab.active{background:#fff;border-color:#d0d0d0;border-bottom:1px solid #fff;color:#1a2236;font-weight:600;margin-bottom:-1px;position:relative;z-index:1}.dc-form-body{background:#fff;display:flex;flex:1 1;min-height:0}.dc-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.dc-tab-content{max-width:900px}.dc-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.dc-fl{color:#374151}.dc-fl,.dc-fl-red{flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.dc-fl-red,.dc-req{color:#e53e3e}.dc-req{margin-left:2px}.dc-fv{flex:1 1;max-width:560px}.dc-fv input,.dc-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;width:100%}.dc-fv input:focus,.dc-fv textarea:focus{border-color:#5b8af5}.dc-fv input[readonly]{background:#f5f5f5;color:#6b7280;cursor:not-allowed}.dc-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;cursor:pointer;font-size:12px;outline:none;padding:6px 10px;width:100%}.dc-select:focus{border-color:#5b8af5}.dc-input-with-clear{position:relative}.dc-input-with-clear input{padding-right:28px}.dc-clear-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:0 4px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.dc-clear-btn:hover{color:#e53e3e}.dc-section-title{border-bottom:1px solid #e5e7eb;color:#1a2236;font-size:14px;font-weight:700;margin:20px 0 12px;padding-bottom:6px}.dc-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding-top:2px}.dc-check-item input[type=checkbox]{accent-color:#2563eb;height:16px;margin:0;width:16px}.dc-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 10px;width:80px}.dc-action-btn{align-items:center;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .15s;width:56px}.dc-action-btn:hover:not(:disabled){background:#e4e4e4;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.dc-action-btn:disabled{cursor:not-allowed;opacity:.5}.dc-action-save{background:#f0f0f0;color:#6b7280}.dc-action-edit{background:#dbeafe;border-color:#93c5fd;color:#3b82f6}.dc-action-edit:hover:not(:disabled){background:#bfdbfe}.dc-action-more{background:#d1fae5;border-color:#6ee7b7;color:#059669}.dc-action-more:hover:not(:disabled){background:#a7f3d0}.dc-action-delete{background:#fecaca;border-color:#f87171;color:#dc2626}.dc-action-delete:hover:not(:disabled){background:#fca5a5}.dc-split-btn{border:1px solid #d0d0d0;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.dc-split-main{align-items:center;border:none;cursor:pointer;display:flex;flex:1 1;font-size:20px;justify-content:center;padding:10px 0}.dc-split-chevron{border:none;border-top:1px solid #0000001a;color:#6b7280;cursor:pointer;font-size:9px;padding:3px 0}.dc-designer{background:#4a5568;display:flex;flex:1 1;flex-direction:column;min-height:0}.dc-designer-toolbar{align-items:center;background:#1e293b;border-bottom:1px solid #0f172a;display:flex;justify-content:space-between;padding:6px 12px}.dc-designer-toolbar-left{align-items:center;display:flex;gap:4px}.dc-designer-toolbar-right{align-items:center;display:flex;gap:8px}.dc-toolbar-separator{background:#475569;height:24px;margin:0 4px;width:1px}.dc-designer-tool-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:4px;height:32px;justify-content:center;min-width:36px;padding:0 8px;transition:all .12s;white-space:nowrap}.dc-designer-tool-save{background:#3b82f6;color:#fff}.dc-designer-tool-save:hover{background:#2563eb}.dc-designer-tool-export{background:#60a5fa;color:#fff}.dc-designer-tool-export:hover{background:#3b82f6}.dc-designer-tool-import{background:#34d399;color:#fff}.dc-designer-tool-import:hover{background:#10b981}.dc-designer-tool-zoom{background:#475569;color:#e2e8f0;font-size:11px;min-width:32px;padding:0 6px}.dc-designer-tool-zoom:hover{background:#64748b}.dc-designer-tool-close{background:#ef4444;color:#fff}.dc-designer-tool-close:hover{background:#dc2626}.dc-zoom-label{color:#94a3b8;font-size:11px;font-weight:600;min-width:36px;text-align:center}.dc-designer-info-chip{background:#475569;border-radius:4px;color:#e2e8f0;font-size:11px;max-width:180px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.dc-designer-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.dc-designer-left{background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 5px;width:42px}.dc-designer-sidebar-btn{align-items:center;background:#334155;border:none;border-radius:4px;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .12s;width:32px}.dc-designer-sidebar-btn:hover{background:#475569;color:#fff}.dc-designer-sidebar-btn.active{background:#3b82f6;color:#fff}.dc-sidebar-separator{background:#475569;height:1px;margin:4px 0}.dc-designer-canvas{align-items:flex-start;background:#64748b;background-image:radial-gradient(circle,#94a3b8 .5px,#0000 0);background-size:16px 16px;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:24px}.dc-paper{background:#fff;box-shadow:0 4px 24px #00000059,0 0 0 1px #00000014;flex-shrink:0;position:relative}.dc-empty-canvas{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 40px}.dc-empty-canvas-icon{font-size:48px;opacity:.6}.dc-empty-canvas-title{color:#1e293b;font-size:18px;font-weight:700}.dc-empty-canvas-text{color:#64748b;font-size:13px}.dc-empty-canvas-btn{background:#34d399;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .12s}.dc-empty-canvas-btn:hover{background:#10b981;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.dc-band{border-bottom:1px dashed #e2e8f0;overflow:visible;position:relative}.dc-band:hover{outline:1px solid #3b82f64d}.dc-band-label{border-radius:0 0 4px 0;color:#fff;font-size:8px;font-weight:600;left:-2px;letter-spacing:.3px;opacity:.85;padding:1px 6px;pointer-events:none;position:absolute;top:0;white-space:nowrap;z-index:5}.dc-detail-group{border-left:2px solid #0891b2;margin-left:-2px}.dc-band-list{display:flex;flex-direction:column;gap:2px;margin-top:6px}.dc-band-item{align-items:center;border-radius:4px;color:#cbd5e1;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:5px 8px;transition:all .1s}.dc-band-item:hover{background:#334155}.dc-band-item.active{background:#334155;outline:1px solid #5b8af5}.dc-band-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dc-band-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-band-item-count{background:#1e293b;border-radius:8px;color:#64748b;flex-shrink:0;font-size:10px;padding:1px 5px}.dc-designer-info-row{align-items:center;color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;padding:4px 0}.dc-designer-info-val{color:#e2e8f0;font-weight:600}.dc-designer-right{background:#1e293b;border-left:1px solid #0f172a;color:#e2e8f0;flex-shrink:0;overflow-y:auto;padding:16px;width:250px}.dc-designer-panel-title{border-bottom:1px solid #334155;color:#fff;font-size:14px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.dc-designer-field{margin-bottom:12px}.dc-designer-field-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.dc-designer-field-value{color:#e2e8f0;font-size:12px;word-break:break-word}.dc-designer-input{background:#334155;border:1px solid #475569;border-radius:3px;box-sizing:border-box;color:#e2e8f0;font-size:12px;outline:none;padding:5px 8px;width:100%}.dc-designer-input:focus{border-color:#5b8af5}.dc-designer-select{background:#334155;border:1px solid #475569;border-radius:3px;box-sizing:border-box;color:#e2e8f0;cursor:pointer;font-size:12px;outline:none;padding:5px 8px;width:100%}.dc-designer-select:focus{border-color:#5b8af5}.dc-designer-margin-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.dc-designer-margin-item{display:flex;flex-direction:column;gap:2px}.dc-designer-margin-label{color:#94a3b8;font-size:10px}.dc-designer-margin-input{background:#334155;border:1px solid #475569;border-radius:3px;box-sizing:border-box;color:#e2e8f0;font-size:12px;outline:none;padding:4px 6px;text-align:center;width:100%}.dc-designer-margin-input:focus{border-color:#5b8af5}.dc-designer-section{border-top:1px solid #334155;margin-top:16px;padding-top:12px}.dc-designer-btn{background:#334155;border:1px solid #475569;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:12px;padding:8px 12px;text-align:center;transition:all .12s;width:100%}.dc-designer-btn:hover{background:#475569;border-color:#5b8af5}.dc-tool-active{background:#3b82f6!important;color:#fff!important}.dc-designer-panel-tabs{border-bottom:1px solid #334155;display:flex;gap:0;margin-bottom:12px}.dc-panel-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;letter-spacing:.4px;padding:8px 6px;text-align:center;text-transform:uppercase;transition:all .12s}.dc-panel-tab:hover{color:#e2e8f0}.dc-panel-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.dc-bands-panel,.dc-props-panel{display:flex;flex-direction:column;gap:2px}.dc-prop-style-row{display:flex;gap:4px}.dc-prop-style-btn{align-items:center;background:#334155;border:1px solid #475569;border-radius:4px;color:#e2e8f0;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .12s;width:28px}.dc-prop-style-btn:hover{background:#475569;border-color:#64748b}.dc-prop-style-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.dc-band-interactive{transition:outline .1s}.dc-band-interactive:hover{outline:1px solid #3b82f666}.dc-band-selected{outline:2px solid #3b82f6!important}.dc-band-resize-handle{bottom:-3px;cursor:ns-resize;height:6px;left:0;position:absolute;right:0;z-index:8}.dc-band-resize-handle:hover{background:#3b82f64d;border-radius:0 0 3px 3px}.dc-band-resize-handle:after{background:#3b82f6;border-radius:2px;bottom:0;content:"";height:3px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .15s;width:24px}.dc-band-resize-handle:hover:after{opacity:1}.dc-el-selection-outline{pointer-events:none}.dc-resize-handle{box-shadow:0 1px 3px #0003;transition:transform .1s}.dc-resize-handle:hover{transform:scale(1.3)}.dc-designer-sidebar-btn:disabled{cursor:not-allowed;opacity:.35}.dc-designer-sidebar-btn:disabled:hover{background:#334155;color:#cbd5e1}.dc-sidebar-btn-add{background:#22c55e!important;color:#fff!important;font-size:16px!important;font-weight:700}.dc-sidebar-btn-add:hover{background:#16a34a!important}.dc-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}.dc-modal{background:#fff;border-radius:10px;box-shadow:0 12px 40px #0000002e;display:flex;flex-direction:column;overflow:hidden}.dc-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 20px}.dc-modal-header h3{color:#1e293b;font-size:15px;font-weight:700;margin:0}.dc-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px}.dc-modal-close:hover{background:#f1f5f9;color:#1e293b}.dc-modal-tambah{max-height:80vh;width:520px}.dc-modal-body-tambah{display:flex;flex:1 1;min-height:0;overflow:hidden}.dc-tambah-list{border-right:1px solid #e5e7eb;overflow-y:auto;padding:8px 0;width:200px}.dc-tambah-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;transition:background .1s}.dc-tambah-item:hover{background:#f0f7ff}.dc-tambah-item.selected{background:#eff6ff;border-left:3px solid #3b82f6;color:#2563eb;font-weight:600}.dc-tambah-item span:first-child{font-size:16px;text-align:center;width:22px}.dc-tambah-desc{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px 24px}.dc-tambah-desc h4{color:#1e293b;font-size:14px;font-weight:600;margin:0}.dc-tambah-desc p{color:#64748b;font-size:12px;line-height:1.5;margin:0}.dc-modal-footer-tambah{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:12px 20px}.dc-modal-btn-tambah{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:background .12s}.dc-modal-btn-tambah:hover{background:#2563eb}.dc-modal-btn-tambah:disabled{cursor:not-allowed;opacity:.5}.dc-modal-variable{max-height:85vh;width:680px}.dc-modal-body-variable{display:flex;flex:1 1;height:320px;min-height:0;overflow:hidden}.dc-var-left{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;width:240px}.dc-var-search{border-bottom:1px solid #f0f0f0;padding:10px 12px;position:relative}.dc-var-search-icon{font-size:12px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.dc-var-search input{border:1px solid #d1d5db;border-radius:5px;font-size:12px;padding:6px 8px 6px 28px;width:100%}.dc-var-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f;outline:none}.dc-var-tree{flex:1 1;overflow-y:auto;padding:6px 0}.dc-var-tree-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:background .1s;-webkit-user-select:none;user-select:none}.dc-var-tree-item:hover{background:#f0f7ff}.dc-var-tree-item.folder{color:#1e293b;font-weight:600}.dc-var-tree-item.field{padding-left:28px}.dc-var-tree-item.selected{background:#eff6ff;color:#2563eb}.dc-var-tree-icon{flex-shrink:0;font-size:13px;text-align:center;width:18px}.dc-var-tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-var-right{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden;padding:12px 16px}.dc-var-right-title{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.dc-var-examples{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.dc-var-example-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#334155;cursor:pointer;font-family:Courier New,monospace;font-size:11px;line-height:1.4;padding:8px 12px;transition:all .1s}.dc-var-example-item:hover{background:#eff6ff;border-color:#93c5fd}.dc-var-example-item strong{color:#1e293b;display:block;font-family:inherit;font-size:12px;margin-bottom:2px}.dc-var-example-item small{color:#64748b;font-family:-apple-system,sans-serif;font-size:11px}.dc-var-editor{border-top:1px solid #e5e7eb;padding:12px 20px}.dc-var-editor label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.dc-var-editor textarea{border:1px solid #d1d5db;border-radius:5px;font-family:Courier New,monospace;font-size:12px;height:60px;padding:8px 10px;resize:vertical;width:100%}.dc-var-editor textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f;outline:none}.dc-modal-footer-var{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:12px 20px}.dc-modal-btn-simpan{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:background .12s}.dc-modal-btn-simpan:hover{background:#16a34a}.dc-modal-btn-simpan:disabled{cursor:not-allowed;opacity:.5}.pms-page{display:flex;flex-direction:column;height:100%}.pms-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pms-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.pms-subtab:hover{background:#eaeaea}.pms-subtab.active,.pms-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.pms-subtab.active-form{border-top:2px solid #e91e63}.pms-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px;transition:all .12s}.pms-subtab-close:hover{background:#f44;color:#fff}.pms-filter-bar{background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.pms-filter-group{align-items:center;display:flex;gap:6px}.pms-filter-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:4px 8px}.pms-filter-btn{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.pms-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pms-toolbar-left,.pms-toolbar-right{display:flex;gap:6px}.pms-toolbar-right{align-items:center}.pms-btn-add{background:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.pms-btn-add:hover{background:#16a34a}.pms-btn-refresh{font-size:14px;padding:5px 10px}.pms-btn-refresh,.pms-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer}.pms-toolbar-icon{font-size:12px;padding:4px 8px}.pms-toolbar-icon:hover{background:#e4e4e4}.pms-search-wrapper{position:relative}.pms-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pms-search-input:focus{border-color:#5b8af5;outline:none}.pms-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pms-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pms-list{flex:1 1;overflow:auto}.pms-tbl{border-collapse:collapse;width:100%}.pms-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pms-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.pms-tbl td,.pms-tbl th{font-size:12px;padding:8px 12px}.pms-tbl td{border-bottom:1px solid #f0f0f0;color:#374151}.pms-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pms-tbl-empty{padding:40px 12px!important}.pms-tbl-empty,.pms-tbl-num{color:#9ca3af;text-align:center}.pms-form{display:flex;flex:1 1;flex-direction:column;position:relative}.pms-form-tabs{background:#fafafa;border-bottom:1px solid #ddd;display:flex}.pms-form-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .15s}.pms-form-tab:hover{background:#f0f0f0;color:#1a2236}.pms-form-tab.active{border-bottom-color:#1a2236;color:#1a2236;font-weight:600}.pms-form-body{flex:1 1;overflow-y:auto;padding:16px 80px 200px 20px}.pms-two-col{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.pms-section-title{border-bottom:1px solid #e5e7eb;color:#0ea5e9;font-size:14px;font-weight:600;margin:0 0 14px;padding-bottom:6px}.pms-section-title-plain{color:#1a2236;font-size:14px;font-weight:600;margin:0}.pms-fr{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.pms-fl{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.pms-req{color:#e53e3e;margin-left:2px}.pms-fv{flex:1 1}.pms-fv input,.pms-fv select,.pms-fv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 8px;width:100%}.pms-fv input:focus,.pms-fv select:focus,.pms-fv textarea:focus{border-color:#5b8af5}.pms-full-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;margin-bottom:6px;outline:none;padding:6px 8px;width:100%}.pms-full-input:focus{border-color:#5b8af5}.pms-inline-row{display:flex;gap:8px;margin-bottom:6px}.pms-inline-row input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:6px 8px}.pms-inline-row input:focus{border-color:#5b8af5}.pms-toggle{cursor:pointer;display:inline-block;height:20px;position:relative;width:36px}.pms-toggle input{height:0;opacity:0;width:0}.pms-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.pms-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.pms-toggle input:checked+.pms-toggle-slider{background:#3b82f6}.pms-toggle input:checked+.pms-toggle-slider:before{transform:translateX(16px)}.pms-id-row{align-items:center;display:flex;gap:10px}.pms-id-row select{border:1px solid #d1d5db;border-radius:3px;font-size:12px;padding:6px 8px}.pms-id-preview{display:flex;flex-direction:column;gap:4px}.pms-id-note{color:#6b7280;font-size:11px;font-style:italic}.pms-search-field{position:relative}.pms-search-field input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 8px;width:100%}.pms-search-field input:focus{border-color:#5b8af5}.pms-sf-icon{color:#9ca3af;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.pms-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;margin-bottom:6px}.pms-check-item input[type=checkbox]{margin:0}.pms-radio-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px;margin-bottom:8px}.pms-radio-item input[type=radio]{margin:0}.pms-indent{margin-bottom:12px;padding-left:24px}.pms-inline-num{border:1px solid #d1d5db;border-radius:3px;font-size:12px;margin:0 6px;padding:4px 6px;text-align:center;width:60px}.pms-currency-input{align-items:center;display:inline-flex;gap:4px;margin-left:6px}.pms-currency-input input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;padding:4px 6px;text-align:right;width:120px}.pms-currency-input span{color:#9ca3af;font-size:11px}.pms-note{background:#fef3f2;border:1px solid #fecaca;border-radius:4px;color:#e53e3e;font-size:11px;font-style:italic;line-height:1.5;margin-top:8px;padding:10px}.pms-section-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.pms-btn-add-sm{background:#fff;border:1px solid #3b82f6;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:3px 10px}.pms-btn-add-sm:hover{background:#eff6ff}.pms-btn-remove{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.pms-btn-remove:hover{background:#fee2e2}.pms-inner-tbl{border-collapse:collapse;width:100%}.pms-inner-tbl th{background:#6b7280;color:#fff;font-size:11px;font-weight:600;padding:6px 10px;text-align:left}.pms-inner-tbl td{border-bottom:1px solid #f0f0f0;padding:4px 6px}.pms-inner-tbl td input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:100%}.pms-inner-tbl td input:focus{border-color:#5b8af5}.pms-form-sidebar-right{display:flex;flex-direction:column;gap:8px;padding:8px;position:absolute;right:0;top:40px}.pms-btn-save{align-items:center;background:#e0e0e0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:background .15s;width:48px}.pms-btn-save:hover{background:#d0d0d0}.pms-btn-save:disabled{cursor:not-allowed;opacity:.5}.pms-btn-attach{align-items:center;background:#60a5fa;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:background .15s;width:48px}.pms-btn-attach:hover{background:#3b82f6}.pms-btn-delete{align-items:center;background:#fecaca;border:1px solid #f87171;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:background .15s;width:48px}.pms-btn-delete:hover{background:#fca5a5}.pms-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pms-modal{background:#fff;border-radius:6px;box-shadow:0 10px 40px #00000026;max-height:90vh;overflow-y:auto;width:520px}.pms-modal-header{align-items:center;background:#1a2f5a;border-radius:6px 6px 0 0;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.pms-modal-header h3{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.pms-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0 4px}.pms-modal-close:hover{opacity:.7}.pms-modal-body{padding:16px 20px}.pms-modal-footer{border-top:1px solid #e5e7eb;padding:12px 20px;text-align:center}.pms-btn-lanjut{background:#1a2f5a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px}.pms-btn-lanjut:hover{background:#0f1d3d}.pms-mfr{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.pms-mfl{color:#374151;flex-shrink:0;font-size:12px;font-weight:600;min-width:110px;padding-top:6px}.pms-mfv{flex:1 1}.pms-mfv input,.pms-mfv select,.pms-mfv textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 8px;width:100%}.pms-mfv input:focus,.pms-mfv select:focus,.pms-mfv textarea:focus{border-color:#5b8af5}.pms-nama-row{display:flex;gap:6px}.pms-nama-row select{border:1px solid #d1d5db;border-radius:3px;font-size:12px;padding:6px 8px;width:120px}.pms-nama-row input{flex:1 1}.pms-chip-input{display:flex;flex-wrap:wrap;min-height:30px}.pms-chip,.pms-chip-input{align-items:center;gap:4px}.pms-chip{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:3px;color:#0369a1;display:inline-flex;font-size:12px;padding:3px 8px}.pms-chip-x{background:none;border:none;color:#0369a1;cursor:pointer;font-size:13px;line-height:1;padding:0 2px}.pms-chip-x:hover{color:#e53e3e}.pms-currency-field{align-items:center;border:1px solid #d1d5db;border-radius:3px;display:flex;overflow:hidden}.pms-currency-prefix{background:#f5f5f5;border-right:1px solid #d1d5db;color:#6b7280;font-size:12px;padding:6px 8px;white-space:nowrap}.pms-currency-field input{border:none;flex:1 1;font-size:12px;outline:none;padding:6px 8px;text-align:right}.pms-currency-field input:focus{box-shadow:inset 0 0 0 1px #5b8af5}.la-page{background:#fff;display:flex;flex-direction:column;height:100%}.la-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.la-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.la-subtab.active{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.la-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.la-filter-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.la-filter-select:focus{border-color:#5b8af5;outline:none}.la-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.la-toolbar-left,.la-toolbar-right{display:flex;gap:6px}.la-toolbar-right{align-items:center}.la-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.la-btn-refresh:hover{background:#e4e4e4}.la-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.la-toolbar-icon:hover{background:#e4e4e4}.la-search-wrapper{position:relative}.la-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.la-search-input:focus{border-color:#5b8af5;outline:none}.la-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.la-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.la-table-wrap{flex:1 1;min-height:0;overflow:auto}.la-tbl{border-collapse:collapse;width:100%}.la-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.la-tbl th{background:#6b7280;color:#fff;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none}.la-tbl td,.la-tbl th{font-size:12px;padding:8px 10px;white-space:nowrap}.la-tbl td{border-bottom:1px solid #f0f0f0;color:#374151}.la-tbl tbody tr:hover{background:#f0f7ff}.la-tbl-empty{color:#9ca3af;font-style:italic;padding:40px 12px!important;text-align:center;white-space:normal!important}.la-badge{border-radius:10px;font-size:11px;font-weight:500;padding:2px 8px}.la-badge-buat{background:#d1fae5;color:#065f46}.la-badge-ubah{background:#dbeafe;color:#1e40af}.la-badge-hapus{background:#fecaca;color:#991b1b}.pb-page{padding:0}.pb-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.pb-subtab{font-size:13px;margin-bottom:-2px;padding:10px 18px}.pb-subtab.active{border-bottom-color:#e91e63;color:#e91e63}.pb-tab-close{color:#94a3b8;cursor:pointer;font-size:13px;line-height:1;margin-left:4px}.pb-tab-close:hover{color:#ef4444}.pb-filters{align-items:center;background:#fafafa;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 16px}.pb-filter-chip{background:#f1f5f9;border-radius:20px;display:flex;gap:4px}.pb-filter-chip select{background:#0000;border:none;color:#475569;cursor:pointer;font-size:12px;outline:none}.pb-toolbar{border-bottom:1px solid #e2e8f0;flex-shrink:0;flex-wrap:wrap;gap:8px}.pb-btn,.pb-toolbar-left{align-items:center}.pb-btn{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 13px;transition:all .15s}.pb-btn:hover{background:#f9fafb;border-color:#9ca3af}.pb-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.pb-btn.primary:hover{background:#1d4ed8}.pb-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;padding:0 8px}.pb-search-box input{border:none;font-size:13px;outline:none;padding:5px 4px;width:150px}.pb-count{border-radius:4px;color:#64748b;font-size:13px;padding:4px 10px}.pb-list-table-wrap{flex:1 1;overflow-x:auto}.pb-list-table{border-collapse:collapse;font-size:13px;width:100%}.pb-list-table thead th{background:#475569;color:#fff;cursor:pointer;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.pb-list-table thead th:hover{background:#334155}.pb-sort-icon{font-size:10px;margin-left:4px;opacity:.7}.pb-list-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer}.pb-list-table tbody tr:hover{background:#f0f7ff}.pb-list-table tbody td{color:#334155;padding:10px 12px;vertical-align:middle}.pb-ket-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-total-cell{color:#1e293b;font-weight:600;text-align:right;white-space:nowrap}.pb-empty{color:#94a3b8;font-size:14px;padding:60px 20px;text-align:center}.pb-status-badge{border-radius:3px;display:inline-block;white-space:nowrap}.pb-status-badge.sedang-diproses{background:#fff3cd;color:#856404}.pb-readonly-banner,.pb-status-badge.terbayar{background:#d1ecf1;color:#0c5460}.pb-readonly-banner{align-items:center;border-bottom:1px solid #bee5eb;display:flex;font-size:13px;gap:8px;padding:10px 16px}.pb-status-badge.lunas{background:#d4edda;color:#155724}.pb-filter-btn{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}.pb-filter-btn:hover{background:#1557b0}.pb-form{height:100%}.pb-loading{color:#94a3b8;font-size:14px;padding:40px}.pb-form-header{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 16px}.pb-header-left,.pb-header-right{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.pb-header-actions{align-items:center;display:flex;gap:8px;margin-top:18px}.pb-btn-ambil{background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:6px 14px}.pb-btn-ambil:hover{background:#f5f5f5}.pb-btn-proses{background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:6px 14px}.pb-btn-proses:hover{background:#f5f5f5}.pb-proses-wrap{position:relative}.pb-proses-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 16px #00000026;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.pb-proses-item{background:none;border:none;color:#1a2236;cursor:pointer;display:block;font-size:13px;padding:10px 14px;text-align:left;width:100%}.pb-proses-item:hover{background:#f0f4ff}.pb-field-group{display:flex;flex-direction:column;gap:4px}.pb-field-group label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.pb-field-group input[type=date],.pb-field-group select{background:#fff;border:1px solid #d1d5db;border-radius:5px;font-size:13px;outline:none;padding:7px 10px}.pb-field-group input[type=date]:focus,.pb-field-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.pb-toggle-wrap{align-items:center;display:flex;gap:8px}.pb-toggle{background:#d1d5db;border-radius:11px;height:22px;transition:background .2s;width:40px}.pb-toggle.on{background:#2563eb}.pb-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:left .2s;width:18px}.pb-toggle.on .pb-thumb{left:20px}.pb-toggle-wrap input,.pb-toggle-wrap select{border:1px solid #d1d5db;border-radius:5px;font-size:13px;min-width:160px;outline:none;padding:7px 10px}.pb-preview-nomor{color:#64748b;font-size:11px;margin-top:2px}.pb-form-sidebar{align-items:center;background:#fafafa;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.pb-sidebar-btn{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:0;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.pb-sidebar-btn:hover{background:#f0f0f0;color:#334155}.pb-sidebar-btn.active{background:#fff;border-left-color:#e91e63;color:#e91e63}.pb-form-content{padding-bottom:80px}.pb-rincian-panel{display:flex;flex-direction:column;height:100%}.pb-rincian-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e8ecf0;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:10px 16px}.pb-row-search-wrap{position:relative}.pb-row-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;overflow:hidden;width:320px}.pb-row-search input{border:none;flex:1 1;font-size:13px;outline:none;padding:7px 10px}.pb-row-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.pb-search-icon{color:#9ca3af;font-size:13px;padding:0 10px}.pb-rincian-title-wrap{align-items:center;display:flex;gap:8px}.pb-rincian-title{font-size:14px;white-space:nowrap}.pb-table{border-collapse:collapse;font-size:13px;width:100%}.pb-table thead th{background:#475569;color:#fff;font-weight:600;padding:9px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.pb-table tbody tr{border-bottom:1px solid #f1f5f9}.pb-table tbody tr:hover{background:#f8fafc}.pb-table tbody tr.pb-row-empty{background:#fafafa}.pb-table tbody td{padding:6px 8px;vertical-align:middle}.pb-td-drag{color:#cbd5e1;cursor:grab;font-size:12px;text-align:center;width:24px}.pb-td-kode{width:110px}.pb-kode-text{color:#475569;font-family:Consolas,monospace;font-size:12px;font-weight:600}.pb-kode-empty{color:#cbd5e1;font-size:12px}.pb-akun-picker{position:relative;width:100%}.pb-akun-input{background:#fafafa;border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;font-size:13px;outline:none;padding:5px 8px;width:100%}.pb-akun-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.pb-akun-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;display:inline-flex;font-size:12px;gap:4px;max-width:100%;padding:4px 8px}.pb-akun-chip .chip-kode{color:#1e40af;font-family:Consolas,monospace;font-size:11px;font-weight:600}.pb-akun-chip .chip-nama{color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-akun-chip .chip-remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:12px;margin-left:2px;padding:0}.pb-akun-chip .chip-remove:hover{color:#ef4444}.pb-akun-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:2px;max-height:220px;min-width:360px;overflow-y:auto;position:absolute;top:100%;z-index:100}.pb-add-dropdown{min-width:420px}.pb-drop-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.pb-drop-item:hover{background:#f8fafc}.pb-drop-item:last-child{border-bottom:none}.pb-drop-empty{color:#94a3b8;font-size:13px;padding:12px 14px}.pb-drop-more{border-top:1px solid #f1f5f9;color:#64748b;font-size:11px;font-style:italic;padding:8px 14px;text-align:center}.pb-num-input{background:#fafafa;border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;font-family:Consolas,monospace;font-size:13px;font-weight:500;outline:none;padding:5px 8px;text-align:right;width:100%}.pb-num-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.pb-ket-input{background:#fafafa;border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;font-size:13px;outline:none;padding:5px 8px;width:100%}.pb-ket-input:focus{background:#fff;border-color:#2563eb}.pb-row-del{background:none;border:none;border-radius:4px;color:#cbd5e1;cursor:pointer;font-size:13px;padding:4px 6px;transition:all .15s}.pb-row-del:hover:not(:disabled){background:#fef2f2;color:#ef4444}.pb-row-del:disabled{cursor:not-allowed;opacity:.3}.pb-add-row-btn{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:5px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;margin:10px 16px;padding:7px 16px;transition:all .15s}.pb-add-row-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.pb-info-panel{padding:20px 24px}.pb-panel-title{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:16px}.pb-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:13px;max-width:520px;min-height:100px;outline:none;padding:10px 12px;resize:vertical;width:100%}.pb-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.pb-action-panel{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.pb-action-btn-wrap{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.pb-action-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.pb-action-btn:disabled{cursor:not-allowed;opacity:.4}.pb-action-chevron{border:none;border-top:1px solid #ffffff40;color:#fff;cursor:pointer;font-size:9px;padding:3px 0}.pb-action-save{background:#3b82f6}.pb-action-doc{background:#60a5fa}.pb-action-attach,.pb-action-more{background:#22c55e}.pb-action-delete{background:#ef4444}.pb-row-data{cursor:pointer}.pb-row-data:hover{background:#f0f7ff}.pb-td-nilai{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pb-form-footer{flex-shrink:0;gap:0;justify-content:flex-end;padding:10px 24px}.pb-total-box{min-width:200px;text-align:right}.pb-total-label{margin-bottom:2px}.pb-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pb-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-width:90vw;width:480px}.pb-modal-header{align-items:center;background:#3b5998;border-radius:8px 8px 0 0;color:#fff;display:flex;gap:8px;padding:12px 16px}.pb-modal-icon{font-size:16px}.pb-modal-title{flex:1 1;font-size:14px;font-weight:600}.pb-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0 4px}.pb-modal-close:hover{opacity:.7}.pb-modal-tabs{border-bottom:2px solid #eee;display:flex}.pb-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:13px;margin-bottom:-2px;padding:10px 20px}.pb-modal-tab.active{border-bottom-color:#c0392b;color:#c0392b;font-weight:600}.pb-modal-body{min-height:150px;padding:20px 24px}.pb-modal-form{display:flex;flex-direction:column;gap:16px}.pb-modal-row{align-items:center;display:flex;gap:12px}.pb-modal-label{color:#333;flex-shrink:0;font-size:13px;width:100px}.pb-modal-akun-kode{color:#c0392b;font-size:14px;font-weight:700}.pb-modal-akun-chip{align-items:center;background:#f0f4ff;border:1px solid #c4d7f2;border-radius:4px;color:#333;display:inline-flex;font-size:13px;gap:6px;padding:5px 10px}.pb-modal-chip-x{color:#888;cursor:pointer;font-size:12px;font-weight:700}.pb-modal-chip-x:hover{color:#c00}.pb-modal-nilai-wrap{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;overflow:hidden}.pb-modal-rp{background:#f5f5f5;border-right:1px solid #ccc;color:#666;font-size:13px;padding:6px 8px}.pb-modal-nilai-input{border:none;font-size:13px;outline:none;padding:6px 10px;width:160px}.pb-modal-textarea{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:8px 10px;resize:vertical;width:100%}.pb-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:12px 16px}.pb-modal-btn-hapus{background:#fff;border:1px solid #ccc;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px}.pb-modal-btn-hapus:hover{background:#f5f5f5}.pb-modal-btn-lanjut{background:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 28px}.pb-modal-btn-lanjut:hover{background:#1a252f}@media (max-width:768px){.pb-action-panel{border-left:none;border-top:1px solid #e2e8f0;flex-direction:row;gap:4px;width:auto}.pb-row-search{width:200px}.pb-form-header{flex-direction:column}}.ang-page{display:flex;flex-direction:column;height:100%;padding:0}.ang-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.ang-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.ang-subtab:hover{color:#334155}.ang-subtab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.ang-tab-close{color:#94a3b8;cursor:pointer;font-size:13px;line-height:1;margin-left:4px}.ang-tab-close:hover{color:#ef4444}.ang-filters{background:#fafafa;border-bottom:1px solid #f1f5f9;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 16px}.ang-filter-chip,.ang-filters{align-items:center;display:flex}.ang-filter-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:12px;gap:4px;padding:5px 12px}.ang-filter-chip select{background:#0000;border:none;color:#475569;cursor:pointer;font-size:12px;outline:none}.ang-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.ang-toolbar-left,.ang-toolbar-right{align-items:center;display:flex;gap:6px}.ang-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 13px;transition:all .15s}.ang-btn:hover{background:#f9fafb;border-color:#9ca3af}.ang-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.ang-btn.primary:hover{background:#1d4ed8}.ang-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;padding:0 8px}.ang-search-box input{border:none;font-size:13px;outline:none;padding:5px 4px;width:150px}.ang-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:13px;padding:4px 10px}.ang-list-table-wrap{flex:1 1;overflow-x:auto}.ang-list-table{border-collapse:collapse;font-size:13px;width:100%}.ang-list-table thead th{background:#475569;color:#fff;cursor:pointer;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.ang-list-table thead th:hover{background:#334155}.ang-sort-icon{font-size:10px;margin-left:4px;opacity:.7}.ang-list-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer}.ang-list-table tbody tr:hover{background:#f8fafc}.ang-list-table tbody td{color:#334155;padding:10px 12px;vertical-align:middle}.ang-catatan-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ang-empty{color:#94a3b8;cursor:default;font-size:14px;padding:60px 20px;text-align:center}.ang-form{background:#f8fafc;display:flex;flex-direction:column;height:100%;min-height:0}.ang-loading{color:#94a3b8;font-size:14px;padding:40px}.ang-req{color:#ef4444}.ang-form-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:10px;justify-content:space-between;padding:12px 16px}.ang-form-header,.ang-header-left{align-items:flex-start;display:flex;flex-wrap:wrap}.ang-header-left{gap:16px}.ang-field-group{display:flex;flex-direction:column;gap:4px}.ang-field-group label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ang-bulan-wrap{align-items:center;display:flex;gap:8px}.ang-bulan-wrap select{min-width:140px}.ang-bulan-wrap select,.ang-tahun-input{background:#fff;border:1px solid #d1d5db;border-radius:5px;font-size:13px;outline:none;padding:7px 10px}.ang-tahun-input{text-align:center;width:80px}.ang-bulan-wrap select:focus,.ang-tahun-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ang-form-body{display:flex;flex:1 1;min-height:0}.ang-form-sidebar{align-items:center;background:#fafafa;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.ang-sidebar-btn{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:0;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.ang-sidebar-btn:hover{background:#f0f0f0;color:#334155}.ang-sidebar-btn.active{background:#fff;border-left-color:#e91e63;color:#e91e63}.ang-form-content{flex:1 1;min-width:0;overflow-y:auto;padding-bottom:80px}.ang-rincian-panel{display:flex;flex-direction:column;height:100%}.ang-rincian-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e8ecf0;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:10px 16px}.ang-search-area{align-items:center;display:flex;gap:8px}.ang-row-search-wrap{position:relative}.ang-row-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;overflow:hidden;width:320px}.ang-row-search input{border:none;flex:1 1;font-size:13px;outline:none;padding:7px 10px}.ang-row-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ang-search-icon{color:#9ca3af;font-size:13px;padding:0 10px}.ang-ambil-wrap{position:relative}.ang-btn-ambil{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:7px 14px;white-space:nowrap}.ang-btn-ambil:hover{background:#f9fafb;border-color:#9ca3af}.ang-ambil-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:2px;min-width:180px;position:absolute;top:100%;z-index:100}.ang-ambil-item{color:#334155;cursor:pointer;font-size:13px;padding:10px 14px}.ang-ambil-item:hover{background:#f8fafc}.ang-rincian-title-wrap{align-items:center;display:flex;gap:8px}.ang-rincian-title{color:#1e293b;font-size:14px;font-style:italic;font-weight:600;white-space:nowrap}.ang-akun-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:2px;max-height:220px;min-width:420px;overflow-y:auto;position:absolute;top:100%;z-index:100}.ang-drop-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.ang-drop-item:hover{background:#f8fafc}.ang-drop-item:last-child{border-bottom:none}.ang-drop-empty{color:#94a3b8;font-size:13px;padding:12px 14px}.ang-drop-more{border-top:1px solid #f1f5f9;color:#64748b;font-size:11px;font-style:italic;padding:8px 14px;text-align:center}.ang-table-wrap{flex:1 1;overflow:auto}.ang-table{border-collapse:collapse;font-size:13px;width:100%}.ang-table thead th{background:#475569;color:#fff;font-weight:600;padding:9px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.ang-table tbody tr{border-bottom:1px solid #f1f5f9}.ang-table tbody tr.ang-row{cursor:pointer}.ang-table tbody tr.ang-row:hover{background:#f0f7ff}.ang-table tbody td{padding:8px 10px;vertical-align:middle}.ang-tbl-empty{color:#9ca3af;cursor:default;font-size:14px;font-weight:600;padding:60px 12px!important;text-align:center}.ang-td-sort{color:#cbd5e1;cursor:grab;font-size:12px;text-align:center;width:24px}.ang-td-nama{color:#1e293b;font-weight:500}.ang-td-kode{color:#475569;font-family:Consolas,monospace;font-size:12px;font-weight:600}.ang-td-nilai{color:#1e293b;font-weight:600;text-align:right;white-space:nowrap}.ang-row-del{background:none;border:none;border-radius:4px;color:#cbd5e1;cursor:pointer;font-size:13px;padding:4px 6px;transition:all .15s}.ang-row-del:hover{background:#fef2f2;color:#ef4444}.ang-info-panel{padding:20px 24px}.ang-panel-title{color:#2563eb;font-size:15px;font-weight:600;margin-bottom:20px}.ang-info-fields{display:flex;flex-direction:column;gap:16px;max-width:600px}.ang-info-row{align-items:flex-start;display:flex;gap:16px}.ang-info-row label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;min-width:100px;padding-top:8px}.ang-textarea{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-family:inherit;font-size:13px;max-width:400px;min-height:80px;outline:none;padding:8px 10px;resize:vertical}.ang-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ang-info-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:13px;max-width:400px;outline:none;padding:7px 10px}.ang-info-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ang-action-panel{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 8px;width:72px}.ang-split-btn{border-radius:5px;box-shadow:0 1px 3px #00000026;display:flex;overflow:hidden;width:100%}.ang-split-main{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;height:40px;justify-content:center;padding:0;transition:filter .15s}.ang-split-main:hover{filter:brightness(1.12)}.ang-split-main.disabled,.ang-split-main:disabled{cursor:not-allowed;filter:none;opacity:.4}.ang-split-chevron{align-items:center;border:none;border-left:1px solid #ffffff40;color:#fff;cursor:pointer;display:flex;font-size:10px;height:40px;justify-content:center;padding:0;transition:filter .15s;width:20px}.ang-split-chevron:hover{filter:brightness(1.15)}.ang-split-save-top{background:#94a3b8}.ang-split-more,.ang-split-save{background:#22c55e}.ang-split-delete{background:#ef4444}.ang-modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.ang-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;max-width:95vw;overflow:hidden;width:440px}.ang-modal-header{align-items:center;background:#475569;color:#fff;display:flex;gap:8px;padding:12px 16px}.ang-modal-icon{font-size:16px}.ang-modal-title{flex:1 1;font-size:14px;font-weight:600}.ang-modal-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:2px 6px}.ang-modal-close:hover{background:#fff3}.ang-modal-tab-bar{background:#fff;border-bottom:2px solid #e2e8f0;padding:0 16px}.ang-modal-tab{border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-bottom:-2px;padding:10px 16px}.ang-modal-tab.active{border-bottom-color:#ef4444;color:#ef4444}.ang-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.ang-modal-field{align-items:center;display:flex;gap:16px}.ang-modal-field label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;min-width:120px}.ang-modal-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:13px;outline:none;padding:7px 10px}.ang-modal-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ang-readonly{background:#f9fafb;color:#64748b;cursor:default}.ang-readonly:focus{border-color:#d1d5db;box-shadow:none}.ang-currency-wrap{align-items:center;display:flex;flex:1 1;gap:4px}.ang-currency-input{flex:1 1;font-family:Consolas,monospace;font-weight:500;text-align:right}.ang-currency-icon{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px}.ang-modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:16px 24px}.ang-btn-lanjut{background:#1d4ed8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 28px;transition:background .15s}.ang-btn-lanjut:hover{background:#1e40af}@media (max-width:768px){.ang-action-panel{border-left:none;border-top:1px solid #e2e8f0;flex-direction:row;width:auto}.ang-row-search{width:200px}.ang-form-header{flex-direction:column}.ang-modal{width:95vw}}.sb-page{display:flex;flex-direction:column;height:100%}.sb-subtab-bar{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.sb-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.sb-subtab:hover{color:#334155}.sb-subtab.active,.sb-subtab.active-form{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.sb-subtab-icon{padding:10px 14px}.sb-subtab-close{color:#94a3b8;cursor:pointer;font-size:13px;line-height:1;margin-left:4px}.sb-subtab-close:hover{color:#ef4444}.sb-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.sb-toolbar-left,.sb-toolbar-right{align-items:center;display:flex;gap:6px}.sb-btn-add{background:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 14px}.sb-btn-add:hover{background:#1d4ed8}.sb-btn-refresh{background:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:14px;padding:6px 10px}.sb-btn-refresh:hover{background:#f9fafb}.sb-btn-tool{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-size:12px;padding:5px 10px}.sb-btn-tool:hover{background:#f9fafb}.sb-search-wrapper{position:relative}.sb-search-input{border:1px solid #d1d5db;border-radius:5px;font-size:13px;outline:none;padding:6px 30px 6px 10px;width:180px}.sb-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.sb-search-icon{font-size:13px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.sb-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:13px;min-width:28px;padding:5px 12px;text-align:center}.sb-list{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sb-table-wrap{flex:1 1;overflow:auto}.sb-tbl{border-collapse:collapse;font-size:13px;width:100%}.sb-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.sb-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.sb-tbl td,.sb-tbl th{font-size:13px;padding:10px 12px}.sb-tbl td{border-bottom:1px solid #f1f5f9;color:#334155}.sb-tbl tbody tr.sb-row{cursor:pointer}.sb-tbl tbody tr.sb-row:hover{background:#f0f7ff}.sb-tbl-empty{color:#9ca3af;font-size:14px;font-weight:600;padding:60px 16px!important;text-align:center}.sb-tbl-sort{color:#cbd5e1;font-size:12px;text-align:center;width:36px}.sb-form{background:#f8fafc;display:flex;flex:1 1;flex-direction:column}.sb-form-body{display:flex;flex:1 1;min-height:0}.sb-form-content{flex:1 1;overflow-y:auto}.sb-form-tab-bar{background:#fff;border-bottom:2px solid #e2e8f0;padding:0 24px}.sb-form-tab{border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;margin-bottom:-2px;padding:10px 16px}.sb-form-tab.active{color:#1e293b;font-weight:600}.sb-form-fields{padding:20px 24px}.sb-form-row{align-items:center;display:flex;gap:16px;margin-bottom:14px}.sb-form-label{color:#374151;font-size:13px;font-weight:500;min-width:120px}.sb-form-label-indent{padding-left:16px}.sb-req{color:#ef4444}.sb-info-icon{color:#94a3b8;cursor:help;font-size:12px}.sb-form-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;max-width:300px;outline:none;padding:7px 10px;width:100%}.sb-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.sb-form-section-title{color:#1e293b;font-size:13px;font-weight:700;margin:16px 0 8px;padding-bottom:4px}.sb-pajak-picker{width:300px}.sb-pajak-input-wrap,.sb-pajak-picker{position:relative}.sb-pajak-input{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:13px;outline:none;padding:7px 30px 7px 10px;width:100%}.sb-pajak-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.sb-pajak-search-icon{color:#9ca3af;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.sb-pajak-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;display:inline-flex;font-size:12px;gap:6px;max-width:100%;padding:5px 10px}.sb-pajak-chip-text{color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-pajak-chip-x{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:12px;padding:0}.sb-pajak-chip-x:hover{color:#ef4444}.sb-pajak-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:2px;max-height:200px;min-width:360px;overflow-y:auto;position:absolute;top:100%;z-index:100}.sb-pajak-drop-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.sb-pajak-drop-item:hover{background:#f8fafc}.sb-pajak-drop-item:last-child{border-bottom:none}.sb-pajak-drop-tipe{color:#1e293b;font-size:12px;font-weight:600;min-width:80px}.sb-pajak-drop-ket{color:#475569;flex:1 1;font-size:13px}.sb-pajak-drop-persen{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:11px;padding:2px 7px;white-space:nowrap}.sb-pajak-drop-empty{color:#94a3b8;font-size:13px;padding:12px 14px}.sb-action-panel{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 8px;width:72px}.sb-split-btn{border-radius:5px;box-shadow:0 1px 3px #00000026;display:flex;overflow:hidden;width:100%}.sb-split-main{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;height:40px;justify-content:center;padding:0;transition:filter .15s}.sb-split-main:hover{filter:brightness(1.12)}.sb-split-main.disabled,.sb-split-main:disabled{cursor:not-allowed;opacity:.4}.sb-split-save{background:#94a3b8}.sb-split-delete{background:#ef4444}.kt-page{display:flex;flex-direction:column;height:100%}.kt-subtab-bar{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.kt-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.kt-subtab:hover{color:#334155}.kt-subtab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.kt-subtab-icon{padding:10px 14px}.kt-filter-bar{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:10px 16px}.kt-filter-select{border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-size:12px;outline:none;padding:5px 10px}.kt-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.kt-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.kt-toolbar-left,.kt-toolbar-right{align-items:center;display:flex;gap:6px}.kt-btn-refresh{background:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:14px;padding:6px 10px}.kt-btn-refresh:hover{background:#f9fafb}.kt-btn-tool{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-size:12px;padding:5px 10px}.kt-btn-tool:hover{background:#f9fafb}.kt-search-wrapper{position:relative}.kt-search-input{border:1px solid #d1d5db;border-radius:5px;font-size:13px;outline:none;padding:6px 30px 6px 10px;width:180px}.kt-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.kt-search-icon{font-size:13px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.kt-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:13px;min-width:28px;padding:5px 12px;text-align:center}.kt-table-wrap{flex:1 1;overflow:auto}.kt-tbl{border-collapse:collapse;font-size:13px;width:100%}.kt-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.kt-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.kt-tbl td,.kt-tbl th{font-size:13px;padding:10px 12px}.kt-tbl td{border-bottom:1px solid #f1f5f9;color:#334155}.kt-tbl tbody tr.kt-row{cursor:default}.kt-tbl tbody tr.kt-row:hover{background:#f0f7ff}.kt-tbl-empty{color:#9ca3af;font-size:14px;font-weight:600;padding:60px 16px!important;text-align:center}.kt-tbl-sort{color:#cbd5e1;font-size:12px;text-align:center;width:36px}.kt-name-cell{display:flex;flex-direction:column;gap:2px}.kt-name{color:#1e293b;font-weight:600}.kt-position{color:#94a3b8;font-size:11px}.kt-tipe-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.kt-tipe-badge.pelanggan{background:#dbeafe;color:#1d4ed8}.kt-tipe-badge.pemasok{background:#dcfce7;color:#16a34a}.kt-info-note{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;font-size:12px;gap:8px;padding:10px 16px}.kt-info-note,.kt-info-note svg{color:#94a3b8;flex-shrink:0}.sle-page{display:flex;flex-direction:column;height:100%}.sle-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.sle-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s;white-space:nowrap}.sle-subtab:hover{color:#334155}.sle-subtab.active{border-bottom-color:#7c3aed;color:#7c3aed;font-weight:600}.sle-subtab-icon{font-size:14px}.sle-subtab-close{border-radius:3px;color:#94a3b8;cursor:pointer;font-size:11px;margin-left:6px;padding:2px 4px}.sle-subtab-close:hover{background:#fee2e2;color:#ef4444}.sle-stats-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;padding:14px 16px}.sle-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;min-width:140px;padding:10px 16px;transition:box-shadow .2s}.sle-stat-card:hover{box-shadow:0 2px 8px #0000000f}.sle-stat-icon{font-size:22px}.sle-stat-value{color:#1e293b;font-size:20px;font-weight:700}.sle-stat-label{color:#94a3b8;font-size:11px;font-weight:500}.sle-stat-total{border-left:3px solid #3b82f6}.sle-stat-aktif{border-left:3px solid #22c55e}.sle-stat-nonaktif{border-left:3px solid #f59e0b}.sle-filters{background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:8px;padding:8px 16px}.sle-filter-chip{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.sle-filter-chip select{border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-size:12px;outline:none;padding:4px 8px}.sle-filter-chip select:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.sle-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.sle-toolbar-left,.sle-toolbar-right{align-items:center;display:flex;gap:6px}.sle-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .15s}.sle-btn:hover{background:#f9fafb;border-color:#9ca3af}.sle-btn.primary{background:#7c3aed;border-color:#7c3aed;color:#fff;font-weight:600}.sle-btn.primary:hover{background:#6d28d9}.sle-search-box{position:relative}.sle-search-box input{border:1px solid #d1d5db;border-radius:5px;font-size:13px;outline:none;padding:6px 30px 6px 10px;width:200px}.sle-search-box input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.sle-search-box .search-icon{font-size:13px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.sle-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:13px;min-width:28px;padding:5px 12px;text-align:center}.sle-table-wrap{flex:1 1;overflow:auto}.sle-table{border-collapse:collapse;font-size:13px;width:100%}.sle-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.sle-table th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.sle-table td,.sle-table th{font-size:13px;padding:10px 12px}.sle-table td{border-bottom:1px solid #f1f5f9;color:#334155}.sle-row{cursor:default}.sle-row:hover{background:#f5f3ff}.sle-empty{color:#9ca3af;padding:40px 16px!important;text-align:center}.sle-empty-state{align-items:center;display:flex;flex-direction:column;gap:6px}.sle-empty-icon{font-size:40px;opacity:.5}.sle-empty-title{color:#64748b;font-size:15px;font-weight:600;margin:0}.sle-empty-desc{color:#94a3b8;font-size:12px;margin:0}.sle-bank-cell{align-items:center;display:flex;gap:8px}.sle-bank-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;white-space:nowrap}.sle-bank-name-link{color:#1e293b;cursor:pointer;font-weight:600;transition:color .15s}.sle-bank-name-link:hover{color:#7c3aed;text-decoration:underline}.sle-mono{font-family:SF Mono,Fira Code,monospace;font-size:12px;letter-spacing:.5px}.sle-tipe-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.sle-tipe-badge.api{background:#dbeafe;color:#1d4ed8}.sle-tipe-badge.file_import{background:#dcfce7;color:#16a34a}.sle-tipe-badge.manual{background:#fef3c7;color:#b45309}.sle-akun-ref{align-items:center;display:flex;font-size:12px;gap:6px}.sle-akun-ref-code{background:#f1f5f9;border-radius:3px;color:#475569;font-family:monospace;font-size:11px;padding:1px 6px}.sle-status-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px;transition:all .2s}.sle-status-toggle.aktif{background:#dcfce7;color:#16a34a}.sle-status-toggle.aktif:hover{background:#bbf7d0}.sle-status-toggle.nonaktif{background:#f1f5f9;color:#94a3b8}.sle-status-toggle.nonaktif:hover{background:#e2e8f0}.sle-toggle-dot{border-radius:50%;height:8px;width:8px}.sle-status-toggle.aktif .sle-toggle-dot{background:#22c55e}.sle-status-toggle.nonaktif .sle-toggle-dot{background:#cbd5e1}.sle-btn-edit{background:none;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .15s}.sle-btn-edit:hover{background:#f5f3ff;border-color:#7c3aed}.sle-info-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#94a3b8;display:flex;flex-shrink:0;font-size:12px;gap:8px;padding:10px 16px}.sle-info-footer svg{flex-shrink:0}.sle-form{flex:1 1;flex-direction:column}.sle-form,.sle-form-body{display:flex;overflow:hidden}.sle-form-body{flex:1 1}.sle-form-sidebar{align-items:center;background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:52px}.sle-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s;width:40px}.sle-sidebar-btn .icon{font-size:18px}.sle-sidebar-btn:hover{background:#7c3aed26}.sle-sidebar-btn.active{background:#7c3aed40;box-shadow:inset 3px 0 0 #7c3aed}.sle-form-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:20px 24px}.sle-panel{max-width:720px}.sle-panel-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 20px;padding-bottom:10px}.sle-panel-icon{font-size:20px}.sle-field-group{margin-bottom:16px}.sle-field-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.sle-field-group label .required{color:#ef4444}.sle-field-group input[type=password],.sle-field-group input[type=text],.sle-field-group select{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.sle-field-group input:focus,.sle-field-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.sle-field-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;resize:vertical;width:100%}.sle-field-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.sle-field-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sle-bank-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-bottom:10px}.sle-bank-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px;transition:all .15s}.sle-bank-card:hover{background:#faf5ff;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.sle-bank-card.selected,.sle-bank-card:hover{border-color:#7c3aed;border-color:var(--bank-color,#7c3aed)}.sle-bank-card.selected{background:#f5f3ff;box-shadow:0 0 0 2px #7c3aed26}.sle-bank-card-icon{font-size:20px}.sle-bank-card-code{color:#374151;color:var(--bank-color,#374151);font-size:11px;font-weight:700;letter-spacing:.5px}.sle-bank-selected-info{font-size:13px;padding:6px 0}.sle-info-box{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:12px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 14px}.sle-info-box svg{flex-shrink:0;margin-top:1px}.sle-api-note{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:10px;line-height:1.5;margin-top:16px;padding:10px 14px}.sle-api-note svg{flex-shrink:0;margin-top:1px}.sle-akun-picker{position:relative}.sle-akun-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 32px 8px 12px;width:100%}.sle-akun-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.sle-akun-search-icon{font-size:13px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sle-akun-chip{align-items:center;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:6px;color:#1e293b;display:inline-flex;font-size:13px;gap:8px;padding:6px 12px}.sle-akun-chip-code{color:#7c3aed;font-family:monospace;font-size:12px;font-weight:600}.sle-akun-chip-remove{color:#94a3b8;cursor:pointer;font-size:12px;margin-left:4px}.sle-akun-chip-remove:hover{color:#ef4444}.sle-akun-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001a;left:0;margin-top:2px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.sle-akun-drop-item{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .1s}.sle-akun-drop-item:hover{background:#f5f3ff}.sle-akun-drop-code{color:#7c3aed;font-family:monospace;font-size:12px;font-weight:600;min-width:60px}.sle-akun-drop-name{color:#1e293b;flex:1 1}.sle-akun-drop-tipe{background:#f1f5f9;border-radius:3px;color:#64748b;font-size:10px;font-weight:600;padding:2px 6px}.sle-linked-info{margin-top:12px}.sle-linked-card{align-items:center;background:#fff;border:1px solid #c4b5fd;border-left:4px solid #7c3aed;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.sle-linked-icon{font-size:24px}.sle-linked-detail{flex:1 1}.sle-linked-kode{color:#7c3aed;font-family:monospace;font-size:13px;font-weight:700}.sle-linked-nama{color:#1e293b;font-size:13px;font-weight:500}.sle-linked-badge{background:#dcfce7;border-radius:20px;color:#16a34a;font-size:11px;font-weight:600;padding:3px 10px}.sle-empty-log{color:#94a3b8;padding:40px 20px;text-align:center}.sle-empty-log span{display:block;font-size:36px;margin-bottom:8px}.sle-empty-log p{font-size:14px;margin:0}.sle-log-list{display:flex;flex-direction:column;gap:8px}.sle-log-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:10px 14px}.sle-log-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.sle-log-dot.berhasil{background:#22c55e}.sle-log-dot.gagal{background:#ef4444}.sle-log-dot.proses{background:#f59e0b}.sle-log-content{flex:1 1}.sle-log-aksi{display:flex;gap:6px;margin-bottom:4px}.sle-log-badge{border-radius:3px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.sle-log-badge.import{background:#dbeafe;color:#1d4ed8}.sle-log-badge.export{background:#dcfce7;color:#16a34a}.sle-log-badge.sync{background:#e0e7ff;color:#4338ca}.sle-log-badge.connect{background:#dcfce7;color:#16a34a}.sle-log-badge.disconnect{background:#fef3c7;color:#b45309}.sle-log-status-badge{border-radius:3px;font-size:10px;font-weight:600;padding:2px 6px}.sle-log-status-badge.berhasil{background:#dcfce7;color:#16a34a}.sle-log-status-badge.gagal{background:#fee2e2;color:#dc2626}.sle-log-status-badge.proses{background:#fef3c7;color:#b45309}.sle-log-ket{color:#475569;font-size:12px;margin-bottom:2px}.sle-log-time{color:#94a3b8;font-size:11px}.sle-action-panel{align-items:center;background:#f1f5f9;border-left:1px solid #e2e8f0;flex-shrink:0;gap:6px;padding:10px 6px;width:52px}.sle-action-panel,.sle-split-btn{display:flex;flex-direction:column}.sle-split-btn{border-radius:6px;box-shadow:0 1px 3px #00000014;overflow:hidden}.sle-split-main{align-items:center;border:none;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:filter .15s;width:38px}.sle-split-main:hover{filter:brightness(.92)}.sle-split-main:disabled{cursor:not-allowed;opacity:.5}.sle-split-chevron{align-items:center;border:none;border-top:1px solid #fff3;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;width:38px}.sle-split-save{background:#22c55e;color:#fff}.sle-split-save:hover{background:#16a34a}.sle-split-delete{background:#ef4444;color:#fff}.sle-split-delete:hover{background:#dc2626}.pb-page{background:#f8fafc;display:flex;flex-direction:column;height:100%}.pb-subtab-bar{align-items:flex-end;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;min-height:34px;padding:0 4px}.pb-subtab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 16px;transition:all .15s;white-space:nowrap}.pb-subtab:hover{background:#ffffff80;color:#334155}.pb-subtab.active{border-bottom-color:#3b82f6}.pb-subtab.active,.pb-subtab.active-form{background:#fff;color:#1e293b;font-weight:600}.pb-subtab.active-form{border-bottom-color:#e91e63}.pb-subtab-close{border-radius:3px;color:#94a3b8;cursor:pointer;font-size:11px;margin-left:2px;padding:1px 3px}.pb-subtab-close:hover{background:#ef4444;color:#fff}.pb-list{flex:1 1;flex-direction:column;min-height:0}.pb-filter-bar,.pb-list{background:#fff;display:flex}.pb-filter-bar{align-items:center;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:10px 16px}.pb-filter-item-wrap{position:relative}.pb-filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.pb-filter-chip:hover{background:#f0f9ff;border-color:#93c5fd}.pb-chip-caret{color:#94a3b8;font-size:9px;margin-left:2px}.pb-filter-reset{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s}.pb-filter-reset:hover{background:#2563eb}.pb-filter-popover{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;min-width:230px;padding:8px;position:absolute;top:calc(100% + 6px);z-index:100}.pb-radio-row{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.pb-radio-row:hover{background:#f8fafc}.pb-radio-row input[type=radio]{accent-color:#3b82f6;margin:0}.pb-popover-inset{gap:6px;padding:4px 8px 8px 32px}.pb-field-mini,.pb-popover-inset{display:flex;flex-direction:column}.pb-field-mini{color:#6b7280;font-size:11px;gap:3px}.pb-field-mini input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 8px;transition:border-color .15s}.pb-field-mini input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-check-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.pb-check-row:hover{background:#f8fafc}.pb-toolbar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 16px}.pb-toolbar-left,.pb-toolbar-right{display:flex;gap:6px}.pb-toolbar-right{align-items:center}.pb-btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .15s}.pb-btn-add:hover{background:#2563eb;box-shadow:0 2px 6px #2563eb40}.pb-btn-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .15s}.pb-btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1}.pb-toolbar-icon{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s}.pb-toolbar-icon:hover{background:#f8fafc;border-color:#cbd5e1}.pb-search-wrapper{position:relative}.pb-search-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 30px 6px 10px;transition:all .15s;width:170px}.pb-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-search-icon{color:#94a3b8;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.pb-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;min-width:24px;padding:5px 12px;text-align:center}.pb-table-wrap{flex:1 1;min-height:0;overflow:auto}.pb-tbl{border-collapse:collapse;width:100%}.pb-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pb-tbl th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.pb-tbl td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:10px 14px;vertical-align:middle}.pb-tbl tbody tr{transition:background .1s}.pb-tbl tbody tr:hover{background:#f0f9ff;cursor:pointer}.pb-tbl-empty{font-style:italic;padding:48px 14px!important}.pb-tbl-empty,.pb-tbl-num{color:#94a3b8;text-align:center}.pb-tbl-num{font-size:11px}.pb-nomor-cell{color:#2563eb;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:600}.pb-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px}.pb-status-Draft{background:#fef3c7;color:#92400e}.pb-status-Dikirim{background:#dbeafe;color:#1e40af}.pb-status-Diterima{background:#dcfce7;color:#166534}.pb-status-Ditolak{background:#fee2e2;color:#991b1b}.pb-keterangan-cell{color:#64748b;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-actions{display:flex;gap:4px}.pb-btn-delete,.pb-btn-edit{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .12s}.pb-btn-edit:hover{background:#dbeafe}.pb-btn-delete:hover{background:#fee2e2}.pb-ss-wrap{position:relative;width:100%}.pb-ss-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:32px;padding:7px 12px;transition:all .15s}.pb-ss-input:hover:not(.disabled){border-color:#93c5fd}.pb-ss-input.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.pb-ss-value{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-ss-icon,.pb-ss-placeholder{color:#94a3b8}.pb-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.pb-ss-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 28px #0000001f;display:flex;flex-direction:column;left:0;max-height:280px;min-width:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.pb-ss-search-box{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:10px;position:relative}.pb-ss-search-box input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 12px;transition:border-color .15s;width:100%}.pb-ss-search-box input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-ss-search-icon{color:#94a3b8;font-size:11px;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.pb-ss-list{flex:1 1;overflow-y:auto}.pb-ss-option{border-bottom:1px solid #f8fafc;cursor:pointer;padding:9px 14px;transition:background .1s}.pb-ss-option:hover{background:#f0f9ff}.pb-ss-option.selected{background:#eff6ff;border-left:3px solid #3b82f6}.pb-ss-opt-main{color:#1e293b;font-size:12px;font-weight:500}.pb-ss-opt-sub{color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.pb-ss-empty{color:#94a3b8;font-size:12px;font-style:italic;padding:24px;text-align:center}.pb-form{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.pb-form-loading{align-items:center;color:#94a3b8;display:flex;flex:1 1;font-size:13px;justify-content:center}.pb-form-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;padding:16px 24px 14px}.pb-form-header-left{display:flex;flex-direction:column;gap:12px}.pb-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pb-form-label{flex-shrink:0;min-width:80px}.pb-form-label,.pb-form-label-inline{color:#475569;font-size:12px;font-weight:600;letter-spacing:.2px}.pb-form-label-inline{white-space:nowrap}.pb-req{color:#ef4444;margin-left:2px}.pb-form-control{flex:1 1;min-width:200px}.pb-form-control-sm{max-width:180px}.pb-form-control-md{max-width:420px}.pb-form-control input[type=date]{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 12px;transition:all .15s;width:100%}.pb-form-control input[type=date]:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-form-nobukti{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;margin-left:auto;padding:6px 14px}.pb-form-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 10px;transition:all .15s}.pb-form-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-form-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 12px;transition:all .15s}.pb-form-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-form-input[readonly]{background:#f1f5f9;color:#64748b}.pb-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.pb-toggle input{height:0;opacity:0;width:0}.pb-toggle-slider{background:#cbd5e1;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.25s}.pb-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #00000026;content:"";height:16px;left:2px;position:absolute;transition:.25s;width:16px}.pb-toggle input:checked+.pb-toggle-slider{background:#3b82f6}.pb-toggle input:checked+.pb-toggle-slider:before{transform:translateX(16px)}.pb-toggle input:disabled+.pb-toggle-slider{cursor:not-allowed;opacity:.4}.pb-btn-ambil,.pb-btn-proses{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.pb-btn-ambil:hover,.pb-btn-proses:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb}.pb-form-body{display:flex;flex:1 1;min-height:0}.pb-form-sidebar-left{background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:10px 0;width:44px}.pb-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s;width:100%}.pb-sidebar-tab:hover{background:#ffffff14;color:#cbd5e1}.pb-sidebar-tab.active{background:#3b82f626;border-left-color:#3b82f6;color:#fff}.pb-sidebar-icon{font-size:16px}.pb-form-content{background:#f8fafc;flex:1 1;min-width:0;overflow-y:auto;padding:20px 24px 280px}.pb-form-action-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 6px;width:56px}.pb-split-btn{border-radius:8px;box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;overflow:hidden;transition:all .15s}.pb-split-btn:hover{box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.pb-split-main{align-items:center;color:#fff;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:10px 0}.pb-split-chevron,.pb-split-main{border:none;cursor:pointer;transition:all .12s}.pb-split-chevron{border-top:1px solid #fff3;color:#ffffffd9;font-size:9px;padding:4px 0}.pb-rincian-tab{display:flex;flex-direction:column}.pb-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.pb-rincian-search{flex:1 1;max-width:380px}.pb-rincian-dropdown{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .15s}.pb-rincian-dropdown:hover{border-color:#93c5fd}.pb-rincian-right-title{align-items:center;display:flex;gap:8px}.pb-rincian-title{color:#1e293b;font-size:13px;font-weight:600;margin:0}.pb-rincian-tbl{border:1px solid #e2e8f0;border-collapse:initial;border-radius:8px;border-spacing:0;margin-bottom:10px;overflow:hidden;width:100%}.pb-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.pb-rincian-tbl th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}.pb-rincian-tbl td{background:#fff;border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:6px 10px;vertical-align:middle}.pb-rincian-tbl tbody tr:last-child td{border-bottom:none}.pb-rincian-tbl tbody tr:hover td{background:#fafcff}.pb-rincian-empty{background:#fff!important;color:#94a3b8;font-style:italic;padding:36px 12px!important;text-align:center}.pb-rincian-drag{color:#d1d5db;cursor:grab;font-size:11px;text-align:center;-webkit-user-select:none;user-select:none}.pb-rincian-input{background:#fff;border:1px solid #e5e7eb;border-radius:5px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;transition:all .15s;width:100%}.pb-rincian-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f60f}.pb-rincian-input-right{text-align:right}.pb-btn-remove-row{background:#0000;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;font-size:13px;padding:4px 6px;transition:all .12s}.pb-btn-remove-row:hover{background:#fee2e2}.pb-rincian-addrow{margin-top:8px}.pb-btn-addrow{background:#fff;border:1px dashed #93c5fd;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:7px 18px;transition:all .15s}.pb-btn-addrow:hover{background:#eff6ff;border-color:#3b82f6;border-style:solid}.pb-info-tab{padding:4px 0}.pb-info-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:900px){.pb-info-columns{grid-template-columns:1fr}}.pb-info-col-left,.pb-info-col-right{display:flex;flex-direction:column;gap:20px;min-width:0}.pb-info-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.pb-info-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:12px 16px}.pb-info-section-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;width:30px}.pb-info-section-icon.blue{background:#dbeafe;color:#2563eb}.pb-info-section-icon.amber{background:#fef3c7;color:#d97706}.pb-info-section-icon.green{background:#dcfce7;color:#16a34a}.pb-info-section-icon.purple{background:#f3e8ff;color:#7c3aed}.pb-info-section-title{color:#1e293b;font-size:13px;font-weight:600;margin:0}.pb-info-section-body{display:flex;flex-direction:column;gap:14px;padding:16px}.pb-info-field{display:flex;flex-direction:column;gap:5px}.pb-info-field-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.pb-info-field-label .pb-req{text-transform:none}.pb-info-field .pb-ss-wrap{width:100%}.pb-info-field-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:12px;outline:none;padding:8px 12px;transition:all .15s;width:100%}.pb-info-field-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-info-field-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:12px;line-height:1.5;outline:none;padding:8px 12px;resize:vertical;transition:all .15s;width:100%}.pb-info-field-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-alamat-wrap{align-items:flex-start;display:flex;gap:8px}.pb-alamat-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;gap:4px;padding:8px 10px;transition:all .15s}.pb-alamat-btn:hover{background:#f0f9ff;border-color:#93c5fd}.pb-alamat-icon{font-size:14px}.pb-info-checks{display:flex;flex-direction:column;gap:10px}.pb-info-check{align-items:center;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 10px;transition:background .12s}.pb-info-check:hover{background:#f8fafc}.pb-info-check input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;margin:0;width:16px}.pb-info-check span{-webkit-user-select:none;user-select:none}.pb-info-title{display:none}.pb-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pb-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:120px;padding-top:6px}.pb-info-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:7px 12px;transition:all .15s}.pb-info-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-info-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:12px;outline:none;padding:7px 12px;resize:vertical;transition:all .15s}.pb-info-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-biaya-tab{display:flex;flex-direction:column}.pb-biaya-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.pb-biaya-search{flex:1 1;max-width:380px}.pb-biaya-title{color:#1e293b;font-size:13px;font-weight:600;margin:0}.pb-form-footer{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -1px 3px #0000000a;justify-content:center;padding:12px 24px}.pb-form-footer,.pb-total-box{align-items:center;display:flex;gap:16px}.pb-total-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;min-width:180px;padding:10px 20px}.pb-total-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.pb-total-value{color:#1e293b;font-family:JetBrains Mono,Consolas,monospace;font-size:16px;font-weight:700}.pb-total-value-red{color:#dc2626}.pb-diskon-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:5px 8px;text-align:right;transition:all .15s;width:64px}.pb-diskon-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pb-diskon-toggle{background:#0ea5e9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:3px 8px}.bj-page{background:#f8fafc;display:flex;flex-direction:column;height:100%}.bj-subtab-bar{align-items:flex-end;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;min-height:34px;padding:0 4px}.bj-subtab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 16px;transition:all .15s;white-space:nowrap}.bj-subtab:hover{background:#ffffff80;color:#334155}.bj-subtab.active{border-bottom-color:#3b82f6}.bj-subtab.active,.bj-subtab.active-form{background:#fff;color:#1e293b;font-weight:600}.bj-subtab.active-form{border-bottom-color:#e91e63}.bj-subtab-close{border-radius:3px;color:#94a3b8;cursor:pointer;font-size:11px;margin-left:2px;padding:1px 3px}.bj-subtab-close:hover{background:#ef4444;color:#fff}.bj-list{flex:1 1;flex-direction:column;min-height:0}.bj-list,.bj-toolbar{background:#fff;display:flex}.bj-toolbar{align-items:center;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:10px 16px}.bj-toolbar-left,.bj-toolbar-right{align-items:center;display:flex;gap:6px}.bj-btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .15s}.bj-btn-add:hover{background:#2563eb;box-shadow:0 2px 6px #2563eb40}.bj-btn-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .15s}.bj-btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1}.bj-toolbar-icon{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s}.bj-toolbar-icon:hover{background:#f8fafc;border-color:#cbd5e1}.bj-search-wrapper{position:relative}.bj-search-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 30px 6px 10px;transition:all .15s;width:180px}.bj-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.bj-search-icon{color:#94a3b8;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.bj-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;min-width:24px;padding:5px 12px;text-align:center}.bj-filter-bar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.bj-filter-item-wrap{position:relative}.bj-filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.bj-filter-chip:hover{background:#f0f9ff;border-color:#93c5fd}.bj-chip-caret{color:#94a3b8;font-size:9px;margin-left:2px}.bj-filter-popover{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;min-width:200px;padding:8px;position:absolute;top:calc(100% + 6px);z-index:100}.bj-radio-row{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.bj-radio-row:hover{background:#f8fafc}.bj-radio-row input[type=radio]{accent-color:#3b82f6;margin:0}.bj-filter-reset{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;gap:2px;padding:5px 12px;transition:all .15s}.bj-filter-reset:hover{background:#f8fafc;border-color:#cbd5e1}.bj-table-wrap{flex:1 1;min-height:0;overflow:auto}.bj-tbl{border-collapse:collapse;table-layout:fixed;width:100%}.bj-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.bj-tbl th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;text-align:left;text-transform:uppercase}.bj-tbl td,.bj-tbl th{overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.bj-tbl td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;vertical-align:middle}.bj-tbl tbody tr{transition:background .1s}.bj-tbl tbody tr:hover{background:#f0f9ff;cursor:pointer}.bj-tbl-empty{font-style:italic;padding:48px 14px!important}.bj-tbl-empty,.bj-tbl-num{color:#94a3b8;text-align:center}.bj-tbl-num{font-size:11px}.bj-kode-cell,.bj-kode-cell-text{color:#2563eb;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:600}.bj-cell-content,.bj-th-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bj-th-text{display:block;padding-right:8px}.bj-col-resizer{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;width:6px;z-index:2}.bj-col-resizer:hover{background:#3b82f64d}.bj-col-resizer:active{background:#3b82f680}.bj-pengaturan-wrap{position:relative}.bj-pengaturan-btn{align-items:center!important;display:inline-flex!important;gap:2px!important}.bj-pengaturan-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;max-height:420px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:260px;z-index:200}.bj-pengaturan-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:13px;font-weight:600;padding:10px 14px}.bj-pengaturan-search{border-bottom:1px solid #f1f5f9;padding:8px 10px}.bj-pengaturan-search input{border:1px solid #e2e8f0;border-radius:5px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.bj-pengaturan-search input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f614}.bj-pengaturan-list{flex:1 1;overflow-y:auto;padding:4px 0}.bj-pengaturan-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 14px;transition:background .1s}.bj-pengaturan-item:hover{background:#f0f9ff}.bj-pengaturan-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.bj-pengaturan-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bj-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px}.bj-status-Aktif{background:#dcfce7;color:#166534}.bj-status-Nonaktif{background:#fee2e2;color:#991b1b}.bj-jenis-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px}.bj-jenis-Persediaan{background:#dbeafe;color:#1e40af}.bj-jenis-Jasa{background:#f3e8ff;color:#7c3aed}.bj-jenis-Grup{background:#fef3c7;color:#92400e}.bj-actions{display:flex;gap:4px}.bj-btn-delete,.bj-btn-edit{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .12s}.bj-btn-edit:hover{background:#dbeafe}.bj-btn-delete:hover{background:#fee2e2}.bj-ss-wrap{position:relative;width:100%}.bj-ss-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:32px;padding:7px 12px;transition:all .15s}.bj-ss-input:hover:not(.disabled){border-color:#93c5fd}.bj-ss-input.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.bj-ss-value{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bj-ss-icon,.bj-ss-placeholder{color:#94a3b8}.bj-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.bj-ss-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 28px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.bj-ss-search-box{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:10px;position:relative}.bj-ss-search-box input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 12px;transition:border-color .15s;width:100%}.bj-ss-search-box input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.bj-ss-search-icon{color:#94a3b8;font-size:11px;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.bj-ss-list{flex:1 1;overflow-y:auto}.bj-ss-option{border-bottom:1px solid #f8fafc;cursor:pointer;padding:9px 14px;transition:background .1s}.bj-ss-option:hover{background:#f0f9ff}.bj-ss-option.selected{background:#eff6ff;border-left:3px solid #3b82f6}.bj-ss-opt-main{color:#1e293b;font-size:12px;font-weight:500}.bj-ss-opt-sub{color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.bj-ss-empty{color:#94a3b8;font-size:12px;font-style:italic;padding:24px;text-align:center}.bj-form{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;min-height:0}.bj-form-loading{align-items:center;color:#94a3b8;display:flex;flex:1 1;font-size:13px;justify-content:center}.bj-form-tab-bar{align-items:flex-end;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:0;padding:0 20px}.bj-form-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:10px 20px;transition:all .15s;white-space:nowrap}.bj-form-tab:hover{background:#f8fafc;color:#334155}.bj-form-tab.active{border-bottom-color:#3b82f6;color:#1e293b;font-weight:600}.bj-form-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.bj-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:24px 32px 320px}.bj-form-action-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 6px;width:56px}.bj-split-btn{border-radius:8px;box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;overflow:hidden;transition:all .15s}.bj-split-btn:hover{box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.bj-split-main{align-items:center;color:#fff;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:10px 0}.bj-split-chevron,.bj-split-main{border:none;cursor:pointer;transition:all .12s}.bj-split-chevron{border-top:1px solid #fff3;color:#ffffffd9;font-size:9px;padding:4px 0}.bj-umum-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}@media (max-width:960px){.bj-umum-layout{grid-template-columns:1fr}}.bj-section-card{margin-bottom:0}.bj-section-header{align-items:center;border-bottom:2px solid #3b82f6;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.bj-section-title{color:#2563eb;font-size:14px;font-weight:700;letter-spacing:.2px;margin:0}.bj-section-header-right{border-bottom-color:#f59e0b}.bj-section-title-right{color:#d97706}.bj-field{align-items:flex-start;display:flex;gap:16px;margin-bottom:18px}.bj-field-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:8px}.bj-field-label .bj-req{color:#ef4444;font-weight:700;margin-left:2px}.bj-field-label .bj-info-icon{color:#94a3b8;cursor:help;font-size:11px;margin-left:4px;position:relative}.bj-field-control{flex:1 1;min-width:0}.bj-field-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:12px;outline:none;padding:8px 12px;transition:all .15s;width:100%}.bj-field-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.bj-field-input[readonly]{background:#f1f5f9;color:#64748b}.bj-field-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:12px;outline:none;padding:8px 12px;transition:all .15s;width:100%}.bj-field-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.bj-tag-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:34px;padding:5px 10px;transition:all .15s}.bj-tag-input:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.bj-tag{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:4px;color:#1e40af;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 10px}.bj-tag-remove{border-radius:2px;color:#1e40af;cursor:pointer;font-size:12px;font-weight:700;padding:0 2px}.bj-tag-remove:hover{background:#bfdbfe}.bj-tag-search{align-items:center;display:flex;margin-left:auto}.bj-tag-search-icon{color:#94a3b8;cursor:pointer;font-size:13px;padding:2px 4px}.bj-kode-row{align-items:center;display:flex;gap:10px}.bj-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.bj-toggle input{height:0;opacity:0;width:0}.bj-toggle-slider{background:#cbd5e1;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.25s}.bj-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #00000026;content:"";height:16px;left:2px;position:absolute;transition:.25s;width:16px}.bj-toggle input:checked+.bj-toggle-slider{background:#3b82f6}.bj-toggle input:checked+.bj-toggle-slider:before{transform:translateX(16px)}.bj-toggle input:disabled+.bj-toggle-slider{cursor:not-allowed;opacity:.4}.bj-kode-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:12px;outline:none;padding:8px 12px;transition:all .15s}.bj-kode-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.bj-kode-input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:12px;outline:none;padding:8px 12px;transition:all .15s}.bj-kode-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.bj-info-toggle-row{align-items:center;display:flex;gap:10px;padding:8px 0}.bj-info-toggle-label{color:#374151;font-size:12px;font-weight:500}.bj-tooltip{display:inline-flex;position:relative}.bj-tooltip-text{background:#fefce8;border:1px solid #fde68a;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000014;color:#1e293b;display:none;font-size:11px;font-weight:400;line-height:1.5;padding:10px 14px;width:260px;z-index:300}.bj-tooltip-text,.bj-tooltip-text:after{left:50%;position:absolute;transform:translateX(-50%)}.bj-tooltip-text:after{border:6px solid #0000;border-top-color:#fde68a;content:"";top:100%}.bj-tooltip:hover .bj-tooltip-text{display:block}.bj-tab-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.bj-tab-placeholder-icon{font-size:40px;margin-bottom:12px;opacity:.5}.bj-tab-placeholder-title{color:#64748b;font-size:15px;font-weight:600;margin-bottom:6px}.bj-tab-placeholder-text{color:#94a3b8;font-size:12px}.bj-gambar-tab{max-width:600px}.bj-gambar-dropzone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:60px 24px;text-align:center;transition:all .2s}.bj-gambar-dropzone:hover{background:#f0f9ff;border-color:#93c5fd}.bj-gambar-dropzone.dragging{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.bj-gambar-dropzone-icon{font-size:48px;margin-bottom:12px;opacity:.6}.bj-gambar-dropzone-title{color:#475569;font-size:14px;font-weight:600;margin-bottom:6px}.bj-gambar-dropzone-text{color:#94a3b8;font-size:12px;margin-bottom:18px}.bj-gambar-btn-browse{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 24px;transition:all .15s}.bj-gambar-btn-browse:hover{background:#2563eb;box-shadow:0 2px 8px #2563eb4d}.bj-gambar-preview-wrap{margin-top:16px}.bj-gambar-preview-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:inline-flex;flex-direction:column;padding:16px}.bj-gambar-preview-img{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;max-height:280px;max-width:360px;object-fit:contain}.bj-gambar-preview-actions{display:flex;gap:10px;margin-top:14px}.bj-gambar-btn-change{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:7px 18px;transition:all .15s}.bj-gambar-btn-change:hover{background:#2563eb}.bj-gambar-btn-remove{background:#fff;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:500;padding:7px 18px;transition:all .15s}.bj-gambar-btn-remove:hover{background:#fef2f2;border-color:#ef4444}.pp-page{background:#f8fafc;display:flex;flex-direction:column;height:100%}.pp-subtab-bar{align-items:flex-end;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;min-height:34px;padding:0 4px}.pp-subtab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 16px;transition:all .15s;white-space:nowrap}.pp-subtab:hover{background:#ffffff80;color:#334155}.pp-subtab.active{border-bottom-color:#3b82f6}.pp-subtab.active,.pp-subtab.active-form{background:#fff;color:#1e293b;font-weight:600}.pp-subtab.active-form{border-bottom-color:#e91e63}.pp-subtab-close{border-radius:3px;color:#94a3b8;cursor:pointer;font-size:11px;margin-left:2px;padding:1px 3px}.pp-subtab-close:hover{background:#ef4444;color:#fff}.pp-list{flex:1 1;flex-direction:column;min-height:0}.pp-filter-bar,.pp-list{background:#fff;display:flex}.pp-filter-bar{align-items:center;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:10px 16px}.pp-filter-item-wrap{position:relative}.pp-filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.pp-filter-chip:hover{background:#f0f9ff;border-color:#93c5fd}.pp-chip-caret{color:#94a3b8;font-size:9px;margin-left:2px}.pp-filter-reset{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s}.pp-filter-reset:hover{background:#2563eb}.pp-filter-popover{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;min-width:230px;padding:8px;position:absolute;top:calc(100% + 6px);z-index:100}.pp-radio-row{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.pp-radio-row:hover{background:#f8fafc}.pp-radio-row input[type=radio]{accent-color:#3b82f6;margin:0}.pp-popover-inset{gap:6px;padding:4px 8px 8px 32px}.pp-field-mini,.pp-popover-inset{display:flex;flex-direction:column}.pp-field-mini{color:#6b7280;font-size:11px;gap:3px}.pp-field-mini input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 8px;transition:border-color .15s}.pp-field-mini input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pp-check-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.pp-check-row:hover{background:#f8fafc}.pp-toolbar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 16px}.pp-toolbar-left,.pp-toolbar-right{display:flex;gap:6px}.pp-toolbar-right{align-items:center}.pp-btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .15s}.pp-btn-add:hover{background:#2563eb;box-shadow:0 2px 6px #2563eb40}.pp-btn-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .15s}.pp-btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1}.pp-toolbar-icon{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s}.pp-toolbar-icon:hover{background:#f8fafc;border-color:#cbd5e1}.pp-search-wrapper{position:relative}.pp-search-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 30px 6px 10px;transition:all .15s;width:170px}.pp-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pp-search-icon{color:#94a3b8;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.pp-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;min-width:24px;padding:5px 12px;text-align:center}.pp-table-wrap{flex:1 1;min-height:0;overflow:auto}.pp-tbl{border-collapse:collapse;width:100%}.pp-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pp-tbl th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.pp-tbl td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:10px 14px;vertical-align:middle}.pp-tbl tbody tr{transition:background .1s}.pp-tbl tbody tr:hover{background:#f0f9ff;cursor:pointer}.pp-tbl-empty{font-style:italic;padding:48px 14px!important}.pp-tbl-empty,.pp-tbl-num{color:#94a3b8;text-align:center}.pp-tbl-num{font-size:11px}.pp-nomor-cell{color:#2563eb;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:600}.pp-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px}.pp-status-Draft{background:#fef3c7;color:#92400e}.pp-status-Dikirim{background:#dbeafe;color:#1e40af}.pp-status-Diterima{background:#dcfce7;color:#166534}.pp-status-Selesai{background:#e0e7ff;color:#3730a3}.pp-keterangan-cell{color:#64748b;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-actions{display:flex;gap:4px}.pp-btn-delete,.pp-btn-edit{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .12s}.pp-btn-edit:hover{background:#dbeafe}.pp-btn-delete:hover{background:#fee2e2}.pp-ss-wrap{position:relative;width:100%}.pp-ss-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:32px;padding:7px 12px;transition:all .15s}.pp-ss-input:hover:not(.disabled){border-color:#93c5fd}.pp-ss-input.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.pp-ss-value{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-ss-icon,.pp-ss-placeholder{color:#94a3b8}.pp-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.pp-ss-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 28px #0000001f;display:flex;flex-direction:column;left:0;max-height:280px;min-width:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.pp-ss-search-box{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:10px;position:relative}.pp-ss-search-box input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 12px;transition:border-color .15s;width:100%}.pp-ss-search-box input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pp-ss-search-icon{color:#94a3b8;font-size:11px;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.pp-ss-list{flex:1 1;overflow-y:auto}.pp-ss-option{border-bottom:1px solid #f8fafc;cursor:pointer;padding:9px 14px;transition:background .1s}.pp-ss-option:hover{background:#f0f9ff}.pp-ss-option.selected{background:#eff6ff;border-left:3px solid #3b82f6}.pp-ss-opt-main{color:#1e293b;font-size:12px;font-weight:500}.pp-ss-opt-sub{color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.pp-ss-empty{color:#94a3b8;font-size:12px;font-style:italic;padding:24px;text-align:center}.pp-form{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.pp-form-loading{align-items:center;color:#94a3b8;display:flex;flex:1 1;font-size:13px;justify-content:center}.pp-form-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;padding:16px 24px 14px}.pp-form-header-left{display:flex;flex-direction:column;gap:12px}.pp-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pp-form-label{flex-shrink:0;min-width:80px}.pp-form-label,.pp-form-label-inline{color:#475569;font-size:12px;font-weight:600;letter-spacing:.2px}.pp-form-label-inline{white-space:nowrap}.pp-req{color:#ef4444;margin-left:2px}.pp-form-control{flex:1 1;min-width:200px}.pp-form-control-sm{max-width:180px}.pp-form-control-md{max-width:420px}.pp-form-control input[type=date]{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 12px;transition:all .15s;width:100%}.pp-form-control input[type=date]:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pp-form-nobukti{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;margin-left:auto;padding:6px 14px}.pp-form-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 10px;transition:all .15s}.pp-form-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pp-form-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 12px;transition:all .15s}.pp-form-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pp-form-input[readonly]{background:#f1f5f9;color:#64748b}.pp-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.pp-toggle input{height:0;opacity:0;width:0}.pp-toggle-slider{background:#cbd5e1;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.25s}.pp-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #00000026;content:"";height:16px;left:2px;position:absolute;transition:.25s;width:16px}.pp-toggle input:checked+.pp-toggle-slider{background:#3b82f6}.pp-toggle input:checked+.pp-toggle-slider:before{transform:translateX(16px)}.pp-toggle input:disabled+.pp-toggle-slider{cursor:not-allowed;opacity:.4}.pp-header-buttons{display:flex;gap:6px;margin-left:auto}.pp-btn-ambil{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.pp-btn-ambil:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb}.pp-btn-faktur{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.pp-btn-faktur:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb}.pp-form-body{display:flex;flex:1 1;min-height:0}.pp-form-sidebar-left{background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:10px 0;width:44px}.pp-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s;width:100%}.pp-sidebar-tab:hover{background:#ffffff14;color:#cbd5e1}.pp-sidebar-tab.active{background:#3b82f626;border-left-color:#3b82f6;color:#fff}.pp-sidebar-icon{font-size:16px}.pp-form-content{background:#f8fafc;flex:1 1;min-width:0;overflow-y:auto;padding:20px 24px 280px}.pp-form-action-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 6px;width:56px}.pp-split-btn{border-radius:8px;box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;overflow:hidden;transition:all .15s}.pp-split-btn:hover{box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.pp-split-main{align-items:center;color:#fff;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:10px 0}.pp-split-chevron,.pp-split-main{border:none;cursor:pointer;transition:all .12s}.pp-split-chevron{border-top:1px solid #fff3;color:#ffffffd9;font-size:9px;padding:4px 0}.pp-rincian-tab{display:flex;flex-direction:column}.pp-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.pp-rincian-search{flex:1 1;max-width:380px}.pp-rincian-right-title{align-items:center;display:flex;gap:8px}.pp-rincian-title{color:#1e293b;font-size:13px;font-weight:600;margin:0}.pp-rincian-tbl{border:1px solid #e2e8f0;border-collapse:initial;border-radius:8px;border-spacing:0;margin-bottom:10px;overflow:hidden;width:100%}.pp-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.pp-rincian-tbl th{background:#475569;border-bottom:1px solid #334155;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}.pp-rincian-tbl td{background:#fff;border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:6px 10px;vertical-align:middle}.pp-rincian-tbl tbody tr:last-child td{border-bottom:none}.pp-rincian-tbl tbody tr:hover td{background:#fafcff}.pp-rincian-empty{background:#fff!important;color:#94a3b8;font-style:italic;padding:36px 12px!important;text-align:center}.pp-rincian-drag{color:#d1d5db;cursor:grab;font-size:11px;text-align:center;-webkit-user-select:none;user-select:none}.pp-rincian-input{background:#fff;border:1px solid #e5e7eb;border-radius:5px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;transition:all .15s;width:100%}.pp-rincian-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f60f}.pp-rincian-input-right{text-align:right}.pp-btn-remove-row{background:#0000;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;font-size:13px;padding:4px 6px;transition:all .12s}.pp-btn-remove-row:hover{background:#fee2e2}.pp-rincian-addrow{margin-top:8px}.pp-btn-addrow{background:#fff;border:1px dashed #93c5fd;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:7px 18px;transition:all .15s}.pp-btn-addrow:hover{background:#eff6ff;border-color:#3b82f6;border-style:solid}.pp-info-tab{padding:4px 0}.pp-info-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:900px){.pp-info-columns{grid-template-columns:1fr}}.pp-info-col{display:flex;flex-direction:column;min-width:0}.pp-info-section-header{align-items:center;border-bottom:2px solid #3b82f6;display:flex;gap:8px;margin-bottom:16px;padding-bottom:10px}.pp-info-section-icon{font-size:16px}.pp-info-section-title{color:#2563eb;font-size:14px;font-weight:600;margin:0}.pp-info-section-body{display:flex;flex-direction:column;gap:14px}.pp-info-field{display:flex;flex-direction:column;gap:5px}.pp-info-field-label{color:#374151;font-size:12px;font-weight:500}.pp-info-field .pp-ss-wrap{width:100%}.pp-info-field-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:12px;outline:none;padding:8px 12px;transition:all .15s;width:100%}.pp-info-field-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.pp-info-field-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:12px;line-height:1.5;outline:none;padding:8px 12px;resize:vertical;transition:all .15s;width:100%}.pp-info-field-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-page{background:#f8fafc;display:flex;flex-direction:column;height:100%}.um-subtab-bar{align-items:flex-end;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;min-height:34px;padding:0 4px}.um-subtab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 16px;transition:all .15s;white-space:nowrap}.um-subtab:hover{background:#ffffff80;color:#334155}.um-subtab.active{border-bottom-color:#3b82f6}.um-subtab.active,.um-subtab.active-form{background:#fff;color:#1e293b;font-weight:600}.um-subtab.active-form{border-bottom-color:#e91e63}.um-subtab-close{border-radius:3px;color:#94a3b8;cursor:pointer;font-size:11px;margin-left:2px;padding:1px 3px}.um-subtab-close:hover{background:#ef4444;color:#fff}.um-list{flex:1 1;flex-direction:column;min-height:0}.um-filter-bar,.um-list{background:#fff;display:flex}.um-filter-bar{align-items:center;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:10px 16px}.um-filter-item-wrap{position:relative}.um-filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.um-filter-chip:hover{background:#f0f9ff;border-color:#93c5fd}.um-chip-caret{color:#94a3b8;font-size:9px;margin-left:2px}.um-filter-reset{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s}.um-filter-reset:hover{background:#2563eb}.um-filter-popover{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;min-width:230px;padding:8px;position:absolute;top:calc(100% + 6px);z-index:100}.um-radio-row{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.um-radio-row:hover{background:#f8fafc}.um-radio-row input[type=radio]{accent-color:#3b82f6;margin:0}.um-popover-inset{gap:6px;padding:4px 8px 8px 32px}.um-field-mini,.um-popover-inset{display:flex;flex-direction:column}.um-field-mini{color:#6b7280;font-size:11px;gap:3px}.um-field-mini input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 8px;transition:border-color .15s}.um-field-mini input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-check-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.um-check-row:hover{background:#f8fafc}.um-toolbar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 16px}.um-toolbar-left,.um-toolbar-right{display:flex;gap:6px}.um-toolbar-right{align-items:center}.um-btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .15s}.um-btn-add:hover{background:#2563eb;box-shadow:0 2px 6px #2563eb40}.um-btn-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .15s}.um-btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1}.um-toolbar-icon{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s}.um-toolbar-icon:hover{background:#f8fafc;border-color:#cbd5e1}.um-search-wrapper{position:relative}.um-search-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 30px 6px 10px;transition:all .15s;width:170px}.um-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-search-icon{color:#94a3b8;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.um-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;min-width:24px;padding:5px 12px;text-align:center}.um-table-wrap{flex:1 1;min-height:0;overflow:auto}.um-tbl{border-collapse:collapse;width:100%}.um-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.um-tbl th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.um-tbl td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:10px 14px;vertical-align:middle}.um-tbl tbody tr{transition:background .1s}.um-tbl tbody tr:hover{background:#f0f9ff;cursor:pointer}.um-tbl-empty{font-style:italic;padding:48px 14px!important}.um-tbl-empty,.um-tbl-num{color:#94a3b8;text-align:center}.um-tbl-num{font-size:11px}.um-nomor-cell{color:#2563eb;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:600}.um-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px}.um-status-Draft{background:#fef3c7;color:#92400e}.um-status-Diproses{background:#dbeafe;color:#1e40af}.um-status-Selesai{background:#dcfce7;color:#166534}.um-status-Dibatalkan{background:#fee2e2;color:#991b1b}.um-keterangan-cell{color:#64748b;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-actions{display:flex;gap:4px}.um-btn-delete,.um-btn-edit{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .12s}.um-btn-edit:hover{background:#dbeafe}.um-btn-delete:hover{background:#fee2e2}.um-ss-wrap{position:relative;width:100%}.um-ss-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:32px;padding:7px 12px;transition:all .15s}.um-ss-input:hover:not(.disabled){border-color:#93c5fd}.um-ss-input.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.um-ss-value{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-ss-icon,.um-ss-placeholder{color:#94a3b8}.um-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.um-ss-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 28px #0000001f;display:flex;flex-direction:column;left:0;max-height:280px;min-width:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.um-ss-search-box{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:10px;position:relative}.um-ss-search-box input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 12px;transition:border-color .15s;width:100%}.um-ss-search-box input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-ss-search-icon{color:#94a3b8;font-size:11px;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.um-ss-list{flex:1 1;overflow-y:auto}.um-ss-option{border-bottom:1px solid #f8fafc;cursor:pointer;padding:9px 14px;transition:background .1s}.um-ss-option:hover{background:#f0f9ff}.um-ss-option.selected{background:#eff6ff;border-left:3px solid #3b82f6}.um-ss-opt-main{color:#1e293b;font-size:12px;font-weight:500}.um-ss-opt-sub{color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.um-ss-empty{color:#94a3b8;font-size:12px;font-style:italic;padding:24px;text-align:center}.um-form{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.um-form-loading{align-items:center;color:#94a3b8;display:flex;flex:1 1;font-size:13px;justify-content:center}.um-form-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;padding:16px 24px 14px}.um-form-header-left{display:flex;flex-direction:column;gap:12px}.um-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.um-form-label{flex-shrink:0;min-width:80px}.um-form-label,.um-form-label-inline{color:#475569;font-size:12px;font-weight:600;letter-spacing:.2px}.um-form-label-inline{white-space:nowrap}.um-req{color:#ef4444;margin-left:2px}.um-form-control{flex:1 1;min-width:200px}.um-form-control-sm{max-width:180px}.um-form-control-md{max-width:420px}.um-form-control input[type=date]{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 12px;transition:all .15s;width:100%}.um-form-control input[type=date]:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-form-nobukti{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;margin-left:auto;padding:6px 14px}.um-form-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 10px;transition:all .15s}.um-form-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-form-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 12px;transition:all .15s}.um-form-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-form-input[readonly]{background:#f1f5f9;color:#64748b}.um-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.um-toggle input{height:0;opacity:0;width:0}.um-toggle-slider{background:#cbd5e1;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.25s}.um-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #00000026;content:"";height:16px;left:2px;position:absolute;transition:.25s;width:16px}.um-toggle input:checked+.um-toggle-slider{background:#3b82f6}.um-toggle input:checked+.um-toggle-slider:before{transform:translateX(16px)}.um-toggle input:disabled+.um-toggle-slider{cursor:not-allowed;opacity:.4}.um-header-buttons{display:flex;gap:6px;margin-left:auto}.um-btn-proses{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.um-btn-proses:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb}.um-form-body{display:flex;flex:1 1;min-height:0}.um-form-sidebar-left{background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:10px 0;width:44px}.um-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s;width:100%}.um-sidebar-tab:hover{background:#ffffff14;color:#cbd5e1}.um-sidebar-tab.active{background:#3b82f626;border-left-color:#3b82f6;color:#fff}.um-sidebar-icon{font-size:16px}.um-form-content{background:#f8fafc;flex:1 1;min-width:0;overflow-y:auto;padding:20px 24px 280px}.um-form-action-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 6px;width:56px}.um-split-btn{border-radius:8px;box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;overflow:hidden;transition:all .15s}.um-split-btn:hover{box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.um-split-main{align-items:center;color:#fff;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:10px 0}.um-split-chevron,.um-split-main{border:none;cursor:pointer;transition:all .12s}.um-split-chevron{border-top:1px solid #fff3;color:#ffffffd9;font-size:9px;padding:4px 0}.um-uangmuka-body{margin-top:16px}.um-info-body{margin-top:16px}.um-info-section-header{align-items:center;border-bottom:2px solid #3b82f6;display:flex;gap:8px;padding-bottom:10px}.um-info-section-icon{font-size:16px}.um-info-section-title{color:#2563eb;font-size:14px;font-weight:600;margin:0}.um-field-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.um-field-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:8px}.um-field-control{flex:1 1;max-width:420px}.um-info-icon{color:#94a3b8;cursor:help;font-size:12px;margin-left:4px}.um-number-input-wrap{align-items:center;display:flex;position:relative}.um-currency-prefix{color:#64748b;font-size:12px;font-weight:500;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.um-number-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:8px 36px 8px 32px;text-align:right;transition:all .15s;width:100%}.um-number-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-number-icon{color:#94a3b8;font-size:12px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.um-text-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:8px 12px;transition:all .15s;width:100%}.um-text-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:12px;line-height:1.5;outline:none;padding:8px 12px;resize:vertical;transition:all .15s;width:100%}.um-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.um-pajak-checks{display:flex;flex-wrap:wrap;gap:24px}.um-check-item{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:8px}.um-check-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;margin:0;width:16px}.um-check-item span{-webkit-user-select:none;user-select:none}.um-form-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -1px 3px #0000000a;display:flex;gap:16px;justify-content:flex-end;padding:12px 24px}.um-total-box{align-items:flex-end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;min-width:140px;padding:10px 20px}.um-total-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.um-total-value{color:#1e293b;font-family:JetBrains Mono,Consolas,monospace;font-size:16px;font-weight:700;margin-top:2px}.um-selected-pelanggan{align-items:center;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;display:flex;gap:8px;min-height:32px;padding:6px 12px}.um-selected-pelanggan-text{color:#1e40af;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-selected-pelanggan-clear{background:#bfdbfe;border:none;border-radius:4px;color:#1e40af;cursor:pointer;font-size:12px;font-weight:600;line-height:1;padding:2px 6px;transition:all .12s}.um-btn-delete-action,.um-selected-pelanggan-clear:hover{background:#ef4444;color:#fff}.um-btn-delete-action{border:none;border-radius:8px;box-shadow:0 1px 3px #ef44444d;cursor:pointer;font-size:18px;padding:10px 0;transition:all .15s;width:100%}.um-btn-delete-action:hover{background:#dc2626;box-shadow:0 3px 8px #ef444466;transform:translateY(-1px)}.um-readonly-green{background:#dcfce7!important;border-color:#86efac!important;color:#166534!important;cursor:default!important;font-weight:600!important}.um-edit-nomor{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;min-width:160px;padding:6px 12px}.um-edit-nomor-text{color:#1e293b;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;font-weight:600}.um-edit-nomor-x{color:#94a3b8;font-size:12px;margin-left:auto}.prp-page{background:#f8fafc;display:flex;flex-direction:column;height:100%}.prp-subtab-bar{align-items:flex-end;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;min-height:34px;padding:0 4px}.prp-subtab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 16px;transition:all .15s;white-space:nowrap}.prp-subtab:hover{background:#ffffff80;color:#334155}.prp-subtab.active{border-bottom-color:#3b82f6}.prp-subtab.active,.prp-subtab.active-form{background:#fff;color:#1e293b;font-weight:600}.prp-subtab.active-form{border-bottom-color:#e91e63}.prp-subtab-close{border-radius:3px;color:#94a3b8;cursor:pointer;font-size:11px;margin-left:2px;padding:1px 3px}.prp-subtab-close:hover{background:#ef4444;color:#fff}.prp-list{flex:1 1;flex-direction:column;min-height:0}.prp-filter-bar,.prp-list{background:#fff;display:flex}.prp-filter-bar{align-items:center;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:10px 16px}.prp-filter-item-wrap{position:relative}.prp-filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.prp-filter-chip:hover{background:#f0f9ff;border-color:#93c5fd}.prp-chip-caret{color:#94a3b8;font-size:9px;margin-left:2px}.prp-filter-reset{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s}.prp-filter-reset:hover{background:#2563eb}.prp-filter-popover{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;min-width:230px;padding:8px;position:absolute;top:calc(100% + 6px);z-index:100}.prp-radio-row{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.prp-radio-row:hover{background:#f8fafc}.prp-radio-row input[type=radio]{accent-color:#3b82f6;margin:0}.prp-popover-inset{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px 32px}.prp-field-mini{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:3px}.prp-field-mini input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 8px;transition:border-color .15s}.prp-field-mini input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-check-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px}.prp-check-row:hover{background:#f8fafc}.prp-toolbar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 16px}.prp-toolbar-left,.prp-toolbar-right{display:flex;gap:6px}.prp-toolbar-right{align-items:center}.prp-btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .15s}.prp-btn-add:hover{background:#2563eb;box-shadow:0 2px 6px #2563eb40}.prp-btn-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .15s}.prp-btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1}.prp-toolbar-icon{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s}.prp-toolbar-icon:hover{background:#f8fafc;border-color:#cbd5e1}.prp-search-wrapper{position:relative}.prp-search-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:6px 30px 6px 10px;transition:all .15s;width:170px}.prp-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-search-icon{color:#94a3b8;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.prp-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;min-width:24px;padding:5px 12px;text-align:center}.prp-table-wrap{flex:1 1;min-height:0;overflow:auto}.prp-tbl{border-collapse:collapse;width:100%}.prp-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.prp-tbl th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.prp-tbl td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:10px 14px;vertical-align:middle}.prp-tbl tbody tr{transition:background .1s}.prp-tbl tbody tr:hover{background:#f0f9ff;cursor:pointer}.prp-tbl-empty{font-style:italic;padding:48px 14px!important}.prp-tbl-empty,.prp-tbl-num{color:#94a3b8;text-align:center}.prp-tbl-num{font-size:11px}.prp-nomor-cell{color:#2563eb;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:600}.prp-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px}.prp-status-Draft{background:#fef3c7;color:#92400e}.prp-status-Diproses{background:#dbeafe;color:#1e40af}.prp-status-Selesai{background:#dcfce7;color:#166534}.prp-status-Dibatalkan{background:#fee2e2;color:#991b1b}.prp-keterangan-cell{color:#64748b;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prp-actions{display:flex;gap:4px}.prp-btn-delete,.prp-btn-edit{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .12s}.prp-btn-edit:hover{background:#dbeafe}.prp-btn-delete:hover{background:#fee2e2}.prp-ss-wrap{position:relative;width:100%}.prp-ss-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:32px;padding:7px 12px;transition:all .15s}.prp-ss-input:hover:not(.disabled){border-color:#93c5fd}.prp-ss-input.disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.prp-ss-value{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prp-ss-icon,.prp-ss-placeholder{color:#94a3b8}.prp-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.prp-ss-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 28px #0000001f;display:flex;flex-direction:column;left:0;max-height:280px;min-width:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.prp-ss-search-box{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:10px;position:relative}.prp-ss-search-box input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 12px;transition:border-color .15s;width:100%}.prp-ss-search-box input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-ss-search-icon{color:#94a3b8;font-size:11px;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.prp-ss-list{flex:1 1;overflow-y:auto}.prp-ss-option{border-bottom:1px solid #f8fafc;cursor:pointer;padding:9px 14px;transition:background .1s}.prp-ss-option:hover{background:#f0f9ff}.prp-ss-option.selected{background:#eff6ff;border-left:3px solid #3b82f6}.prp-ss-opt-main{color:#1e293b;font-size:12px;font-weight:500}.prp-ss-opt-sub{color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.prp-ss-empty{color:#94a3b8;font-size:12px;font-style:italic;padding:24px;text-align:center}.prp-form{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.prp-form-loading{align-items:center;color:#94a3b8;display:flex;flex:1 1;font-size:13px;justify-content:center}.prp-form-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;padding:16px 24px 14px}.prp-form-header-left{display:flex;flex-direction:column;gap:12px}.prp-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.prp-form-label{flex-shrink:0;min-width:80px}.prp-form-label,.prp-form-label-inline{color:#475569;font-size:12px;font-weight:600;letter-spacing:.2px}.prp-form-label-inline{white-space:nowrap}.prp-req{color:#ef4444;margin-left:2px}.prp-form-control{flex:1 1;min-width:200px}.prp-form-control-sm{max-width:180px}.prp-form-control-md{max-width:420px}.prp-form-control input[type=date]{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 12px;transition:all .15s;width:100%}.prp-form-control input[type=date]:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-form-nobukti{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;margin-left:auto;padding:6px 14px}.prp-form-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 10px;transition:all .15s}.prp-form-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-form-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;min-width:160px;outline:none;padding:7px 12px;transition:all .15s}.prp-form-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-form-input[readonly]{background:#f1f5f9;color:#64748b}.prp-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.prp-toggle input{height:0;opacity:0;width:0}.prp-toggle-slider{background:#cbd5e1;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.25s}.prp-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #00000026;content:"";height:16px;left:2px;position:absolute;transition:.25s;width:16px}.prp-toggle input:checked+.prp-toggle-slider{background:#3b82f6}.prp-toggle input:checked+.prp-toggle-slider:before{transform:translateX(16px)}.prp-toggle input:disabled+.prp-toggle-slider{cursor:not-allowed;opacity:.4}.prp-btn-ambil{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s;white-space:nowrap}.prp-btn-ambil:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb}.prp-form-body{display:flex;flex:1 1;min-height:0}.prp-form-sidebar-left{background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:10px 0;width:44px}.prp-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s;width:100%}.prp-sidebar-tab:hover{background:#ffffff14;color:#cbd5e1}.prp-sidebar-tab.active{background:#3b82f626;border-left-color:#3b82f6;color:#fff}.prp-sidebar-icon{font-size:16px}.prp-form-content{background:#f8fafc;flex:1 1;min-width:0;overflow-y:auto;padding:20px 24px 280px}.prp-form-action-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 6px;width:56px}.prp-split-btn{border-radius:8px;box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;overflow:hidden;transition:all .15s}.prp-split-btn:hover{box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.prp-split-main{align-items:center;color:#fff;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:10px 0}.prp-split-chevron,.prp-split-main{border:none;cursor:pointer;transition:all .12s}.prp-split-chevron{border-top:1px solid #fff3;color:#ffffffd9;font-size:9px;padding:4px 0}.prp-rincian-tab{display:flex;flex-direction:column}.prp-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.prp-rincian-search{align-items:center;display:flex;flex:1 1;gap:10px;max-width:480px}.prp-rincian-right-title{align-items:center;display:flex;gap:8px}.prp-rincian-title{color:#1e293b;font-size:13px;font-weight:600;margin:0}.prp-rincian-tbl{border:1px solid #e2e8f0;border-collapse:initial;border-radius:8px;border-spacing:0;margin-bottom:10px;overflow:hidden;width:100%}.prp-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.prp-rincian-tbl th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}.prp-rincian-tbl td{background:#fff;border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:6px 10px;vertical-align:middle}.prp-rincian-tbl tbody tr:last-child td{border-bottom:none}.prp-rincian-tbl tbody tr:hover td{background:#fafcff}.prp-rincian-empty{background:#fff!important;color:#94a3b8;font-style:italic;padding:36px 12px!important;text-align:center}.prp-rincian-drag{color:#d1d5db;cursor:grab;font-size:11px;text-align:center;-webkit-user-select:none;user-select:none}.prp-rincian-input{background:#fff;border:1px solid #e5e7eb;border-radius:5px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;transition:all .15s;width:100%}.prp-rincian-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f60f}.prp-rincian-input-right{text-align:right}.prp-btn-remove-row{background:#0000;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;font-size:13px;padding:4px 6px;transition:all .12s}.prp-btn-remove-row:hover{background:#fee2e2}.prp-rincian-addrow{margin-top:8px}.prp-btn-addrow{background:#fff;border:1px dashed #93c5fd;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:7px 18px;transition:all .15s}.prp-btn-addrow:hover{background:#eff6ff;border-color:#3b82f6;border-style:solid}.prp-info-tab{padding:4px 0}.prp-info-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:900px){.prp-info-columns{grid-template-columns:1fr}}.prp-info-col-left,.prp-info-col-right{display:flex;flex-direction:column;gap:20px;min-width:0}.prp-info-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.prp-info-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:12px 16px}.prp-info-section-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;width:30px}.prp-info-section-icon.blue{background:#dbeafe;color:#2563eb}.prp-info-section-icon.green{background:#dcfce7;color:#16a34a}.prp-info-section-title{color:#1e293b;font-size:13px;font-weight:600;margin:0}.prp-info-section-body{display:flex;flex-direction:column;gap:14px;padding:16px}.prp-info-field{display:flex;flex-direction:column;gap:5px}.prp-info-field-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.prp-info-field-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:12px;line-height:1.5;outline:none;padding:8px 12px;resize:vertical;transition:all .15s;width:100%}.prp-info-field-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-form-footer{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -1px 3px #0000000a;justify-content:center;padding:12px 24px}.prp-form-footer,.prp-total-box{align-items:center;display:flex;gap:16px}.prp-total-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;min-width:180px;padding:10px 20px}.prp-total-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.prp-total-value{color:#1e293b;font-family:JetBrains Mono,Consolas,monospace;font-size:16px;font-weight:700}.prp-total-value-red{color:#dc2626}.prp-diskon-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;padding:5px 8px;text-align:right;transition:all .15s;width:64px}.prp-diskon-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-diskon-toggle{background:#0ea5e9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:3px 8px}.prp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.prp-modal{animation:prp-modal-in .2s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:780px;overflow:hidden;width:90%}@keyframes prp-modal-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.prp-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.prp-modal-header h3{color:#1e293b;font-size:15px;font-weight:600;margin:0}.prp-modal-close{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .12s}.prp-modal-close:hover{background:#fee2e2;color:#ef4444}.prp-modal-search{border-bottom:1px solid #f1f5f9;padding:12px 20px;position:relative}.prp-modal-search input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:8px 36px 8px 12px;transition:all .15s;width:100%}.prp-modal-search input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.prp-modal-search-icon{color:#94a3b8;font-size:12px;pointer-events:none;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.prp-modal-body{flex:1 1;min-height:0;overflow-y:auto}.prp-modal-empty,.prp-modal-loading{color:#94a3b8;font-size:13px;font-style:italic;padding:48px 20px;text-align:center}.prp-modal-tbl{border-collapse:collapse;width:100%}.prp-modal-tbl th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.prp-modal-tbl td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:10px 14px;vertical-align:middle}.prp-modal-tbl tbody tr{cursor:pointer;transition:background .1s}.prp-modal-tbl tbody tr:hover{background:#f0f9ff}.prp-modal-tbl tbody tr.prp-modal-row-selected{background:#eff6ff}.prp-modal-tbl td input[type=checkbox],.prp-modal-tbl th input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;margin:0;width:16px}.prp-modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:14px 20px}.prp-modal-count{color:#64748b;font-size:12px;font-weight:500}.prp-modal-actions{display:flex;gap:8px}.prp-modal-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:7px 18px;transition:all .15s}.prp-modal-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.prp-modal-btn-confirm{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 18px;transition:all .15s}.prp-modal-btn-confirm:hover{background:#2563eb;box-shadow:0 2px 6px #2563eb40}.prp-modal-btn-confirm:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.rk-page{padding:0}.rk-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;padding:0 16px}.rk-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 20px;transition:all .15s}.rk-subtab:hover{color:#334155}.rk-subtab.active{border-bottom-color:#1e40af;color:#1e40af;font-weight:600}.rk-close-btn{color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;margin-left:4px}.rk-close-btn:hover{color:#ef4444}.rk-filters{background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px}.rk-filter-chip{align-items:center;color:#64748b;display:inline-flex;font-size:12px;gap:6px}.rk-filter-chip select{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#334155;font-size:12px;padding:4px 8px}.rk-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 16px}.rk-toolbar,.rk-toolbar-left{flex-wrap:wrap}.rk-toolbar,.rk-toolbar-left,.rk-toolbar-right{align-items:center;display:flex;gap:8px}.rk-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .15s}.rk-btn:hover{background:#f9fafb;border-color:#9ca3af}.rk-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.rk-btn.primary:hover{background:#1d4ed8}.rk-search-box{position:relative}.rk-search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:6px 30px 6px 10px;width:180px}.rk-search-box input:focus{border-color:#3b82f6;outline:none}.rk-search-icon{font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.rk-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.rk-table-wrap{flex:1 1;min-height:0;overflow:auto}.rk-table{border-collapse:collapse;width:100%}.rk-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.rk-table th{background:#6b7280;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.rk-table td,.rk-table th{font-size:12px;padding:8px 12px}.rk-table td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.rk-table tbody tr:hover{background:#f0f7ff;cursor:pointer}.rk-empty{color:#9ca3af;font-style:italic;padding:40px 12px!important;text-align:center}.rk-nomor-link{color:#2563eb;cursor:pointer;font-weight:500;text-decoration:underline}.rk-nomor-link:hover{color:#1d4ed8}.rk-nilai{font-family:Courier New,monospace;font-weight:500;text-align:right}.rk-debit{color:#16a34a}.rk-kredit{color:#dc2626}.rk-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.rk-status-draft{background:#fef3c7;color:#92400e}.rk-status-diproses{background:#dbeafe;color:#1e40af}.rk-status-selesai{background:#dcfce7;color:#166534}.rk-btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px;transition:background .12s}.rk-btn-danger:hover{background:#fee2e2}.rk-form{display:flex;flex-direction:column;height:100%}.rk-form-header{background:#fafbfc;border-bottom:1px solid #e2e8f0;gap:24px;justify-content:space-between;padding:16px 20px}.rk-form-header,.rk-form-header-left{align-items:flex-start;display:flex;flex-wrap:wrap}.rk-form-header-left{gap:20px}.rk-form-header-right{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.rk-field-group{display:flex;flex-direction:column;gap:4px}.rk-field-group label{color:#475569;font-size:12px;font-weight:600}.rk-field-group input[type=date],.rk-field-group input[type=text]{border:1px solid #d1d5db;border-radius:5px;color:#1e293b;font-size:13px;padding:6px 10px}.rk-field-group input:focus{border-color:#3b82f6;outline:none}.required{color:#ef4444}.rk-status-select{border:1px solid #d1d5db;border-radius:5px;color:#1e293b;font-size:13px;padding:6px 10px}.rk-toggle-wrap{align-items:center;display:flex;gap:8px}.rk-toggle{background:#d1d5db;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.rk-toggle.on{background:#22c55e}.rk-toggle .thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:16px;left:2px;position:absolute;top:2px;transition:left .2s;width:16px}.rk-toggle.on .thumb{left:18px}.rk-toggle-wrap select{border:1px solid #d1d5db;border-radius:5px;color:#1e293b;font-size:13px;padding:6px 10px}.rk-kas-search{position:relative}.rk-kas-search input{border:1px solid #d1d5db;border-radius:5px;font-size:13px;padding:6px 28px 6px 10px;width:220px}.rk-kas-search input:focus{border-color:#3b82f6;outline:none}.rk-search-icon-inline{font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.rk-selected-chip{align-items:center;background:#eff6ff;border:1px solid #93c5fd;border-radius:5px;color:#1e40af;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:5px 10px}.rk-remove{color:#94a3b8;cursor:pointer;font-size:14px}.rk-remove:hover{color:#ef4444}.rk-kas-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;max-height:240px;overflow-y:auto;position:absolute;top:100%;width:280px;z-index:200}.rk-kas-item{cursor:pointer;padding:8px 12px;transition:background .1s}.rk-kas-item:hover{background:#f0f7ff}.rk-kas-nama{color:#1e293b;font-size:13px;font-weight:500}.rk-kas-kode{color:#94a3b8;font-size:11px}.rk-akun-picker{position:relative}.rk-akun-input{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:4px 8px;width:100%}.rk-akun-input:focus{border-color:#3b82f6;outline:none}.rk-akun-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;display:inline-flex;font-size:11px;gap:4px;max-width:190px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.rk-akun-dropdown{width:260px;z-index:300}.rk-items-table td{position:relative}.rk-form-body{display:flex;flex:1 1;min-height:0}.rk-form-sidebar{align-items:center;background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 0;width:48px}.rk-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .12s;width:36px}.rk-sidebar-btn:hover{background:#334155;color:#e2e8f0}.rk-sidebar-btn.active{background:#3b82f6;color:#fff}.rk-sidebar-btn .icon{font-size:16px}.rk-form-content{flex:1 1;overflow:auto;padding:20px;position:relative}.rk-action-panel{align-items:center;background:#f8fafc;border-left:1px solid #e2e8f0;gap:8px;padding:12px 0;width:52px}.rk-action-panel,.rk-split-btn{display:flex;flex-direction:column}.rk-split-main{border:none;border-radius:6px 6px 0 0;font-size:16px;height:34px}.rk-split-chevron,.rk-split-main{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all .12s;width:38px}.rk-split-chevron{border:none;border-radius:0 0 6px 6px;font-size:10px;height:18px}.rk-split-save{background:#22c55e;color:#fff}.rk-split-save:hover{background:#16a34a}.rk-split-doc{background:#3b82f6;color:#fff}.rk-split-doc:hover{background:#2563eb}.rk-split-attach{background:#8b5cf6;color:#fff}.rk-split-attach:hover{background:#7c3aed}.rk-mutasi-section{display:flex;flex-direction:column;gap:12px}.rk-mutasi-header{align-items:center;display:flex;justify-content:space-between}.rk-mutasi-header h3{color:#1e293b;font-size:15px;font-weight:600;margin:0}.rk-items-table-wrap{overflow:visible}.rk-items-table{border-collapse:collapse;min-width:900px;width:100%}.rk-items-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}.rk-items-table td{border-bottom:1px solid #f1f5f9;font-size:12px;padding:6px 8px;vertical-align:middle}.rk-items-table tbody tr:hover{background:#fafbfc}.rk-row-num{color:#94a3b8;font-weight:600;text-align:center}.rk-cell-input{border:1px solid #d1d5db;border-radius:4px;color:#1e293b;font-size:12px;padding:4px 8px;width:100%}.rk-cell-input:focus{border-color:#3b82f6;outline:none}.rk-cell-right{font-family:Courier New,monospace;text-align:right}.rk-cell-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1e293b;font-size:12px;padding:4px 6px}.rk-row-delete{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:14px;padding:4px}.rk-row-delete:hover{background:#fee2e2}.rk-periode-section{display:flex;flex-direction:column;gap:16px}.rk-periode-section h3{color:#1e293b;font-size:15px;font-weight:600;margin:0}.rk-periode-row{display:flex;flex-wrap:wrap;gap:20px}.rk-nilai-wrap{align-items:center;border:1px solid #d1d5db;border-radius:5px;display:flex;overflow:hidden}.rk-currency{background:#f1f5f9;border-right:1px solid #d1d5db;color:#475569;font-size:12px;font-weight:600;padding:6px 10px}.rk-nilai-wrap input{border:none;font-family:Courier New,monospace;font-size:13px;padding:6px 10px;text-align:right;width:160px}.rk-nilai-wrap input:focus{outline:none}.rk-info-section{display:flex;flex-direction:column;gap:8px}.rk-info-section h3{color:#1e293b;font-size:15px;font-weight:600;margin:0}.rk-info-section textarea{border:1px solid #d1d5db;border-radius:5px;font-family:inherit;font-size:13px;min-height:80px;padding:8px 12px;resize:vertical;width:100%}.rk-info-section textarea:focus{border-color:#3b82f6;outline:none}.rk-form-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;padding:12px 20px}.rk-total-box{min-width:140px;text-align:right}.rk-total-box .label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.rk-total-box .value{color:#1e293b;font-family:Courier New,monospace;font-size:16px;font-weight:700}.hb-page{display:flex;flex-direction:column;height:100%}.hb-filter-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px}.hb-kas-search{flex:0 0 auto;min-width:260px;position:relative}.hb-kas-search input{border:1px solid #d1d5db;border-radius:6px;color:#1e293b;font-size:13px;padding:8px 32px 8px 12px;width:100%}.hb-kas-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.hb-search-icon-inline{font-size:13px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.hb-selected-chip{align-items:center;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;color:#1e40af;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:7px 12px;white-space:nowrap}.hb-remove{color:#94a3b8;cursor:pointer;font-size:14px}.hb-remove:hover{color:#ef4444}.hb-kas-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000001a;left:0;max-height:240px;overflow-y:auto;position:absolute;top:calc(100% + 2px);width:100%;z-index:300}.hb-kas-item{cursor:pointer;padding:10px 14px;transition:background .1s}.hb-kas-item:hover{background:#f0f7ff}.hb-kas-nama{color:#1e293b;font-size:13px;font-weight:500}.hb-kas-kode{color:#94a3b8;font-size:11px;margin-top:1px}.hb-date-range{align-items:center;display:flex;gap:8px}.hb-date-input{border:1px solid #d1d5db;border-radius:6px;color:#1e293b;font-size:13px;padding:7px 10px}.hb-date-input:focus{border-color:#3b82f6;outline:none}.hb-date-sep{color:#64748b;font-size:12px;font-weight:500}.hb-btn-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;transition:all .12s;width:36px}.hb-btn-icon:hover{background:#f1f5f9;border-color:#94a3b8}.hb-btn-icon:disabled{cursor:not-allowed;opacity:.4}.hb-btn-export{background:#2563eb;border-color:#2563eb;color:#fff}.hb-btn-export:hover{background:#1d4ed8}.hb-btn-export:disabled{background:#93c5fd;border-color:#93c5fd}.hb-filter-right{align-items:center;display:flex;gap:8px;margin-left:auto}.hb-count{background:#fbbf24;border-radius:20px;color:#92400e;font-size:12px;font-weight:700;min-width:24px;padding:4px 12px;text-align:center}.hb-table-wrap{flex:1 1;min-height:0;overflow:auto}.hb-table{border-collapse:collapse;width:100%}.hb-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.hb-table th{background:#475569;color:#fff;font-size:12px;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.hb-th-tanggal{width:95px}.hb-th-nosumber{width:130px}.hb-th-nocek{width:100px}.hb-th-tipe-trx{width:130px}.hb-th-mutasi{text-align:right!important;width:120px}.hb-th-tipe{text-align:center!important;width:70px}.hb-th-saldo{text-align:right!important;width:130px}.hb-th-num{text-align:center!important;width:40px}.hb-table td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:9px 12px;vertical-align:middle}.hb-table tbody tr:hover{background:#f8fafc}.hb-table tbody tr:nth-child(2n){background:#fafbfc}.hb-table tbody tr:nth-child(2n):hover{background:#f0f7ff}.hb-empty{color:#94a3b8;font-size:13px!important;font-style:italic;padding:48px 12px!important;text-align:center}.hb-col-nosumber{color:#2563eb;font-weight:500}.hb-col-ket{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-col-nilai{font-family:Courier New,monospace;font-weight:500;text-align:right}.hb-col-num{color:#94a3b8;font-size:11px;text-align:center}.hb-saldo-negatif{color:#dc2626!important}.hb-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.hb-badge-pembayaran{background:#fee2e2;color:#991b1b}.hb-badge-penerimaan{background:#dcfce7;color:#166534}.hb-badge-transfer-keluar{background:#fef3c7;color:#92400e}.hb-badge-transfer-masuk{background:#dbeafe;color:#1e40af}.hb-badge-jurnal{background:#f3e8ff;color:#6b21a8}.hb-badge-rekening-koran{background:#e0e7ff;color:#3730a3}.hb-tipe-label{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-align:center}.hb-tipe-debit{background:#dcfce7;color:#166534}.hb-tipe-kredit{background:#fee2e2;color:#991b1b}.hb-footer{background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;gap:24px;justify-content:flex-end;padding:12px 20px}.hb-footer-item{align-items:flex-end;display:flex;flex-direction:column}.hb-footer-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.hb-footer-value{font-family:Courier New,monospace;font-size:15px;font-weight:700}.hb-footer-saldo{color:#1e293b}.rb-page{background:#f8fafc;display:flex;flex-direction:column;height:100%}.rb-filter-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;padding:10px 16px}.rb-filter-bar,.rb-filter-right{align-items:center;display:flex;gap:10px}.rb-filter-right{margin-left:auto}.rb-kas-wrap{min-width:240px;position:relative}.rb-kas-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1e293b;font-size:13px;padding:7px 30px 7px 12px;width:100%}.rb-kas-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.rb-kas-icon,.rb-kas-input::placeholder{color:#94a3b8}.rb-kas-icon{font-size:12px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.rb-kas-chip{align-items:center;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;color:#1e40af;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.rb-kas-clear{color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;margin-left:2px}.rb-kas-clear:hover{color:#ef4444}.rb-kas-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000001f;left:0;max-height:220px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:300}.rb-kas-item{cursor:pointer;padding:10px 14px;transition:background .1s}.rb-kas-item:hover{background:#f0f7ff}.rb-kas-empty{color:#94a3b8;cursor:default;font-style:italic}.rb-kas-empty:hover{background:#0000}.rb-kas-nama{color:#1e293b;font-size:13px;font-weight:500}.rb-kas-kode{color:#94a3b8;font-size:11px}.rb-date-range{align-items:center;display:flex;gap:6px}.rb-date-input{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#334155;font-size:12px;padding:6px 10px}.rb-date-input:focus{border-color:#3b82f6;outline:none}.rb-date-sep{color:#64748b;font-size:12px;font-weight:500}.rb-btn-refresh{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#475569;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .15s}.rb-btn-refresh:hover{background:#f0f7ff;border-color:#93c5fd}.rb-btn-cocok{align-items:center;background:#22c55e;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:6px 14px;transition:background .15s}.rb-btn-cocok:hover{background:#16a34a}.rb-badge-count{align-items:center;background:#e0e7ff;border-radius:11px;color:#3730a3;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.rb-color-line{display:flex;height:4px}.rb-color-red{background:#ef4444;flex:1 1}.rb-color-blue{background:#3b82f6;flex:1 1}.rb-panel-headers{display:flex}.rb-panel-header{align-items:center;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase}.rb-header-buku{background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b}.rb-header-bank{background:#eff6ff;border-bottom:1px solid #bfdbfe;color:#1e40af}.rb-header-icon{font-size:16px}.rb-header-title{font-size:13px}.rb-empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.rb-empty-illustration{margin-bottom:20px;opacity:.7}.rb-empty-text{color:#94a3b8;font-size:13px;line-height:1.6;max-width:360px}.rb-dual-panel{display:flex;flex:1 1;min-height:0;overflow:hidden}.rb-panel{border-right:1px solid #e2e8f0;display:flex;flex:1 1;flex-direction:column;min-width:0}.rb-panel:last-child{border-right:none}.rb-panel-subheader{background:#fafbfc;border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:11px;gap:16px;padding:6px 14px}.rb-panel-scroll{flex:1 1;overflow:auto}.rb-tbl{border-collapse:collapse;width:100%}.rb-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.rb-tbl th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:7px 10px;text-align:left;white-space:nowrap}.rb-tbl td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12px;padding:6px 10px;vertical-align:middle}.rb-tbl tbody tr{cursor:pointer;transition:background .08s}.rb-tbl tbody tr:hover{background:#f0f7ff}.rb-tbl-right{text-align:right}.rb-tbl-empty{color:#94a3b8;cursor:default;font-style:italic;padding:40px 12px!important;text-align:center}.rb-tbl-empty:hover{background:#0000!important}.rb-tbl-check{text-align:center;width:28px}.rb-tbl-check input[type=radio]{accent-color:#3b82f6;cursor:pointer}.rb-tbl-date{white-space:nowrap;width:90px}.rb-tbl-ref{color:#2563eb;font-weight:500;max-width:120px}.rb-tbl-ket,.rb-tbl-ref{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-tbl-ket{max-width:180px}.rb-tbl-amount{font-family:Courier New,monospace;font-weight:500}.rb-tbl-center{text-align:center}.rb-row-matched{background:#f0fdf4!important;cursor:default!important;opacity:.6}.rb-row-matched:hover{background:#dcfce7!important}.rb-row-active{background:#dbeafe!important;outline:2px solid #3b82f6;outline-offset:-2px}.rb-matched-icon{color:#22c55e;font-size:14px;font-weight:700}.rb-dk-d{background:#dcfce7;color:#166534}.rb-dk-d,.rb-dk-k{border-radius:50%;display:inline-block;font-size:11px;font-weight:700;height:22px;line-height:22px;text-align:center;width:22px}.rb-dk-k{background:#fee2e2;color:#991b1b}.rb-green{color:#16a34a}.rb-red{color:#dc2626}.rb-matched-footer{background:#fff;border-top:2px solid #e2e8f0;max-height:200px;overflow-y:auto;padding:12px 16px}.rb-matched-title{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:8px}.rb-matched-list{display:flex;flex-direction:column;gap:6px}.rb-matched-pair{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;display:flex;font-size:12px;gap:10px;padding:6px 12px}.rb-matched-side{align-items:center;display:flex;flex:1 1;gap:6px}.rb-matched-label{color:#475569;font-size:11px;font-weight:600}.rb-matched-arrow{color:#94a3b8;flex-shrink:0;font-size:16px}.rb-matched-amount{color:#1e293b;font-family:Courier New,monospace;font-weight:600;margin-left:auto}.rb-matched-remove{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:14px;padding:2px 6px;transition:all .12s}.rb-matched-remove:hover{background:#fee2e2;color:#ef4444}.fp-page .swal2-container,body .swal2-container{z-index:20000!important}.fp-page{background:#fff;display:flex;flex-direction:column;height:100%}.fp-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.fp-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.fp-subtab:hover{background:#eaeaea}.fp-subtab.active,.fp-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.fp-subtab.active-form{border-top:2px solid #e91e63}.fp-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.fp-subtab-close:hover{background:#f44;color:#fff}.fp-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.fp-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.fp-filter-item-wrap{position:relative}.fp-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.fp-filter-chip:hover{border-color:#5b8af5}.fp-chip-caret{color:#9ca3af;font-size:10px}.fp-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.fp-filter-reset:hover{background:#3b6fd6}.fp-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.fp-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.fp-radio-row:hover{background:#f4f6fa}.fp-radio-row input[type=radio]{margin:0}.fp-popover-inset{gap:6px;padding:4px 8px 8px 30px}.fp-field-mini,.fp-popover-inset{display:flex;flex-direction:column}.fp-field-mini{color:#6b7280;font-size:11px;gap:3px}.fp-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.fp-field-mini input:focus{border-color:#5b8af5}.fp-check-row{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.fp-check-row:hover{background:#f4f6fa}.fp-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.fp-toolbar-left,.fp-toolbar-right{display:flex;gap:6px}.fp-toolbar-right{align-items:center}.fp-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.fp-btn-add:hover{background:#2563eb}.fp-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.fp-btn-refresh:hover{background:#e4e4e4}.fp-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.fp-toolbar-icon:hover{background:#e4e4e4}.fp-search-wrapper{position:relative}.fp-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.fp-search-input:focus{border-color:#5b8af5;outline:none}.fp-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.fp-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.fp-table-wrap{flex:1 1;min-height:0;overflow:auto}.fp-tbl{border-collapse:collapse;width:100%}.fp-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.fp-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.fp-tbl td,.fp-tbl th{font-size:12px;padding:8px 12px}.fp-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.fp-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.fp-tbl-empty{font-style:italic;padding:40px 12px!important}.fp-tbl-empty,.fp-tbl-num{color:#9ca3af;text-align:center}.fp-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.fp-status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.fp-status-Draft{background:#fef3c7;color:#92400e}.fp-status-Dikirim{background:#dbeafe;color:#1e40af}.fp-status-Lunas{background:#d1fae5;color:#065f46}.fp-status-Batal{background:#fee2e2;color:#991b1b}.fp-keterangan-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-ss-wrap{position:relative;width:100%}.fp-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.fp-ss-input:hover:not(.disabled){border-color:#5b8af5}.fp-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.fp-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-ss-icon,.fp-ss-placeholder{color:#9ca3af}.fp-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.fp-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.fp-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.fp-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.fp-ss-search-box input:focus{border-color:#5b8af5}.fp-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.fp-ss-list{flex:1 1;overflow-y:auto}.fp-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.fp-ss-option:hover{background:#f0f7ff}.fp-ss-option.selected{background:#e0f2fe}.fp-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.fp-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.fp-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.fp-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.fp-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.fp-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.fp-form-header-left{display:flex;flex-direction:column;gap:8px}.fp-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.fp-form-label{flex-shrink:0;min-width:90px}.fp-form-label,.fp-form-label-inline{color:#374151;font-size:12px;font-weight:500}.fp-form-label-inline{white-space:nowrap}.fp-req{color:#e53e3e;margin-left:2px}.fp-form-control{flex:1 1;min-width:200px}.fp-form-control-sm{max-width:180px}.fp-form-control-md{max-width:420px}.fp-form-control input[type=date]{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.fp-form-control input[type=date]:focus{border-color:#5b8af5}.fp-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.fp-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 8px}.fp-form-select:focus{border-color:#5b8af5}.fp-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 10px}.fp-form-input:focus{border-color:#5b8af5}.fp-form-input[readonly]{background:#f5f5f5}.fp-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.fp-toggle input{height:0;opacity:0;width:0}.fp-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.fp-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.fp-toggle input:checked+.fp-toggle-slider{background:#3b82f6}.fp-toggle input:checked+.fp-toggle-slider:before{transform:translateX(16px)}.fp-toggle input:disabled+.fp-toggle-slider{cursor:not-allowed;opacity:.5}.fp-btn-ambil{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px}.fp-btn-ambil:hover{background:#eff6ff}.fp-proses-wrap{display:inline-block;position:relative}.fp-btn-proses{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px}.fp-btn-proses:hover{background:#eff6ff}.fp-proses-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000001f;left:0;margin-top:2px;min-width:140px;position:absolute;top:100%;z-index:100}.fp-proses-item{color:#334155;cursor:pointer;font-size:13px;padding:9px 14px;white-space:nowrap}.fp-proses-item:hover{background:#f0f4ff}.fp-form-body{display:flex;flex:1 1;min-height:0}.fp-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.fp-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.fp-sidebar-tab:hover{background:#f0f0f0}.fp-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.fp-sidebar-icon{font-size:16px}.fp-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.fp-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.fp-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.fp-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.fp-split-chevron,.fp-split-main{border:none;color:#fff;cursor:pointer}.fp-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.fp-split-btn-wrap{position:relative}.fp-save-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;bottom:100%;box-shadow:0 4px 16px #00000026;margin-bottom:4px;min-width:160px;overflow:hidden;position:absolute;right:0;z-index:100}.fp-save-dropdown-item{align-items:center;background:none;border:none;color:#1a2236;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;white-space:nowrap;width:100%}.fp-save-dropdown-item:hover{background:#f0f4ff}.fp-save-icon{font-size:15px}.fp-cetak-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;bottom:100%;box-shadow:0 4px 16px #00000026;margin-bottom:4px;min-width:220px;overflow:hidden;position:absolute;right:0;z-index:100}.fp-cetak-dropdown-item{align-items:center;background:none;border:none;color:#1a2236;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;white-space:nowrap;width:100%}.fp-cetak-dropdown-item:hover{background:#f0f4ff}.fp-cetak-icon{color:#6b7280;font-size:14px}.fp-rincian-tab{display:flex;flex-direction:column}.fp-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.fp-rincian-search{flex:1 1;max-width:340px;position:relative}.fp-barang-search-input{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 10px;width:100%}.fp-barang-search-input:focus{border-color:#5b8af5;box-shadow:0 0 0 2px #5b8af51f}.fp-barang-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:6px;box-shadow:0 8px 24px #0000001f;left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.fp-barang-opt{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px}.fp-barang-opt:hover{background:#f0f7ff}.fp-barang-opt-kode{color:#6b7280;font-family:monospace;min-width:70px}.fp-barang-opt-nama{color:#1a2236;flex:1 1;font-weight:500}.fp-barang-opt-harga{color:#16a34a;font-weight:500;min-width:80px;text-align:right}.fp-barang-opt-satuan{color:#9ca3af;min-width:40px;text-align:right}.fp-rincian-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.fp-rincian-tbl{border-collapse:collapse;margin-bottom:10px;width:100%}.fp-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.fp-rincian-tbl th{background:#475569;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.fp-rincian-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:4px 8px;vertical-align:middle}.fp-rincian-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.fp-rincian-drag{color:#cbd5e1;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.fp-rincian-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.fp-rincian-input:focus{border-color:#5b8af5}.fp-rincian-input-right{text-align:right}.fp-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.fp-btn-remove-row:hover{background:#fee2e2}.fp-rincian-addrow{margin-top:6px}.fp-btn-addrow{background:#fff;border:1px dashed #c4d4ff;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;padding:6px 14px}.fp-btn-addrow:hover{background:#eff6ff;border-style:solid}.fp-info-tab{display:flex;flex-direction:column}.fp-info-columns{display:flex;gap:40px}.fp-info-section{flex:1 1}.fp-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.fp-info-icon{font-size:16px}.fp-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.fp-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.fp-info-control{flex:1 1}.fp-info-control-sm{max-width:200px}.fp-info-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.fp-info-input:focus{border-color:#5b8af5}.fp-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical;width:100%}.fp-info-textarea:focus{border-color:#5b8af5}.fp-info-check{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.fp-info-check input{accent-color:#2563eb;height:16px;margin:0;width:16px}.fp-biaya-tab{display:flex;flex-direction:column}.fp-biaya-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.fp-biaya-search{flex:1 1;max-width:340px}.fp-biaya-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.fp-riwayat-tab{padding:20px}.fp-form-footer{background:#fafafa;border-top:1px solid #eee;justify-content:center;padding:10px 20px}.fp-form-footer,.fp-total-box{align-items:center;display:flex;gap:20px}.fp-total-box{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;min-width:180px;padding:8px 20px}.fp-total-label{color:#6b7280;font-size:12px;font-weight:500}.fp-total-value{color:#1a2236;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.fp-total-value-red{color:#e53e3e}.fp-diskon-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:4px 6px;text-align:right;width:60px}.fp-diskon-input:focus{border-color:#5b8af5}.fp-diskon-toggle{background:#0ea5e9;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px}.fp-modal-overlay{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.fp-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.fp-modal-lg{width:560px}.fp-modal-header{align-items:center;background:#1a2236;color:#fff;display:flex;justify-content:space-between;padding:12px 18px}.fp-modal-title{font-size:14px;font-weight:600}.fp-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0}.fp-modal-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 18px}.fp-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px}.fp-modal-tab.active{border-bottom-color:#e53e3e;color:#e53e3e}.fp-modal-body{flex:1 1;overflow-y:auto;padding:18px}.fp-modal-form{display:flex;flex-direction:column;gap:14px}.fp-modal-form-row{align-items:center;display:flex;gap:12px}.fp-modal-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;width:110px}.fp-modal-value{flex:1 1}.fp-modal-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;padding:6px 10px;width:100%}.fp-modal-input:focus{border-color:#5b8af5;box-shadow:0 0 0 2px #5b8af526}.fp-modal-textarea{border:1px solid #d1d5db;border-radius:4px;font-size:13px;outline:none;padding:8px 10px;resize:vertical;width:100%}.fp-modal-textarea:focus{border-color:#5b8af5}.fp-modal-badge{align-items:center;background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px;white-space:nowrap}.fp-modal-btn-icon{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 10px}.fp-modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:14px 18px}.fp-modal-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 28px}.fp-modal-btn-primary{background:#3b82f6;color:#fff}.fp-modal-btn-primary:hover{background:#2563eb}.fp-modal-btn-danger{background:#fff;border:1px solid #3b82f6;color:#3b82f6}.fp-modal-btn-danger:hover{background:#eff6ff}.fp-seri-tbl{border-collapse:collapse;margin-top:10px;width:100%}.fp-seri-tbl th{background:#8ba4c4;color:#fff;font-size:11px;font-weight:600;padding:6px 8px;text-align:left}.fp-seri-tbl td{border-bottom:1px solid #e5e7eb;font-size:12px;padding:5px 8px}.fp-seri-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;padding:2px}.fp-seri-counter{color:#6b7280;font-size:12px;margin-top:10px}.fp-seri-menu-wrap{position:relative}.fp-seri-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 16px #00000026;margin-top:4px;min-width:210px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.fp-seri-dropdown-item{align-items:center;background:none;border:none;color:#1a2236;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;white-space:nowrap;width:100%}.fp-seri-dropdown-item:hover{background:#f0f4ff}.pg-page{background:#fff;display:flex;flex-direction:column;height:100%}.pg-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pg-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.pg-subtab:hover{background:#eaeaea}.pg-subtab.active,.pg-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.pg-subtab.active-form{border-top:2px solid #e91e63}.pg-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.pg-subtab-close:hover{background:#f44;color:#fff}.pg-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.pg-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.pg-filter-item-wrap{position:relative}.pg-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.pg-filter-chip:hover{border-color:#5b8af5}.pg-chip-caret{color:#9ca3af;font-size:10px}.pg-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.pg-filter-reset:hover{background:#3b6fd6}.pg-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.pg-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.pg-radio-row:hover{background:#f4f6fa}.pg-radio-row input[type=radio]{margin:0}.pg-popover-inset{gap:6px;padding:4px 8px 8px 30px}.pg-field-mini,.pg-popover-inset{display:flex;flex-direction:column}.pg-field-mini{color:#6b7280;font-size:11px;gap:3px}.pg-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.pg-field-mini input:focus{border-color:#5b8af5}.pg-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pg-toolbar-left,.pg-toolbar-right{display:flex;gap:6px}.pg-toolbar-right{align-items:center}.pg-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.pg-btn-add:hover{background:#2563eb}.pg-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.pg-btn-refresh:hover{background:#e4e4e4}.pg-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.pg-toolbar-icon:hover{background:#e4e4e4}.pg-search-wrapper{position:relative}.pg-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pg-search-input:focus{border-color:#5b8af5;outline:none}.pg-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pg-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pg-table-wrap{flex:1 1;min-height:0;overflow:auto}.pg-tbl{border-collapse:collapse;width:100%}.pg-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pg-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.pg-tbl td,.pg-tbl th{font-size:12px;padding:8px 12px}.pg-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.pg-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pg-tbl-empty{font-style:italic;padding:40px 12px!important}.pg-tbl-empty,.pg-tbl-num{color:#9ca3af;text-align:center}.pg-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.pg-status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.pg-status-Draft{background:#fef3c7;color:#92400e}.pg-status-Selesai{background:#d1fae5;color:#065f46}.pg-keterangan-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-ss-wrap{position:relative;width:100%}.pg-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.pg-ss-input:hover:not(.disabled){border-color:#5b8af5}.pg-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.pg-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-ss-icon,.pg-ss-placeholder{color:#9ca3af}.pg-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.pg-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.pg-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.pg-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.pg-ss-search-box input:focus{border-color:#5b8af5}.pg-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.pg-ss-list{flex:1 1;overflow-y:auto}.pg-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.pg-ss-option:hover{background:#f0f7ff}.pg-ss-option.selected{background:#e0f2fe}.pg-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.pg-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.pg-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.pg-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.pg-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.pg-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.pg-form-header-left{display:flex;flex-direction:column;gap:8px}.pg-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pg-form-label{flex-shrink:0;min-width:110px}.pg-form-label,.pg-form-label-inline{color:#374151;font-size:12px;font-weight:500}.pg-form-label-inline{white-space:nowrap}.pg-req{color:#e53e3e;margin-left:2px}.pg-form-control{flex:1 1;min-width:200px}.pg-form-control-md{max-width:200px}.pg-form-control-row{align-items:center;display:flex;gap:8px}.pg-form-select-full{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:6px 8px;width:100%}.pg-form-select-full:focus{border-color:#5b8af5}.pg-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.pg-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:140px;outline:none;padding:6px 8px}.pg-form-select:focus{border-color:#5b8af5}.pg-form-select-sm{min-width:80px}.pg-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 10px}.pg-form-input:focus{border-color:#5b8af5}.pg-form-input[readonly]{background:#f5f5f5}.pg-form-date{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:6px 10px}.pg-form-date:focus{border-color:#5b8af5}.pg-form-right-fields{align-items:center;display:flex;gap:12px;margin-left:auto}.pg-form-field-inline{align-items:center;display:flex;gap:6px}.pg-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.pg-toggle input{height:0;opacity:0;width:0}.pg-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.pg-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.pg-toggle input:checked+.pg-toggle-slider{background:#3b82f6}.pg-toggle input:checked+.pg-toggle-slider:before{transform:translateX(16px)}.pg-toggle input:disabled+.pg-toggle-slider{cursor:not-allowed;opacity:.5}.pg-btn-ambil{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px}.pg-btn-ambil:hover{background:#eff6ff}.pg-btn-proses{background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;font-size:12px;padding:5px 12px}.pg-btn-proses:hover{background:#eff6ff}.pg-btn-proses:disabled{cursor:not-allowed;opacity:.5}.pg-form-body{display:flex;flex:1 1;min-height:0}.pg-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.pg-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.pg-sidebar-tab:hover{background:#f0f0f0}.pg-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.pg-sidebar-icon{font-size:16px}.pg-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.pg-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.pg-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.pg-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.pg-split-chevron,.pg-split-main{border:none;color:#fff;cursor:pointer}.pg-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.pg-rincian-tab{display:flex;flex-direction:column}.pg-rincian-header{align-items:center;display:flex;gap:16px;margin-bottom:10px}.pg-rincian-search{flex:1 1;max-width:340px}.pg-rincian-title{color:#1a2236;font-size:14px;font-weight:600;margin:0 0 0 auto}.pg-rincian-tbl{border-collapse:collapse;margin-bottom:10px;width:100%}.pg-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.pg-rincian-tbl th{background:#475569;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.pg-rincian-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:4px 8px;vertical-align:middle}.pg-rincian-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.pg-rincian-drag{color:#cbd5e1;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.pg-rincian-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.pg-rincian-input:focus{border-color:#5b8af5}.pg-rincian-input-right{text-align:right}.pg-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.pg-btn-remove-row:hover{background:#fee2e2}.pg-info-tab{display:flex;flex-direction:column}.pg-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.pg-info-icon{font-size:16px}.pg-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pg-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.pg-info-control{flex:1 1}.pg-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical;width:100%}.pg-info-textarea:focus{border-color:#5b8af5}.pg-form-footer{background:#fafafa;border-top:1px solid #eee;justify-content:center;padding:10px 20px}.pg-form-footer,.pg-total-box{align-items:center;display:flex;gap:20px}.pg-total-box{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;min-width:180px;padding:8px 20px}.pg-total-label{color:#6b7280;font-size:12px;font-weight:500}.pg-total-value{color:#1a2236;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.pg-modal-overlay{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pg-modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:560px}.pg-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:14px 20px}.pg-modal-title{color:#1a2236;font-size:15px;font-weight:600}.pg-modal-close{background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:16px;padding:4px 8px}.pg-modal-close:hover{background:#f0f0f0;color:#333}.pg-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.pg-modal-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;margin-bottom:12px;outline:none;padding:8px 10px;width:100%}.pg-modal-select:focus{border-color:#5b8af5}.pg-modal-tbl{border-collapse:collapse;width:100%}.pg-modal-tbl th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.pg-modal-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:8px 10px}.pg-modal-tbl tbody tr:hover{background:#f0f7ff}.pg-modal-tbl input[type=checkbox]{accent-color:#2563eb;height:16px;width:16px}.pg-modal-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.pg-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:12px 20px}.pg-btn-lanjut{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 24px}.pg-btn-lanjut:hover{background:#2563eb}.ppj-page{background:#fff;display:flex;flex-direction:column;height:100%}.ppj-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.ppj-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.ppj-subtab:hover{background:#eaeaea}.ppj-subtab.active,.ppj-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.ppj-subtab.active-form{border-top:2px solid #e91e63}.ppj-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.ppj-subtab-close:hover{background:#f44;color:#fff}.ppj-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.ppj-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.ppj-filter-item-wrap{position:relative}.ppj-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.ppj-filter-chip:hover{border-color:#5b8af5}.ppj-chip-caret{color:#9ca3af;font-size:10px}.ppj-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.ppj-filter-reset:hover{background:#3b6fd6}.ppj-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.ppj-filter-popover-scroll{max-height:280px;overflow-y:auto}.ppj-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.ppj-radio-row:hover{background:#f4f6fa}.ppj-radio-row input[type=radio]{margin:0}.ppj-popover-inset{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px 30px}.ppj-field-mini{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:3px}.ppj-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.ppj-field-mini input:focus{border-color:#5b8af5}.ppj-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.ppj-toolbar-left,.ppj-toolbar-right{display:flex;gap:6px}.ppj-toolbar-right{align-items:center}.ppj-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.ppj-btn-add:hover{background:#2563eb}.ppj-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.ppj-btn-refresh:hover{background:#e4e4e4}.ppj-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.ppj-toolbar-icon:hover{background:#e4e4e4}.ppj-search-wrapper{position:relative}.ppj-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.ppj-search-input:focus{border-color:#5b8af5;outline:none}.ppj-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.ppj-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.ppj-table-wrap{flex:1 1;min-height:0;overflow:auto}.ppj-tbl{border-collapse:collapse;width:100%}.ppj-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.ppj-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.ppj-tbl td,.ppj-tbl th{font-size:12px;padding:8px 12px}.ppj-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.ppj-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.ppj-tbl-empty{font-style:italic;padding:40px 12px!important}.ppj-tbl-empty,.ppj-tbl-num{color:#9ca3af;text-align:center}.ppj-mono,.ppj-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.ppj-keterangan-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppj-ss-wrap{position:relative;width:100%}.ppj-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.ppj-ss-input:hover:not(.disabled){border-color:#5b8af5}.ppj-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.ppj-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppj-ss-icon,.ppj-ss-placeholder{color:#9ca3af}.ppj-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.ppj-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.ppj-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.ppj-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.ppj-ss-search-box input:focus{border-color:#5b8af5}.ppj-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.ppj-ss-list{flex:1 1;overflow-y:auto}.ppj-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.ppj-ss-option:hover{background:#f0f7ff}.ppj-ss-option.selected{background:#e0f2fe}.ppj-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.ppj-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.ppj-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.ppj-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.ppj-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.ppj-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.ppj-form-header-left{display:flex;flex-direction:column;gap:8px}.ppj-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ppj-form-label{flex-shrink:0;min-width:110px}.ppj-form-label,.ppj-form-label-inline{color:#374151;font-size:12px;font-weight:500}.ppj-form-label-inline{white-space:nowrap}.ppj-req{color:#e53e3e;margin-left:2px}.ppj-form-control{flex:1 1;min-width:200px}.ppj-form-control-lg{max-width:420px}.ppj-form-control-md{max-width:280px}.ppj-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.ppj-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 8px}.ppj-form-select:focus{border-color:#5b8af5}.ppj-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 10px}.ppj-form-input:focus{border-color:#5b8af5}.ppj-form-input[readonly]{background:#f5f5f5}.ppj-form-date{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:6px 10px}.ppj-form-date:focus{border-color:#5b8af5}.ppj-form-right-fields{align-items:center;display:flex;gap:12px;margin-left:auto}.ppj-form-field-inline,.ppj-nilai-wrap{align-items:center;display:flex;gap:6px}.ppj-nilai-input{background:#f9fafb;font-weight:600;max-width:200px;min-width:140px;text-align:right}.ppj-nilai-btn{align-items:center;background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;width:30px}.ppj-nilai-btn:hover{background:#eff6ff}.ppj-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.ppj-toggle input{height:0;opacity:0;width:0}.ppj-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.ppj-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.ppj-toggle input:checked+.ppj-toggle-slider{background:#3b82f6}.ppj-toggle input:checked+.ppj-toggle-slider:before{transform:translateX(16px)}.ppj-toggle input:disabled+.ppj-toggle-slider{cursor:not-allowed;opacity:.5}.ppj-btn-ambil{align-items:center;background:#fff;border:1px solid #c4d4ff;border-radius:3px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:5px 12px}.ppj-btn-ambil:hover{background:#eff6ff}.ppj-form-body{display:flex;flex:1 1;min-height:0}.ppj-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.ppj-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.ppj-sidebar-tab:hover{background:#f0f0f0}.ppj-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.ppj-sidebar-icon{font-size:16px}.ppj-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.ppj-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.ppj-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.ppj-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.ppj-split-chevron,.ppj-split-main{border:none;color:#fff;cursor:pointer}.ppj-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.ppj-faktur-tab{display:flex;flex-direction:column}.ppj-faktur-header{align-items:center;display:flex;gap:16px;margin-bottom:10px}.ppj-faktur-search{flex:1 1;max-width:340px}.ppj-faktur-title{color:#1a2236;font-size:14px;font-weight:600;margin:0 0 0 auto}.ppj-faktur-tbl{border-collapse:collapse;margin-bottom:10px;width:100%}.ppj-faktur-tbl thead{position:-webkit-sticky;position:sticky;top:0}.ppj-faktur-tbl th{background:#475569;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.ppj-faktur-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:4px 8px;vertical-align:middle}.ppj-faktur-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.ppj-faktur-drag{color:#cbd5e1;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.ppj-faktur-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.ppj-faktur-input:focus{border-color:#5b8af5}.ppj-faktur-input-right{text-align:right}.ppj-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.ppj-btn-remove-row:hover{background:#fee2e2}.ppj-info-tab{display:flex;flex-direction:column}.ppj-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.ppj-info-icon{font-size:16px}.ppj-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.ppj-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.ppj-info-control{flex:1 1}.ppj-info-control-sm{max-width:220px}.ppj-info-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:6px 10px;width:100%}.ppj-info-select:focus{border-color:#5b8af5}.ppj-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical;width:100%}.ppj-info-textarea:focus{border-color:#5b8af5}.ppj-form-footer{background:#fafafa;border-top:1px solid #eee;justify-content:center;padding:10px 20px}.ppj-form-footer,.ppj-total-box{align-items:center;display:flex;gap:20px}.ppj-total-box{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;min-width:180px;padding:8px 20px}.ppj-total-label{color:#6b7280;font-size:12px;font-weight:500}.ppj-total-value{color:#1a2236;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.ppj-modal-overlay{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ppj-modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:640px}.ppj-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:14px 20px}.ppj-modal-title{color:#1a2236;font-size:15px;font-weight:600}.ppj-modal-close{background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:16px;padding:4px 8px}.ppj-modal-close:hover{background:#f0f0f0;color:#333}.ppj-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.ppj-modal-tbl{border-collapse:collapse;width:100%}.ppj-modal-tbl th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.ppj-modal-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:8px 10px}.ppj-modal-tbl tbody tr:hover{background:#f0f7ff}.ppj-modal-tbl input[type=checkbox]{accent-color:#2563eb;height:16px;width:16px}.ppj-modal-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.ppj-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:12px 20px}.ppj-btn-lanjut{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 24px}.ppj-btn-lanjut:hover{background:#2563eb}.ppj-faktur-detail-modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:560px}.ppj-fdm-header{align-items:center;background:#1f3a8a;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:12px 18px}.ppj-fdm-title{font-size:14px;font-weight:600}.ppj-fdm-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;padding:4px 8px}.ppj-fdm-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 18px}.ppj-fdm-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;padding:10px 16px}.ppj-fdm-tab.active{border-bottom-color:#dc2626;color:#dc2626;font-weight:500}.ppj-fdm-body{flex:1 1;min-height:280px;overflow-y:auto;padding:18px}.ppj-fdm-row{align-items:center;display:flex;margin-bottom:12px}.ppj-fdm-label{color:#374151;font-size:13px;width:130px}.ppj-fdm-control{flex:1 1}.ppj-fdm-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 10px;text-align:right;width:100%}.ppj-fdm-input-readonly{background:#f3f4f6;cursor:not-allowed}.ppj-fdm-input-rp{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;position:relative}.ppj-fdm-input-rp .ppj-fdm-rp-prefix{color:#6b7280;font-size:13px;padding:0 8px}.ppj-fdm-input-rp .ppj-fdm-input{border:none;padding:6px 10px}.ppj-fdm-no-faktur{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.ppj-fdm-no-faktur:hover{background:#059669}.ppj-fdm-add-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;height:30px;width:32px}.ppj-fdm-add-btn:hover{background:#2563eb}.ppj-fdm-diskon-tbl{border-collapse:collapse;font-size:13px;margin-top:8px;width:100%}.ppj-fdm-diskon-tbl th{background:#6b7c8e;color:#fff;font-weight:500;padding:7px 10px;text-align:left}.ppj-fdm-diskon-tbl td{border-bottom:1px solid #f0f0f0;padding:8px 10px}.ppj-fdm-row-del{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:12px}.ppj-fdm-row-del:hover{color:#dc2626}.ppj-fdm-empty{color:#9ca3af;font-style:italic;padding:16px!important;text-align:center}.ppj-fdm-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 18px}.ppj-fdm-hapus{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;cursor:pointer;font-size:13px;padding:8px 24px}.ppj-fdm-hapus:hover{background:#f3f4f6}.ppj-fdm-lanjut{background:#1d4ed8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 24px}.ppj-fdm-lanjut:hover{background:#1e40af}.ppj-btn-hapus{align-items:center;background:#fca5a5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-top:8px;width:48px}.ppj-btn-hapus:hover{background:#ef4444}.ppj-btn-hapus:disabled{cursor:not-allowed;opacity:.6}.pso-page{background:#fff;display:flex;flex-direction:column;height:100%}.pso-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pso-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.pso-subtab:hover{background:#eaeaea}.pso-subtab.active,.pso-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.pso-subtab.active-form{border-top:2px solid #e91e63}.pso-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.pso-subtab-close:hover{background:#f44;color:#fff}.pso-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.pso-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.pso-filter-item-wrap{position:relative}.pso-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.pso-filter-chip:hover{border-color:#5b8af5}.pso-chip-caret{color:#9ca3af;font-size:10px}.pso-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.pso-filter-reset:hover{background:#3b6fd6}.pso-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.pso-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.pso-radio-row:hover{background:#f4f6fa}.pso-radio-row input[type=radio]{margin:0}.pso-popover-inset{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px 30px}.pso-field-mini{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:3px}.pso-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.pso-field-mini input:focus{border-color:#5b8af5}.pso-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pso-toolbar-left,.pso-toolbar-right{display:flex;gap:6px}.pso-toolbar-right{align-items:center}.pso-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.pso-btn-add:hover{background:#2563eb}.pso-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.pso-btn-refresh:hover{background:#e4e4e4}.pso-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.pso-toolbar-icon:hover{background:#e4e4e4}.pso-search-wrapper{position:relative}.pso-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pso-search-input:focus{border-color:#5b8af5;outline:none}.pso-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pso-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pso-table-wrap{flex:1 1;min-height:0;overflow:auto}.pso-tbl{border-collapse:collapse;width:100%}.pso-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pso-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.pso-tbl td,.pso-tbl th{font-size:12px;padding:8px 12px}.pso-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.pso-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pso-tbl-empty{font-style:italic;padding:40px 12px!important}.pso-tbl-empty,.pso-tbl-num{color:#9ca3af;text-align:center}.pso-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.pso-status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.pso-status-Draft{background:#fef3c7;color:#92400e}.pso-status-Dalam-Proses{background:#dbeafe;color:#1e40af}.pso-status-Selesai{background:#d1fae5;color:#065f46}.pso-keterangan-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pso-ss-wrap{position:relative;width:100%}.pso-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.pso-ss-input:hover:not(.disabled){border-color:#5b8af5}.pso-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.pso-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pso-ss-icon,.pso-ss-placeholder{color:#9ca3af}.pso-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.pso-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.pso-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.pso-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.pso-ss-search-box input:focus{border-color:#5b8af5}.pso-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.pso-ss-list{flex:1 1;overflow-y:auto}.pso-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.pso-ss-option:hover{background:#f0f7ff}.pso-ss-option.selected{background:#e0f2fe}.pso-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.pso-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.pso-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.pso-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.pso-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.pso-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.pso-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pso-form-label{flex-shrink:0;min-width:90px}.pso-form-label,.pso-form-label-inline{color:#374151;font-size:12px;font-weight:500}.pso-form-label-inline{white-space:nowrap}.pso-req{color:#e53e3e;margin-left:2px}.pso-form-date{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:6px 10px}.pso-form-date:focus{border-color:#5b8af5}.pso-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.pso-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:180px;outline:none;padding:6px 8px}.pso-form-select:focus{border-color:#5b8af5}.pso-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:180px;outline:none;padding:6px 10px}.pso-form-input:focus{border-color:#5b8af5}.pso-form-input[readonly]{background:#f5f5f5}.pso-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.pso-toggle input{height:0;opacity:0;width:0}.pso-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.pso-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.pso-toggle input:checked+.pso-toggle-slider{background:#3b82f6}.pso-toggle input:checked+.pso-toggle-slider:before{transform:translateX(16px)}.pso-toggle input:disabled+.pso-toggle-slider{cursor:not-allowed;opacity:.5}.pso-form-body{display:flex;flex:1 1;min-height:0}.pso-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.pso-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.pso-sidebar-tab:hover{background:#f0f0f0}.pso-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.pso-sidebar-icon{font-size:16px}.pso-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:20px 28px}.pso-section-title{color:#1a2236;font-size:16px;font-style:italic;font-weight:700;margin:0 0 20px}.pso-form-columns{display:flex;gap:40px}.pso-form-col{display:flex;flex:1 1;flex-direction:column;gap:0}.pso-field-row{align-items:center;display:flex;gap:12px;margin-bottom:14px}.pso-field-row-top{align-items:flex-start}.pso-field-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px}.pso-field-control{flex:1 1}.pso-field-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.pso-field-input:focus{border-color:#5b8af5}.pso-field-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical;width:100%}.pso-field-textarea:focus{border-color:#5b8af5}.pso-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.pso-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.pso-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.pso-split-chevron,.pso-split-main{border:none;color:#fff;cursor:pointer}.pso-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.pso-multi-wrap{position:relative;width:100%}.pso-multi-chips{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;min-height:30px;padding:4px 8px}.pso-multi-chips:hover{border-color:#5b8af5}.pso-multi-chip{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:inline-flex;font-size:11px;gap:4px;padding:2px 8px;white-space:nowrap}.pso-multi-chip-x{border-radius:50%;color:#7dd3fc;cursor:pointer;font-size:10px;font-weight:700;padding:0 2px}.pso-multi-chip-x:hover{background:#0ea5e9;color:#fff}.pso-multi-add-hint{color:#9ca3af;cursor:pointer;font-size:11px;padding:2px 4px}.pso-btn-del-row{background:none;border:none;border-radius:3px;cursor:pointer;font-size:13px;opacity:.5;padding:2px 4px}.pso-btn-del-row:hover{background:#fee2e2;opacity:1}.hso-page{background:#fff;display:flex;flex-direction:column;height:100%}.hso-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.hso-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.hso-subtab:hover{background:#eaeaea}.hso-subtab.active,.hso-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.hso-subtab.active-form{border-top:2px solid #e91e63}.hso-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.hso-subtab-close:hover{background:#f44;color:#fff}.hso-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.hso-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.hso-filter-item-wrap{position:relative}.hso-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.hso-filter-chip:hover{border-color:#5b8af5}.hso-chip-caret{color:#9ca3af;font-size:10px}.hso-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.hso-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.hso-radio-row:hover{background:#f4f6fa}.hso-radio-row input[type=radio]{margin:0}.hso-popover-inset{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px 30px}.hso-field-mini{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:3px}.hso-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.hso-field-mini input:focus{border-color:#5b8af5}.hso-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.hso-toolbar-left,.hso-toolbar-right{display:flex;gap:6px}.hso-toolbar-right{align-items:center}.hso-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.hso-btn-add:hover{background:#2563eb}.hso-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.hso-btn-refresh:hover{background:#e4e4e4}.hso-search-wrapper{position:relative}.hso-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.hso-search-input:focus{border-color:#5b8af5;outline:none}.hso-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.hso-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.hso-table-wrap{flex:1 1;min-height:0;overflow:auto}.hso-tbl{border-collapse:collapse;width:100%}.hso-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.hso-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.hso-tbl td,.hso-tbl th{font-size:12px;padding:8px 12px}.hso-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.hso-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.hso-tbl-empty{font-style:italic;padding:40px 12px!important}.hso-tbl-empty,.hso-tbl-num{color:#9ca3af;text-align:center}.hso-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.hso-status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.hso-status-Draft{background:#fef3c7;color:#92400e}.hso-status-Selesai{background:#d1fae5;color:#065f46}.hso-keterangan-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hso-btn-del-row{background:none;border:none;border-radius:3px;color:#9ca3af;cursor:pointer;font-size:13px;padding:2px 4px}.hso-btn-del-row:hover{background:#fee2e2;color:#ef4444}.hso-ss-wrap{position:relative;width:100%}.hso-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.hso-ss-input:hover:not(.disabled){border-color:#5b8af5}.hso-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.hso-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hso-ss-icon,.hso-ss-placeholder{color:#9ca3af}.hso-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.hso-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.hso-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.hso-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.hso-ss-search-box input:focus{border-color:#5b8af5}.hso-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.hso-ss-list{flex:1 1;overflow-y:auto}.hso-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.hso-ss-option:hover{background:#f0f7ff}.hso-ss-option.selected{background:#e0f2fe}.hso-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.hso-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-top:2px}.hso-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.hso-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.hso-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.hso-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.hso-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hso-form-label{flex-shrink:0;min-width:120px}.hso-form-label,.hso-form-label-inline{color:#374151;font-size:12px;font-weight:500}.hso-form-label-inline{white-space:nowrap}.hso-req{color:#e53e3e;margin-left:2px}.hso-form-date{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:6px 10px}.hso-form-date:focus{border-color:#5b8af5}.hso-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:180px;outline:none;padding:6px 8px}.hso-form-select:focus{border-color:#5b8af5}.hso-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:180px;outline:none;padding:6px 10px}.hso-form-input:focus{border-color:#5b8af5}.hso-form-input[readonly]{background:#f5f5f5}.hso-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.hso-toggle input{height:0;opacity:0;width:0}.hso-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.hso-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.hso-toggle input:checked+.hso-toggle-slider{background:#3b82f6}.hso-toggle input:checked+.hso-toggle-slider:before{transform:translateX(16px)}.hso-form-body{display:flex;flex:1 1;min-height:0}.hso-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.hso-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.hso-sidebar-tab:hover{background:#f0f0f0}.hso-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.hso-sidebar-icon{font-size:16px}.hso-form-content{min-width:0;overflow-y:auto}.hso-form-content,.hso-rincian-tab{display:flex;flex:1 1;flex-direction:column}.hso-rincian-tab{min-height:0}.hso-rincian-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px 12px}.hso-rincian-title{color:#1a2236;font-size:14px;font-weight:600;white-space:nowrap}.hso-barang-search-wrap{flex:0 0 340px;position:relative}.hso-barang-search{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 30px 6px 10px;width:100%}.hso-barang-search:focus{border-color:#5b8af5}.hso-barang-search-icon{color:#9ca3af;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hso-barang-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.hso-barang-opt{border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:12px;gap:10px;padding:8px 12px}.hso-barang-opt:hover{background:#f0f7ff}.hso-barang-opt-kode{color:#6b7280;font-family:monospace;min-width:80px}.hso-barang-opt-nama{color:#1a2236;flex:1 1;font-weight:500}.hso-barang-opt-satuan{color:#9ca3af;min-width:50px;text-align:right}.hso-ambil-wrap{position:relative}.hso-btn-ambil{align-items:center;background:#eff6ff;border:1px solid #3b82f6;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 14px}.hso-btn-ambil:hover{background:#dbeafe}.hso-ambil-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 6px 16px #0000001a;left:0;min-width:200px;position:absolute;top:calc(100% + 2px);z-index:200}.hso-ambil-opt{color:#374151;cursor:pointer;font-size:12px;padding:10px 14px}.hso-ambil-opt:hover{background:#f0f7ff}.hso-detail-table-wrap{flex:1 1;min-height:0;overflow:auto}.hso-detail-tbl{border-collapse:collapse;width:100%}.hso-detail-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.hso-detail-tbl th{background:#475569;color:#fff;font-size:12px;font-weight:600;padding:8px 12px;text-align:left;white-space:nowrap}.hso-detail-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:6px 12px}.hso-detail-tbl tbody tr:hover{background:#f8fafc}.hso-detail-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;text-align:right;width:100%}.hso-detail-input:focus{border-color:#5b8af5}.hso-info-tab{padding:20px 28px}.hso-section-title{color:#1a2236;font-size:16px;font-weight:700;margin:0 0 20px}.hso-field-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.hso-field-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:100px;padding-top:6px}.hso-field-control{flex:1 1}.hso-field-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical;width:100%}.hso-field-textarea:focus{border-color:#5b8af5}.hso-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.hso-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.hso-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.hso-split-chevron,.hso-split-main{border:none;color:#fff;cursor:pointer}.hso-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.hso-status-banner{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 20px}.hso-status-banner-selesai{background:#d1fae5;border-bottom:1px solid #a7f3d0;color:#065f46}.hso-gudang-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e40af;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;white-space:nowrap}.hso-summary-bar{background:#f8fafc;border-bottom:1px solid #eee;display:flex;gap:0}.hso-summary-item{align-items:center;border-right:1px solid #eee;display:flex;flex:1 1;flex-direction:column;padding:8px 12px}.hso-summary-item:last-child{border-right:none}.hso-summary-label{color:#6b7280;font-size:10px;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.hso-summary-value{color:#1a2236;font-size:16px;font-weight:700}.hso-positive{color:#16a34a!important}.hso-negative{color:#dc2626!important}.hso-selisih-cell{font-weight:600;text-align:right}.hso-selisih-cell.positive{color:#16a34a}.hso-selisih-cell.negative{color:#dc2626}.hso-stok-cell{color:#374151;font-weight:500;text-align:right}.hso-row-lebih{background:#f0fdf4}.hso-row-lebih:hover{background:#dcfce7!important}.hso-row-kurang{background:#fef2f2}.hso-row-kurang:hover{background:#fee2e2!important}.hso-barang-opt-stok{color:#16a34a;font-size:11px;font-weight:500;min-width:60px;text-align:right}.hso-field-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.hso-field-input:focus{border-color:#5b8af5}.hso-field-input[readonly]{background:#f5f5f5}.kb-page{display:flex;flex-direction:column;height:100%;padding:0}.kb-subtabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.kb-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.kb-subtab:hover{color:#334155}.kb-subtab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.kb-tab-close{color:#94a3b8;cursor:pointer;font-size:13px;margin-left:4px}.kb-tab-close:hover{color:#ef4444}.kb-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.kb-toolbar-left,.kb-toolbar-right{align-items:center;display:flex;gap:6px}.kb-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 13px;transition:all .15s}.kb-btn:hover{background:#f9fafb;border-color:#9ca3af}.kb-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.kb-btn.primary:hover{background:#1d4ed8}.kb-btn.icon-btn{gap:2px}.kb-btn-caret{color:inherit;font-size:9px}.kb-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;padding:0 8px}.kb-search-box input{border:none;font-size:13px;outline:none;padding:5px 4px;width:150px}.kb-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:13px;padding:4px 10px}.kb-table-wrap{flex:1 1;overflow:auto}.kb-table{border-collapse:collapse;font-size:13px;width:100%}.kb-table thead th{background:#475569;color:#fff;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.kb-table tbody tr{border-bottom:1px solid #f1f5f9}.kb-table tbody tr:hover{background:#f8fafc}.kb-table tbody td{color:#334155;padding:10px 12px;vertical-align:middle}.kb-nama-link{color:#2563eb;cursor:pointer;font-weight:500}.kb-nama-link:hover{text-decoration:underline}.kb-default-cell{color:#475569;font-size:13px}.kb-empty{color:#94a3b8;font-size:14px;padding:60px 20px!important;text-align:center}.kb-form{background:#f8fafc;display:flex;flex:1 1;min-height:0}.kb-form-inner{display:flex;flex:1 1;flex-direction:column;padding:0}.kb-loading{color:#94a3b8;padding:40px}.kb-form-tabs{display:flex;gap:0;margin:12px 0 0 16px}.kb-form-tab{background:#e2e8f0;border:1px solid #e2e8f0;border-bottom:none;border-radius:6px 6px 0 0;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.kb-form-tab:hover{background:#f1f5f9}.kb-form-tab.active{background:#fff;border-color:#e2e8f0;color:#1e293b;font-weight:600}.kb-form-fields{background:#fff;border:1px solid #e2e8f0;border-radius:0 6px 6px 6px;flex:1 1;margin:0 16px 16px;overflow-y:auto;padding:20px 24px}.kb-form-row{align-items:center;display:flex;gap:12px}.kb-form-row,.kb-form-row-sub{margin-bottom:14px}.kb-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;width:170px}.kb-req{color:#ef4444}.kb-control{flex:1 1;max-width:360px}.kb-control-check{align-items:center;display:flex}.kb-control-akun{max-width:500px}.kb-input,.kb-select{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-size:13px;outline:none;padding:7px 10px;width:100%}.kb-input:focus,.kb-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.kb-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:6px}.kb-checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.kb-sub-check{margin-left:0}.kb-form-action{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 8px;width:72px}.kb-save-btn{align-items:center;background:#d1d5db;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .15s;width:100%}.kb-save-btn:hover:not(:disabled){background:#2563eb}.kb-save-btn:disabled{cursor:not-allowed;opacity:.5}.kb-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#ef4444;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .15s;width:100%}.kb-delete-btn:hover{background:#ef4444;color:#fff}.kb-akun-wrap{position:relative;width:100%}.kb-akun-field{background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;gap:6px;min-height:34px}.kb-akun-chip,.kb-akun-field{align-items:center;padding:3px 8px}.kb-akun-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;display:inline-flex;font-size:12px;gap:4px;white-space:nowrap}.kb-akun-chip-x{border-radius:50%;color:#93c5fd;cursor:pointer;font-size:11px;font-weight:700;margin-left:2px;padding:0 2px}.kb-akun-chip-x:hover{background:#3b82f6;color:#fff}.kb-akun-search-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:2px 4px}.kb-akun-search-btn:hover{color:#2563eb}.kb-akun-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:6px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;left:0;max-height:280px;min-width:360px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.kb-akun-dropdown-search{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px}.kb-akun-dropdown-search input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.kb-akun-dropdown-search input:focus{border-color:#5b8af5}.kb-akun-dropdown-list{flex:1 1;overflow-y:auto}.kb-akun-option{border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px}.kb-akun-option:hover{background:#f0f7ff}.kb-akun-option.selected{background:#eff6ff}.kb-akun-opt-kode{color:#6b7280;flex-shrink:0;font-family:monospace;min-width:70px}.kb-akun-opt-nama{color:#1a2236;font-weight:500}.kb-akun-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.kb-akun-desc{color:#374151;font-size:13px;margin:0 0 18px}.kb-akun-note{border-left:3px solid #ef4444;color:#ef4444;font-size:12px;margin:18px 0 0;padding-left:8px}@media (max-width:768px){.kb-form-row{align-items:flex-start;flex-direction:column;gap:4px}.kb-label{width:auto}.kb-control{max-width:100%;width:100%}}.rpj-page{background:#fff;display:flex;flex-direction:column;height:100%}.rpj-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.rpj-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.rpj-subtab:hover{background:#eaeaea}.rpj-subtab.active,.rpj-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.rpj-subtab.active-form{border-top:2px solid #e91e63}.rpj-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.rpj-subtab-close:hover{background:#f44;color:#fff}.rpj-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.rpj-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.rpj-filter-item-wrap{position:relative}.rpj-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.rpj-filter-chip:hover{border-color:#5b8af5}.rpj-chip-caret{color:#9ca3af;font-size:10px}.rpj-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.rpj-filter-reset:hover{background:#3b6fd6}.rpj-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.rpj-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.rpj-radio-row:hover{background:#f4f6fa}.rpj-radio-row input[type=radio]{margin:0}.rpj-popover-inset{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px 30px}.rpj-field-mini{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:3px}.rpj-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.rpj-field-mini input:focus{border-color:#5b8af5}.rpj-check-row{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.rpj-check-row:hover{background:#f4f6fa}.rpj-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.rpj-toolbar-left,.rpj-toolbar-right{display:flex;gap:6px}.rpj-toolbar-right{align-items:center}.rpj-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.rpj-btn-add:hover{background:#2563eb}.rpj-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.rpj-btn-refresh:hover{background:#e4e4e4}.rpj-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.rpj-toolbar-icon:hover{background:#e4e4e4}.rpj-search-wrapper{position:relative}.rpj-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.rpj-search-input:focus{border-color:#5b8af5;outline:none}.rpj-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.rpj-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.rpj-table-wrap{background:#fff;flex:1 1;min-height:0;overflow:auto}.rpj-tbl{border-collapse:collapse;width:100%}.rpj-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.rpj-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.rpj-tbl td,.rpj-tbl th{font-size:12px;padding:8px 12px}.rpj-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.rpj-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.rpj-tbl-empty{font-style:italic;padding:40px 12px!important}.rpj-tbl-empty,.rpj-tbl-num{color:#9ca3af;text-align:center}.rpj-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.rpj-status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.rpj-status-Draft{background:#fef3c7;color:#92400e}.rpj-status-Disetujui{background:#d1fae5;color:#065f46}.rpj-status-Batal{background:#fee2e2;color:#991b1b}.rpj-keterangan-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpj-ss-wrap{position:relative;width:100%}.rpj-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.rpj-ss-input:hover:not(.disabled){border-color:#5b8af5}.rpj-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.rpj-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpj-ss-icon,.rpj-ss-placeholder{color:#9ca3af}.rpj-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.rpj-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.rpj-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.rpj-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.rpj-ss-search-box input:focus{border-color:#5b8af5}.rpj-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.rpj-ss-list{flex:1 1;overflow-y:auto}.rpj-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.rpj-ss-option:hover{background:#f0f7ff}.rpj-ss-option.selected{background:#e0f2fe}.rpj-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.rpj-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.rpj-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.rpj-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.rpj-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.rpj-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.rpj-form-header-left{display:flex;flex-direction:column;gap:8px}.rpj-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.rpj-form-label{flex-shrink:0;min-width:90px}.rpj-form-label,.rpj-form-label-inline{color:#374151;font-size:12px;font-weight:500}.rpj-form-label-inline{white-space:nowrap}.rpj-req{color:#e53e3e;margin-left:2px}.rpj-form-control{flex:1 1;min-width:200px}.rpj-form-control-sm{max-width:180px}.rpj-form-control-md{max-width:420px}.rpj-form-control input[type=date]{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.rpj-form-control input[type=date]:focus{border-color:#5b8af5}.rpj-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.rpj-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 8px}.rpj-form-select:focus{border-color:#5b8af5}.rpj-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 10px}.rpj-form-input:focus{border-color:#5b8af5}.rpj-form-input[readonly]{background:#f5f5f5}.rpj-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.rpj-toggle input{height:0;opacity:0;width:0}.rpj-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.rpj-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.rpj-toggle input:checked+.rpj-toggle-slider{background:#3b82f6}.rpj-toggle input:checked+.rpj-toggle-slider:before{transform:translateX(16px)}.rpj-toggle input:disabled+.rpj-toggle-slider{cursor:not-allowed;opacity:.5}.rpj-form-body{display:flex;flex:1 1;min-height:0}.rpj-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.rpj-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.rpj-sidebar-tab:hover{background:#f0f0f0}.rpj-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.rpj-sidebar-icon{font-size:16px}.rpj-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.rpj-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.rpj-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.rpj-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.rpj-split-chevron,.rpj-split-main{border:none;color:#fff;cursor:pointer}.rpj-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.rpj-rincian-tab{display:flex;flex-direction:column}.rpj-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.rpj-rincian-search{flex:1 1;max-width:340px;position:relative}.rpj-barang-search-input{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 10px;width:100%}.rpj-barang-search-input:focus{border-color:#5b8af5;box-shadow:0 0 0 2px #5b8af51f}.rpj-barang-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:6px;box-shadow:0 8px 24px #0000001f;left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.rpj-barang-opt{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px}.rpj-barang-opt:hover{background:#f0f7ff}.rpj-barang-opt-kode{color:#6b7280;font-family:monospace;min-width:70px}.rpj-barang-opt-nama{color:#1a2236;flex:1 1;font-weight:500}.rpj-barang-opt-harga{color:#16a34a;font-weight:500;min-width:80px;text-align:right}.rpj-barang-opt-satuan{color:#9ca3af;min-width:40px;text-align:right}.rpj-rincian-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.rpj-rincian-tbl{border-collapse:collapse;margin-bottom:10px;width:100%}.rpj-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.rpj-rincian-tbl th{background:#475569;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.rpj-rincian-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:4px 8px;vertical-align:middle}.rpj-rincian-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.rpj-rincian-drag{color:#cbd5e1;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.rpj-rincian-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.rpj-rincian-input:focus{border-color:#5b8af5}.rpj-rincian-input-right{text-align:right}.rpj-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.rpj-btn-remove-row:hover{background:#fee2e2}.rpj-rincian-addrow{margin-top:6px}.rpj-btn-addrow{background:#fff;border:1px dashed #c4d4ff;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;padding:6px 14px}.rpj-btn-addrow:hover{background:#eff6ff;border-style:solid}.rpj-info-tab{display:flex;flex-direction:column}.rpj-info-columns{display:flex;gap:40px}.rpj-info-section{flex:1 1}.rpj-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.rpj-info-icon{font-size:16px}.rpj-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.rpj-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.rpj-info-control{flex:1 1}.rpj-info-control-sm{max-width:200px}.rpj-info-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.rpj-info-input:focus{border-color:#5b8af5}.rpj-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical;width:100%}.rpj-info-textarea:focus{border-color:#5b8af5}.rpj-info-check{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.rpj-info-check input{accent-color:#2563eb;height:16px;margin:0;width:16px}.rpj-biaya-tab{display:flex;flex-direction:column}.rpj-biaya-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.rpj-biaya-search{flex:1 1;max-width:340px}.rpj-biaya-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.rpj-form-footer{background:#fafafa;border-top:1px solid #eee;justify-content:center;padding:10px 20px}.rpj-form-footer,.rpj-total-box{align-items:center;display:flex;gap:20px}.rpj-total-box{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;min-width:180px;padding:8px 20px}.rpj-total-label{color:#6b7280;font-size:12px;font-weight:500}.rpj-total-value{color:#1a2236;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.rpj-total-value-red{color:#e53e3e}.rpj-diskon-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:4px 6px;text-align:right;width:60px}.rpj-diskon-input:focus{border-color:#5b8af5}.rpj-diskon-toggle{background:#0ea5e9;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px}.rpj-dokumen-search-wrap{flex:1 1;max-width:320px}.kpj-page{flex-direction:column;height:100%;padding:0}.kpj-page,.kpj-subtabs{background:#fff;display:flex}.kpj-subtabs{border-bottom:2px solid #e2e8f0;flex-shrink:0;padding:0 16px}.kpj-subtab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.kpj-subtab:hover{color:#334155}.kpj-subtab.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:600}.kpj-tab-close{color:#94a3b8;cursor:pointer;font-size:13px;margin-left:4px}.kpj-tab-close:hover{color:#ef4444}.kpj-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 16px}.kpj-toolbar-left,.kpj-toolbar-right{align-items:center;display:flex;gap:6px}.kpj-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 13px;transition:all .15s}.kpj-btn:hover{background:#f9fafb;border-color:#9ca3af}.kpj-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.kpj-btn.primary:hover{background:#1d4ed8}.kpj-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;display:flex;padding:0 8px}.kpj-search-box input{border:none;font-size:13px;outline:none;padding:5px 4px;width:150px}.kpj-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:13px;padding:4px 10px}.kpj-table-wrap{flex:1 1;overflow:auto}.kpj-table{border-collapse:collapse;font-size:13px;width:100%}.kpj-table thead th{background:#475569;color:#fff;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.kpj-table tbody tr{border-bottom:1px solid #f1f5f9}.kpj-table tbody tr:hover{background:#f8fafc;cursor:pointer}.kpj-table tbody td{color:#334155;padding:10px 12px;vertical-align:middle}.kpj-nama-link{color:#2563eb;cursor:pointer;font-weight:500}.kpj-nama-link:hover{text-decoration:underline}.kpj-empty{color:#94a3b8;font-size:14px;padding:60px 20px;text-align:center}.kpj-form{background:#f8fafc;display:flex;flex:1 1;min-height:0}.kpj-form-inner{flex:1 1;padding:0}.kpj-loading{color:#94a3b8;padding:40px}.kpj-form-title-tab{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:6px 6px 0 0;color:#1e293b;display:inline-block;font-size:13px;font-weight:600;margin:12px 0 0 16px;padding:8px 16px}.kpj-form-fields{background:#fff;border:1px solid #e2e8f0;border-radius:0 6px 6px 6px;margin:0 16px 16px;min-height:200px;padding:20px 24px}.kpj-form-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.kpj-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;padding-top:7px;width:140px}.kpj-req{color:#ef4444}.kpj-control{flex:1 1;max-width:360px}.kpj-input,.kpj-textarea{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:7px 10px;width:100%}.kpj-input:focus,.kpj-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.kpj-textarea{min-height:80px;resize:vertical}.kpj-form-action{background:#fafafa;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 8px;width:72px}.kpj-save-btn{align-items:center;background:#d1d5db;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .15s;width:100%}.kpj-save-btn:hover:not(:disabled){background:#2563eb}.kpj-save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.kpj-form-row{align-items:flex-start;flex-direction:column;gap:4px}.kpj-label{width:auto}.kpj-control{max-width:100%;width:100%}}.pnb-page{background:#fff;display:flex;flex-direction:column;height:100%}.pnb-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.pnb-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.pnb-subtab:hover{background:#eaeaea}.pnb-subtab.active,.pnb-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.pnb-subtab.active-form{border-top:2px solid #e91e63}.pnb-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.pnb-subtab-close:hover{background:#f44;color:#fff}.pnb-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.pnb-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.pnb-filter-item-wrap{position:relative}.pnb-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.pnb-filter-chip:hover{border-color:#5b8af5}.pnb-chip-caret{color:#9ca3af;font-size:10px}.pnb-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.pnb-filter-reset:hover{background:#3b6fd6}.pnb-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.pnb-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.pnb-radio-row:hover{background:#f4f6fa}.pnb-radio-row input[type=radio]{margin:0}.pnb-popover-inset{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px 30px}.pnb-field-mini{color:#6b7280;display:flex;flex-direction:column;font-size:11px;gap:3px}.pnb-field-mini input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;outline:none;padding:5px 7px}.pnb-field-mini input:focus{border-color:#5b8af5}.pnb-check-row{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.pnb-check-row:hover{background:#f4f6fa}.pnb-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.pnb-toolbar-left,.pnb-toolbar-right{display:flex;gap:6px}.pnb-toolbar-right{align-items:center}.pnb-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.pnb-btn-add:hover{background:#2563eb}.pnb-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.pnb-btn-refresh:hover{background:#e4e4e4}.pnb-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.pnb-toolbar-icon:hover{background:#e4e4e4}.pnb-search-wrapper{position:relative}.pnb-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.pnb-search-input:focus{border-color:#5b8af5;outline:none}.pnb-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.pnb-count{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;min-width:24px;padding:4px 10px;text-align:center}.pnb-table-wrap{flex:1 1;min-height:0;overflow:auto}.pnb-tbl{border-collapse:collapse;width:100%}.pnb-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.pnb-tbl th{background:#475569;color:#fff;font-weight:600;text-align:left;white-space:nowrap}.pnb-tbl td,.pnb-tbl th{font-size:12px;padding:8px 12px}.pnb-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;vertical-align:middle}.pnb-tbl tbody tr:hover{background:#f0f7ff;cursor:pointer}.pnb-tbl-empty{font-style:italic;padding:40px 12px!important}.pnb-tbl-empty,.pnb-tbl-num{color:#9ca3af;text-align:center}.pnb-nomor-cell{color:#1e40af;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:600}.pnb-status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.pnb-status-Draft{background:#fef3c7;color:#92400e}.pnb-status-Selesai{background:#d1fae5;color:#065f46}.pnb-status-Batal{background:#fee2e2;color:#991b1b}.pnb-keterangan-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnb-ss-wrap{position:relative;width:100%}.pnb-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-height:28px;padding:6px 10px}.pnb-ss-input:hover:not(.disabled){border-color:#5b8af5}.pnb-ss-input.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.pnb-ss-value{color:#1a2236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnb-ss-icon,.pnb-ss-placeholder{color:#9ca3af}.pnb-ss-icon{flex-shrink:0;font-size:11px;margin-left:6px}.pnb-ss-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:4px;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;left:0;max-height:260px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.pnb-ss-search-box{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px;position:relative}.pnb-ss-search-box input{border:1px solid #c4d4ff;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 28px 6px 10px;width:100%}.pnb-ss-search-box input:focus{border-color:#5b8af5}.pnb-ss-search-icon{color:#9ca3af;font-size:11px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.pnb-ss-list{flex:1 1;overflow-y:auto}.pnb-ss-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.pnb-ss-option:hover{background:#f0f7ff}.pnb-ss-option.selected{background:#e0f2fe}.pnb-ss-opt-main{color:#1a2236;font-size:12px;font-weight:500}.pnb-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.pnb-ss-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.pnb-form{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.pnb-form-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:13px;justify-content:center}.pnb-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px 10px}.pnb-form-header-left{display:flex;flex-direction:column;gap:8px}.pnb-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pnb-form-label{flex-shrink:0;min-width:90px}.pnb-form-label,.pnb-form-label-inline{color:#374151;font-size:12px;font-weight:500}.pnb-form-label-inline{white-space:nowrap}.pnb-req{color:#e53e3e;margin-left:2px}.pnb-form-control{flex:1 1;min-width:200px}.pnb-form-control-sm{max-width:180px}.pnb-form-control-md{max-width:420px}.pnb-form-control input[type=date]{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.pnb-form-control input[type=date]:focus{border-color:#5b8af5}.pnb-form-nobukti{align-items:center;display:flex;gap:10px;margin-left:auto}.pnb-form-select{background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 8px}.pnb-form-select:focus{border-color:#5b8af5}.pnb-form-input{border:1px solid #d1d5db;border-radius:3px;font-size:12px;min-width:160px;outline:none;padding:6px 10px}.pnb-form-input:focus{border-color:#5b8af5}.pnb-form-input[readonly]{background:#f5f5f5}.pnb-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.pnb-toggle input{height:0;opacity:0;width:0}.pnb-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.pnb-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.pnb-toggle input:checked+.pnb-toggle-slider{background:#3b82f6}.pnb-toggle input:checked+.pnb-toggle-slider:before{transform:translateX(16px)}.pnb-toggle input:disabled+.pnb-toggle-slider{cursor:not-allowed;opacity:.5}.pnb-form-body{display:flex;flex:1 1;min-height:0}.pnb-form-sidebar-left{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 0;width:40px}.pnb-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:100%}.pnb-sidebar-tab:hover{background:#f0f0f0}.pnb-sidebar-tab.active{background:#fff;border-left-color:#e91e63}.pnb-sidebar-icon{font-size:16px}.pnb-form-content{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 280px}.pnb-form-action-panel{background:#fafafa;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 8px;width:60px}.pnb-split-btn-wrap{position:relative}.pnb-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.pnb-split-main{align-items:center;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px 0}.pnb-split-chevron,.pnb-split-main{border:none;color:#fff;cursor:pointer}.pnb-split-chevron{border-top:1px solid #ffffff40;font-size:9px;padding:3px 0}.pnb-save-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;bottom:100%;box-shadow:0 4px 16px #00000026;margin-bottom:4px;min-width:160px;overflow:hidden;position:absolute;right:0;z-index:100}.pnb-save-dropdown-item{align-items:center;background:none;border:none;color:#1a2236;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;white-space:nowrap;width:100%}.pnb-save-dropdown-item:hover{background:#f0f4ff}.pnb-save-icon{font-size:15px}.pnb-rincian-tab{display:flex;flex-direction:column}.pnb-rincian-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.pnb-rincian-search{flex:1 1;max-width:340px;position:relative}.pnb-barang-search-input{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-size:12px;outline:none;padding:7px 32px 7px 10px;width:100%}.pnb-barang-search-input:focus{border-color:#5b8af5;box-shadow:0 0 0 2px #5b8af51f}.pnb-barang-dropdown{background:#fff;border:1px solid #c4d4ff;border-radius:6px;box-shadow:0 8px 24px #0000001f;left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.pnb-barang-opt{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px}.pnb-barang-opt:hover{background:#f0f7ff}.pnb-barang-opt-kode{color:#6b7280;font-family:monospace;min-width:70px}.pnb-barang-opt-nama{color:#1a2236;flex:1 1;font-weight:500}.pnb-barang-opt-harga{color:#16a34a;font-weight:500;min-width:80px;text-align:right}.pnb-barang-opt-satuan{color:#9ca3af;min-width:40px;text-align:right}.pnb-barang-opt-seri{color:#e91e63;font-size:10px;min-width:30px}.pnb-rincian-title{color:#1a2236;font-size:14px;font-weight:600;margin:0}.pnb-rincian-tbl{border-collapse:collapse;margin-bottom:10px;width:100%}.pnb-rincian-tbl thead{position:-webkit-sticky;position:sticky;top:0}.pnb-rincian-tbl th{background:#475569;color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.pnb-rincian-tbl td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:12px;padding:4px 8px;vertical-align:middle}.pnb-rincian-empty{color:#9ca3af;font-style:italic;padding:30px 12px!important;text-align:center}.pnb-rincian-drag{color:#cbd5e1;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.pnb-rincian-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.pnb-rincian-input:focus{border-color:#5b8af5}.pnb-rincian-input-right{text-align:right}.pnb-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px 6px}.pnb-btn-remove-row:hover{background:#fee2e2}.pnb-rincian-addrow{margin-top:6px}.pnb-btn-addrow{background:#fff;border:1px dashed #c4d4ff;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;padding:6px 14px}.pnb-btn-addrow:hover{background:#eff6ff;border-style:solid}.pnb-seri-badge{align-items:center;background:#fce7f3;border-radius:3px;color:#be185d;cursor:pointer;display:inline-flex;font-size:10px;font-weight:500;gap:3px;padding:1px 6px}.pnb-seri-badge:hover{background:#fbcfe8}.pnb-info-tab{display:flex;flex-direction:column}.pnb-info-columns{display:flex;gap:40px}.pnb-info-section{flex:1 1}.pnb-info-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px;padding-bottom:6px}.pnb-info-icon{font-size:16px}.pnb-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.pnb-info-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;min-width:130px;padding-top:6px}.pnb-info-control{flex:1 1}.pnb-info-control-sm{max-width:200px}.pnb-info-input{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-size:12px;outline:none;padding:6px 10px;width:100%}.pnb-info-input:focus{border-color:#5b8af5}.pnb-info-textarea{border:1px solid #d1d5db;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:12px;outline:none;padding:6px 10px;resize:vertical;width:100%}.pnb-info-textarea:focus{border-color:#5b8af5}.pnb-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:500}.pnb-modal{background:#fff;border-radius:8px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:80vh;width:480px}.pnb-modal.pnb-modal-lg{width:560px}.pnb-modal-header{align-items:center;background:#1a2236;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 20px}.pnb-modal-title{color:#fff;font-size:14px;font-weight:600}.pnb-modal-close{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;padding:2px 6px}.pnb-modal-close:hover{background:#ffffff1a;color:#fff}.pnb-modal-tabs{background:#fafafa;border-bottom:2px solid #e5e7eb;display:flex;padding:0 20px}.pnb-modal-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-2px;padding:10px 16px;transition:all .15s}.pnb-modal-tab:hover{color:#374151}.pnb-modal-tab.active{border-bottom-color:#e53e3e;color:#e53e3e;font-weight:600}.pnb-modal-body{flex:1 1;min-height:200px;overflow-y:auto;padding:20px}.pnb-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.pnb-modal-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px}.pnb-modal-btn:hover{background:#f5f5f5}.pnb-modal-btn-primary{background:#1a2236;border-color:#1a2236;color:#fff;font-size:13px;font-weight:600;padding:8px 24px}.pnb-modal-btn-primary:hover{background:#2d3a4e}.pnb-modal-btn-icon{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px}.pnb-modal-btn-icon:hover{background:#f5f5f5}.pnb-modal-form{display:flex;flex-direction:column;gap:14px}.pnb-modal-form-row{align-items:center;display:flex;gap:12px}.pnb-modal-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;min-width:120px}.pnb-modal-value{flex:1 1}.pnb-modal-input{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:13px;outline:none;padding:7px 10px;width:100%}.pnb-modal-input:focus{border-color:#5b8af5;box-shadow:0 0 0 2px #5b8af51a}.pnb-modal-textarea{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:8px 10px;resize:vertical;width:100%}.pnb-modal-textarea:focus{border-color:#5b8af5}.pnb-modal-badge{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:4px;color:#0369a1;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.pnb-seri-tbl{border-collapse:collapse;margin-top:8px;width:100%}.pnb-seri-tbl th{background:#475569;color:#fff;font-size:11px;font-weight:600;padding:8px 12px;text-align:left}.pnb-seri-tbl td{border-bottom:1px solid #f0f0f0;padding:6px 12px}.pnb-seri-remove{background:#0000;border:none;color:#e53e3e;cursor:pointer;font-size:14px;padding:2px}.pnb-seri-remove:hover{background:#fee2e2;border-radius:3px}.pnb-seri-counter{color:#6b7280;font-size:12px;font-weight:500;margin-top:12px}.ag-page{background:#fff;display:flex;flex-direction:column;height:100%}.ag-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.ag-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;white-space:nowrap}.ag-subtab:hover{background:#eaeaea}.ag-subtab.active{background:#22c55e;border-color:#16a34a;color:#fff;font-weight:600}.ag-subtab.active-form{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.ag-subtab-icon{font-size:14px}.ag-subtab-close{color:#888;cursor:pointer;font-size:11px;margin-left:8px}.ag-subtab-close:hover{color:#c00}.ag-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.ag-toolbar{align-items:center;background:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.ag-toolbar-left{display:flex;gap:6px}.ag-toolbar-right{align-items:center;display:flex;gap:8px}.ag-btn-add{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:6px 14px}.ag-btn-add:hover{background:#1557b0}.ag-btn-refresh{background:#e8f0fe;border:1px solid #c4d7f2;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px}.ag-search-box{position:relative}.ag-search-box input{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:6px 30px 6px 10px;width:200px}.ag-search-icon{color:#888;font-size:13px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.ag-count{background:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#666;font-size:12px;min-width:30px;padding:4px 10px;text-align:center}.ag-table-wrap{flex:1 1;overflow:auto}.ag-table{border-collapse:collapse;width:100%}.ag-table thead th{background:#6b7d95;color:#fff;font-size:12px;font-weight:600;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:2}.ag-table tbody td{border-bottom:1px solid #eee;font-size:12.5px;padding:8px 10px}.ag-row{cursor:pointer}.ag-row:hover{background:#f0f7ff}.ag-empty{color:#999;padding:40px!important;text-align:center}.ag-form{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.ag-form-tabs{background:#f9f9f9;border-bottom:1px solid #ddd;display:flex}.ag-form-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;font-size:13px;padding:8px 20px}.ag-form-tab:hover{color:#333}.ag-form-tab.active{background:#fff;border-bottom-color:#1a73e8;color:#1a2236;font-weight:600}.ag-form-body{flex:1 1;margin-right:64px;min-height:500px;overflow-y:auto;padding:0}.ag-form-content{padding:20px 24px 200px}.ag-form-row{align-items:center;display:flex;gap:16px;margin-bottom:20px}.ag-form-label{color:#333;flex-shrink:0;font-size:13px;text-align:right;width:150px}.ag-req{color:#e74c3c}.ag-form-input{padding:7px 10px;width:380px}.ag-form-input,.ag-form-select{border:1px solid #ccc;border-radius:3px;font-size:13px}.ag-form-select{padding:6px 10px}.ag-jam-select{width:60px}.ag-radio-item{align-items:center;display:flex;font-size:13px;gap:6px;margin-bottom:6px}.ag-radio-item input[type=radio]{accent-color:#1a73e8}.ag-info-icon{color:#1a73e8;cursor:help;font-size:14px}.ag-waktu-row{align-items:center;color:#333;display:flex;font-size:13px;gap:8px;margin:6px 0}.ag-timezone-hint{border-left:3px solid #e67e22;color:#e67e22;font-size:12px;font-style:italic;margin-top:4px;padding-left:8px}.ag-user-select{position:relative}.ag-user-tag{align-items:center;background:#e8f0fe;border:1px solid #a4c8f0;border-radius:3px;color:#1a3c6e;display:inline-flex;font-size:12px;gap:4px;margin:0 4px 4px 0;padding:3px 8px}.ag-user-tag-x{color:#5a8abf;cursor:pointer;font-size:11px;font-weight:700}.ag-user-tag-x:hover{color:#c0392b}.ag-user-search-box{align-items:center;background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;display:flex;margin-top:4px;padding:5px 10px}.ag-user-search-input{background:#0000;border:none;flex:1 1;font-size:13px;outline:none}.ag-user-placeholder{color:#aaa;flex:1 1;font-size:13px}.ag-user-search-icon{color:#888;font-size:13px;margin-left:6px}.ag-user-dropdown{background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 12px #0000001f;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.ag-user-option{color:#333;cursor:pointer;font-size:12.5px;padding:7px 10px}.ag-user-option:hover{background:#e8f0fe}.ag-user-empty{color:#999;font-size:13px;padding:10px;text-align:center}.ag-hak-layout{display:flex;flex:1 1;min-height:0}.ag-hak-sidebar{background:#fafafa;border-right:1px solid #eee;flex-shrink:0;overflow-y:auto;width:200px}.ag-hak-sidebar-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#555;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px}.ag-hak-sidebar-item:hover{background:#e8f0fe}.ag-hak-sidebar-item.active{background:#e91e63;color:#fff;font-weight:600}.ag-hak-sidebar-icon{font-size:16px}.ag-hak-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.ag-hak-toolbar{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;justify-content:space-between;padding:8px 12px}.ag-btn-salin{background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:5px 14px}.ag-btn-salin:hover{background:#f5f5f5}.ag-hak-table-wrap{flex:1 1;overflow:auto}.ag-hak-table{border-collapse:collapse;width:100%}.ag-hak-table thead th{background:#6b7d95;color:#fff;font-size:12px;font-weight:600;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:2}.ag-hak-th-name{min-width:250px;text-align:left!important}.ag-hak-th-col{width:80px}.ag-hak-table td{border-bottom:1px solid #f0f0f0;font-size:12.5px;padding:6px 10px;text-align:center}.ag-hak-all-row{background:#f0f4ff}.ag-hak-all-row td{padding:8px 10px}.ag-hak-section-row{background:#f9f9f9}.ag-hak-section-row td{color:#333;font-size:12px;padding:6px 10px;text-align:left}.ag-hak-menu-row:hover{background:#f5f8ff}.ag-hak-menu-name{padding-left:20px!important;text-align:left!important}.ag-hak-table input[type=checkbox]{accent-color:#1a73e8;cursor:pointer;height:16px;width:16px}.ag-form-action{background:#fafafa;border-left:1px solid #eee;bottom:0;flex-direction:column;gap:10px;padding:14px 8px;position:absolute;right:0;top:0;width:64px;z-index:10}.ag-btn-save,.ag-form-action{align-items:center;display:flex}.ag-btn-save{background:#1a73e8;border:none;border-radius:6px;box-shadow:0 2px 6px #1a73e84d;color:#fff;cursor:pointer;font-size:22px;height:48px;justify-content:center;width:48px}.ag-btn-save:hover{background:#1557b0}.ag-btn-save:disabled{cursor:not-allowed;opacity:.5}.ag-btn-delete{align-items:center;background:#ef4444;border:none;border-radius:6px;box-shadow:0 2px 6px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.ag-btn-delete:hover{background:#dc2626}.at-page{background:#fff;display:flex;flex-direction:column;height:100%}.at-subtab-bar{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.at-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.at-subtab:hover{background:#eaeaea}.at-subtab.active,.at-subtab.active-form{background:#fff;border-color:#ccc;color:#1a2236;font-weight:600}.at-subtab.active-form{border-top:2px solid #e91e63}.at-subtab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:0 2px}.at-subtab-close:hover{background:#f44;color:#fff}.at-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.at-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.at-filter-item-wrap{position:relative}.at-filter-chip{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.at-filter-chip:hover{border-color:#5b8af5}.at-chip-caret{color:#9ca3af;font-size:10px}.at-filter-reset{background:#5b8af5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.at-filter-reset:hover{background:#3b6fd6}.at-filter-popover{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 6px 18px #00000014;left:0;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.at-radio-row{align-items:center;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px}.at-radio-row:hover{background:#f4f6fa}.at-radio-row input[type=radio]{margin:0}.at-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.at-toolbar-left,.at-toolbar-right{display:flex;gap:6px}.at-toolbar-right{align-items:center}.at-btn-add{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:5px 14px}.at-btn-add:hover{background:#2563eb}.at-btn-refresh{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.at-btn-refresh:hover{background:#e4e4e4}.at-toolbar-icon{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.at-toolbar-icon:hover{background:#e4e4e4}.at-search-wrapper{position:relative}.at-search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.at-search-input:focus{border-color:#5b8af5;outline:none}.at-search-icon{font-size:12px;pointer-events:none;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.at-count{background:#e2e8f0;border-radius:8px;color:#475569;font-size:11px;font-weight:500;padding:2px 8px}.at-table-wrap{flex:1 1;overflow:auto}.at-tbl{border-collapse:collapse;font-size:12px;width:100%}.at-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.at-tbl th{background:#6b8cae;border:1px solid #5a7d9e;color:#fff;font-size:12px;font-weight:500;padding:8px 10px;text-align:left;white-space:nowrap}.at-tbl td{border-bottom:1px solid #eee;padding:7px 10px}.at-tbl tbody tr:hover{background:#f0f5ff;cursor:pointer}.at-tbl-num{color:#6b7280}.at-tbl-empty{color:#9ca3af;font-style:italic;padding:30px!important;text-align:center}.at-nomor-cell{color:#2563eb;font-weight:500}.at-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.at-form-loading{align-items:center;color:#6b7280;display:flex;flex:1 1;justify-content:center}.at-req{color:#e53e3e}.at-form-header{background:#fafafa;border-bottom:1px solid #eee;padding:12px 16px 8px}.at-form-header-left{display:flex;flex-direction:column;gap:6px}.at-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.at-form-label{min-width:100px}.at-form-label,.at-form-label-inline{color:#374151;font-size:12px;font-weight:500;white-space:nowrap}.at-form-control{align-items:center;display:flex}.at-form-control-lg{flex:1 1;max-width:500px;min-width:200px}.at-form-control-sm input{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:5px 8px;width:150px}.at-form-control-sm input:focus{border-color:#5b8af5;outline:none}.at-form-input{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:5px 8px;width:100%}.at-form-input:focus{border-color:#5b8af5;outline:none}.at-form-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 8px}.at-form-select:focus{border-color:#5b8af5;outline:none}.at-toggle{cursor:pointer;display:inline-block;height:20px;position:relative;width:36px}.at-toggle input{height:0;opacity:0;width:0}.at-toggle-slider{background:#ccc;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.at-toggle-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.at-toggle input:checked+.at-toggle-slider{background:#3b82f6}.at-toggle input:checked+.at-toggle-slider:before{transform:translateX(16px)}.at-form-nobukti{align-items:center;display:flex;gap:8px;margin-left:auto}.at-form-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.at-form-sidebar-left{background:#f5f5f5;border-right:1px solid #eee;display:flex;flex-direction:column;width:36px}.at-sidebar-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;width:36px}.at-sidebar-tab:hover{background:#e8e8e8}.at-sidebar-tab.active{background:#fff;border-left-color:#3b82f6}.at-form-content{flex:1 1;min-height:400px;overflow:auto;padding:0}.at-form-action-panel{align-items:center;background:#f5f5f5;border-left:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:48px;padding:8px 6px;width:48px}.at-split-btn{border-radius:4px;display:flex;flex-direction:column;overflow:hidden;width:36px}.at-split-main{font-size:16px;height:32px;padding:8px 0}.at-split-chevron,.at-split-main{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;width:36px}.at-split-chevron{border-top:1px solid #ffffff40;font-size:9px;height:16px;padding:3px 0}.at-form-footer{align-items:center;background:#fafafa;border-top:1px solid #ddd;display:flex;gap:16px;justify-content:flex-end;padding:10px 16px}.at-total-box{align-items:flex-end;display:flex;flex-direction:column;min-width:120px}.at-total-label{color:#6b7280;font-size:11px;font-weight:500}.at-total-value{color:#1a2236;font-size:14px;font-weight:600}.at-total-value-bold{color:#1e40af;font-weight:700}.at-info-umum-tab{min-height:500px;padding:16px 20px 80px}.at-info-lain-tab{min-height:400px;padding:16px 20px 80px}.at-section-title{align-items:center;color:#2563eb;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 16px}.at-section-icon{font-size:16px}.at-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.at-info-col{display:flex;flex-direction:column;gap:10px}.at-info-row{align-items:center;display:flex;gap:10px;min-height:32px}.at-info-label{color:#374151;font-size:12px;font-weight:500;min-width:180px;white-space:nowrap}.at-info-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;padding:5px 8px}.at-info-select:focus{border-color:#5b8af5;outline:none}.at-info-input{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:5px 8px}.at-info-input:focus{border-color:#5b8af5;outline:none}.at-info-input-sm{text-align:right;width:100px}.at-info-input-md{text-align:right;width:160px}.at-info-textarea{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:12px;min-width:200px;padding:5px 8px;resize:vertical}.at-info-textarea:focus{border-color:#5b8af5;outline:none}.at-info-check{cursor:pointer;font-size:12px}.at-info-check,.at-info-inline{align-items:center;display:flex;gap:6px}.at-info-prefix,.at-info-suffix{color:#6b7280;font-size:12px;white-space:nowrap}.at-pengeluaran-tab{display:flex;flex-direction:column;height:100%;padding:0}.at-pengeluaran-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;padding:10px 16px}.at-pengeluaran-search{flex:0 0 300px}.at-pengeluaran-title{color:#1a2236;font-size:13px;font-weight:600;margin:0 0 0 auto}.at-pengeluaran-tbl{border-collapse:collapse;font-size:12px;width:100%}.at-pengeluaran-tbl thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.at-pengeluaran-tbl th{background:#6b8cae;border:1px solid #5a7d9e;color:#fff;font-size:12px;font-weight:500;padding:8px 10px;text-align:left;white-space:nowrap}.at-pengeluaran-tbl td{border-bottom:1px solid #eee;padding:5px 8px}.at-pengeluaran-tbl tbody tr:hover{background:#f8f9fb}.at-inline-input{border:1px solid #e5e7eb;border-radius:3px;box-sizing:border-box;font-size:12px;padding:4px 6px;width:100%}.at-inline-input:focus{border-color:#5b8af5;outline:none}.at-inline-input-right{text-align:right}.at-btn-remove-row{background:#0000;border:none;border-radius:3px;color:#e53e3e;cursor:pointer;font-size:13px;padding:2px 5px}.at-btn-remove-row:hover{background:#fee2e2}.at-penyusutan-tab{display:flex;flex-direction:column;height:100%;padding:16px 20px}.at-ss-wrap{flex:1 1;position:relative}.at-ss-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;min-height:30px;padding:5px 8px}.at-ss-input.disabled{background:#f3f4f6;cursor:not-allowed}.at-ss-value{color:#1a2236;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-ss-placeholder{color:#9ca3af;font-size:12px}.at-ss-icon{color:#6b7280;flex-shrink:0;font-size:12px;margin-left:4px}.at-ss-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 8px 24px #0000001a;left:0;min-width:220px;position:absolute;right:0;top:calc(100% + 2px);z-index:200}.at-ss-search-box{align-items:center;border-bottom:1px solid #eee;display:flex;padding:8px}.at-ss-search-box input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:12px;outline:none;padding:5px 8px}.at-ss-search-box input:focus{border-color:#5b8af5}.at-ss-search-icon{color:#9ca3af;font-size:12px;margin-left:6px}.at-ss-list{max-height:200px;overflow-y:auto;padding:4px 0}.at-ss-option{cursor:pointer;font-size:12px;padding:6px 12px}.at-ss-option:hover{background:#f0f4ff}.at-ss-option.selected{background:#e0ecff}.at-ss-opt-main{color:#1a2236;font-weight:500}.at-ss-opt-sub{color:#6b7280;display:flex;font-size:11px;gap:12px;margin-top:1px}.at-ss-empty{color:#9ca3af;font-size:12px;padding:12px;text-align:center}.ka-page{background:#fff;display:flex;flex-direction:column;height:100%}.ka-subtabs{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.ka-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.ka-subtab:hover{background:#eaeaea}.ka-subtab.active{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.ka-tab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;margin-left:4px;padding:0 2px}.ka-tab-close:hover{background:#f44;color:#fff}.ka-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.ka-toolbar-left,.ka-toolbar-right{display:flex;gap:6px}.ka-btn,.ka-toolbar-right{align-items:center}.ka-btn{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:5px 10px}.ka-btn:hover{background:#e4e4e4}.ka-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600;padding:5px 14px}.ka-btn.primary:hover{background:#2563eb}.ka-btn.icon-btn{font-size:13px;padding:5px 8px}.ka-search-box{align-items:center;display:flex;position:relative}.ka-search-box input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.ka-search-box input:focus{border-color:#5b8af5;outline:none}.ka-search-box span{color:#9ca3af;font-size:12px;pointer-events:none;position:absolute;right:6px}.ka-count{background:#e2e8f0;border-radius:8px;color:#475569;font-size:11px;font-weight:500;padding:2px 8px}.ka-table-wrap{flex:1 1;overflow:auto}.ka-table{border-collapse:collapse;font-size:12px;width:100%}.ka-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.ka-table th{background:#6b8cae;border:1px solid #5a7d9e;color:#fff;font-size:12px;font-weight:500;padding:8px 10px;text-align:left;white-space:nowrap}.ka-table td{border-bottom:1px solid #eee;padding:7px 10px}.ka-row:hover{background:#f0f5ff}.ka-empty{color:#9ca3af;font-style:italic;padding:30px!important;text-align:center}.ka-nama-link{color:#2563eb;cursor:pointer;font-weight:500}.ka-nama-link:hover{text-decoration:underline}.ka-form{display:flex;flex:1 1;min-height:0}.ka-form-inner{border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;flex-direction:column;margin:0;overflow:auto}.ka-loading{align-items:center;color:#6b7280;display:flex;flex:1 1;font-size:13px;justify-content:center}.ka-form-tab-bar{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex}.ka-form-tab{border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;white-space:nowrap}.ka-form-tab.active{border-bottom-color:#3b82f6;color:#1a2236}.ka-form-fields{padding:16px 20px}.ka-form-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ka-label{color:#374151;font-size:12px;font-weight:500;min-width:120px;white-space:nowrap}.ka-control{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.ka-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 10px;width:100%}.ka-input:focus{border-color:#5b8af5;outline:none}.ka-input-clear{color:#9ca3af;cursor:pointer;font-size:13px;position:absolute;right:8px}.ka-input-clear:hover{color:#e53e3e}.ka-form-action{background:#f5f5f5;border-left:1px solid #eee;flex-direction:column;flex-shrink:0;gap:8px;min-width:48px;padding:8px 6px;width:48px}.ka-form-action,.ka-save-btn{align-items:center;display:flex}.ka-save-btn{background:#e2e8f0;border:none;border-radius:4px;color:#475569;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.ka-save-btn:hover:not(:disabled){background:#cbd5e1}.ka-save-btn:disabled{cursor:not-allowed;opacity:.5}.ka-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.ka-delete-btn:hover{background:#fecaca}.kap-page{background:#fff;display:flex;flex-direction:column;height:100%}.kap-subtabs{align-items:flex-end;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;min-height:32px}.kap-subtab{align-items:center;background:#e4e4e4;border:1px solid #d0d0d0;border-bottom:none;border-radius:6px 6px 0 0;color:#555;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-right:-1px;padding:6px 14px;transition:all .12s;white-space:nowrap}.kap-subtab:hover{background:#eaeaea}.kap-subtab.active{background:#fff;border-color:#ccc;border-top:2px solid #e91e63;color:#1a2236;font-weight:600}.kap-tab-close{border-radius:3px;color:#999;cursor:pointer;font-size:11px;margin-left:4px;padding:0 2px}.kap-tab-close:hover{background:#f44;color:#fff}.kap-filter-bar{background:#fafafa;border-bottom:1px solid #eee;padding:8px 12px}.kap-filter-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px}.kap-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.kap-toolbar-left,.kap-toolbar-right{display:flex;gap:6px}.kap-btn,.kap-toolbar-right{align-items:center}.kap-btn{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:5px 10px}.kap-btn:hover{background:#e4e4e4}.kap-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600;padding:5px 14px}.kap-btn.primary:hover{background:#2563eb}.kap-btn.icon-btn{font-size:13px;padding:5px 8px}.kap-search-box{align-items:center;display:flex;position:relative}.kap-search-box input{border:1px solid #d0d0d0;border-radius:4px;font-size:12px;padding:5px 28px 5px 8px;width:160px}.kap-search-box input:focus{border-color:#5b8af5;outline:none}.kap-search-box span{color:#9ca3af;font-size:12px;pointer-events:none;position:absolute;right:6px}.kap-count{background:#e2e8f0;border-radius:8px;color:#475569;font-size:11px;font-weight:500;padding:2px 8px}.kap-table-wrap{flex:1 1;overflow:auto}.kap-table{border-collapse:collapse;font-size:12px;width:100%}.kap-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.kap-table th{background:#6b8cae;border:1px solid #5a7d9e;color:#fff;font-size:12px;font-weight:500;padding:8px 10px;text-align:left;white-space:nowrap}.kap-table td{border-bottom:1px solid #eee;padding:7px 10px}.kap-th-tarif{width:140px}.kap-th-umur{width:160px}.kap-td-right{text-align:right}.kap-td-center{text-align:center}.kap-row:hover{background:#f0f5ff}.kap-empty{color:#9ca3af;font-style:italic;padding:30px!important;text-align:center}.kap-nama-link{color:#2563eb;cursor:pointer;font-weight:500}.kap-nama-link:hover{text-decoration:underline}.kap-form{display:flex;flex:1 1;min-height:0}.kap-form-inner{border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;flex-direction:column;margin:0;overflow:auto}.kap-loading{align-items:center;color:#6b7280;display:flex;flex:1 1;font-size:13px;justify-content:center}.kap-form-tab-bar{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex}.kap-form-tab{border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;white-space:nowrap}.kap-form-tab.active{border-bottom-color:#3b82f6;color:#1a2236}.kap-form-fields{padding:16px 20px}.kap-form-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.kap-label{color:#374151;font-size:12px;font-weight:500;min-width:140px;white-space:nowrap}.kap-control{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.kap-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 10px;width:100%}.kap-input:focus{border-color:#5b8af5;outline:none}.kap-input-short{flex:initial;width:80px}.kap-input-clear{color:#9ca3af;cursor:pointer;font-size:13px;position:absolute;right:8px}.kap-input-clear:hover{color:#e53e3e}.kap-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 10px;width:100%}.kap-select:focus{border-color:#5b8af5;outline:none}.kap-umur-control{gap:8px}.kap-unit{color:#6b7280;font-size:12px;white-space:nowrap}.kap-readonly-value{color:#374151;font-size:13px;min-width:40px}.kap-form-action{background:#f5f5f5;border-left:1px solid #eee;flex-direction:column;flex-shrink:0;gap:8px;min-width:48px;padding:8px 6px;width:48px}.kap-form-action,.kap-save-btn{align-items:center;display:flex}.kap-save-btn{background:#e2e8f0;border:none;border-radius:4px;color:#475569;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.kap-save-btn:hover:not(:disabled){background:#cbd5e1}.kap-save-btn:disabled{cursor:not-allowed;opacity:.5}.kap-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.kap-delete-btn:hover{background:#fecaca}.dl-page{background:#f8fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%}.dl-inner-tabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 16px}.dl-inner-tab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;margin-bottom:-2px;padding:10px 14px}.dl-inner-tab.active{border-bottom-color:#e91e63;color:#e91e63}.dl-body{display:flex;flex:1 1;overflow:hidden}.dl-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;min-width:240px;overflow-y:auto;padding:8px 0;width:240px}.dl-cat-item{align-items:center;border-left:3px solid #0000;color:#475569;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:11px 20px;transition:background .15s,color .15s}.dl-cat-item:hover{background:#f1f5f9;color:#334155}.dl-cat-item.active{background:#e91e63;border-left-color:#e91e63;border-radius:0 6px 6px 0;color:#fff;margin-right:8px}.dl-cat-item.active .dl-cat-icon svg{stroke:#fff}.dl-cat-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.dl-cat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-content{flex:1 1;overflow-y:auto;padding:24px 32px}.dl-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dl-content-title{color:#1e293b;font-size:22px;font-weight:700;margin:0}.dl-search-wrap{position:relative}.dl-search{border:1px solid #d1d5db;border-radius:6px;color:#334155;font-size:13px;outline:none;padding:8px 14px;transition:border-color .2s;width:220px}.dl-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dl-search::placeholder{color:#94a3b8}.dl-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}.dl-card{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:14px;padding:18px 16px;transition:background .15s}.dl-card:hover{background:#f0f4ff}.dl-card-icon{align-items:center;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.dl-card-text{flex:1 1;min-width:0}.dl-card-title{color:#1e293b;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:3px}.dl-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12.5px;line-height:1.45;overflow:hidden}.dl-empty{color:#94a3b8;font-size:14px;grid-column:1/-1;padding:60px 20px;text-align:center}.dl-content::-webkit-scrollbar,.dl-sidebar::-webkit-scrollbar{width:6px}.dl-content::-webkit-scrollbar-thumb,.dl-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dl-tab-x{color:#94a3b8;cursor:pointer;font-size:14px;margin-left:8px}.dl-tab-x:hover{color:#e91e63}.dl-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.dl-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:95vw;width:560px}.dl-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.dl-modal-title{color:#1e293b;font-size:15px;font-weight:600}.dl-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1}.dl-modal-close:hover{color:#e91e63}.dl-modal-tabs{border-bottom:1px solid #e2e8f0;display:flex;padding:0 20px}.dl-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-1px;padding:10px 18px}.dl-modal-tab.active{border-bottom-color:#e91e63;color:#e91e63}.dl-modal-tab:hover{color:#334155}.dl-modal-body{flex:1 1;min-height:200px;overflow-y:auto;padding:20px}.dl-param-title{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 16px}.dl-param-row{align-items:flex-start;display:flex;gap:16px}.dl-param-label{color:#475569;flex-shrink:0;font-size:13px;line-height:1.4;padding-top:8px;width:130px}.dl-req{color:#ef4444}.dl-param-input-wrap{flex:1 1;position:relative}.dl-tags-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:38px;padding:6px 8px}.dl-tags-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dl-tag{align-items:center;background:#e0f2fe;border-radius:4px;color:#0369a1;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 8px}.dl-tag-x{color:#0369a1;cursor:pointer;font-size:14px;margin-left:2px}.dl-tag-x:hover{color:#ef4444}.dl-search-inline-wrap{align-items:center;display:flex;flex:1 1;min-width:100px;position:relative}.dl-tag-search{background:#0000;border:none;color:#334155;flex:1 1;font-size:13px;min-width:80px;outline:none;padding:4px 0}.dl-tag-search::placeholder{color:#94a3b8}.dl-search-ico{pointer-events:none;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.dl-seri-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 8px 24px #0000001f;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.dl-drop-item{color:#334155;cursor:pointer;font-size:13px;padding:9px 14px}.dl-drop-item:hover{background:#f0f4ff}.dl-drop-empty{padding:14px}.dl-drop-empty,.dl-kolom-placeholder{color:#94a3b8;font-size:13px;text-align:center}.dl-kolom-placeholder{padding:30px}.dl-modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:14px 20px}.dl-btn-tampilkan{background:#e91e63;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 28px;transition:background .15s}.dl-btn-tampilkan:hover{background:#c2185b}.dl-btn-tampilkan:disabled{background:#cbd5e1;cursor:not-allowed}.dl-report-viewer{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dl-report-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:2px;padding:6px 12px}.dl-toolbar-btn{align-items:center;background:none;border:none;border-radius:4px;color:#475569;cursor:pointer;display:flex;gap:3px;height:32px;justify-content:center;width:32px}.dl-toolbar-btn:hover{background:#f1f5f9;color:#1e293b}.dl-toolbar-caret{font-size:9px;margin-left:-2px}.dl-report-paper-wrap{background:#e2e8f0;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:24px}.dl-report-paper{background:#fff;box-shadow:0 2px 12px #0000001a;color:#1a1a1a;font-family:Times New Roman,Times,serif;font-size:11px;line-height:1.5;min-height:297mm;padding:20mm 18mm;width:210mm}.dl-report-header-text{margin-bottom:24px;text-align:center}.dl-report-biz{font-size:16px}.dl-report-biz,.dl-report-title{font-weight:700;margin-bottom:4px}.dl-report-title{font-size:14px}.dl-report-seri-label{color:#555;font-size:11px}.dl-report-section{margin-bottom:24px}.dl-report-info-row{display:flex;gap:40px;margin-bottom:4px}.dl-report-info-col{display:flex;font-size:11px;gap:6px}.dl-report-info-label{font-weight:600;min-width:130px}.dl-report-info-sep{color:#888}.dl-report-info-val{color:#333}.dl-report-table{border-collapse:collapse;font-size:10.5px;margin-top:8px;width:100%}.dl-report-table th{color:#333;font-weight:600;padding:6px 8px;text-align:left;white-space:nowrap}.dl-report-table td{padding:5px 8px;vertical-align:top}.dl-rpt-underline{border-bottom:1.5px solid #333}.dl-rpt-right{text-align:right!important}.dl-rpt-link{color:#2563eb;cursor:pointer;text-decoration:underline}.dl-rpt-link:hover{color:#1d4ed8}.dl-rpt-empty{color:#94a3b8;padding:20px!important;text-align:center}.dl-rpt-total-row td{border-top:1.5px solid #333;font-weight:700;padding-top:6px}.dl-rpt-total{font-weight:700}.dl-report-no-data{color:#94a3b8;font-size:13px;padding:40px;text-align:center}.dl-report-footer{color:#888;font-size:10px;margin-top:40px}.dl-report-footer-line{border-top:1px solid #ccc;margin-bottom:6px}.dl-report-footer-center{margin-bottom:4px;text-align:center}.dl-report-footer-row{display:flex;justify-content:space-between}@media print{.dl-inner-tabs,.dl-report-toolbar,.flyout-sidebar-wrapper,.tab-bar,.top-header{display:none!important}.biz-dashboard-layout{display:block!important}.biz-dashboard-main{margin-left:0!important;padding:0!important}.biz-dashboard-content{overflow:visible!important;padding:0!important}.dl-page{height:auto!important}.dl-page,.dl-report-paper-wrap,.dl-report-viewer{overflow:visible!important}.dl-report-paper-wrap{background:none;padding:0}.dl-report-paper{box-shadow:none;padding:10mm;width:100%}}
/*# sourceMappingURL=main.7fed50b0.css.map*/