body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f6fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container_popup{animation:popupFadeIn .25s ease;background:#00000050;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.wrapper_popup{background:#fff;border-radius:4px;height:auto;margin:calc(29vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:43%}@media only screen and (max-width:600px){.wrapper_popup{margin-top:calc(5vh - 20px);width:80%}}.container_popup>div{animation:popupIn .25s ease}.container_popup.popup_closing{animation:popupFadeOut .25s ease forwards;pointer-events:none}.container_popup.popup_closing>div{animation:popupOut .25s ease forwards}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupFadeOut{0%{opacity:1}to{opacity:0}}@keyframes popupIn{0%{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-24px) scale(.96)}}@media (prefers-reduced-motion:reduce){.container_popup,.container_popup>div{animation-duration:.01ms!important}}.lg_root{background:radial-gradient(circle at 15% 20%,#2d357a1f,#0000 45%),radial-gradient(circle at 85% 80%,#2d357a1a,#0000 45%),#f6f6fc;justify-content:center;min-height:100vh;padding:24px 16px}.lg_card,.lg_root{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.lg_card{background:#fff;border-radius:18px;box-shadow:0 4px 10px #2d357a0f,0 20px 48px #2d357a24;max-width:400px;overflow:hidden;padding:36px 32px 32px;position:relative;width:100%}.lg_card:before{background:linear-gradient(90deg,#2d357a,#5b66c9);content:"";height:5px;left:0;position:absolute;right:0;top:0}.lg_logo{margin-bottom:14px;width:112px}.lg_title{color:#2d357a;font-size:26px;font-weight:700;margin:0 0 4px}.lg_subtitle{color:#6b6f8d;font-size:14px;margin:0 0 26px;text-align:center}.lg_form{display:flex;flex-direction:column;gap:14px;width:100%}.lg_input_wrap{align-items:center;display:flex;position:relative;width:100%}.lg_input_icon{color:#9aa0c3;display:flex;left:14px;pointer-events:none;position:absolute;transition:color .15s ease}.lg_input_wrap:focus-within .lg_input_icon{color:#2d357a}.lg_input{background:#f9f9fd;border:1.5px solid #dcdff2;border-radius:10px;box-sizing:border-box;color:#1f2340;font-family:inherit;font-size:15px;height:46px;outline:none;padding:0 46px 0 42px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.lg_input::placeholder{color:#a3a8c6}.lg_input:focus{background:#fff;border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.lg_input_plain{font-size:14px;height:40px;padding:0 12px}.lg_input_plain.lg_input_has_eye{padding-right:46px}.lg_input_wrap_plain .lg_eye{right:2px}.lg_eye{align-items:center;background:#0000;border:none;border-radius:8px;color:#8a90b5;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:6px;transition:background .15s ease,color .15s ease;width:36px}.lg_eye:hover{background:#eef0fb;color:#2d357a}.lg_eye:focus-visible{outline:2px solid #2d357a}.lg_btn,.lg_btn_login{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:600;transition:transform .1s ease,box-shadow .15s ease,background .15s ease}.lg_btn_login{background:#2d357a;box-shadow:0 6px 16px #2d357a52;color:#fff;font-size:16px;height:46px;margin-top:8px;width:100%}.lg_btn_login:hover{background:#252c68;box-shadow:0 8px 20px #2d357a66}.lg_btn:active,.lg_btn_login:active{transform:translateY(1px)}.lg_btn{font-size:14px;height:38px;padding:0 20px}.lg_btn_primary{background:#2d357a;box-shadow:0 3px 8px #2d357a4d;color:#fff}.lg_btn_primary:hover{background:#252c68}.lg_btn_outline{background:#fff;border:1.5px solid #2d357a;color:#2d357a}.lg_btn_outline:hover{background:#eef0fb}.lg_btn_warn{background:#ffe066;color:#5c4700}.lg_btn_warn:hover{background:#ffd633}.lg_note_link{background:#fff;border-radius:999px;box-shadow:0 2px 6px #2d357a14;color:#b3261e;cursor:pointer;font-size:14px;font-weight:600;margin:20px 0 0;padding:8px 18px;transition:background .15s ease}.lg_note_link:hover{background:#fdecea}.lg_popup_header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.lg_popup_title{color:#2d357a;font-size:17px;font-weight:700;margin:0}.lg_close{cursor:pointer;height:28px;opacity:.7;transition:opacity .15s ease;width:28px}.lg_close:hover{opacity:1}.lg_popup_text{margin:0 0 12px}.lg_popup_footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.lg_warning{background:#fdecea;border-left:4px solid #d93025;border-radius:6px;color:#b3261e;font-size:12px;font-weight:700;line-height:18px;margin:0 0 12px;padding:10px 12px}.lg_label{color:#2d357a;font-size:13px;font-weight:600;margin:0 0 6px}.lg_field{margin-bottom:14px}.lg_two_col{grid-gap:0 16px;display:grid;gap:0 16px;grid-template-columns:1fr 1fr}.lg_textarea{border:1.5px solid #dcdff2;border-radius:10px;box-sizing:border-box;font-family:arial;font-size:14px;height:96px;outline:none;padding:10px 12px;resize:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.lg_textarea:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.lg_note_actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}@media only screen and (max-width:600px){.lg_card{border-radius:16px;padding:30px 22px 26px}.lg_two_col{grid-template-columns:1fr}.lg_note_actions .lg_btn{flex:1 1}}.uc_wrapper,.uc_wrapper *{box-sizing:border-box}.uc_wrapper{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);max-width:100%;overflow-wrap:anywhere;overflow-x:hidden;overflow-y:auto;width:100%}.uc_wrapper input,.uc_wrapper select,.uc_wrapper textarea{max-width:100%;min-width:0}.uc_header{background:#fff;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;position:sticky;top:0;z-index:2}.uc_header,.uc_header_left{align-items:center;display:flex}.uc_header_left{gap:12px}.uc_title{color:#2d357a;font-size:18px;margin:0}.uc_close{cursor:pointer;flex-shrink:0;height:32px;width:32px}.uc_header_left{flex-wrap:wrap;min-width:0}.uc_toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.uc_muted{color:#7a7f9a;font-size:13px}.uc_empty{color:#7a7f9a;padding:24px 0;text-align:center}.uc_btn_primary,.uc_btn_secondary,.uc_btn_text{border:1px solid #2d357a;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.uc_btn_primary{background:#2d357a;color:#fff}.uc_btn_secondary{background:#fff;color:#2d357a}.uc_btn_text{background:none;border:none;color:#2d357a;padding:4px 0;text-decoration:underline}.uc_btn_primary:disabled,.uc_btn_secondary:disabled{cursor:not-allowed;opacity:.4}.uc_file_btn{display:inline-block}.uc_actions_end{display:flex;justify-content:flex-end;margin-top:12px}.uc_list{display:flex;flex-direction:column;gap:8px}.uc_card{background:#fff;border:1px solid #dfe1f1;border-left:4px solid #2d357a;border-radius:4px;cursor:pointer;padding:10px 12px}.uc_card:hover{background:#f5f6fd}.uc_card_DONE{border-left-color:#2e9e5b;opacity:.75}.uc_card_OPEN{border-left-color:#f44336}.uc_card_IN_PROGRESS{border-left-color:#f5a524}.uc_card_top{align-items:center;display:flex;justify-content:space-between}.uc_card_desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;margin:6px 0;overflow:hidden}.uc_card_id{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.uc_chip{background:#eceefa;border-radius:4px;color:#2d357a;font-size:12px;padding:2px 8px}.uc_meta{grid-gap:8px 12px;border-top:1px solid #eceefa;display:grid;gap:8px 12px;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:8px}.uc_meta_item{display:flex;flex-direction:column;font-size:13px;gap:1px;min-width:0}.uc_meta_label{color:#7a7f9a;font-size:11px}.uc_overdue{color:#c62828;font-weight:700}.uc_tag_help{background:#fff3dc;border-radius:4px;color:#b45309;font-weight:700}.uc_badge,.uc_tag_help{font-size:12px;padding:2px 8px}.uc_badge{border-radius:10px}.uc_badge_OPEN{background:#fcebeb;color:#c62828}.uc_badge_IN_PROGRESS{background:#fff3dc;color:#b45309}.uc_badge_DONE{background:#e3f6ea;color:#1f7a45}.uc_form{display:flex;flex-direction:column}.uc_form label{color:#2d357a;font-size:13px;margin:10px 0 4px}.uc_form input,.uc_form select,.uc_form textarea,.uc_section input,.uc_section select,.uc_section textarea{border:1px solid #c9cce3;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px}.uc_form textarea,.uc_section textarea{resize:vertical;width:100%}.uc_steps{display:flex;gap:4px;margin-bottom:12px}.uc_step{background:#eceefa;color:#7a7f9a;flex:1 1;font-size:13px;padding:6px 0;text-align:center}.uc_step_on{background:#2d357a;color:#fff}.uc_detail_grid{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.uc_detail_grid>div{min-width:0}.uc_detail_grid p{margin:2px 0}.uc_label{color:#7a7f9a;font-size:12px;margin:10px 0 2px}.uc_photos{display:flex;gap:16px;margin-top:6px}.uc_thumb{border:1px solid #c9cce3;border-radius:4px;cursor:zoom-in;height:100px;margin-top:6px;object-fit:cover;width:140px}.uc_section{border-top:1px solid #eceefa;margin-top:14px;padding-top:10px}.uc_row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.uc_check{gap:6px;margin:8px 0}.uc_check,.uc_helper_row{align-items:center;display:flex;font-size:14px}.uc_helper_row{justify-content:space-between;padding:4px 0}.uc_timeline{border-left:2px solid #dfe1f1;margin-left:6px;padding-left:14px}.uc_tl_item{padding-bottom:12px;position:relative}.uc_tl_dot{background:#2d357a;border-radius:50%;height:10px;left:-20px;position:absolute;top:5px;width:10px}.uc_tl_head{font-size:14px;font-weight:700;margin:0}.uc_tl_text{font-size:14px;margin:2px 0 0;white-space:pre-wrap}.uc_lightbox{align-items:center;background:#000c;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.uc_lightbox img{max-height:92vh;max-width:92vw}.unsafe_button_desktop{cursor:pointer;height:36px;object-fit:contain;opacity:1;padding:6px 6px 0;width:36px}.unsafe_button_mobile{display:none}@media only screen and (max-width:600px){.unsafe_button_desktop{display:none}.unsafe_button_mobile{cursor:pointer;display:inline;display:initial;height:36px;left:78px;object-fit:contain;opacity:1;padding:6px 6px 0;position:fixed;top:0;width:36px}.uc_detail_grid{grid-template-columns:1fr}.uc_meta{grid-template-columns:repeat(2,minmax(0,1fr))}.uc_photos{flex-direction:row;gap:8px}.uc_photos>div{flex:1 1;min-width:0}.uc_photos .uc_thumb{aspect-ratio:4/3;height:auto;width:100%}}.uc_card_unread{background:snow;border-color:#f2b8b5 #f2b8b5 #f2b8b5 #dc2626}.uc_card_unread:hover{background:#fff3f3}.uc_unread_dot{animation:uc_unread_pulse 1.6s ease-in-out infinite;background:#dc2626;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.uc_unread_tag{background:#fde8e8;color:#c62828;padding:2px 8px}.uc_count_unread,.uc_unread_tag{border-radius:10px;font-size:11px;font-weight:700}.uc_count_unread{background:#dc2626;color:#fff;margin-left:8px;padding:1px 8px}@keyframes uc_unread_pulse{0%{box-shadow:0 0 0 0 #dc262680}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 0 0 #dc262600}}@media (prefers-reduced-motion:reduce){.uc_unread_dot{animation:none}}@keyframes uc_view_in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes uc_card_in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes uc_tl_in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes uc_fade{0%{opacity:0}to{opacity:1}}@keyframes uc_zoom{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes uc_pulse{0%{box-shadow:0 0 0 0 #f5a52480}to{box-shadow:0 0 0 8px #f5a52400}}.uc_view{animation:uc_view_in .22s ease-out both}.uc_card{animation:uc_card_in .28s ease-out both;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.uc_card:hover{box-shadow:0 4px 12px #2d357a1f;transform:translateY(-2px)}.uc_card:active{transform:translateY(0)}.uc_tl_item{animation:uc_tl_in .25s ease-out both}.uc_tl_item:nth-child(2){animation-delay:.04s}.uc_tl_item:nth-child(3){animation-delay:.08s}.uc_tl_item:nth-child(4){animation-delay:.12s}.uc_tl_item:nth-child(5){animation-delay:.16s}.uc_step{transition:background .3s ease,color .3s ease}.uc_btn_primary,.uc_btn_secondary{transition:transform .1s ease,background .15s ease,opacity .15s ease}.uc_btn_primary:not(:disabled):hover{background:#3b45a0}.uc_btn_secondary:not(:disabled):hover{background:#eceefa}.uc_btn_primary:not(:disabled):active,.uc_btn_secondary:not(:disabled):active{transform:scale(.97)}.uc_close{transition:transform .2s ease}.uc_close:hover{transform:rotate(90deg)}.uc_thumb{transition:transform .15s ease,box-shadow .15s ease}.uc_thumb:hover{box-shadow:0 2px 8px #0003;transform:scale(1.03)}.uc_lightbox{animation:uc_fade .18s ease-out both}.uc_lightbox img{animation:uc_zoom .22s ease-out both}.uc_tag_help{animation:uc_pulse 1.8s ease-out 3}@media (prefers-reduced-motion:reduce){.uc_card,.uc_lightbox,.uc_lightbox img,.uc_tag_help,.uc_tl_item,.uc_view{animation:none}.uc_btn_primary,.uc_btn_secondary,.uc_card,.uc_close,.uc_step,.uc_thumb{transition:none}}.parent_logo{align-items:center;background:#fff;display:flex;height:84px;justify-content:center;position:fixed;top:0;width:180px}.width_logo{width:80px}.wrapper_sub_menu{background-color:#2d357a;border-radius:0 6px 0 0;height:100vh;overflow:hidden;position:fixed;top:46px;z-index:100}.unsafe_wrapper_desktop{align-self:flex-start}.menu_button{display:none}.parent_menu{background-color:#2d357a;border-radius:0 6px 0 0;bottom:0;height:100vh;overflow-x:hidden;overflow-y:scroll;position:fixed;top:82px;width:180px}.menu{color:#fff;padding:12px 0}.menu,.menu_active{cursor:pointer;margin-left:12px}.menu_active{background:#fff;border-radius:6px 0 0 6px;color:#000;padding:12px 0 12px 12px}.button_logout{background:red;border:none;border-radius:4px;bottom:16px;color:#fff;cursor:pointer;font-size:16px;margin-left:12px;padding:6px 16px;position:fixed}.wrapper_menu{padding:0 0 124px}.toggle-button-cover{box-sizing:border-box;display:table-cell;height:98px;position:relative;width:200px}.button-cover{background-color:#fff;border-radius:4px;box-shadow:0 10px 20px -8px #c5d6d6;height:68px;margin:12px}.button-cover:before{bottom:0;color:#d7e3e3;counter-increment:button-counter;font-size:12px;line-height:1;padding:5px;position:absolute;right:0}.button-cover,.knobs,.layer{bottom:0;left:0;position:absolute;right:0;top:0}.button{height:36px;margin:-20px auto 0;overflow:hidden;position:relative;top:50%;width:74px}.button.r,.button.r .layer{border-radius:100px}.button.b2{border-radius:2px}.checkbox{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}.knobs{z-index:2}.layer{background-color:#ebf7fc;transition:all .3s ease;width:100%;z-index:1}.cari_barang_button{display:none}.cari_barang_button_desktop{cursor:pointer;height:36px;left:78px;opacity:1;padding:6px 6px 0;top:0;width:36px}#button-1 .knobs:before{background-color:#03a9f4;border-radius:50%;color:#fff;content:"ON";font-size:10px;font-weight:700;height:10px;left:4px;line-height:1;padding:9px 4px;position:absolute;text-align:center;top:4px;transition:all .3s cubic-bezier(.18,.89,.35,1.15);width:20px}#button-1 .checkbox:checked+.knobs:before{background-color:#f44336;content:"OFF";left:42px}#button-1 .checkbox:checked~.layer{background-color:#fcebeb}#button-1 .knobs,#button-1 .knobs:before,#button-1 .layer{transition:all .3s ease}@media only screen and (max-width:600px){.parent_logo{position:fixed;top:45px;width:70px}.width_logo{width:70px}.parent_menu{position:fixed;top:120px;width:70px}.menu{font-size:12px;margin:6px 0 6px 6px}.menu_active{padding:6px 0 6px 6px}.button_logout,.menu_active{font-size:12px;margin-left:6px}.button_logout{padding:6px 10px}.menu_button{background:#fff;border:1px solid #000;border-radius:4px;font-size:12px;margin:0 16px;padding:6px;text-align:center;width:48px}.cari_barang_button,.menu_button{display:inline;display:initial;opacity:1;position:fixed}.cari_barang_button{height:36px;left:78px;padding:6px 6px 0;top:0;width:36px}.cari_barang_button_desktop{display:none}.wrapper_menu{padding:0 0 164px}.none{display:none}.button-cover{margin:0}.button{margin:-20px auto 0 0}}.card_container{align-items:center;background:#fefefe;border:3px solid #fff;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:4px 18px 18px 0;min-height:100px;padding-top:6px;width:120px}.logo_company{height:75px;max-width:110px}.name_company{color:#5d5d5d;font-weight:700;letter-spacing:1px}.card_active{border:3px solid #2d357a}@media only screen and (max-width:600px){.card_container{margin:4px 12px 12px 0;min-height:50px;width:75px}.logo_company{height:40px;max-width:50px}.name_company{font-size:12px}}.container_header{background:#e8e9f8;border-radius:8px 8px 0 0;display:flex;justify-content:space-around;padding:18px 24px;text-align:left;text-align:initial}.table_header{color:#2d357a;font-weight:700;width:23%}.container_data{align-items:center;background-color:#fff;display:flex;justify-content:space-around;padding:12px 24px}.background_odd{background:#f2f2f2}.font_data{color:#5d5d5d;width:23%}.img_search{width:25px}@media only screen and (max-width:600px){.wrapper_table{margin:24px 0}.none{display:none}.container_data,.container_header{padding:12px 6px}.font_data,.table_header{font-size:12px;max-width:25%;min-width:21%}.img_search{width:20px}}.container_inventory{--inv-navy:#2d357a;--inv-navy-soft:#e8e9f8;--inv-blue:#81bfda;--inv-blue-dark:#4a9bc0;--inv-green:#1f8a4c;--inv-green-dark:#17703d;--inv-red:#d93636;--inv-red-dark:#b82a2a;--inv-gold:#9d8854;--inv-text:#1f2430;--inv-muted:#6b7280;--inv-border:#e3e6ee;--inv-bg-zebra:#f6f7fb;--inv-radius:10px;--inv-shadow:0 1px 3px #141c4614,0 4px 14px #141c460d;color:var(--inv-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;margin:24px 24px 48px 204px}:focus{outline:none}.container_inventory :focus-visible{border-radius:6px;outline:2px solid var(--inv-blue-dark);outline-offset:2px}.title_inventory{color:var(--inv-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:20px 0 12px}.wrapper_header{border-bottom:2px solid var(--inv-border);flex-wrap:wrap;gap:12px;margin-bottom:8px;padding-bottom:12px}.wrapper_header .title_inventory{margin:0}.flex_wrap-inventory{display:flex;flex-flow:wrap;gap:10px;margin:12px 0 8px}.wrapper_sub_menu_history{border-bottom:1px solid var(--inv-border);display:flex;gap:4px;margin:16px 0 8px;overflow-x:auto}.wrapper_sub_menu_history .sub_menu_history{border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--inv-muted);cursor:pointer;font-weight:600;margin:0;padding:10px 18px;transition:color .15s,background .15s;white-space:nowrap}.wrapper_sub_menu_history .sub_menu_history:hover{background:var(--inv-bg-zebra);color:var(--inv-navy)}.wrapper_sub_menu_history .border_active_history{background:var(--inv-navy-soft);border-bottom-color:var(--inv-navy);color:var(--inv-navy)}.wrapper-button-tambah{background:var(--inv-navy);border-radius:999px;display:inline-flex;gap:8px;padding:6px 14px 6px 8px;transition:background .15s,transform .1s}.wrapper-button-tambah:hover{background:#232a63}.wrapper-button-tambah:active{transform:scale(.97)}.wrapper-button-tambah .button-tambah{background:#fff;border-radius:50%;color:var(--inv-navy);display:grid;font-size:18px;font-weight:700;height:26px;line-height:1;margin:0;place-items:center;width:26px}.wrapper-button-tambah .text-button-tambah{background:none;border:none;color:#fff;cursor:pointer;font-weight:600}.btn_reset_search_inventory,.button-export-inventory,.button-export-kedatangan,.button-kirim-edit-barangJadi,.button-kirim-new-item-inventory,.export_btn_inventory{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none}.btn_reset_search_inventory:active,.button-export-inventory:active,.button-export-kedatangan:active,.button-kirim-edit-barangJadi:active,.button-kirim-new-item-inventory:active,.export_btn_inventory:active{transform:scale(.97)}.button-export-kedatangan,.export_btn_inventory{background:var(--inv-green)}.button-export-kedatangan:hover,.export_btn_inventory:hover{background:var(--inv-green-dark);box-shadow:0 2px 8px #1f8a4c4d}.button-export-inventory,.button-kirim-edit-barangJadi,.button-kirim-new-item-inventory{background:var(--inv-red)}.button-export-inventory:hover,.button-kirim-edit-barangJadi:hover,.button-kirim-new-item-inventory:hover{background:var(--inv-red-dark);box-shadow:0 2px 8px #d936364d}.button-export-inventory,.button-export-kedatangan{margin:0 0 0 16px}.btn_reset_search_inventory{background:var(--inv-blue-dark);margin-bottom:0;margin-left:8px;margin-top:0}.btn_reset_search_inventory:hover{background:#3b86a8}.button_kirim_po{background:var(--inv-red);border-radius:6px;color:#fff;cursor:pointer;margin:0 6px 0 0;padding:8px 12px}.search_box_inventory{background:#fff;border:1.5px solid var(--inv-blue);border-radius:8px 0 0 8px;border-right:none;font-size:14px;height:38px;padding:2px 12px;transition:border-color .15s,box-shadow .15s;width:240px}.search_box_inventory:focus{border-color:var(--inv-blue-dark);box-shadow:0 0 0 3px #81bfda40}.search_image_inventory{background:#fff;border:1.5px solid var(--inv-blue);border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;display:grid;height:38px;margin:0;padding:2px 10px;place-items:center}.flex-wrap-justify-center-inventory{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.export-laporan-inventory{align-items:center;display:flex;gap:10px;justify-content:center}.container_inventory input[type=date],.container_inventory input[type=number],.container_inventory input[type=password],.container_inventory input[type=text],.container_inventory select{background:#fff;border:1.5px solid var(--inv-border);border-radius:8px;color:var(--inv-text);font-size:14px;transition:border-color .15s,box-shadow .15s}.container_inventory input[type=date]:focus,.container_inventory input[type=number]:focus,.container_inventory input[type=password]:focus,.container_inventory input[type=text]:focus,.container_inventory select:focus{border-color:var(--inv-blue-dark);box-shadow:0 0 0 3px #81bfda40}.container_inventory input[type=radio]{accent-color:var(--inv-navy);margin-right:6px}.container_inventory p{margin-top:0}.input_kirim_po{border:1.5px solid var(--inv-border);border-radius:8px;box-shadow:none;height:36px;padding:6px 10px;width:240px}.margin_kirim_po{margin-right:12px}.wrapper-select-customer{display:flex;flex-direction:column;justify-content:end;margin-right:8px}.table_inventory_mobile{background:#fff;border:1px solid var(--inv-border);border-radius:var(--inv-radius);box-shadow:var(--inv-shadow);font-size:14px}.table_inventory_mobile table{border-collapse:initial;border-spacing:0}.table_inventory_mobile td{border-bottom:1px solid var(--inv-border)}.table_inventory_mobile tr:hover td{background-color:#eef3fb}.th-barang-jadi{background:var(--inv-navy-soft);border-bottom:2px solid #cfd2f0;color:var(--inv-navy);font-size:13px;font-weight:700;padding:12px;position:sticky;top:0;white-space:nowrap;z-index:3}.td-kodeBarang-inventory{font-size:12px;padding:8px 10px;text-align:left;white-space:nowrap}.wrapper-kodeBarang-inventory{display:flex;flex-direction:column;gap:4px}.wrapper-kodeBarang-inventory div:last-child{color:var(--inv-muted)}.img_search{opacity:.75;transition:opacity .15s,transform .15s}.img_search:hover{opacity:1;transform:scale(1.12)}.popUp_history_search{height:580px}.th-search-inventory{background:var(--inv-navy-soft);border-right:1px solid #d5d8f0;color:var(--inv-navy);font-size:13px;padding:10px 6px;position:sticky;top:0;z-index:2}.td-expired-inventory{font-weight:700;padding:12px 6px;white-space:nowrap}.td-table-kedatangan{font-size:14px;line-height:18px;padding:8px 0 8px 6px;text-align:left}.wrapper-table-popup-pick{border:1px solid var(--inv-border);border-radius:var(--inv-radius);box-shadow:var(--inv-shadow)}.sidebar-monitoring{flex-grow:0;flex-shrink:0;left:0;padding-left:12px;padding-right:12px;position:sticky}.width_edit_logo{border-radius:50%;transition:background .15s,transform .15s}.width_edit_logo:hover{background:var(--inv-bg-zebra);transform:rotate(90deg)}.tapal-kuda{color:#0000;cursor:pointer;font-size:32px;font-weight:700;margin:0 12px}.font_size_td_mobile{padding:24px;white-space:nowrap}.width_popup{width:30%}@media (prefers-reduced-motion:reduce){.container_inventory *{transition:none!important}}@media only screen and (max-width:600px){.width_mobile_select_vp{width:138px!important}.width_popup{width:80%}.flex_wrap{gap:8px;margin:16px 0}.container_inventory{margin:12px auto auto;padding:24px 16px 0}.title_inventory{font-size:16px;margin-bottom:8px}.table_inventory_mobile{clear:both;font-size:12px;overflow:hidden;overflow-x:auto;width:100%}.font_size_td_mobile{font-size:14px}.popUp_history_search{height:480px;overflow-y:scroll}.margin_kirim_po{margin-right:0}.export_btn_inventory{margin-bottom:12px;margin-left:0}.search_box_inventory{width:150px}.export-laporan-inventory{flex-wrap:wrap}.wrapper_sub_menu_history .sub_menu_history{padding:8px 12px}}.si_title{color:#2d357a;font-size:22px;font-weight:700;margin:0 0 16px}.si_tabs{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:6px}.si_tab{border-radius:10px;color:#2d357a;cursor:pointer;font-size:15px;font-weight:500;margin:0;padding:9px 18px;transition:background .15s ease,color .15s ease}.si_tab:hover{background:#f1f2fb}.si_tab_active,.si_tab_active:hover{background:#2d357a;box-shadow:0 2px 8px #2d357a4d;color:#fff;font-weight:600}.si_card{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a14;padding:24px 28px 28px}.si_form{grid-gap:18px 24px;display:grid;gap:18px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.si_field{display:flex;flex-direction:column;min-width:0}.si_field_full{grid-column:1/-1}.si_label{color:#2d357a;font-size:14px;font-weight:600;margin:0 0 6px}.si_required{color:#d93025;margin-left:2px}.si_input,.si_select,.si_textarea{background:#fff;border:1.5px solid #dcdff2;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#1f2340;font-family:inherit;font-size:14px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.si_input,.si_select{height:40px}.si_select{cursor:pointer}.si_textarea{height:84px;padding:10px 12px;resize:none}.si_input:focus,.si_select:focus,.si_textarea:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.si_radio_group{display:flex;flex-wrap:wrap;gap:10px}.si_radio{align-items:center;border:1.5px solid #dcdff2;border-radius:999px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background .15s ease,border-color .15s ease}.si_radio:hover{background:#f6f6fc}.si_radio input{accent-color:#2d357a;cursor:pointer;margin:0}.si_radio_checked{background:#eef0fb;border-color:#2d357a;color:#2d357a;font-weight:600}.si_form_footer{border-top:1px solid #eceefa;display:flex;justify-content:flex-end;margin-top:4px;padding-top:16px}.si_btn_primary{background:#2d357a;border:none;border-radius:10px;box-shadow:0 4px 12px #2d357a4d;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:10px 32px;transition:transform .1s ease,box-shadow .15s ease}.si_btn_primary:hover{box-shadow:0 6px 16px #2d357a66}.si_btn_primary:active{transform:translateY(1px)}.si_popup_footer{display:flex;justify-content:flex-end;margin-top:12px}.si_filter{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f;display:inline-flex;flex-direction:column;margin-bottom:20px;padding:14px 20px}.si_filter .si_input{width:180px}.si_table_wrap{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a0f;max-height:70vh;overflow:auto}.si_table{border-spacing:0;width:100%}.si_table th{background:#e8e9f8;color:#2d357a;font-weight:600;position:sticky;top:0;white-space:nowrap;z-index:1}.si_table td,.si_table th{font-size:13px;padding:12px 10px;text-align:center}.si_table td{border-top:1px solid #f0f1fa;vertical-align:middle}.si_table tbody tr:nth-child(2n){background:#f9f9fd}.si_table tbody tr:hover{background:#eef0fb}.si_td_no{width:48px}.si_td_text{text-align:left}.si_chip{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.si_chip_in{background:#e3f6ea;color:#17763f}.si_chip_out{background:#fdecea;color:#b3261e}@media only screen and (max-width:600px){.si_title{font-size:18px}.si_tabs{gap:4px;margin-bottom:16px}.si_tab{font-size:13px;padding:8px 12px}.si_card{padding:16px}.si_form{gap:14px;grid-template-columns:1fr}.si_btn_primary{width:100%}.si_filter{display:flex}.si_filter .si_input{width:100%}.si_table td,.si_table th{padding:10px 8px}}.flex_center{align-items:center;display:flex}.width_number_mesin_qc{min-width:9%!important}.margin_right_27_qc{margin-right:24px}@media only screen and (max-width:600px){.width_number_mesin_qc{font-size:12px;max-width:25%!important;min-width:15%!important;text-align:center}.min_width_qc_27{min-width:27.5%!important;text-align:center}.none{display:none}.margin_right_27_qc{margin-right:12px}.min_width_history_width_15{font-size:12px;max-width:25%!important;min-width:15%!important;text-align:center}}.hp_root{margin:24px 24px 24px 204px}.hp_text{font-size:16px}.hp_tabs{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:6px}.hp_tab{border-radius:10px;color:#2d357a;cursor:pointer;font-size:15px;font-weight:500;margin:0;padding:9px 18px;transition:background .15s ease,color .15s ease}.hp_tab:hover{background:#f1f2fb}.hp_tab_active,.hp_tab_active:hover{background:#2d357a;box-shadow:0 2px 8px #2d357a4d;color:#fff;font-weight:600}.hp_filter_bar{align-items:flex-end;background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f;display:flex;flex-wrap:wrap;gap:14px 24px;margin-bottom:20px;padding:16px 20px}.hp_filter_item{display:flex;flex-direction:column}.hp_filter_label{color:#2d357a;font-size:13px;font-weight:600;margin:0 0 6px}.hp_input,.hp_select{background:#fff;border:1.5px solid #dcdff2;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#1f2340;font-family:inherit;font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.hp_select{cursor:pointer}.hp_select_shift{width:150px}.hp_select_year{width:100px}.hp_input:focus,.hp_select:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.hp_toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.hp_btn_green,.hp_btn_primary{border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;text-align:center;transition:background .15s ease,transform .1s ease}.hp_btn_green{background:#1e8e4e;box-shadow:0 3px 8px #1e8e4e4d;font-size:13px;line-height:1.3;padding:9px 16px}.hp_btn_green:hover{background:#17763f}.hp_btn_primary{background:#2d357a;box-shadow:0 3px 8px #2d357a4d;font-size:14px;padding:9px 24px}.hp_btn_primary:hover{background:#232a63}.hp_btn_green:active,.hp_btn_primary:active{transform:translateY(1px)}.hp_popup_header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hp_popup_title{color:#2d357a;font-size:17px;font-weight:700;margin:0}.hp_popup_close{cursor:pointer;opacity:.7;transition:opacity .15s ease}.hp_popup_close:hover{opacity:1}.hp_popup_fields{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px 20px;margin-bottom:16px}.hp_popup_footer{display:flex;justify-content:flex-end;margin-bottom:8px}.hp_popup_qr{display:flex;justify-content:center;padding:16px 0}.hp_table_scroll{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a0f;max-height:80vh;overflow:auto}.hp_table{border-spacing:0;width:100%}.hp_table th{background:#e8e9f8;color:#2d357a;font-size:13px;font-weight:600;padding:14px 18px;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:1}.hp_table td{border-top:1px solid #f0f1fa;font-size:14px;padding:14px 16px;text-align:center;vertical-align:middle}.hp_table tbody tr:nth-child(odd){background:#fff}.hp_table tbody tr:nth-child(2n){background:#f9f9fd}.hp_table tbody tr:hover{background:#eef0fb}.hp_nowrap{white-space:nowrap}.hp_cell_mesin{font-weight:600}.hp_cell_produk{padding:14px 22px}.hp_cell_ng p{margin:2px 0}.hp_cell_admin{padding:14px 28px}.hp_cell_ket{padding-right:16px;text-align:left;word-break:break-all}.hp_cell_ket_vp{line-height:24px;min-width:420px;text-align:left}.hp_cell_operator{min-width:236px}.hp_ket_row{display:flex;white-space:nowrap}.hp_ket_jam{color:#6b6f8d;width:50%}.hp_ket_jam,.hp_ket_text{padding:4px 0 0 10px;text-align:left}.hp_ket_text{word-break:break-all}.hp_list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px}.hp_card{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a14;box-sizing:border-box;margin-bottom:4px;max-width:100%;padding:16px 18px;width:550px}.hp_card_head{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);text-align:center}.hp_card_head_top{background:#f6f6fc;border-radius:10px;margin-bottom:6px;padding:8px 4px}.hp_card_head p{margin:6px 0}.hp_bold{font-weight:700}.hp_red{color:#d93025;font-weight:600}.hp_red_strong{color:#d93025;font-weight:900}.hp_card_edit{align-items:center;display:flex;justify-content:center}.hp_card_edit_icon{background:#ffe066;border-radius:8px;box-shadow:0 2px 6px #0000001f;cursor:pointer;padding:4px}.hp_status{border:1px solid #eceefa;border-radius:10px;margin-top:10px;overflow:hidden}.hp_status_row{align-items:center;border-bottom:1px solid #eceefa;display:grid;grid-template-columns:6% 20% 28% 26% 20%;padding:10px 6px;text-align:center}.hp_status_row:last-child{border-bottom:none}.hp_status_row:nth-child(2n){background:#f9f9fd}.hp_chip{background:#fff4d6;border-radius:999px;color:#8a6100;font-size:.85em;font-weight:600;justify-self:center;padding:3px 10px;white-space:nowrap}.hp_chip.hp_good{background:#e3f6ea;color:#17763f}.hp_chip.hp_block{background:#fdecea;color:#b3261e}.hp_status_date{color:#6b6f8d;display:flex;flex-direction:column;font-size:.9em;gap:2px;line-height:1.2}.hp_textarea{border:1.5px solid #dcdff2;border-radius:10px;box-sizing:border-box;font-family:arial;height:58px;margin:12px 0 8px;outline:none;padding:10px 12px;resize:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.hp_textarea:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.hp_comment{background:#f6f6fc;border-left:3px solid #2d357a;border-radius:8px;margin-top:12px;padding:6px 14px}.hp_comment_name{color:#2d357a;font-size:.9em;font-weight:700;margin:6px 0 2px}.hp_comment_desc{margin:2px 0 8px;max-width:100%;word-break:break-all}@media only screen and (max-width:600px){.hp_root{margin:12px auto auto;padding:24px 12px 0}.hp_text{font-size:12px}.hp_tabs{gap:4px;margin-bottom:14px}.hp_tab{font-size:13px;padding:8px 12px}.hp_filter_bar{gap:12px 16px;padding:12px 14px}.hp_toolbar{margin-left:0;width:100%}.hp_btn_green{flex:1 1;font-size:12px;padding:8px 10px}.hp_list{gap:0}.hp_card{margin:0 0 16px;padding:12px;width:100%}.hp_status_row{padding:8px 2px}}.hp_title{color:#2d357a;font-size:22px;font-weight:700;margin:0 0 16px}.hp_popup_close{height:24px;width:24px}.hp_card_edit_icon{box-sizing:border-box;height:28px;width:28px}.hp_root input[type=date],.hp_root select{background:#fff;border:1.5px solid #dcdff2;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#1f2340;font-family:inherit;font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.hp_root select{cursor:pointer}.hp_root input[type=date]:focus,.hp_root select:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.container_header_list_bahan{background:#e8e9f8;border-radius:8px 8px 0 0;display:flex;justify-content:space-around;padding:18px 24px;text-align:left;text-align:initial}.table_header_list_bahan{color:#2d357a;font-weight:700;min-width:25%}.container_data_list_bahan{align-items:center;background-color:#fff;display:flex;justify-content:space-around;padding:12px 24px}.font_data_list_bahan{color:#5d5d5d;min-width:25%}.background_odd_list_bahan{background:#f2f2f2}.button_delete_list_bahan{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}@media only screen and (max-width:600px){.container_data_list_bahan,.container_header_list_bahan{padding:12px 6px}.font_data_list_bahan,.table_header_list_bahan{font-size:12px;max-width:25%;min-width:21%}.button_delete_list_bahan{padding:4px 6px}}.container_list_bahan{margin:24px 24px 24px 204px}.wrapper_tambah_list{align-items:center;background:#26a65b;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding-bottom:6px;width:100px}.wrapper_header{align-items:center;display:flex;justify-content:space-between}.font_tambah_button{font-size:16px;margin-top:4px}.icon_add_list{font-size:24px}.wrapper_button_submit_popup{display:flex;justify-content:flex-end;width:100%}.wrapper_content_popup{display:flex;flex-wrap:wrap}.button_popup{background:none;border:1px solid #000;border-radius:6px;cursor:pointer;height:32px;margin-left:6px;width:78px}.background_red{background:red;border:none;color:#fff}.input_new_bahan{background:#fff;border:none;border-radius:3px;box-shadow:0 0 5pt .5pt #d3d3d3;height:30px;padding:6px;width:180px}@media only screen and (max-width:600px){.container_list_bahan{margin:12px auto auto;padding:24px 16px 0}.icon_add_list{font-size:18px}.font_tambah_button{font-size:14px}.wrapper_tambah_list{height:26px;width:90px}.wrapper_button_submit_popup{margin-top:18px}}.qc_root{margin:24px 24px 24px 204px}.qc_card{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a14;padding:8px 28px 28px}.qc_title{color:#2d357a;margin:20px 0 16px}.qc_tabs{background:#f6f6fc;border-radius:12px;display:flex;gap:6px;margin-bottom:24px;padding:5px}.qc_tab{border-radius:9px;color:#2d357a;cursor:pointer;flex:1 1;font-size:15px;margin:0;padding:9px 12px;text-align:center;transition:background .15s ease,color .15s ease}.qc_tab:hover{background:#e8e9f8}.qc_tab_active,.qc_tab_active:hover{background:#2d357a;box-shadow:0 2px 8px #2d357a4d;color:#fff;font-weight:600}.qc_field{margin-bottom:18px}.qc_label{color:#2d357a;font-size:14px;font-weight:600;margin:0 0 6px}.qc_required{color:#d93025}.qc_error{background:#fdecea;border-left:4px solid #d93025;border-radius:6px;color:#b3261e;font-size:14px;font-weight:600;margin:0 0 16px;padding:10px 14px}.qc_input,.qc_select{background:#fff;border:1.5px solid #dcdff2;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#1f2340;font-family:inherit;font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.qc_select{cursor:pointer}.qc_input:focus,.qc_select:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.qc_full{width:100%}.qc_select_shift{width:160px}.qc_unit{align-items:center;color:#6b6f8d;display:flex;font-size:13px;gap:8px}.qc_input_weight{height:36px;padding:0 8px;text-align:center;width:84px}.qc_input_wide{max-width:140px;width:100%}.qc_two_col{grid-gap:0 20px;display:grid;gap:0 20px;grid-template-columns:1fr 1fr}.qc_submit_row{border-top:1px solid #eceefa;display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px}.qc_btn_primary{background:#2d357a;border:none;border-radius:10px;box-shadow:0 4px 12px #2d357a4d;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:11px 36px;transition:transform .1s ease,box-shadow .15s ease}.qc_btn_primary:hover{box-shadow:0 6px 16px #2d357a66}.qc_btn_primary:active{transform:translateY(1px)}.qc_table_wrapper{border:1px solid #eceefa;border-radius:12px;overflow-x:auto}.qc_table{border-collapse:initial;border-spacing:0;width:100%}.qc_table th{background:#e8e9f8;color:#2d357a;font-size:13px;font-weight:600;padding:12px 14px;position:static}.qc_table td,.qc_table th{text-align:center;vertical-align:middle}.qc_table td{border-top:1px solid #f0f1fa;font-size:14px;padding:10px 14px}.qc_table tbody tr:hover{background:#f6f6fc}.qc_td_mesin{font-weight:600;width:48px}.qc_td_mold{min-width:140px}.qc_td_input{min-width:120px}.qc_cavity_grid{grid-gap:12px;background:#f9f9fd;border:1px solid #eceefa;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));padding:14px}.qc_cavity_item{font-size:13px}.qc_cavity_label{color:#6b6f8d;font-weight:600;margin:0 0 4px 2px}.qc_cavity_input{font-size:13px;height:36px;padding:0 6px;text-align:center;width:100%}@media only screen and (max-width:600px){.qc_root{margin:12px auto auto;padding:12px 12px 0}.qc_card{border-radius:12px;padding:4px 16px 20px}.qc_tab{font-size:12px;padding:8px 4px}.qc_select_shift{width:100%}.qc_input_weight{height:34px;width:60px}.qc_table th{font-size:12px;padding:8px 10px}.qc_table td{font-size:12px;padding:8px}.qc_td_input{min-width:96px}.qc_cavity_grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));padding:10px}.qc_two_col{gap:0 12px}.qc_btn_primary{width:100%}}.qc_popup_footer{display:flex;justify-content:flex-end;margin-top:12px}.table_header_list_produk{color:#2d357a;font-weight:700;min-width:20%;text-align:center}.font_data_produk{color:#5d5d5d;font-weight:400}.width_delete_button{min-width:10%}.width_30_list_produk{min-width:30%}.width_edit_logo{cursor:pointer;height:32px;width:32px}@media only screen and (max-width:600px){.table_header_list_produk{font-size:12px;max-width:23.33%;min-width:14%}.none{display:none}}.flex_wrap{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.flex_wrap .wrapper_card_approval_laporan{margin:0;min-width:0;width:100%}.flex_wrap_between{display:flex;flex-flow:wrap;justify-content:space-between}.container_card_dashboard_ppic{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 10px #14143c12;display:flex;flex-direction:column;margin:0 16px 16px 0;padding:18px;width:250px}.image_logo_machine{width:96px}.title_machine{font-size:18px}.sub_title_card_dashboard,.title_machine{color:#6b6f85;font-weight:700}.width_dashboard_108{width:108px}.width_dashboard_100_percent{width:100%}.flex_wrap .wrapper_card_approval_laporan{font-size:12px;line-height:1.4}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan:first-child p{font-size:9px!important}.flex_wrap .wrapper_card_approval_laporan .tittle-machine-dashboard{font-size:15px}.flex_wrap .wrapper_card_approval_laporan .tittle-customer-dashboard{font-size:12px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p.tittle-machine-dashboard{font-size:15px}.flex_wrap .wrapper_card_approval_laporan>.flex_justify_between>p{font-size:12px}.flex_wrap .wrapper_card_approval_laporan .tittle-reject-dashboard{font-size:11px!important}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>div>p:first-child{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .font_14{font-size:12.5px;margin:6px 0 4px!important}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>p[style*="14px"]{font-size:11px!important}.flex_wrap .wrapper_card_approval_laporan .size-keterangan-dashboard{font-size:11px;line-height:1.45!important}.flex_wrap .wrapper_card_approval_laporan table td,.flex_wrap .wrapper_card_approval_laporan table th{font-size:11px!important}@media only screen and (max-width:600px){.flex_wrap{gap:10px;grid-template-columns:minmax(0,1fr)}.container_card_dashboard_ppic{margin:10px 0;width:100%}.flex_wrap .wrapper_card_approval_laporan{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan:first-child p{font-size:8.5px!important}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p.tittle-machine-dashboard{font-size:13px}.flex_wrap .wrapper_card_approval_laporan .section_approval_laporan p,.flex_wrap .wrapper_card_approval_laporan .tittle-customer-dashboard{font-size:10px}.flex_wrap .wrapper_card_approval_laporan>.flex_justify_between>p{font-size:11px}.flex_wrap .wrapper_card_approval_laporan .tittle-reject-dashboard{font-size:10px!important}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>div>p:first-child{font-size:9.5px}.flex_wrap .wrapper_card_approval_laporan .font_14{font-size:10.5px}.flex_wrap .wrapper_card_approval_laporan .flex_justify_between>p[style*="14px"],.flex_wrap .wrapper_card_approval_laporan .size-keterangan-dashboard,.flex_wrap .wrapper_card_approval_laporan table td,.flex_wrap .wrapper_card_approval_laporan table th{font-size:10px!important}}.container_dashboard{margin:16px 24px 24px 204px}.sticky_filter{align-items:flex-end;background:#f6f6fc;display:flex;flex-wrap:wrap;gap:4px 0;padding:8px 0;position:sticky;top:0;z-index:5}.p-margin-subtittle-dashboard{color:#666;font-size:12px;font-weight:600;margin:0 0 6px}.date_pick_dashboard{box-sizing:border-box;width:140px}.date_pick_dashboard,.input_select_filter{background:#fff;border:1px solid #e3e5f3;border-radius:8px;box-shadow:0 1px 3px #14143c0f;font-size:14px;height:36px;padding:0 8px}.input_select_filter{cursor:pointer;width:144px}.input_dashboard_operator{border:1px solid #d5d8ea;border-radius:6px;box-sizing:border-box;font-size:14px;height:32px;padding:2px 8px;width:80%}.input_dashboard_operator:focus{border-color:#81bfda;box-shadow:0 0 0 3px #81bfda40;outline:none}.button_export_sp{align-items:center;background:#1f9d55;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin:0 12px 0 0;padding:0 14px;transition:filter .15s}.button_export_sp:hover{filter:brightness(1.08)}.btn_reset_sp{background:#81bfda;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:36px;line-height:36px;margin:0 12px 0 0;padding:0 14px}.tittle-machine-dashboard{color:#6b6f85;font-size:16px;font-weight:700}.tittle-customer-dashboard{font-size:16px;font-weight:700;margin:12px 0 6px}.tittle-reject-dashboard{font-size:16px;margin:6px 0;text-align:end}.size-keterangan-dashboard{font-size:14px}.container_dashboard .card_approval_top_plate,.container_dashboard .wrapper_card_approval_laporan{background:#fff;border:1px solid #eceef8;border-radius:14px;box-shadow:0 2px 10px #14143c12;box-sizing:border-box;margin:0 16px 16px 0;max-width:100%;padding:14px 16px;transition:box-shadow .2s,transform .2s;width:320px}.container_dashboard .card_approval_top_plate:hover,.container_dashboard .wrapper_card_approval_laporan:hover{box-shadow:0 6px 18px #14143c1f}.container_dashboard .container_card_approval_laporan{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.container_dashboard .container_card_approval_laporan .card_approval_top_plate,.container_dashboard .container_card_approval_laporan .wrapper_card_approval_laporan{margin:0;width:100%}.container_dashboard .flex_justify_between,.container_dashboard .section_approval_laporan{align-items:center;display:flex;gap:8px;justify-content:space-between}.container_dashboard .title_inventory{border-left:4px solid #81bfda;font-size:18px;font-weight:700;margin:24px 0 12px;padding-left:10px}.container_dashboard .card_approval_top_plate table,.container_dashboard .wrapper_card_approval_laporan table{border-collapse:collapse}.container_dashboard .card_approval_top_plate th,.container_dashboard .wrapper_card_approval_laporan th{background:#f3f4fb;font-size:12px}.container_dashboard .container_card_approval_laporan .card_approval_top_plate th{padding:12px 8px!important;white-space:nowrap}.container_dashboard .container_card_approval_laporan .card_approval_top_plate td{padding:12px 8px!important}.hide-desktop-newsletter{display:none}.btn-close-newsletter{background:#81bfda;border:none;border-radius:8px;color:#fff;cursor:pointer;float:right;font-weight:600;margin-top:12px;padding:8px 14px}.mark{background:#0000;background-image:linear-gradient(90deg,#ffe1001a,#ffe100b3 4%,#ffe1004d);border-radius:.8em .3em;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.4em;padding:.1em .4em}.animated-text{animation:color-change 5s infinite alternate}@keyframes color-change{0%{color:#f06}25%{color:#6a0066}50%{color:#934790}75%{color:#e8d4b7}to{color:#f06}}@media only screen and (max-width:600px){.container_dashboard{box-sizing:border-box;font-size:12px;margin:12px auto auto;max-width:100%;overflow-x:clip;padding:36px 10px 0}.container_dashboard label,.container_dashboard p,.container_dashboard td,.container_dashboard th{font-size:12px}.container_dashboard .font_14,.container_dashboard .size-keterangan-dashboard{font-size:11px}.padding-mobile-newsletter{padding:12px}.font-12-mobile-newsletter,.font-14-newsletter{font-size:11px}.font-14-mobile-newsletter{font-size:12px}.hide-desktop-newsletter{display:flex}.sticky_filter{gap:4px 0;padding:6px 0;top:41px}.p-margin-subtittle-dashboard{font-size:10px!important;margin:0 0 3px}.input_select_filter{font-size:10px;height:30px;padding:0 4px;width:82px}.date_pick_dashboard{font-size:10px;height:30px;padding:0 4px;width:92px}.btn_reset_sp{line-height:30px;margin:0 6px 0 0}.btn_reset_sp,.button_export_sp{font-size:11px;height:30px;padding:0 8px}.button_export_sp{margin:0 4px 0 0}.tittle-customer-dashboard,.tittle-machine-dashboard,.tittle-reject-dashboard{font-size:12px!important}.container_dashboard .container_card_approval_laporan{gap:10px;grid-template-columns:minmax(0,1fr)}.container_dashboard .card_approval_top_plate,.container_dashboard .wrapper_card_approval_laporan{border-radius:12px;margin:0 0 10px;max-width:100%;padding:10px;width:100%}.container_dashboard .card_approval_top_plate table,.container_dashboard .wrapper_card_approval_laporan table{max-width:100%}.container_dashboard .container_card_approval_laporan .card_approval_top_plate td,.container_dashboard .container_card_approval_laporan .card_approval_top_plate th{padding:12px 6px!important}.container_dashboard .title_inventory{font-size:14px;margin:16px 0 8px}.input_dashboard_operator{font-size:12px;height:28px}}.op_card{display:flex;flex-direction:column;font-size:12px;gap:4px}.op_card p{margin:0}.op_card_warning{border:2px solid #e43636!important}.op_form_row{color:#8a8fa3;font-size:9px;margin-bottom:4px}.op_form_row,.op_header{display:flex;justify-content:space-between}.op_header{align-items:flex-start;gap:8px}.op_header_right{align-items:center;display:flex;gap:8px}.op_card .op_machine{font-size:15px}.op_date{color:#8a8fa3;font-size:11px;margin-top:2px!important}.op_card .op_customer{font-size:12px;margin:0!important;text-align:right}.op_edit_logo{background:#ffe600;border-radius:6px;cursor:pointer}.op_operator{color:#555;font-size:12px;margin-top:6px!important}.op_mold{font-size:13px;font-weight:700}.op_color_row{align-items:center;display:flex;justify-content:space-between}.op_color{font-size:12px;font-weight:700}.op_shift{background:#eef0fb;border-radius:999px;font-size:11px;padding:2px 10px}.op_kpi_row{display:flex;gap:10px;margin:8px 0 4px}.op_kpi{align-items:center;border-radius:10px;display:flex;flex:1 1;flex-direction:column;padding:8px 6px}.op_kpi_label{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.op_kpi_value{font-size:18px;font-weight:700;line-height:1.3}.op_kpi_reject{background:#fdecec;color:#d32f2f}.op_kpi_good{background:#e6f7f3;color:#0f9b82}.op_kpi_low{background:#fdecec;color:#d32f2f}.op_grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin-top:6px}.op_span_2{grid-column:span 2}.op_label{color:#444;font-size:11px;font-weight:700;margin-bottom:3px!important}.op_value{font-size:12.5px}.op_text_red{color:#e43636!important}.op_text_green{color:#20b2aa!important}.op_card .input_dashboard_operator{box-sizing:border-box;font-size:12.5px;width:100%}.op_section{border-top:1px dashed #e0e0e8;margin-top:10px;padding-top:8px}.op_ng_head{font-size:11px;font-weight:700;margin-bottom:6px}.op_ng_head,.op_ng_row{display:flex;justify-content:space-between}.op_ng_row{padding:3px 0}.op_card .size-keterangan-dashboard{font-size:11px;line-height:1.45}.op_table_wrap{overflow-x:auto;width:100%}.op_table{border-collapse:collapse;font-size:11px;width:100%}.op_table th{background:#f3f4fb;font-size:11px;padding:6px;position:static;text-align:left}.op_table td{padding:5px 6px;vertical-align:top}.op_td_jam{white-space:nowrap}.op_td_ket{word-break:break-all}@media only screen and (max-width:600px){.op_card{font-size:11px;min-width:0}.op_form_row{font-size:8.5px}.op_card .op_machine{font-size:13px}.op_color,.op_date,.op_operator,.op_shift{font-size:10px}.op_card .op_customer,.op_mold{font-size:11px}.op_kpi{padding:5px 4px}.op_kpi_label{font-size:8.5px}.op_kpi_value{font-size:14px}.op_grid{gap:8px 10px}.op_label{font-size:9.5px}.op_card .input_dashboard_operator,.op_value{font-size:10.5px}.op_card .size-keterangan-dashboard,.op_ng_head,.op_table,.op_table th{font-size:10px}}.opr_page{padding-bottom:32px}.opr_page .title_inventory{border-left:4px solid #81bfda;font-size:20px;font-weight:700;margin:0 0 12px;padding-left:10px}.opr_page .wrapper_sub_menu_history{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.opr_page .wrapper_sub_menu_history::-webkit-scrollbar{display:none}.opr_page .sub_menu_history{cursor:pointer;flex-shrink:0}.opr_error{background:#fdecec;border:1px solid #f5c2c2;border-radius:10px;color:#d32f2f;font-size:14px;font-weight:600;margin:12px 0;padding:10px 14px}.opr_card{background:#fff;border:1px solid #eceef8;border-radius:14px;box-shadow:0 2px 10px #14143c0f;margin-top:14px;padding:16px}.opr_card_title{color:#6b6f85;font-size:13px;font-weight:700;letter-spacing:.4px;margin:0 0 12px;text-transform:uppercase}.opr_row{grid-gap:14px 16px;display:grid;gap:14px 16px}.opr_row+.opr_row{margin-top:14px}.opr_row_2{grid-template-columns:repeat(2,minmax(0,1fr))}.opr_row_3{grid-template-columns:repeat(3,minmax(0,1fr))}.opr_span_2{grid-column:span 2}.opr_field{display:flex;flex-direction:column;gap:6px;min-width:0}.opr_label{color:#555;font-size:12px;font-weight:600;margin:0}.opr_req{color:#e43636;margin-left:2px}.opr_input,.opr_select,.opr_textarea{background:#fff;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;color:#222;font-size:14px;height:40px;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.opr_select{cursor:pointer}.opr_textarea{font-family:arial,sans-serif;height:96px;padding:10px;resize:none}.opr_input:focus,.opr_select:focus,.opr_textarea:focus{border-color:#81bfda;box-shadow:0 0 0 3px #81bfda47;outline:none}.opr_input::placeholder{color:#aeb2c8}.opr_input_jam{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.5px;text-align:center}.opr_stat{display:flex;flex-direction:column;gap:6px;min-width:0}.opr_stat_value{align-items:center;background:#f3f4fb;border-radius:8px;box-sizing:border-box;color:#333;display:flex;font-size:15px;font-weight:700;height:40px;padding:0 12px}.opr_stat_error .opr_label{color:#d32f2f}.opr_stat_error .opr_stat_value{background:#fdecec;color:#d32f2f}.opr_check{align-items:center;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;padding:0 12px;-webkit-user-select:none;user-select:none}.opr_check input{cursor:pointer;height:18px;margin:0;width:18px}.opr_list_head,.opr_list_row{grid-gap:10px;align-items:center;display:grid;gap:10px}.opr_list_head{color:#6b6f85;font-size:12px;font-weight:700;margin-bottom:8px}.opr_list_row+.opr_list_row{margin-top:10px}.opr_cols_ng{grid-template-columns:minmax(0,1fr) 96px}.opr_cols_jam{grid-template-columns:130px minmax(0,1fr)}.opr_cols_sticker{grid-template-columns:130px minmax(0,1fr) 90px}.opr_page .select_item_gbj{font-size:14px;margin:0!important;min-width:0;width:auto!important}.opr_stepper{display:flex;gap:12px;justify-content:flex-end;margin-top:14px}.opr_page .button_plus{border-radius:50%;cursor:pointer;font-size:20px;height:38px;line-height:1;margin:0!important;width:38px}.opr_actions{display:flex;justify-content:flex-end;margin-top:18px}.opr_page .button_submit_memo{border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;height:44px;margin:0!important;min-width:140px}@media only screen and (max-width:600px){.opr_page{max-width:100%;overflow-x:clip}.opr_page .title_inventory{font-size:15px}.opr_card{border-radius:12px;margin-top:10px;padding:10px}.opr_card_title{font-size:11px;margin-bottom:8px}.opr_row{gap:10px}.opr_row_3{grid-template-columns:repeat(2,minmax(0,1fr))}.opr_row_3>:first-child{grid-column:span 2}.opr_label{font-size:11px}.opr_input,.opr_select{font-size:13px;height:34px;max-width:100%;min-width:0;padding:0 8px}.opr_textarea{font-size:13px;height:80px}.opr_stat_value{font-size:13px;height:34px}.opr_check{font-size:11px;height:34px}.opr_page .select_item_gbj{font-size:12px}.opr_cols_ng{grid-template-columns:minmax(0,1fr) 72px}.opr_cols_jam{grid-template-columns:104px minmax(0,1fr)}.opr_cols_sticker{grid-template-columns:minmax(0,1fr) 72px}.opr_cols_sticker>:first-child{grid-column:span 2}.opr_cols_sticker.opr_list_head{display:none}.opr_page .button_plus{font-size:18px;height:32px;width:32px}.opr_page .button_submit_memo{font-size:14px;height:40px;width:100%}}.width_mold_name{width:30%}.apl-page{--apl-navy:#2d357a;--apl-navy-soft:#e8e9f8;--apl-blue:#81bfda;--apl-blue-dark:#4a9bc0;--apl-red:#d93636;--apl-red-dark:#b82a2a;--apl-text:#1f2430;--apl-muted:#6b7280;--apl-border:#e3e6ee;--apl-bg:#f4f6fb;--apl-radius:12px;--apl-shadow:0 1px 3px #141c4614,0 6px 18px #141c4612;color:var(--apl-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.apl-page :focus-visible{border-radius:6px;outline:2px solid var(--apl-blue-dark);outline-offset:2px}.apl-page p{margin-top:0}.apl-section-title{align-items:center;color:var(--apl-navy);display:flex;font-size:20px;font-weight:700;gap:10px;letter-spacing:.5px;margin:28px 0 14px}.apl-section-title:before{background:var(--apl-navy);border-radius:3px;content:"";height:22px;width:5px}.apl-filter{align-items:flex-end;background:#fff;border:1px solid var(--apl-border);border-radius:var(--apl-radius);box-shadow:var(--apl-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:8px;padding:14px 16px;position:sticky;top:0;z-index:20}.apl-filter>div{margin:0!important}.apl-field>p,.apl-filter>div>p:first-child:not(.apl-btn-reset){color:var(--apl-navy);font-size:13px;font-weight:600;margin:0 0 6px}.apl-page .apl-date,.apl-page .apl-filter input[type=date],.apl-page .apl-filter select,.apl-page .apl-select{background:#fff;border:1.5px solid var(--apl-border);border-radius:8px;box-sizing:border-box;color:var(--apl-text);font-family:inherit;font-size:14px;height:38px;margin:0;min-width:140px;padding:6px 10px;transition:border-color .15s,box-shadow .15s;width:auto}.apl-page .apl-date:focus,.apl-page .apl-filter input[type=date]:focus,.apl-page .apl-filter select:focus,.apl-page .apl-select:focus{border-color:var(--apl-blue-dark);box-shadow:0 0 0 3px #81bfda40}.apl-btn-reset{background:var(--apl-blue-dark);border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font-size:14px;font-weight:600;height:38px;margin:0!important;padding:0 18px;place-items:center;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.apl-btn-reset:hover{background:#3b86a8}.apl-btn-reset:active{transform:scale(.97)}.apl-filter img[alt=refresh]{border-radius:50%;margin:0 0 0 8px!important;padding:4px;transition:background .15s,transform .3s}.apl-filter img[alt=refresh]:hover{background:var(--apl-navy-soft);transform:rotate(180deg)}.apl-card-grid{align-items:flex-start;display:flex;flex-flow:wrap;gap:16px}.apl-card{background:#fff;border:1px solid var(--apl-border);border-radius:var(--apl-radius);border-top:4px solid var(--apl-navy);box-shadow:var(--apl-shadow);box-sizing:border-box;font-size:14px;line-height:1.4;padding:0 14px 16px;width:290px}.apl-card>.apl-card-row:first-child{background:var(--apl-bg);color:var(--apl-muted);margin:0 -14px 10px!important;padding:6px 14px}.apl-card-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.apl-machine{background:var(--apl-navy);border-radius:999px;color:#fff;display:inline-block;font-size:15px;padding:4px 12px;white-space:nowrap;width:auto!important}.apl-bold,.apl-machine{font-weight:700}.apl-bold+.apl-value{margin-top:0!important}.apl-row>div>.apl-bold{color:var(--apl-muted);font-size:12px;font-weight:600}.apl-value{color:var(--apl-text);font-size:15px!important;font-weight:600}.apl-row{border-bottom:1px dashed var(--apl-border);display:flex;gap:8px;justify-content:space-between;padding:4px 0}.apl-row:last-child{border-bottom:none}.apl-card table,.apl-card-simple table{border-collapse:collapse;width:100%}.apl-card table th,.apl-card-simple table th{background:var(--apl-navy-soft);color:var(--apl-navy);font-weight:700}.apl-card table td,.apl-card-simple table td{border-bottom:1px solid var(--apl-border)}.apl-card-simple{background:#fff;border:1px solid var(--apl-border);border-radius:var(--apl-radius);border-top:4px solid var(--apl-blue-dark);box-shadow:var(--apl-shadow);box-sizing:border-box;font-size:14px;line-height:1.4;margin:0 16px 16px 0;padding:4px 16px 16px;width:340px}.apl-card-simple p{margin-bottom:6px}.apl-card-simple p b{color:var(--apl-muted);font-size:12px;font-weight:600}.apl-popup-actions{display:flex;justify-content:flex-end}.apl-popup-btn{background:var(--apl-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 28px;transition:background .15s}.apl-popup-btn:hover{background:var(--apl-red-dark)}.apl-submit{background:var(--apl-red);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin:24px 0 48px;padding:12px 40px;transition:background .15s,transform .1s,box-shadow .15s}.apl-submit:hover{background:var(--apl-red-dark);box-shadow:0 4px 12px #d936364d}.apl-submit:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.apl-page *{transition:none!important}}@media only screen and (max-width:600px){.apl-filter{gap:10px;padding:12px}.apl-filter>div:not(:last-child){flex:1 1 140px}.apl-page .apl-date,.apl-page .apl-filter input[type=date],.apl-page .apl-filter select,.apl-page .apl-select{width:100%}.apl-card-grid{gap:14px}.apl-card,.apl-card-simple{font-size:13px;margin:0 0 14px;width:100%}.apl-value{font-size:14px!important}.apl-submit{width:100%}}.patrol{--p-primary:#1d4ed8;--p-danger:#dc2626;--p-ok:#16a34a;--p-border:#e2e8f0;--p-bg:#f8fafc;--p-text:#0f172a;--p-muted:#64748b}.patrol_tabs{background:#eef2f7;border-radius:10px;display:flex;margin:12px 0 18px;padding:4px}.patrol_tab{background:#0000;border:0;border-radius:8px;color:var(--p-muted);cursor:pointer;flex:1 1;font-weight:600;padding:10px 0}.patrol_tab.active{background:#fff;box-shadow:0 1px 4px #0f172a1f;color:var(--p-primary)}.patrol_card{background:#fff;border:1px solid var(--p-border);border-radius:14px;box-shadow:0 2px 10px #0f172a0d;padding:18px}.patrol_step{align-items:center;display:flex;gap:10px;margin:18px 0 10px}.patrol_step:first-child{margin-top:0}.patrol_step_no{align-items:center;background:var(--p-primary);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:24px;justify-content:center;width:24px}.patrol_step_title{color:var(--p-text);font-weight:700}.patrol_label{color:var(--p-muted);font-size:13px;font-weight:600;margin:12px 0 6px}.patrol_chips{display:flex;gap:8px;margin-bottom:10px}.patrol_chips.wrap{flex-wrap:wrap}.chip{background:var(--p-bg);border:1px solid var(--p-border);border-radius:999px;color:var(--p-text);cursor:pointer;flex:1 1;font-size:14px;padding:9px 12px;white-space:nowrap}.patrol_chips.wrap .chip{flex:none}.chip.active{background:var(--p-primary);border-color:var(--p-primary);color:#fff}.chip_trouble.active{background:var(--p-danger);border-color:var(--p-danger)}.patrol_input{background:#fff}.patrol_input,.patrol_textarea{border:1px solid var(--p-border);border-radius:10px;box-sizing:border-box;font-size:15px;padding:11px 12px;width:100%}.patrol_textarea{font-family:inherit;height:96px;resize:none}.patrol_input:focus,.patrol_textarea:focus{border-color:var(--p-primary);outline:2px solid #1d4ed840}.patrol_condition{display:flex;gap:10px}.cond{background:#fff;border:2px solid var(--p-border);border-radius:12px;color:var(--p-muted);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:8px;padding:14px 0}.cond,.cond_icon{align-items:center;justify-content:center}.cond_icon{background:var(--p-border);border-radius:50%;color:#fff;display:inline-flex;font-size:13px;height:22px;width:22px}.cond_ok.active{background:#f0fdf4;border-color:var(--p-ok);color:var(--p-ok)}.cond_ok.active .cond_icon{background:var(--p-ok)}.cond_trouble.active{background:#fef2f2;border-color:var(--p-danger);color:var(--p-danger)}.cond_trouble.active .cond_icon{background:var(--p-danger)}.trouble_box{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:12px;padding:14px}.patrol_alert{border-radius:10px;font-size:14px;font-weight:600;margin:10px 0;padding:10px 12px}.patrol_alert.error{background:#fef2f2;color:var(--p-danger)}.patrol_alert.success{background:#f0fdf4;color:var(--p-ok)}.patrol_scanner{border-radius:12px;display:none;margin-bottom:12px;overflow:hidden}.patrol_scanner.show{display:block}.patrol_btn{background:var(--p-primary);border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 0;width:100%}.patrol_btn.danger{background:var(--p-danger)}.patrol_btn.secondary{background:#e2e8f0;color:var(--p-text)}.history_filter{background:#fff;border:1px solid var(--p-border);border-radius:14px;padding:14px}.history_row,.history_toggle{display:flex;gap:8px}.history_toggle{align-items:center;color:var(--p-text);font-size:14px;margin-top:12px}.history_summary{display:flex;gap:10px;margin:14px 0}.sum_box{background:#fff;border:1px solid var(--p-border);border-radius:12px;flex:1 1;padding:12px;text-align:center}.sum_box b{color:var(--p-primary);display:block;font-size:24px}.sum_box span{color:var(--p-muted);font-size:12px}.sum_trouble b{color:var(--p-danger)}.history_list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.history_empty{color:var(--p-muted);grid-column:1/-1;padding:24px 0;text-align:center}.h_card{background:#fff;border:1px solid var(--p-border);border-left:5px solid var(--p-ok);border-radius:12px;box-shadow:0 2px 8px #0f172a0d;padding:12px 14px}.h_card.h_trouble{background:snow;border-left-color:var(--p-danger)}.h_top{align-items:center;display:flex;justify-content:space-between}.h_mesin{font-size:16px;font-weight:700}.badge{border-radius:999px;font-size:12px;font-weight:700;padding:3px 10px}.badge_ok{background:#dcfce7;color:var(--p-ok)}.badge_trouble{background:#fee2e2;color:var(--p-danger)}.h_mold{color:var(--p-text);font-weight:600;margin:6px 0 2px}.h_meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}.h_meta,.h_note{color:var(--p-muted);font-size:13px}.h_note{margin:8px 0 0}.h_trouble_detail{border-top:1px dashed #fecaca;font-size:14px;margin-top:8px;padding-top:8px}.h_trouble_detail b{color:var(--p-danger)}.h_trouble_detail p{margin:4px 0 0}@media only screen and (max-width:600px){.history_list{grid-template-columns:1fr}.history_row{flex-direction:column}}.po-modal,.po-root{--po-primary:#0e5d5a;--po-primary-soft:#e4f1f0;--po-green:#2f8f4e;--po-red:#d32f2f;--po-orange:#f08c00;--po-gold:#fcba03;--po-border:#dbe3e6;--po-surface:#fff;--po-alt:#f4f7f8;--po-text:#1d2b30;--po-muted:#66777f;--po-radius:6px;color:var(--po-text)}.po-root{margin:16px 24px 24px 204px}.po-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.po-header-actions{display:flex;gap:8px}.po-title{font-size:24px;font-weight:700;margin:0}.po-tabs{border-bottom:2px solid var(--po-border);display:flex;gap:4px;margin-bottom:16px;overflow-x:auto}.po-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--po-muted);cursor:pointer;font-size:14px;font-weight:600;margin:0 0 -2px;padding:10px 18px;white-space:nowrap}.po-tab--active,.po-tab:hover{color:var(--po-primary)}.po-tab--active{border-bottom-color:var(--po-primary)}.po-btn{align-items:center;background:var(--po-green);border:1px solid #0000;border-radius:var(--po-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;line-height:1.2;padding:8px 16px;transition:filter .15s}.po-btn:hover{filter:brightness(.92)}.po-btn:focus-visible,.po-icon-btn:focus-visible,.po-tab:focus-visible{outline:2px solid var(--po-primary);outline-offset:2px}.po-btn:disabled{cursor:not-allowed;filter:none;opacity:.5}.po-btn--primary{background:var(--po-primary)}.po-btn--success{background:var(--po-green)}.po-btn--danger{background:var(--po-red)}.po-btn--warning{background:var(--po-orange)}.po-btn--gold{background:var(--po-gold);color:#222}.po-btn--ghost{background:var(--po-surface);border-color:var(--po-border);color:var(--po-primary)}.po-btn--sm{font-size:13px;padding:6px 12px}.po-btn-square{align-items:center;background:var(--po-surface);border:1px solid var(--po-border);border-radius:var(--po-radius);cursor:pointer;display:inline-flex;font-size:16px;height:30px;justify-content:center;line-height:1;width:30px}.po-btn-square:hover{background:var(--po-primary-soft)}.po-btn-square:disabled{cursor:not-allowed;opacity:.4}.po-icon-btn{cursor:pointer;height:18px;vertical-align:middle;width:18px}.po-refresh{cursor:pointer;height:30px;width:30px}.po-link-btn{color:var(--po-primary);font-size:13px;font-weight:600;margin:0 6px 0 0;padding:6px}.po-link,.po-link-btn{cursor:pointer;text-decoration:underline}.po-link{background:none;border:none;color:#1a56db;font-size:14px;font-weight:700;padding:0}.po-input,.po-select,.po-textarea{background:var(--po-surface);border:1px solid var(--po-border);border-radius:var(--po-radius);color:var(--po-text);font-size:13px}.po-input,.po-select{height:31px;padding:0 8px}.po-input--date{width:142px}.po-input--cell{height:26px;padding:0 4px}.po-select{width:147px}.po-select-item{width:300px}.po-textarea{font-family:inherit;min-height:72px;padding:8px;resize:vertical;width:100%}.po-input:focus,.po-select:focus,.po-textarea:focus{border-color:var(--po-primary);outline:2px solid var(--po-primary-soft)}.po-label{display:block;font-size:13px;font-weight:600;margin:6px 0}.po-field{margin-right:8px}.po-form-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:8px}.po-check{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px;margin:0 12px 6px 0}.po-check input[type=checkbox],.po-checkbox{accent-color:var(--po-primary);cursor:pointer;height:18px;width:18px}.po-hint{background:var(--po-primary-soft);border-radius:var(--po-radius);font-size:13px;margin:4px 0 12px;padding:8px 12px}.po-hint--warn{background:#fff4e0}.po-error{color:var(--po-red);font-size:13px;font-weight:600;margin:8px 0 0}.po-seg{border:1px solid var(--po-border);border-radius:var(--po-radius);display:inline-flex;overflow:hidden}.po-seg button{background:var(--po-surface);border:none;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px}.po-seg button+button{border-left:1px solid var(--po-border)}.po-seg .is-active{background:var(--po-primary);color:#fff}.po-stepper{align-items:center;display:inline-flex;gap:4px}.po-stepper .po-input{text-align:center;width:72px}.po-toolbar{gap:8px;justify-content:space-between;margin-bottom:10px}.po-toolbar,.po-toolbar-group{align-items:center;display:flex;flex-wrap:wrap}.po-toolbar-group{gap:6px}.po-search{align-items:center;display:flex}.po-search-input{border:1px solid var(--po-border);border-radius:var(--po-radius) 0 0 var(--po-radius);border-right:none;font-size:13px;height:31px;padding:0 8px}.po-search-icon{align-items:center;background:var(--po-alt);border:1px solid var(--po-border);border-radius:0 var(--po-radius) var(--po-radius) 0;display:flex;height:31px;margin:0;padding:0 8px}.po-search-icon img{width:16px}.po-summary{color:var(--po-muted);font-size:13px}.po-summary b{color:var(--po-text)}.po-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:12px}.po-legend-item{align-items:center;display:flex;font-size:13px;gap:6px}.po-chip{border:1px solid #0000001f;border-radius:4px;font-size:13px;min-width:44px;padding:2px 8px;text-align:center}.po-st--belum{--st-bg:#ffe94d}.po-st--majubelum{--st-bg:pink}.po-st--mundurbelum{--st-bg:#111;--st-fg:#fff}.po-st--awal{--st-bg:#1e40ff;--st-fg:#1e40ff}.po-st--sudah{--st-bg:#1f8a3d;--st-fg:#fff;--st-w:700}.po-st--majusudah{--st-bg:#1f8a3d;--st-fg:pink;--st-w:700}.po-st--mundursudah{--st-bg:#1f8a3d;--st-fg:#111;--st-w:700}.po-st--batal{--st-bg:#d32f2f;--st-fg:#fff}.po-chip,.po-grid .po-row .po-td.po-st{background:#0000;background:var(--st-bg,#0000);color:inherit;color:var(--st-fg,inherit);font-weight:500;font-weight:var(--st-w,500)}.po-table-wrap{background:var(--po-surface);border:1px solid var(--po-border);border-radius:var(--po-radius);max-height:78vh;overflow:auto}.po-table{border-collapse:initial;border-spacing:0;width:100%}.po-th{background:var(--po-primary);color:#fff;font-size:13px;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.po-table-wrap .po-th{position:sticky;top:0;z-index:12}.po-td{border-bottom:1px solid #edf1f3;font-size:13px;padding:8px;text-align:left;vertical-align:middle}.po-td--num{text-align:center}.po-td--date{border-left:1px solid #d3dade;cursor:pointer;font-size:15px}.po-td--date,.po-th--date{min-width:64px;text-align:center}.po-th--date{max-width:64px}.po-th--sunday{background:#c62828}.po-th--today{background:#7b2cbf}.po-nowrap{white-space:nowrap}.po-compact{line-height:1.3}.po-sticky{position:sticky;z-index:10}.po-table-wrap .po-th.po-sticky{z-index:14}.po-row .po-td{background:var(--po-surface)}.po-row--alt .po-td{background:var(--po-alt)}.po-grid .po-row:hover .po-td:not(.po-st){background:var(--po-primary-soft)}.po-foot .po-td{background:var(--po-surface);border-bottom:none;font-size:15px;font-weight:700}.po-row--cancelled .po-td{color:var(--po-muted);text-decoration:line-through}.po-tr{background:var(--po-surface);cursor:pointer;font-size:13px}.po-tr--alt{background:var(--po-alt)}.po-tr--picked{background:#f3b6b6}.po-tr:hover{background:var(--po-primary-soft)}.po-sj-list{grid-gap:14px;display:grid;gap:14px}.po-sj-card{background:var(--po-surface);border:1px solid var(--po-border);border-radius:var(--po-radius);overflow:hidden}.po-sj-head{background:var(--po-primary-soft);border-bottom:1px solid var(--po-border);gap:8px 16px;justify-content:space-between;padding:10px 14px}.po-sj-head,.po-sj-meta{align-items:center;display:flex;flex-wrap:wrap}.po-sj-meta{font-size:13px;gap:6px 14px}.po-sj-card .po-th{background:#0000;border-bottom:1px solid var(--po-border);color:var(--po-muted)}.po-empty{color:var(--po-muted);font-size:14px;padding:40px 12px;text-align:center}.po-badge{background:#e8eef0;border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:2px 8px}.po-badge--internal{background:#fff0cc;color:#8a5a00}.po-badge--external{background:#fde0e0;color:#9b1c1c}.po-badge--done{background:#dff3e5;color:#17622f}.po-modal{background:#fff;border-radius:8px;margin:4vh auto;overflow:auto;padding:20px;position:relative}.po-modal--xl{height:92%;width:92%}.po-modal--lg{max-height:90%;width:70%}.po-modal--sm{height:auto;width:40%}.po-modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.po-modal-title{font-size:18px;font-weight:700;margin:0}.po-actions-end{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.po-modal-split{display:flex;gap:12px}@media only screen and (max-width:900px){.po-grid .po-sticky{position:static}.po-modal--lg{width:92%}}@media only screen and (max-width:600px){.po-modal{padding:14px}.po-modal--sm{width:90%}.po-select,.po-select-item{width:120px}.po-input--date{width:118px}.po-input{font-size:12px;width:112px}.po-btn{font-size:12px;padding:7px 12px}.po-modal-split{flex-direction:column}}.po-input--err{border:2px solid var(--po-red)}.po-label--err{color:var(--po-red)}.po-modal,.po-root{--po-manual:#e8590c;--po-manual-text:#b83f0a;--po-manual-soft:#fff0e3;--po-manual-line:#ffd6b0}.po-btn--manual{background:var(--po-manual)}.po-tab--manual:hover{color:var(--po-manual-text)}.po-tab--manual.po-tab--active{border-bottom-color:var(--po-manual);color:var(--po-manual-text)}.po-sj-card{border-left:4px solid var(--po-primary)}.po-sj-card--manual{border-left-color:var(--po-manual)}.po-sj-card--manual .po-sj-head{background:var(--po-manual-soft);border-bottom-color:var(--po-manual-line)}.po-sj-card--manual .po-th{border-bottom-color:var(--po-manual-line);color:var(--po-manual-text)}.po-sj-card--manual .po-row--alt .po-td{background:#fffaf5}.po-sj-sub{background:#fff8f1;border-bottom:1px solid #ffe8cc;color:var(--po-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:4px 18px;padding:6px 14px}.po-badge--manual{background:var(--po-manual);color:#fff;letter-spacing:.04em}.po-modal--manual{border-top:4px solid var(--po-manual)}.po-btn--outline-danger{background:#fff;border-color:var(--po-red);color:var(--po-red)}.po-btn--outline-danger:hover{background:#fdecec;filter:none}.po-badge--cancelled{background:var(--po-red);color:#fff;letter-spacing:.04em}.po-modal--cancel{border-top:4px solid var(--po-red)}.po-sj-card--manual.po-sj-card--cancelled{border-color:#f1b8b8;border-left-color:var(--po-red)}.po-sj-card--cancelled .po-sj-head{background:#fdecec;border-bottom-color:#f1b8b8}.po-sj-card--cancelled .po-th{border-bottom-color:#f1b8b8;color:var(--po-red)}.po-sj-card--cancelled .po-td{background:#fff7f7}.po-sj-card--cancelled .po-row--alt .po-td{background:#fdeeee}.po-sj-card--cancelled .po-link{color:var(--po-red);cursor:default;text-decoration:line-through}.po-sj-sub--cancel{background:#fbe0e0;border-bottom-color:#f1b8b8;color:#8f1d1d;font-size:13px}.po-link:disabled{cursor:default}.po-cell-sent{font-size:10px;font-weight:600;margin-top:2px;opacity:.75}.po-fill{display:block;width:100%}.po-fill,.sp_page{box-sizing:border-box}.sp_page{max-width:100%;padding-bottom:32px}.sp_page .title_inventory{border-left:4px solid #81bfda;font-size:20px;font-weight:700;margin:0 0 12px;padding-left:10px}.sp_error_banner{background:#fdecec;border:1px solid #f5c2c2;border-radius:10px;color:#d32f2f;font-size:14px;font-weight:600;margin:0 0 12px;padding:10px 14px}.sp_card{background:#fff;border:1px solid #eceef8;border-radius:14px;box-shadow:0 2px 10px #14143c0f;margin-top:14px;min-width:0;padding:16px}.sp_card_head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.sp_card_title{color:#6b6f85;font-size:13px;font-weight:700;letter-spacing:.4px;margin:0;text-transform:uppercase}.sp_card_title_error{color:#d32f2f}.sp_grid{grid-gap:14px 16px;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.sp_grid,.sp_grid_2{display:grid;gap:14px 16px}.sp_grid_2{grid-gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp_span_all{grid-column:1/-1}.sp_field{display:flex;flex-direction:column;gap:6px;min-width:0}.sp_label{color:#555;font-size:12px;font-weight:600;margin:0}.sp_label_error{color:#d32f2f}.sp_req{color:#e43636;margin-left:2px}.sp_input,.sp_select,.sp_textarea{background:#fff;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;color:#222;font-size:14px;height:40px;min-width:0;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.sp_select{cursor:pointer}.sp_textarea{font-family:arial,sans-serif;height:96px;padding:10px;resize:none}.sp_input:focus,.sp_select:focus,.sp_textarea:focus{border-color:#81bfda;box-shadow:0 0 0 3px #81bfda47;outline:none}.sp_input::placeholder,.sp_textarea::placeholder{color:#aeb2c8}.sp_input_error{border-color:#d32f2f}.sp_page .sp_select_wrap{font-size:14px;min-width:0}.sp_check_row{display:flex;flex-wrap:wrap;gap:10px}.sp_check{align-items:center;border:1px solid #d9dcee;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;padding:0 12px;-webkit-user-select:none;user-select:none}.sp_check input{cursor:pointer;height:18px;margin:0;width:18px}.sp_table_wrap{border:1px solid #eceef8;border-radius:10px;overflow-x:auto;width:100%}.sp_table_wrap_error{border-color:#d32f2f}.sp_table{border-collapse:collapse;font-size:13px;width:100%}.sp_table th{background:#f3f4fb;font-size:12px;padding:10px 12px!important;position:static!important;text-align:left;white-space:nowrap;z-index:auto!important}.sp_table td{padding:10px 12px;vertical-align:top}.sp_table tbody tr:nth-child(2n){background:#f8f8fd}.sp_table_empty{color:#aeb2c8;padding:14px!important;text-align:center}.sp_nowrap{white-space:nowrap}.sp_stepper{display:flex;gap:10px}.sp_page .button_plus{border-radius:50%;cursor:pointer;font-size:20px;height:36px;line-height:1;margin:0!important;width:36px}.sp_actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.sp_page .button_submit_memo{border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;height:44px;margin:0!important;min-width:130px}.sp_page .sp_btn_ghost{background:#fff!important;border:1px solid #c9cce0!important;color:#222!important}.sp_btn_export{background:#1f9d55;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 16px}.sp_filter_row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px 16px}.sp_filter_row .sp_field{width:150px}.sp_popup_head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.sp_popup_title{font-size:15px;font-weight:700;margin:0}.sp_popup_head img{cursor:pointer}.sp_popup_actions{display:flex;justify-content:flex-end;margin-top:16px}.sp_popup_text{margin:0 0 8px;text-align:center}@media only screen and (max-width:600px){.sp_page{overflow-x:clip}.sp_page .title_inventory{font-size:15px}.sp_error_banner{font-size:12px;padding:8px 12px}.sp_card{border-radius:12px;margin-top:10px;padding:10px}.sp_card_title{font-size:11px}.sp_grid,.sp_grid_2{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp_label{font-size:11px}.sp_input,.sp_select{font-size:13px;height:34px;padding:0 8px}.sp_textarea{font-size:13px;height:80px}.sp_check,.sp_page .sp_select_wrap{font-size:12px}.sp_check{height:34px}.sp_table{font-size:11px}.sp_table th{font-size:10px;padding:8px!important}.sp_table td{padding:8px}.sp_page .button_plus{font-size:18px;height:32px;width:32px}.sp_actions{gap:8px}.sp_page .button_submit_memo{flex:1 1;font-size:14px;height:40px;min-width:0}.sp_filter_row{gap:10px}.sp_filter_row .sp_field{width:calc(50% - 5px)}.sp_btn_export{font-size:12px;height:34px}}.wrapper_popup_list_produk_sp{background:#fff;border-radius:4px;height:auto;margin:calc(29vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:43%}@media only screen and (max-width:600px){.font_14_mobile_sp{font-size:14px}}.asp-page{--asp-navy:#2d357a;--asp-navy-soft:#e8e9f8;--asp-blue-dark:#4a9bc0;--asp-red:#d93636;--asp-red-dark:#b82a2a;--asp-text:#1f2430;--asp-muted:#6b7280;--asp-border:#e3e6ee;--asp-bg:#f4f6fb;--asp-radius:12px;--asp-shadow:0 1px 3px #141c4614,0 6px 18px #141c4612;color:var(--asp-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.asp-page :focus-visible{border-radius:6px;outline:2px solid var(--asp-blue-dark);outline-offset:2px}.asp-page .asp-title{border-bottom:2px solid var(--asp-border);color:var(--asp-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 16px;padding-bottom:12px}.asp-page .asp-filter{align-items:flex-end;background:#fff;border:1px solid var(--asp-border);border-radius:var(--asp-radius);box-shadow:var(--asp-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;padding:14px 16px;position:sticky;top:0;z-index:20}.asp-page .asp-field{margin:0}.asp-page .asp-field>p{color:var(--asp-navy);font-size:13px;font-weight:600;margin:0 0 6px}.asp-page .asp-date,.asp-page .asp-select{background:#fff;border:1.5px solid var(--asp-border);border-radius:8px;box-sizing:border-box;color:var(--asp-text);font-family:inherit;font-size:14px;height:38px;margin:0;min-width:150px;padding:6px 10px;transition:border-color .15s,box-shadow .15s}.asp-page .asp-date:focus,.asp-page .asp-input:focus,.asp-page .asp-select:focus{border-color:var(--asp-blue-dark);box-shadow:0 0 0 3px #81bfda40}.asp-page .asp-btn-reset{background:var(--asp-blue-dark);border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font-size:14px;font-weight:600;height:38px;margin:0;padding:0 18px;place-items:center;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.asp-page .asp-btn-reset:hover{background:#3b86a8}.asp-page .asp-btn-reset:active{transform:scale(.97)}.asp-page .asp-card-grid{align-items:flex-start;display:flex;flex-flow:wrap;gap:16px;margin-top:18px}.asp-page .asp-card{background:#fff;border:1px solid var(--asp-border);border-radius:var(--asp-radius);border-top:4px solid var(--asp-navy);box-shadow:var(--asp-shadow);box-sizing:border-box;font-size:14px;line-height:1.4;padding:0 14px 16px;width:320px}.asp-page .asp-card p{margin:6px 0}.asp-page .asp-card-meta{background:var(--asp-bg);color:var(--asp-muted);display:flex;font-size:12px;justify-content:space-between;margin:0 -14px 10px;padding:6px 14px}.asp-page .asp-card-meta p{margin:0}.asp-page .asp-card-head{align-items:center;display:flex;gap:10px;margin-bottom:6px}.asp-page .asp-machine{background:var(--asp-navy);border-radius:999px;color:#fff;font-size:15px;font-weight:700;margin:0 auto 0 0;padding:4px 12px;white-space:nowrap}.asp-page .asp-icon{border-radius:8px;box-sizing:initial;cursor:pointer;height:24px;padding:4px;transition:transform .15s,background .15s;width:24px}.asp-page .asp-icon:hover{transform:scale(1.1)}.asp-page .asp-icon-delete{background:#fdecec}.asp-page .asp-icon-edit{background:#ffe97a}.asp-page .asp-row{border-bottom:1px dashed var(--asp-border);display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;padding:4px 0}.asp-page .asp-row:last-of-type{border-bottom:none}.asp-page .asp-label{color:var(--asp-muted);font-size:11px;font-weight:600;letter-spacing:.3px}.asp-page .asp-value{font-size:15px;font-weight:600}.asp-page .asp-value-warn{color:var(--asp-red)}.asp-page .asp-strong{font-weight:700}.asp-page .asp-section-label{color:var(--asp-navy);font-weight:700;margin:14px 0 6px}.asp-page .asp-input{border:1.5px solid var(--asp-border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;height:32px;padding:4px 8px;transition:border-color .15s,box-shadow .15s;width:90px}.asp-page .asp-table-scroll{border:1px solid var(--asp-border);border-radius:8px;overflow-x:auto}.asp-page .asp-table{border-collapse:collapse;font-size:12px;width:100%}.asp-page .asp-table-fixed{table-layout:fixed}.asp-page .asp-th{background:var(--asp-navy-soft);color:var(--asp-navy);font-size:12px;font-weight:700;padding:8px;position:static;text-align:center;white-space:nowrap}.asp-page .asp-td{border-top:1px solid var(--asp-border);padding:8px;text-align:center;word-break:break-word}.asp-page .asp-td:first-child,.asp-page .asp-th:first-child{text-align:left}.asp-page .asp-table tr:nth-child(odd):not(:first-child){background:var(--asp-bg)}.asp-page .asp-popup-actions{display:flex;gap:8px;justify-content:flex-end;margin:0}.asp-page .asp-popup-btn{background:var(--asp-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:38px;padding:0 26px;transition:background .15s,transform .1s}.asp-page .asp-popup-btn:hover{background:var(--asp-red-dark)}.asp-page .asp-popup-btn:active{transform:scale(.97)}.asp-page .asp-popup-btn-secondary{background:#e5e7eb;color:var(--asp-text)}.asp-page .asp-popup-btn-secondary:hover{background:#d4d7de}.asp-page .asp-submit{background:var(--asp-red);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin:24px 0 48px;padding:12px 40px;transition:background .15s,transform .1s,box-shadow .15s}.asp-page .asp-submit:hover{background:var(--asp-red-dark);box-shadow:0 4px 12px #d936364d}.asp-page .asp-submit:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.asp-page *{transition:none!important}}@media only screen and (max-width:600px){.asp-page .asp-title{font-size:18px}.asp-page .asp-filter{padding:12px}.asp-page .asp-filter>div:not(:last-child){flex:1 1 140px}.asp-page .asp-date,.asp-page .asp-select{width:100%}.asp-page .asp-card{font-size:13px;width:100%}.asp-page .asp-value{font-size:14px}.asp-page .asp-submit{width:100%}}.krn-page{--krn-navy:#2d357a;--krn-navy-soft:#e8e9f8;--krn-blue:#81bfda;--krn-blue-dark:#4a9bc0;--krn-green:#1f8a4c;--krn-green-dark:#17703d;--krn-red:#d93636;--krn-red-dark:#b82a2a;--krn-text:#1f2430;--krn-muted:#6b7280;--krn-border:#e3e6ee;--krn-bg:#f6f7fb;--krn-open:#fff6cf;--krn-open-border:#ecd77a;--krn-done:#e0f4e4;--krn-done-border:#9fd6aa;--krn-radius:12px;--krn-shadow:0 1px 3px #141c4614,0 6px 18px #141c460f;color:var(--krn-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.krn-page :focus-visible{border-radius:6px;outline:2px solid var(--krn-blue-dark);outline-offset:2px}.krn-page p{margin-top:0}.krn-page .krn-title{border-bottom:2px solid var(--krn-border);color:var(--krn-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 8px;padding-bottom:12px}.krn-page .krn-tabs{border-bottom:1px solid var(--krn-border);display:flex;gap:4px;margin:12px 0 18px;overflow-x:auto}.krn-page .krn-tab{border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--krn-muted);cursor:pointer;font-weight:600;margin:0;padding:10px 20px;transition:color .15s,background .15s;white-space:nowrap}.krn-page .krn-tab:hover{background:var(--krn-bg);color:var(--krn-navy)}.krn-page .krn-tab-active,.krn-page .krn-tab-active:hover{background:var(--krn-navy-soft);border-bottom-color:var(--krn-navy);color:var(--krn-navy)}.krn-page .krn-warning{align-items:center;background:#fdecec;border:1px solid #f5c2c2;border-radius:8px;color:var(--krn-red);display:flex;font-size:14px;gap:8px;margin:0 0 16px;padding:10px 14px}.krn-page .krn-req{color:var(--krn-red);margin-left:2px}.krn-page .krn-form{grid-gap:16px 20px;background:#fff;border:1px solid var(--krn-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);display:grid;gap:16px 20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:20px}.krn-page .krn-span-all{grid-column:1/-1}.krn-page .krn-field{margin:0;min-width:0}.krn-page .krn-field>p,.krn-page .krn-label{color:var(--krn-navy);font-size:13px;font-weight:600;margin:0 0 6px}.krn-page .krn-input,.krn-page .krn-select,.krn-page .krn-textarea{background:#fff;border:1.5px solid var(--krn-border);border-radius:8px;box-sizing:border-box;color:var(--krn-text);font-family:inherit;font-size:14px;margin:0;padding:6px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.krn-page .krn-input,.krn-page .krn-select{height:38px}.krn-page .krn-input-sm{width:130px}.krn-page .krn-textarea{height:96px;padding:8px 10px;resize:vertical}.krn-page .krn-input:focus,.krn-page .krn-select:focus,.krn-page .krn-textarea:focus{border-color:var(--krn-blue-dark);box-shadow:0 0 0 3px #81bfda40}.krn-page .krn-input::placeholder,.krn-page .krn-textarea::placeholder{color:#9aa1af}.krn-page .krn-field [class$=-control]{border:1.5px solid var(--krn-border);border-radius:8px;box-shadow:none;min-height:38px}.krn-page .krn-field [class$=-control]:hover{border-color:var(--krn-blue)}.krn-page .krn-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.krn-page .krn-btn,.krn-page .krn-btn-export,.krn-page .krn-popup-btn{background:var(--krn-red);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-grid;font-size:14px;font-weight:600;height:38px;margin:0;padding:0 26px;place-items:center;transition:background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none}.krn-page .krn-btn:hover,.krn-page .krn-popup-btn:hover{background:var(--krn-red-dark);box-shadow:0 2px 8px #d936364d}.krn-page .krn-btn-export:active,.krn-page .krn-btn:active,.krn-page .krn-popup-btn:active{transform:scale(.97)}.krn-page .krn-btn-export{background:var(--krn-green)}.krn-page .krn-btn-export:hover{background:var(--krn-green-dark);box-shadow:0 2px 8px #1f8a4c4d}.krn-page .krn-popup-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.krn-page .krn-popup-head p{margin:0 0 8px}.krn-page .krn-popup-fields{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.krn-page .krn-popup-actions{display:flex;gap:8px;justify-content:flex-end;margin:0}.krn-page .krn-close{border-radius:50%;box-sizing:initial;cursor:pointer;height:24px;padding:4px;transition:background .15s,transform .15s;width:24px}.krn-page .krn-close:hover{background:var(--krn-bg);transform:rotate(90deg)}.krn-page .krn-icon{border-radius:8px;box-sizing:initial;cursor:pointer;height:24px;padding:4px;transition:transform .15s;width:24px}.krn-page .krn-icon:hover{transform:scale(1.1)}.krn-page .krn-icon-edit{background:#ffe97a}.krn-page .krn-icon-delete{background:#fdecec}.krn-page .krn-icon-lg{height:28px;width:28px}.krn-page .krn-filter{align-items:flex-end;background:#fff;border:1px solid var(--krn-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:18px;padding:14px 16px}.krn-page .krn-filter .krn-field{min-width:160px}.krn-page .krn-table-wrap{background:#fff;border:1px solid var(--krn-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);max-height:70vh;overflow:auto}.krn-page .krn-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.krn-page .krn-th{background:var(--krn-navy-soft);border-bottom:2px solid #cfd2f0;color:var(--krn-navy);font-size:13px;font-weight:700;line-height:1.5;padding:10px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.krn-page .krn-td{border-bottom:1px solid var(--krn-border);line-height:1.4;padding:10px;text-align:left}.krn-page .krn-td-nowrap{white-space:nowrap}.krn-page .krn-table tr:nth-child(odd):not(:first-child){background:var(--krn-bg)}.krn-page .krn-table tr:not(:first-child):hover .krn-td{background:#eef3fb}.krn-page .krn-card-list{display:flex;flex-wrap:wrap;gap:16px}.krn-page .krn-card{background:var(--krn-done);border:1px solid var(--krn-done-border);border-radius:var(--krn-radius);box-shadow:var(--krn-shadow);box-sizing:border-box;font-size:14px;max-width:100%;padding:4px 16px;position:relative;width:560px}.krn-page .krn-card-open{background:var(--krn-open);border-color:var(--krn-open-border);cursor:pointer;transition:transform .15s,box-shadow .15s}.krn-page .krn-card-open:hover{box-shadow:0 2px 4px #141c461a,0 10px 24px #141c461a;transform:translateY(-2px)}.krn-page .krn-card-cols{display:flex;gap:16px;justify-content:space-between;padding-top:8px}.krn-page .krn-card-col{flex:1 1;min-width:0}.krn-page .krn-line{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px 6px;line-height:1.5;margin:0 0 8px}.krn-page .krn-line b{color:var(--krn-muted);font-size:12px;font-weight:600}.krn-page .krn-line-warn,.krn-page .krn-line-warn b{color:var(--krn-red)}.krn-page .krn-line .krn-input{height:32px;margin-top:4px}.krn-page .krn-card-side{align-items:flex-start;display:flex;justify-content:flex-end;padding-top:8px}.krn-page .krn-note-label{color:var(--krn-muted);font-size:12px;font-weight:600;margin:4px 0 0}.krn-page .krn-note{line-height:1.5;margin:4px 0 16px;word-break:break-word}.krn-page .krn-card-footer{display:flex;justify-content:flex-end;margin:0 0 12px}@media (prefers-reduced-motion:reduce){.krn-page *{transition:none!important}}@media only screen and (max-width:600px){.krn-page .krn-title{font-size:18px}.krn-page .krn-form{gap:14px;grid-template-columns:1fr;padding:14px}.krn-page .krn-btn{width:100%}.krn-page .krn-filter{padding:12px}.krn-page .krn-filter .krn-field{flex:1 1 140px;min-width:0}.krn-page .krn-card{font-size:12px;width:100%}.krn-page .krn-card-cols{flex-direction:column;gap:0}.krn-page .krn-card-side{padding-top:0;position:absolute;right:12px;top:8px}.krn-page .krn-card-col:first-child{padding-right:44px}.krn-page .krn-line{font-size:12px}.krn-page .krn-input-sm{width:100%}}.ibj_title{color:#2d357a;font-size:22px;font-weight:700;margin:0 0 16px}.ibj_card{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a14;margin-bottom:28px;padding:24px 28px 28px}.ibj_form{grid-gap:18px 24px;display:grid;gap:18px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ibj_field{display:flex;flex-direction:column;min-width:0}.ibj_field_wide{grid-column:span 2}.ibj_field_full{grid-column:1/-1}.ibj_label{color:#2d357a;font-size:14px;font-weight:600;margin:0 0 6px}.ibj_required{color:#d93025;margin-left:2px}.ibj_input,.ibj_select,.ibj_textarea{background:#fff;border:1.5px solid #dcdff2;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#1f2340;font-family:inherit;font-size:14px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.ibj_input,.ibj_select{height:40px}.ibj_select{cursor:pointer}.ibj_textarea{height:84px;padding:10px 12px;resize:none}.ibj_input:focus,.ibj_select:focus,.ibj_textarea:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.ibj_radio_group{display:flex;flex-wrap:wrap;gap:10px}.ibj_radio{align-items:center;border:1.5px solid #dcdff2;border-radius:999px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background .15s ease,border-color .15s ease}.ibj_radio:hover{background:#f6f6fc}.ibj_radio input{accent-color:#2d357a;cursor:pointer;margin:0}.ibj_radio_checked{background:#eef0fb;border-color:#2d357a;color:#2d357a;font-weight:600}.ibj_form_footer{border-top:1px solid #eceefa;display:flex;justify-content:flex-end;margin-top:4px;padding-top:16px}.ibj_btn_primary{background:#2d357a;border:none;border-radius:10px;box-shadow:0 4px 12px #2d357a4d;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:10px 32px;transition:transform .1s ease,box-shadow .15s ease}.ibj_btn_primary:hover{box-shadow:0 6px 16px #2d357a66}.ibj_btn_primary:active{transform:translateY(1px)}.ibj_btn_ghost{background:#fff;border:1.5px solid #2d357a;border-radius:8px;color:#2d357a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:40px;padding:0 20px;transition:background .15s ease}.ibj_btn_ghost:hover{background:#eef0fb}.ibj_icon_btn{align-items:center;background:#fff;border:1.5px solid #dcdff2;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:background .15s ease;width:40px}.ibj_icon_btn:hover{background:#f6f6fc}.ibj_icon_btn img{height:22px;width:22px}.ibj_popup_footer{display:flex;justify-content:flex-end;margin-top:12px}.ibj_error_text{color:#b3261e}.ibj_filter_bar{align-items:flex-end;background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f;display:flex;flex-wrap:wrap;gap:14px 20px;margin-bottom:20px;padding:16px 20px}.ibj_filter_item{display:flex;flex-direction:column}.ibj_filter_item .ibj_input,.ibj_filter_item .ibj_select{width:160px}.ibj_filter_wide{width:300px}.ibj_filter_actions{display:flex;gap:8px}.ibj_table_wrap{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a0f;max-height:70vh;overflow:auto}.ibj_table{border-spacing:0;width:100%}.ibj_table th{background:#e8e9f8;color:#2d357a;font-weight:600;position:sticky;top:0;white-space:nowrap;z-index:1}.ibj_table td,.ibj_table th{font-size:13px;padding:12px 10px;text-align:center}.ibj_table td{border-top:1px solid #f0f1fa;vertical-align:middle}.ibj_table tbody tr:nth-child(2n){background:#f9f9fd}.ibj_table tbody tr:hover{background:#eef0fb}.ibj_table tfoot td{background:#f1f2fb;border-top:2px solid #dcdff2;color:#2d357a;font-weight:700}.ibj_td_no{width:48px}.ibj_td_text{text-align:left}.ibj_pos{color:#17763f;font-weight:600}.ibj_neg{color:#b3261e;font-weight:600;letter-spacing:.5px}@media only screen and (max-width:600px){.ibj_title{font-size:18px}.ibj_card{margin-bottom:20px;padding:16px}.ibj_form{gap:14px;grid-template-columns:1fr}.ibj_field_wide{grid-column:auto}.ibj_btn_primary{width:100%}.ibj_filter_bar{padding:12px 14px}.ibj_filter_actions,.ibj_filter_item,.ibj_filter_item .ibj_input,.ibj_filter_item .ibj_select,.ibj_filter_wide{width:100%}.ibj_filter_actions .ibj_btn_ghost{flex:1 1}.ibj_table td,.ibj_table th{padding:10px 8px}}.byb-page{--byb-navy:#2d357a;--byb-navy-soft:#e8e9f8;--byb-blue:#81bfda;--byb-blue-dark:#4a9bc0;--byb-green:#1f8a4c;--byb-green-dark:#17703d;--byb-red:#d93636;--byb-red-dark:#b82a2a;--byb-text:#1f2430;--byb-muted:#6b7280;--byb-border:#e3e6ee;--byb-bg:#f6f7fb;--byb-radius:12px;--byb-shadow:0 1px 3px #141c4614,0 6px 18px #141c460f;color:var(--byb-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.byb-page :focus-visible{border-radius:6px;outline:2px solid var(--byb-blue-dark);outline-offset:2px}.byb-page p{margin-top:0}.byb-page .byb-title{border-bottom:2px solid var(--byb-border);color:var(--byb-navy);font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 8px;padding-bottom:12px}.byb-page .byb-tabs{border-bottom:1px solid var(--byb-border);display:flex;gap:4px;margin:12px 0 18px;overflow-x:auto}.byb-page .byb-tab{border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--byb-muted);cursor:pointer;font-weight:600;margin:0;padding:10px 22px;transition:color .15s,background .15s;white-space:nowrap}.byb-page .byb-tab:hover{background:var(--byb-bg);color:var(--byb-navy)}.byb-page .byb-tab-active,.byb-page .byb-tab-active:hover{background:var(--byb-navy-soft);border-bottom-color:var(--byb-navy);color:var(--byb-navy)}.byb-page .byb-form{align-items:flex-end;background:#fff;border:1px solid var(--byb-border);border-radius:var(--byb-radius);box-shadow:var(--byb-shadow);display:flex;flex-wrap:wrap;gap:16px 20px;padding:20px}.byb-page .byb-field{margin:0}.byb-page .byb-field>p,.byb-page .byb-label{color:var(--byb-navy);font-size:13px;font-weight:600;margin:0 0 6px}.byb-page .byb-req{color:var(--byb-red);margin-left:2px}.byb-page .byb-date,.byb-page .byb-input,.byb-page .byb-select{background:#fff;border:1.5px solid var(--byb-border);border-radius:8px;box-sizing:border-box;color:var(--byb-text);font-family:inherit;font-size:14px;height:38px;margin:0;padding:6px 10px;transition:border-color .15s,box-shadow .15s}.byb-page .byb-date,.byb-page .byb-select{min-width:150px}.byb-page .byb-input{width:220px}.byb-page .byb-date:focus,.byb-page .byb-input:focus,.byb-page .byb-select:focus{border-color:var(--byb-blue-dark);box-shadow:0 0 0 3px #81bfda40}.byb-page .byb-input::placeholder{color:#9aa1af}.byb-page .byb-select-product{width:350px}.byb-page .byb-select-product [class$=-control]{border:1.5px solid var(--byb-border);border-radius:8px;box-shadow:none;min-height:38px}.byb-page .byb-select-product [class$=-control]:hover{border-color:var(--byb-blue)}.byb-page .byb-radio-group{display:flex;flex-wrap:wrap;gap:8px}.byb-page .byb-radio{align-items:center;background:#fff;border:1.5px solid var(--byb-border);border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 14px;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.byb-page .byb-radio:hover{background:var(--byb-navy-soft)}.byb-page .byb-radio input[type=radio]{accent-color:var(--byb-navy);cursor:pointer;margin:0}.byb-page .byb-radio label{cursor:pointer}.byb-page .byb-radio:has(input:checked){background:var(--byb-navy-soft);border-color:var(--byb-navy);color:var(--byb-navy);font-weight:600}.byb-page .byb-submit-wrap{align-items:flex-end;display:flex}.byb-page .byb-btn-export,.byb-page .byb-btn-reset,.byb-page .byb-popup-btn,.byb-page .byb-submit{border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font-size:14px;font-weight:600;height:38px;margin:0;padding:0 22px;place-items:center;transition:background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none}.byb-page .byb-btn-export:active,.byb-page .byb-btn-reset:active,.byb-page .byb-popup-btn:active,.byb-page .byb-submit:active{transform:scale(.97)}.byb-page .byb-popup-btn,.byb-page .byb-submit{background:var(--byb-red)}.byb-page .byb-submit{padding:0 32px}.byb-page .byb-popup-btn:hover,.byb-page .byb-submit:hover{background:var(--byb-red-dark);box-shadow:0 2px 8px #d936364d}.byb-page .byb-btn-reset{background:var(--byb-blue-dark)}.byb-page .byb-btn-reset:hover{background:#3b86a8}.byb-page .byb-btn-export{background:var(--byb-green)}.byb-page .byb-btn-export:hover{background:var(--byb-green-dark);box-shadow:0 2px 8px #1f8a4c4d}.byb-page .byb-popup-actions{display:flex;justify-content:flex-end}.byb-page .byb-error{color:var(--byb-red)}.byb-page .byb-history{width:100%}.byb-page .byb-filter{align-items:flex-end;background:#fff;border:1px solid var(--byb-border);border-radius:var(--byb-radius);box-shadow:var(--byb-shadow);display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:20px;padding:16px}.byb-page .byb-filter .byb-select{width:100%}.byb-page .byb-table-wrap{background:#fff;border:1px solid var(--byb-border);border-radius:var(--byb-radius);box-shadow:var(--byb-shadow);max-height:70vh;overflow:auto}.byb-page .byb-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.byb-page .byb-th{background:var(--byb-navy-soft);border-bottom:2px solid #cfd2f0;color:var(--byb-navy);font-size:13px;font-weight:700;padding:12px 10px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.byb-page .byb-td{border-bottom:1px solid var(--byb-border);line-height:1.4;padding:12px 10px;text-align:left}.byb-page .byb-table tr:nth-child(odd):not(:first-child){background:var(--byb-bg)}.byb-page .byb-table tr:not(:first-child):hover .byb-td{background:#eef3fb}.byb-page .byb-td-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.5px}@media (prefers-reduced-motion:reduce){.byb-page *{transition:none!important}}@media only screen and (max-width:600px){.byb-page .byb-title{font-size:18px}.byb-page .byb-form{gap:14px;padding:14px}.byb-page .byb-date,.byb-page .byb-form>div,.byb-page .byb-input,.byb-page .byb-select,.byb-page .byb-select-product,.byb-page .byb-submit{width:100%}.byb-page .byb-filter{padding:12px}.byb-page .byb-filter>div{flex:1 1 140px}}.container_memo_ppic{margin:24px 24px 24px 204px}.button_submit_memo{background:red;float:right;margin:24px 0;width:90px}.button_submit_memo,.button_tambah_kurang{border:none;border-radius:4px;color:#fff;cursor:pointer;height:32px}.button_tambah_kurang{background:#2d357a;margin:12px 12px 12px 0;width:78px}.date_pick_memo_ppic{background:#e8e9f8;border:none;border-radius:4px;box-shadow:0 0 5pt .5pt #d3d3d3;height:24px;margin:0 0 24px;padding:6px;width:132px}@media only screen and (max-width:600px){.container_memo_ppic{margin:12px auto auto;padding:24px 16px 0}.date_pick_memo_ppic{width:106px}.button_submit_memo{width:76px}}.lbr-page{--lbr-primary:#2d357a;--lbr-primary-soft:#e8e9f8;--lbr-border:#e3e5ee;--lbr-text:#1f2340;--lbr-muted:#6b7090;--lbr-bg:#f6f7fb;--lbr-green:#1e9e55;--lbr-red:#d93a3a;--lbr-radius:10px;--lbr-shadow:0 2px 10px #2d357a14;background:var(--lbr-bg);color:var(--lbr-text);margin:24px 24px 24px 204px;min-height:100%}.lbr-page,.lbr-page *,.lbr-page :after,.lbr-page :before{box-sizing:border-box}.lbr-title{color:var(--lbr-primary);font-size:22px;font-weight:700;margin:0 0 16px}.lbr-card{background:#fff;border-radius:var(--lbr-radius);box-shadow:var(--lbr-shadow);margin-bottom:18px;padding:18px}.lbr-card-title{color:var(--lbr-primary);font-size:16px;font-weight:700;margin:0 0 14px}.lbr-form-grid{grid-gap:14px 16px;align-items:end;display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lbr-field{display:flex;flex-direction:column;gap:6px;min-width:0}.lbr-label{font-size:13px;font-weight:600;margin:0}.lbr-req{color:var(--lbr-red);margin-left:2px}.lbr-input,.lbr-select{background:#fff;border:1px solid var(--lbr-border);border-radius:8px;color:var(--lbr-text);font-family:inherit;font-size:14px;height:40px;outline:none;padding:8px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.lbr-select{cursor:pointer}.lbr-input:focus,.lbr-select:focus{border-color:var(--lbr-primary);box-shadow:0 0 0 3px #2d357a1f}.lbr-time{align-items:center;display:flex;gap:8px}.lbr-time>div:first-child{flex:1 1;min-width:0}.lbr-time-suffix{color:var(--lbr-muted);font-size:14px;margin:0;white-space:nowrap}.lbr-form-actions{display:flex;justify-content:flex-end;margin-top:14px}.lbr-btn{align-items:center;background:var(--lbr-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;height:40px;justify-content:center;padding:0 24px;transition:filter .15s,transform .05s}.lbr-btn:hover{filter:brightness(1.1)}.lbr-btn:active{transform:translateY(1px)}.lbr-icon-btn{background:#fff;border:1px solid var(--lbr-border);border-radius:8px;cursor:pointer;height:40px;object-fit:contain;padding:6px;width:40px}.lbr-icon-btn:hover{background:var(--lbr-primary-soft)}.lbr-status-icon{height:40px;object-fit:contain;width:40px}.lbr-form-code{color:var(--lbr-muted);font-size:12px;margin:0 0 4px}.lbr-list-title{color:var(--lbr-primary);font-size:18px;font-weight:700;margin:0 0 14px}.lbr-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.lbr-filters .lbr-input,.lbr-filters .lbr-select{min-width:170px;width:auto}.lbr-table-wrap{background:#fff;border:1px solid var(--lbr-border);border-radius:var(--lbr-radius);overflow-x:auto}.lbr-table{border-collapse:collapse;width:100%}.lbr-th{background:var(--lbr-primary-soft);border-bottom:1px solid var(--lbr-border);color:var(--lbr-primary);font-weight:700;padding:12px 10px;white-space:nowrap}.lbr-td,.lbr-th{font-size:14px;text-align:center}.lbr-td{border-bottom:1px solid #f0f1f6;line-height:1.4;padding:11px 10px}.lbr-td--left{text-align:left}.lbr-table tbody tr:nth-child(2n){background:#f8f9fc}.lbr-table tbody tr:hover{background:#f0f2fb}.lbr-state-icon{height:20px;vertical-align:middle;width:20px}.lbr-empty{color:var(--lbr-muted);font-size:14px;padding:24px;text-align:center}.lbr-note{word-wrap:break-word;background:#fff;border-left:4px solid var(--lbr-primary);border-radius:8px;box-shadow:var(--lbr-shadow);margin-top:16px;max-width:320px;padding:12px 16px}.lbr-note p{margin:0}.lbr-note-label{color:var(--lbr-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px!important;text-transform:uppercase}@media only screen and (max-width:600px){.lbr-page{padding:12px}.lbr-title{font-size:18px}.lbr-card{padding:14px}.lbr-td,.lbr-th{font-size:11px}.lbr-filters .lbr-input,.lbr-filters .lbr-select,.lbr-form-actions .lbr-btn{width:100%}.lbr-note{max-width:100%}}.wrapper-qr-kendaraan{align-items:center;display:flex;flex-direction:column;gap:12px}.title-qr-kendaraan{font-size:18px;font-weight:600}.wrapper-pilih-type-kendaraan{display:flex;gap:8px}.button-type-kendaraan{background:#fff;border:1px solid #999;border-radius:6px;cursor:pointer;padding:8px 20px}.button-type-kendaraan.active{background:red;border-color:red;color:#fff}.input-kendaraan{height:32px;padding:0 8px;width:240px}.reader-kendaraan{max-width:320px;width:100%}.button-scan-kendaraan{background:#1e88e5;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 28px}.hasil-scan-kendaraan{font-weight:600}.wrapper-sub-menu-kendaraan{border-bottom:1px solid #ddd;display:flex;gap:24px;margin-bottom:16px}.sub-menu-kendaraan{border-bottom:3px solid #0000;color:#777;cursor:pointer;font-weight:600;margin-bottom:-1px;padding:8px 4px}.border-active-kendaraan{border-bottom:3px solid #1e88e5;color:#1e88e5}.wrapper-select-kendaraan{max-width:320px;width:100%}.button-type-kendaraan:disabled{cursor:not-allowed;opacity:.6}.popup-kendaraan{border-top:6px solid #1e88e5;padding-top:12px;text-align:center}.popup-kendaraan-success{border-top-color:#2e7d32}.popup-kendaraan-error{border-top-color:#c62828}.popup-kendaraan-title{font-size:18px;font-weight:700;margin:0 0 8px}.popup-kendaraan-message{font-size:15px;margin-bottom:16px;word-break:break-word}.popup-kendaraan-button{background:#1e88e5;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 32px}.header-keterangan-kendaraan{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.badge-opsional-kendaraan{background:#f0f0f0;border-radius:10px;color:#666;font-size:12px;padding:2px 10px}.textarea-keterangan-kendaraan{background:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-family:inherit;font-size:15px;line-height:1.4;min-height:96px;padding:10px 12px;resize:none;text-transform:uppercase;transition:border-color .15s,box-shadow .15s;width:100%}.textarea-keterangan-kendaraan::placeholder{color:#aaa;text-transform:none}.textarea-keterangan-kendaraan:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff;outline:none}.textarea-keterangan-kendaraan:disabled{background:#f5f5f5;cursor:not-allowed}.footer-keterangan-kendaraan{color:#888;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.popup-scan-kendaraan{align-items:center;display:flex;flex-direction:column;gap:10px;text-align:center}.popup-scan-info{color:#555;font-size:14px;word-break:break-word}.popup-scan-kendaraan .reader-kendaraan{margin:0 auto}.button-batal-kendaraan{background:#fff;border:1px solid #999;border-radius:6px;cursor:pointer;padding:8px 32px}.filter-monitoring-kendaraan{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.input-tanggal-kendaraan{border:1px solid #ccc;border-radius:4px;height:32px;padding:0 8px}.button-hari-kendaraan{background:#fff;border:1px solid #999;border-radius:4px;cursor:pointer;font-size:18px;height:32px;line-height:1;width:32px}.button-hari-ini-kendaraan{background:#1e88e5;border:none;border-radius:4px;color:#fff;cursor:pointer;height:32px;padding:0 14px}.wrapper-ringkasan-kendaraan{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.card-ringkasan-kendaraan{border:1px solid #ddd;border-radius:6px;font-size:13px;min-width:90px;padding:8px 14px;text-align:center}.angka-ringkasan-kendaraan{font-size:22px;font-weight:700}.card-ringkasan-merah{border-color:#c62828;color:#c62828}.wrapper-tabel-kendaraan{overflow-x:auto;width:100%}.tabel-kendaraan{border-collapse:collapse;font-size:13px;width:100%}.tabel-kendaraan td,.tabel-kendaraan th{border:1px solid #ddd;padding:8px 10px;text-align:left;white-space:nowrap}.tabel-kendaraan th{background:#f5f5f5}.baris-terlambat{background:#ffebee;color:#c62828}.kosong-tabel-kendaraan{color:#888;text-align:center!important}.baris-klik-kendaraan{cursor:pointer}.baris-klik-kendaraan:hover{background:#f1f5f9}.popup-detail-kendaraan{display:flex;flex-direction:column;gap:12px;max-height:96vh;width:100%}.grid-detail-kendaraan{display:flex;flex-direction:column;overflow-y:auto}.item-detail-kendaraan{border-bottom:1px solid #e5e7eb;display:flex;font-size:14px;gap:16px;justify-content:space-between;padding:8px 0}.label-detail-kendaraan{color:#6b7280;flex-shrink:0}.value-detail-kendaraan{font-weight:600;text-align:right;word-break:break-word}.qr-protected{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.qr-protected svg{pointer-events:none}.qr-box-protected{display:inline-block;position:relative}.qr-cover{background:#222;border-radius:8px;color:#fff;font-weight:600}.qr-cover,.qr-watermark{align-items:center;display:flex;justify-content:center}.qr-watermark{color:#0000001f;font-size:18px;font-weight:700;inset:0;pointer-events:none;position:absolute;transform:rotate(-30deg)}@media print{.qr-protected{display:none!important}}@media only screen and (max-width:600px){.popup-detail-kendaraan{max-height:92vh}}.bx-page{--bx-primary:#2d357a;--bx-primary-soft:#e8e9f8;--bx-border:#e3e5ee;--bx-text:#1f2340;--bx-muted:#6b7090;--bx-bg:#f6f7fb;--bx-green:#1e9e55;--bx-red:#d93a3a;--bx-radius:10px;--bx-shadow:0 2px 10px #2d357a14;background:var(--bx-bg);color:var(--bx-text);margin:16px 24px 24px 204px;min-height:100%}.bx-page,.bx-page *,.bx-page :after,.bx-page :before{box-sizing:border-box}.bx-title{color:var(--bx-primary);font-size:22px;font-weight:700;letter-spacing:.5px;margin:0 0 16px}.bx-tabs{background:#fff;box-shadow:var(--bx-shadow);display:inline-flex;gap:4px;margin-bottom:18px;padding:4px}.bx-tab,.bx-tabs{border-radius:999px}.bx-tab{color:var(--bx-muted);cursor:pointer;font-size:14px;font-weight:600;margin:0;padding:8px 24px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.bx-tab:hover{color:var(--bx-primary)}.bx-tab--active{background:var(--bx-primary);color:#fff}.bx-tab--active:hover{color:#fff}.bx-card{background:#fff;border-radius:var(--bx-radius);box-shadow:var(--bx-shadow);margin-bottom:18px;padding:18px}.bx-card-title{font-size:16px;margin:0 0 14px}.bx-card-title,.bx-section-title{color:var(--bx-primary);font-weight:700}.bx-section-title{font-size:24px;margin:8px 0 12px}.bx-error{background:#fdecec;border:1px solid #f5c2c2;border-radius:8px;color:var(--bx-red);font-size:14px;margin:0 0 14px;padding:10px 14px}.bx-form-grid{grid-gap:14px 16px;align-items:end;display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bx-field{display:flex;flex-direction:column;gap:6px;min-width:0}.bx-field--wide{grid-column:span 2}.bx-label{color:var(--bx-text);font-size:13px;font-weight:600;margin:0}.bx-req{color:var(--bx-red);margin-left:2px}.bx-input,.bx-select,.bx-textarea{background:#fff;border:1px solid var(--bx-border);border-radius:8px;color:var(--bx-text);font-family:inherit;font-size:14px;height:40px;outline:none;padding:8px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.bx-select{cursor:pointer}.bx-textarea{height:84px;resize:vertical}.bx-input:focus,.bx-select:focus,.bx-textarea:focus{border-color:var(--bx-primary);box-shadow:0 0 0 3px #2d357a1f}.bx-radio-group{display:flex;gap:8px;height:40px}.bx-radio{align-items:center;border:1px solid var(--bx-border);border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:6px;justify-content:center;padding:0 12px;transition:all .15s;-webkit-user-select:none;user-select:none}.bx-radio input{cursor:pointer;margin:0}.bx-radio--active{background:var(--bx-primary-soft);border-color:var(--bx-primary);color:var(--bx-primary);font-weight:600}.bx-form-actions{display:flex;justify-content:flex-end;margin-top:14px}.bx-btn{align-items:center;background:var(--bx-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;height:40px;justify-content:center;padding:0 20px;transition:filter .15s,transform .05s}.bx-btn:hover{filter:brightness(1.1)}.bx-btn:active{transform:translateY(1px)}.bx-btn:disabled{cursor:not-allowed;opacity:.55}.bx-btn--danger{background:var(--bx-red)}.bx-btn--success{background:var(--bx-green)}.bx-btn--ghost{background:var(--bx-primary-soft);color:var(--bx-primary)}.bx-icon-btn{background:#fff;border:1px solid var(--bx-border);border-radius:8px;cursor:pointer;height:40px;object-fit:contain;padding:6px;width:40px}.bx-icon-btn:hover{background:var(--bx-primary-soft)}.bx-icon{cursor:pointer;height:22px;object-fit:contain;width:22px}.bx-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.bx-filters .bx-field{min-width:150px}.bx-filters .bx-select--sm{width:110px}.bx-table-wrap{background:#fff;border:1px solid var(--bx-border);border-radius:var(--bx-radius);overflow-x:auto}.bx-table{border-collapse:collapse;font-size:14px;width:100%}.bx-th{background:var(--bx-primary-soft);border-bottom:1px solid var(--bx-border);color:var(--bx-primary);font-size:13px;font-weight:700;padding:12px 10px;text-align:left;white-space:nowrap}.bx-td{border-bottom:1px solid #f0f1f6;line-height:1.4;padding:11px 10px}.bx-table tbody tr:nth-child(2n){background:#f8f9fc}.bx-table tbody tr:hover{background:#f0f2fb}.bx-in{color:var(--bx-green)}.bx-in,.bx-out{font-weight:600}.bx-out{color:var(--bx-red)}.bx-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.5px}.bx-total-row td{background:var(--bx-primary-soft);border-top:2px solid var(--bx-border);font-weight:700}.bx-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:16px 0}.bx-stat{background:#fff;border-left:5px solid var(--bx-primary);border-radius:var(--bx-radius);box-shadow:var(--bx-shadow);padding:14px 18px}.bx-stat--out{border-left-color:var(--bx-red)}.bx-stat--in{border-left-color:var(--bx-green)}.bx-stat-label{color:var(--bx-muted);font-size:12px;font-weight:600;letter-spacing:.6px;margin:0;text-transform:uppercase}.bx-stat-value{font-size:26px;font-weight:700;margin:4px 0 0}.bx-chart{background:#fff;border-radius:var(--bx-radius);box-shadow:var(--bx-shadow);padding:12px}.bx-modal-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.bx-modal-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.bx-modal-actions{display:flex;justify-content:flex-end;margin-top:16px}.bx-modal-text{font-size:15px;margin:0}.bx-modal-scroll{max-height:calc(100% - 90px);overflow:auto}.bx-close{cursor:pointer;flex-shrink:0;height:28px;width:28px}@media only screen and (max-width:600px){.bx-page{padding:12px}.bx-title{font-size:18px}.bx-card{padding:14px}.bx-field--wide{grid-column:span 1}.bx-table{font-size:12px}.bx-th{font-size:11px}.bx-stat-value{font-size:20px}.bx-filters .bx-field,.bx-filters .bx-select--sm,.bx-form-actions .bx-btn{width:100%}}.gp_title{color:#2d357a;font-size:22px;font-weight:700;margin:0 0 16px}.gp_filter_bar{align-items:flex-end;background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f;display:flex;flex-wrap:wrap;gap:14px 18px;margin-bottom:20px;padding:16px 20px}.gp_filter_item{display:flex;flex-direction:column}.gp_filter_wide{width:300px}.gp_label{color:#2d357a;font-size:13px;font-weight:600;margin:0 0 6px}.gp_select{background:#fff;border:1.5px solid #dcdff2;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#1f2340;cursor:pointer;font-family:inherit;font-size:14px;height:40px;min-width:140px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.gp_select_year{min-width:100px}.gp_select:focus{border-color:#2d357a;box-shadow:0 0 0 3px #2d357a24}.gp_btn_ghost{background:#fff;border:1.5px solid #2d357a;border-radius:8px;color:#2d357a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:40px;padding:0 22px;transition:background .15s ease}.gp_btn_ghost:hover{background:#eef0fb}.gp_summary{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.gp_stat{background:#fff;border-left:5px solid #2d357a;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a0f;flex:1 1 220px;max-width:320px;padding:16px 20px}.gp_stat_avg{border-left-color:#5b66c9}.gp_stat_label{color:#6b6f8d;font-size:13px;font-weight:600;margin:0 0 4px}.gp_stat_value{color:#2d357a;font-size:26px;font-weight:700;letter-spacing:.5px;margin:0}.gp_stat_unit{color:#6b6f8d;font-size:14px;font-weight:500;margin-left:6px}.gp_toolbar{flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin-bottom:16px}.gp_group,.gp_toolbar{align-items:center;display:flex}.gp_group{gap:10px}.gp_group_label{color:#6b6f8d;font-size:13px;font-weight:600}.gp_seg{background:#fff;border-radius:10px;box-shadow:0 1px 4px #2d357a1a;display:inline-flex;padding:3px}.gp_seg_btn{background:#0000;border:none;border-radius:8px;color:#2d357a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:7px 16px;transition:background .15s ease,color .15s ease}.gp_seg_btn:hover{background:#eef0fb}.gp_seg_btn_active,.gp_seg_btn_active:hover{background:#2d357a;color:#fff}.gp_board{align-items:flex-start;display:flex;gap:16px;overflow-x:auto;padding-bottom:12px}.gp_column{background:#eceefa;border-radius:14px;box-sizing:border-box;flex:1 1;max-width:420px;min-width:300px;padding:12px}.gp_column_head{align-items:center;display:flex;gap:8px;padding:4px 4px 12px}.gp_dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.gp_accent_progress{background:#d93025}.gp_accent_done{background:#1e8e4e}.gp_accent_mold{background:#5b66c9}.gp_accent_produksi{background:#1e8e4e}.gp_accent_neutral{background:#2d357a}.gp_column_title{font-size:13px;letter-spacing:.4px;margin:0;text-transform:uppercase}.gp_column_title,.gp_count{color:#2d357a;font-weight:700}.gp_count{background:#fff;border-radius:999px;font-size:12px;min-width:22px;padding:1px 8px;text-align:center}.gp_column_total{color:#6b6f8d;font-size:12px;font-weight:600;margin-left:auto;white-space:nowrap}.gp_column_body{display:flex;flex-direction:column;gap:10px;max-height:66vh;overflow-y:auto;padding:2px}.gp_column_empty{color:#8a90b5;font-size:13px;margin:0;padding:24px 0;text-align:center}.gp_card{background:#fff;border-radius:10px;box-shadow:0 1px 2px #2d357a1f;cursor:pointer;outline:none;padding:12px 14px 12px 16px;position:relative;transition:box-shadow .15s ease,transform .15s ease}.gp_card:before{background:#5b66c9;border-radius:0 4px 4px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:4px}.gp_card_produksi:before{background:#1e8e4e}.gp_card:focus-visible,.gp_card:hover{box-shadow:0 6px 16px #2d357a33;transform:translateY(-1px)}.gp_card:focus-visible{outline:2px solid #2d357a}.gp_card_title{color:#1f2340;font-size:14px;font-weight:600;line-height:1.35;margin:0 0 2px;word-break:break-word}.gp_card_sub{color:#6b6f8d;font-size:12px;margin:0 0 10px}.gp_card_tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.gp_card_foot{align-items:center;display:flex;gap:10px}.gp_card_key{color:#2d357a;font-size:12px;font-weight:700}.gp_card_time{font-size:12px;font-weight:600;margin-left:auto}.gp_time_done{color:#17763f}.gp_time_progress{color:#b3261e}.gp_card_date{color:#8a90b5;font-size:11px;margin:8px 0 0}.gp_avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.gp_av_0{background:#5b66c9}.gp_av_1{background:#1e8e4e}.gp_av_2{background:#d9822b}.gp_av_3{background:#a64ac9}.gp_av_4{background:#2b8fb3}.gp_chip,.gp_tag{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.gp_tag{background:#f1f2fb;color:#4a517f}.gp_chip_mold{background:#e8e9f8;color:#2d357a}.gp_chip_done,.gp_chip_produksi{background:#e3f6ea;color:#17763f}.gp_chip_pending{background:#fdecea;color:#b3261e}.gp_overlay{animation:gp_fade .15s ease;background:#14183c66;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.gp_drawer{animation:gp_slide .2s ease;background:#fff;box-shadow:-8px 0 32px #14183c40;height:100%;max-width:100%;overflow-y:auto;width:440px}.gp_drawer_head{align-items:center;background:#f6f6fc;border-bottom:1px solid #eceefa;display:flex;justify-content:space-between;padding:14px 20px;position:sticky;top:0;z-index:1}.gp_drawer_key{color:#2d357a;font-size:13px;font-weight:700}.gp_close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b6f8d;cursor:pointer;display:flex;font-size:22px;height:34px;justify-content:center;line-height:1;transition:background .15s ease;width:34px}.gp_close:hover{background:#e8e9f8;color:#2d357a}.gp_drawer_body{padding:20px 20px 32px}.gp_drawer_title{color:#1f2340;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 4px;word-break:break-word}.gp_drawer_sub{color:#6b6f8d;font-size:14px;margin:0 0 12px}.gp_drawer_chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.gp_section{color:#8a90b5;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.gp_detail{grid-gap:10px 12px;background:#f9f9fd;border-radius:10px;display:grid;gap:10px 12px;grid-template-columns:120px 1fr;margin:0 0 24px;padding:14px 16px}.gp_detail dt{color:#6b6f8d;font-size:13px}.gp_detail dd{color:#1f2340;font-size:14px;font-weight:600;margin:0;word-break:break-word}.gp_timeline{list-style:none;margin:0 0 24px;padding:0 0 0 26px;position:relative}.gp_timeline:before{background:#dcdff2;bottom:6px;content:"";left:7px;position:absolute;top:6px;width:2px}.gp_step{padding-bottom:18px;position:relative}.gp_step:last-child{padding-bottom:0}.gp_step:before{background:#fff;border:3px solid #2d357a;border-radius:50%;box-sizing:border-box;content:"";height:16px;left:-26px;position:absolute;top:3px;width:16px}.gp_step_pending:before{border-color:#d93025}.gp_step_end:before{background:#1e8e4e;border-color:#1e8e4e}.gp_step_title{color:#2d357a;font-size:13px;font-weight:700;margin:0}.gp_step_who{color:#1f2340;font-size:14px;font-weight:600;margin:2px 0 0}.gp_step_time{color:#6b6f8d;font-size:12px;margin:2px 0 0}.gp_note{background:#f6f6fc;border-left:3px solid #2d357a;border-radius:8px;color:#1f2340;font-size:14px;line-height:1.55;margin:0;padding:12px 14px;white-space:pre-wrap;word-break:break-word}.gp_note_empty{color:#8a90b5;font-style:italic}@keyframes gp_slide{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes gp_fade{0%{opacity:0}to{opacity:1}}.gp_table_wrap{background:#fff;border-radius:14px;box-shadow:0 2px 6px #2d357a0f,0 8px 24px #2d357a0f;max-height:70vh;overflow:auto}.gp_table{border-spacing:0;width:100%}.gp_table th{background:#e8e9f8;color:#2d357a;font-size:13px;font-weight:600;position:sticky;top:0;white-space:nowrap;z-index:1}.gp_table td,.gp_table th{padding:12px 10px;text-align:center}.gp_table td{border-top:1px solid #f0f1fa;font-size:14px;line-height:1.5;vertical-align:middle}.gp_table tbody tr{cursor:pointer}.gp_table tbody tr:nth-child(2n){background:#f9f9fd}.gp_table tbody tr:hover{background:#eef0fb}.gp_td_mesin{color:#2d357a;font-weight:700}.gp_td_ket,.gp_td_text{text-align:left}.gp_td_ket{min-width:160px;word-break:break-word}.gp_approval_name{font-weight:600}.gp_approval_time{color:#6b6f8d;font-size:.9em;white-space:nowrap}.gp_empty{color:#6b6f8d;padding:28px 0}.gp_downtime{color:#2d357a;font-weight:700}@media only screen and (max-width:600px){.gp_title{font-size:18px}.gp_filter_bar{gap:12px 14px;padding:12px 14px}.gp_btn_ghost,.gp_filter_item,.gp_filter_wide,.gp_select,.gp_select_year{width:100%}.gp_stat{max-width:none;padding:14px 16px}.gp_stat_value{font-size:22px}.gp_board{scroll-snap-type:x mandatory}.gp_column{flex:0 0 86%;min-width:0;scroll-snap-align:start}.gp_drawer{width:100%}.gp_detail{grid-template-columns:100px 1fr}.gp_table td,.gp_table th{font-size:12px;padding:10px 8px}}.vertical_scale_rotate{border-right:2px solid #d3d3d3;font-size:14px;height:98px;padding:0 8px;z-index:11}.td_detail_reject{align-content:center;font-size:14px;padding:12px 0}.padding_td_konversi{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;font-size:14px;padding:12px 0}.padding_td_grand_total{border:1px solid #d3d3d3;font-size:16px;font-weight:500;padding:12px 0}.border_none_konversi{border:none}.lock-header{height:100%!important;max-height:100vh;overflow-y:auto;padding:0}.lock-header thead>tr:first-child>th{background-color:#f0f0f0cc;position:sticky;top:0;z-index:1}.lock-header>table{border-collapse:collapse;width:100%}.lock-header tfoot td{background-color:#f0f0f0;bottom:0;position:sticky;z-index:99}.freeze-items-konversi{position:sticky;z-index:10}.apexcharts-tooltip{font-size:14px!important;padding:4px!important}.apexcharts-tooltip-series-group{line-height:1!important;margin:0!important;padding-bottom:1px!important;padding-top:1px!important}.apexcharts-tooltip-title{line-height:1.3!important;margin-bottom:2px!important;padding-bottom:2px!important}.toggle{color:#052f04;font-family:Arial Rounded MT Bold;font-size:24px;gap:12px;text-shadow:0 0 2px #e8e8e8}.toggle,.toggle__switch{align-items:center;display:flex}.toggle__switch{--bg-toggle:#81bfda;--bg-circle:#fada7a;--w-toggle-switch:52px;--w-h-toggle-circle:24px;--pd-toggle-switch:0.1rem;background-color:var(--bg-toggle);border-radius:4rem;cursor:pointer;height:32px;padding:0 var(--pd-toggle-switch);transition:background-color .5s;width:var(--w-toggle-switch)}.toggle__circle{background-color:var(--bg-circle);border-radius:50%;height:var(--w-h-toggle-circle);margin-left:4px;transition:margin .4s ease-in-out,background-color 1s;width:var(--w-h-toggle-circle)}.color-font-toggle-active{color:#81bfda}#checkbox:checked+.toggle .toggle__circle{margin-left:calc(var(--w-toggle-switch) - var(--pd-toggle-switch)*2 - var(--w-h-toggle-circle))}#checkbox:checked+.toggle>.toggle__switch{--bg-toggle:#fada7a;--bg-circle:#81bfda;box-shadow:0 .3rem 5rem 0 #48a00d4d}.container_lkm{--inv-navy:#2d357a;--inv-navy-soft:#e8e9f8;--inv-blue:#81bfda;--inv-blue-dark:#4a9bc0;--inv-green:#1f8a4c;--inv-green-dark:#17703d;--inv-red:#d93636;--inv-red-dark:#b82a2a;--inv-gold:#9d8854;--inv-text:#1f2430;--inv-muted:#6b7280;--inv-border:#e3e6ee;--inv-bg-zebra:#f6f7fb;--inv-radius:10px;--inv-shadow:0 1px 3px #141c4614,0 4px 14px #141c460d;color:var(--inv-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;margin:24px 24px 48px 204px}.wrapper-popup-newLkm{background:#fff;border-radius:4px;height:90%;margin:calc(5vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:90%}.input-select-jenis-lkm{cursor:pointer;height:32px;margin-right:6px;width:102px}.input-deskripsi-new-lkm,.input-select-jenis-lkm{background:#fff;border:none;border-radius:3px;box-shadow:0 0 5pt .5pt #d3d3d3;padding:6px}.input-deskripsi-new-lkm{font-size:14px;height:18px;margin-bottom:6px;width:98%}.button-plus-minus-lkm{cursor:pointer;height:32px;width:32px}.font-lkm{font-size:14px}.width-wrapper-deskripsi{width:48%}.width-wrapper-bagian-penyebab{width:47%}.textarea-lkm{font-family:sans-serif;font-size:12px;height:56px;resize:none;width:100%}.button-kirim-new-lkm{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;height:32px;margin:12px 0;width:72px}.title-popup-detail-lkm{flex-wrap:wrap;margin:6px 12px 6px 0}.lkm-page-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.lkm-page-header .wrapper-button-tambah-lkm{flex-shrink:0;margin-left:auto}.wrapper-button-tambah-lkm{align-items:center;background:#4ca756;border-radius:4px;cursor:pointer;display:flex;padding:4px 12px}.button-tambah-lkm{color:#fff;font-size:24px;margin:0 0 6px}.text-button-tambah-lkm{background:#0000;border:none;color:#fff;cursor:pointer;white-space:nowrap}.wrapper-card-akumulasi{align-items:center;border:1px solid #d3d3d3;border-radius:12px;display:flex;margin:6px 18px 6px 0;padding:8px 0;width:272px}.label-text-bpb{background:#0e5d5a;border-radius:0 12px 12px 0;color:#0000;height:36px;margin-right:12px;width:3px}.total-request-text{font-size:18px;font-weight:600;letter-spacing:1px;margin:6px 0}.select-filter-bulan-tahun-lkm{border:1.5px solid #d3d3d3;border-radius:4px;cursor:pointer;height:32px;padding:0 4px}.select-item-lkm{width:300px}.wrapper-submenu-lkm{align-items:stretch;border-bottom:1px solid #d3d3d3;display:flex;height:48px}.submenu-lkm,.submenu-lkm-active{cursor:pointer;margin:12px 12px 0 0;padding:0 6px}.submenu-lkm-active{border-bottom:2px solid #4ca756;color:#4ca756;font-weight:550}.lkm-submenu-actions,.lkm-submenu-filter{align-items:center;display:flex}.lkm-submenu-actions{gap:8px;margin-left:auto;padding-left:8px}.button-refresh-qr-lkm{cursor:pointer;height:30px;width:30px}.lkm-table-wrap{border-radius:8px;height:70vh;margin-top:12px;overflow:auto}.table-lkm{border-spacing:0;text-align:left;width:100%}.table-lkm th{background:#fff;border-bottom:1px solid #d3d3d3;position:sticky;top:0;z-index:1}.td-lkm{padding:12px 8px;text-align:left;white-space:nowrap}.font10-mobile-lkm{font-size:14px}.show-qr-lkm{cursor:pointer;width:28px}.lkm-empty{color:#777;margin:32px 0;text-align:center}.lkm-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:550;padding:2px 10px;white-space:nowrap}.lkm-badge-open{background:#fdecea;color:#b3261e}.lkm-badge-proses{background:#fff4d6;color:#8a5a00}.lkm-badge-done{background:#e4f3e6;color:#2f7a39}.lkm-detail-head{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;gap:8px;justify-content:space-between;padding-bottom:12px}.lkm-detail-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.lkm-detail-form{font-size:18px;font-weight:700;margin:0}.lkm-detail-no{color:#555;margin:0}.lkm-detail-actions{align-items:center;display:flex;gap:12px}.btn-cetak-lkm{background:#0e5d5a;border:none;border-radius:4px;color:#fff;cursor:pointer;height:32px;padding:0 16px}.lkm-info{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:16px 0}.lkm-info dt{color:#666;font-size:12px}.lkm-info dd{font-size:14px;font-weight:600;margin:2px 0 0}.lkm-damage{border-collapse:collapse;font-size:14px;width:100%}.lkm-damage td,.lkm-damage th{border:1px solid #d5d5d5;padding:6px 10px;text-align:left}.lkm-damage th{background:#f4f6f4}.lkm-notes{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.approve-icon-lkm{cursor:pointer;width:28px}.lkm-sign{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.sign-group{border:1px solid #333;display:flex;flex-direction:column}.sign-group-title{background:#f4f6f4;border-bottom:1px solid #333;font-size:13px;font-weight:600;margin:0;padding:6px 12px;text-align:center}.sign-group-slots,.sign-slot{display:flex;flex:1 1}.sign-slot{flex-direction:column;min-width:112px;padding:6px 10px;text-align:center}.sign-slot+.sign-slot{border-left:1px solid #999}.sign-slot-label{color:#555;font-size:12px;margin:0}.sign-slot-body{align-items:center;display:flex;gap:10px;height:48px;justify-content:center}.sign-slot-body .approve-icon-lkm{width:26px}.sign-slot-name{border-top:1px solid #bbb;font-size:13px;font-weight:600;margin:0;padding-top:4px}.sign-slot-date{color:#666;font-size:11px;margin:0;min-height:14px}.lkm-analytics-cards{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.lkm-analytics-card{border:1px solid #d3d3d3;border-radius:8px;min-width:120px;padding:10px 16px}.lkm-analytics-card p{color:#666;font-size:12px;margin:0 0 4px}.lkm-analytics-card b{font-size:22px}.lkm-dot{border-radius:2px;display:inline-block;height:10px;margin-right:6px;width:10px}.lkm-chart-wrap{border:1px solid #d3d3d3;border-radius:8px;max-width:820px;padding:12px 16px}.lkm-chart-title{font-weight:600;margin:0 0 8px}.lkm-chart-canvas{position:relative}.lkm-tooltip{background:#fff;border:1px solid #d3d3d3;border-radius:6px;box-shadow:0 2px 8px #0000001f;font-size:12px;line-height:1.6;min-width:130px;padding:8px 10px;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;z-index:2}.lkm-tooltip-total{border-top:1px solid #eee;font-weight:600;margin-top:4px;padding-top:4px}.lkm-legend{display:flex;font-size:13px;gap:16px;justify-content:center}.lkm-analytics-table{margin-top:16px;max-width:820px;overflow:auto}.lkm-analytics-table table{border-collapse:collapse;width:100%}.lkm-analytics-table td,.lkm-analytics-table th{border-bottom:1px solid #eee;padding:6px 10px;text-align:left}.lkm-print-root{display:none}@media print{@page{size:A4 portrait;margin:12mm}body>:not(.lkm-print-root){display:none!important}.lkm-print-root{color:#000;display:block;font-family:Arial,Helvetica,sans-serif;font-size:11pt}.lkm-print-root table{border-collapse:collapse;width:100%}.lkm-print-root td,.lkm-print-root th{border:1px solid #000;padding:5px 8px;text-align:left;vertical-align:top}.print-head-title{vertical-align:middle;width:62%}.print-head-title h1{font-size:15pt;margin:0;text-align:center}.print-head-meta{padding:0!important}.print-head-meta div{display:flex;font-size:10pt;justify-content:space-between;padding:4px 8px}.print-head-meta div+div{border-top:1px solid #000}.print-info{margin-top:8px}.print-info th{background:#eee;font-weight:600;width:18%}.print-info td{width:32%}.print-section{font-size:10.5pt;font-weight:700;margin:12px 0 4px}.print-damage th{background:#eee}.print-damage td{height:22px}.print-notes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.print-box{border:1px solid #000;min-height:80px;padding:6px 8px;white-space:pre-wrap}.lkm-print-root .lkm-sign{break-inside:avoid;margin-top:20px;page-break-inside:avoid}.lkm-print-root .sign-group,.lkm-print-root .sign-group-title{border-color:#000}.lkm-print-root .sign-group-title{background:#eee;-webkit-print-color-adjust:exact;print-color-adjust:exact}.lkm-print-root .sign-slot{min-width:90px}.lkm-print-root .sign-slot-body{height:56px}.print-foot{color:#555;font-size:9pt;margin-top:16px;text-align:right}}@media only screen and (max-width:600px){.container_lkm{margin:12px auto auto;padding:24px 16px 0}.wrapper-popup-newLkm{width:85%}.input-select-jenis-lkm{font-size:12px;height:28px;margin-bottom:8px;width:92px}.input-deskripsi-new-lkm{font-size:12px;width:98%}.button-plus-minus-lkm{height:26px;width:26px}.font-lkm{font-size:12px;margin:6px 0}.textarea-lkm{height:48px}.width-wrapper-bagian-penyebab,.width-wrapper-deskripsi{width:100%}.title-popup-detail-lkm{font-size:12px}.margin-right-6px-lkm{margin:6px 6px 6px 0}.wrapper-button-tambah-lkm{padding:4px 6px}.button-tambah-lkm{font-size:16px;margin:0 0 4px}.text-button-tambah-lkm{font-size:12px}.wrapper-card-akumulasi{font-size:12px;margin:6px 0;width:100%}.total-request-text{font-size:14px}.select-item-lkm{width:208px}.wrapper-submenu-lkm{height:36px}.submenu-lkm,.submenu-lkm-active{font-size:12px;margin-right:6px}.button-refresh-qr-lkm{height:26px;width:26px}.font10-mobile-lkm{font-size:10px}.show-qr-lkm{width:24px}.lkm-detail-form{font-size:14px}.lkm-info{gap:8px 12px;grid-template-columns:1fr 1fr;margin:12px 0}.lkm-info dt{font-size:11px}.lkm-info dd{font-size:13px;word-break:break-word}.lkm-notes{grid-template-columns:1fr}.lkm-sign{justify-content:flex-start}}.wrapper-button-tambah{align-items:center;background:#4ca756;border-radius:4px;cursor:pointer;display:flex;padding:4px 12px}.wrapper_popup_pick{background:#fff;border-radius:4px;height:auto;margin:calc(29vh - 20px) auto 0;overflow:auto;padding:20px;position:relative;width:90%}.button-tambah{color:#fff;font-size:24px;margin:0 0 6px}.text-button-tambah{background:#0000;border:none;color:#fff;cursor:pointer}.button-reset-bpb{background:#81bfda;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:6px;padding:8px}.wrapper-input-bpb{align-items:end;background:#0e5d5a;border-radius:6px;color:#fff;display:flex;flex-wrap:wrap;padding:6px 8px 12px}.input-date-bpb{width:102px}.checkbox-bpb,.input-date-bpb{border:1px solid #d3d3d3;border-radius:4px;height:36px;padding:0 4px}.checkbox-bpb{align-items:center;background:#fff;color:#000;display:flex;font-size:12px;margin:12px 6px 0 0}.err-empty{border:2px solid red}.checkbox-barang-jasa{height:18px;margin:0 6px 0 0;width:18px}.select-bpb{font-size:12px;height:38px;width:86px}.select-barang-bpb{margin-right:6px;width:427px}.input-nama-barang-bpb{width:98%}.input-keterangan-bpb{min-width:196px;padding:0 0 0 6px}.button-tambah-bpb{background:#00ff76;border:none;border-radius:4px;cursor:pointer;height:38px;padding:0 8px}.title-form-bpb{font-size:14px;margin:8px 0}.img-tim-bpb{height:42px;margin-right:6px;width:42px}.title-bpb{font-size:18px;margin:16px 0 8px;text-decoration:underline}.wrapper-table-popup-pick{background:#d5f4d4;background:#0e5d5a;border-radius:6px;color:#000;overflow:scroll}.number-table-bpb{font-size:14px;line-height:18px;text-align:center}.td-table-bpb{font-size:14px;line-height:18px;padding:12px 0 12px 6px;text-align:left}.img-delete-bpb{cursor:pointer;height:24px;width:24px}.button-kirim-bpb{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.close-btn-bpb{cursor:pointer;height:36px;width:36px}@media only screen and (max-width:600px){.close-btn-bpb{height:24px;width:24px}.wrapper_popup_pick{padding:8px}.select-bpb{font-size:10px}.button-kirim-bpb{font-size:12px}.img-delete-bpb{height:18px;padding:0 6px;width:18px}.title-bpb{font-size:14px}.img-tim-bpb{height:36px;width:36px}.title-form-bpb{font-size:12px}.button-tambah-bpb{height:34px}.input-keterangan-bpb{min-width:178px}.input-nama-barang-bpb{min-width:-webkit-fill-available;min-width:fill-available}.select-item-bpb{font-size:12px}.select-barang-bpb{width:100%}.checkbox-barang-jasa-mobile{display:flex;justify-content:space-around;width:100%}.checkbox-bpb,.input-date-bpb{font-size:10px;height:32px}.input-date-bpb{width:82px}.wrapper-input-bpb{justify-content:space-between}.overflow-container-mobile{height:94vh;overflow-y:scroll}.font10-mobile-bpb{font-size:10px}.wrapper-button-tambah-bpb{display:flex;justify-content:flex-end;margin-top:12px;width:100%}}:root{--c-primary:#d62828;--c-primary-dark:#b01e1e;--c-border:#e2e5ea;--c-bg-soft:#f6f7f9;--c-text:#1f2933;--radius:8px}.form-inout{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:8px;margin-top:12px}.form-group{display:flex;flex-direction:column}.form-label{color:#1f2933;color:var(--c-text);font-size:14px;font-weight:600;margin:6px 0}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.checkbox-normal{accent-color:#2e9e5b;cursor:pointer;height:24px;margin-right:8px;width:24px}input[type=checkbox].cross-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1.5px solid #9aa5b1;border-radius:4px;cursor:pointer;height:24px;margin:0;position:relative;transition:border-color .15s,background .15s;width:24px}input[type=checkbox].cross-checkbox:checked,input[type=checkbox].cross-checkbox:hover{border-color:#d62828;border-color:var(--c-primary)}input[type=checkbox].cross-checkbox:checked{background:#d62828;background:var(--c-primary)}input[type=checkbox].cross-checkbox:checked:after{color:#fff;content:"✕";font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.flex-align-center{align-items:center;cursor:pointer;display:flex;gap:4px}.container_dashboard input[type=date],.container_dashboard input[type=number],.container_dashboard input[type=text],.container_dashboard select{background:#fff;border:1px solid #e2e5ea;border:1px solid var(--c-border);border-radius:6px;box-sizing:border-box;color:#1f2933;color:var(--c-text);font-size:14px;height:30px;padding:4px 8px}.container_dashboard input:focus,.container_dashboard select:focus{border-color:#d62828;border-color:var(--c-primary);box-shadow:0 0 0 3px #d6282826;outline:none}.container_dashboard input[type=number]::-webkit-inner-spin-button,.container_dashboard input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.container_dashboard input[type=number]{-moz-appearance:textfield}.error-message{background:#fdecec;border:1px solid #f5b5b5;border-left:4px solid #d62828;border-left:4px solid var(--c-primary);border-radius:6px;color:#b01e1e;font-size:14px;margin:8px 0;padding:8px 12px}.info-kadaluarsa{color:#2e7d4f;font-weight:600;margin-top:4px}.button-kirim-apar{background:#d62828;background:var(--c-primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:background .15s,transform .1s}.button-kirim-apar:hover{background:#b01e1e;background:var(--c-primary-dark)}.button-kirim-apar:active{transform:scale(.97)}.container_dashboard table{border:1px solid #e2e5ea;border:1px solid var(--c-border);border-collapse:initial;border-radius:8px;border-radius:var(--radius);border-spacing:0;overflow:hidden;width:100%}.container_dashboard th{background:#f6f7f9;background:var(--c-bg-soft);border-bottom:1px solid #e2e5ea;border-bottom:1px solid var(--c-border);color:#1f2933;color:var(--c-text);font-size:13px;letter-spacing:.03em;padding:10px 8px;text-transform:uppercase}.container_dashboard td{border-bottom:1px solid #eef0f3;padding:8px;vertical-align:middle}.td-checksheet-apar,.th-checksheet-apar{padding:12px 6px}.td-checklist-apar{font-size:14px;padding:6px}.apar-wrapper{aspect-ratio:16/9;border:1px solid #e2e5ea;border:1px solid var(--c-border);border-radius:8px;border-radius:var(--radius);margin-top:12px;overflow:visible;position:relative;width:100%}.apar{cursor:pointer;position:absolute;transform:translate(-50%,-50%);width:5%}.apar img{display:block;height:auto;width:100%}.apar-icon-active,.apar-icon-inactive,.apar-icon-isTrouble,.apar-icon-thirty-days{border-radius:8px;box-shadow:0 1px 4px #00000059;height:auto;transition:transform .15s;width:100%}.apar:hover img{transform:scale(1.15)}.apar-icon-active{background:#90ee90}.apar-icon-inactive{background:#f08080}.apar-icon-isTrouble{background:#fd0}.apar-icon-thirty-days{background:#ff0}.popup{background:#222;border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-size:14px;line-height:22px;opacity:0;padding:8px 12px;pointer-events:none;transition:opacity .2s ease;visibility:hidden;white-space:nowrap;z-index:100}.popup,.popup:after{left:50%;position:absolute;transform:translateX(-50%)}.popup:after{border:6px solid #0000;border-top-color:#222;content:"";top:100%}.apar:hover .popup{opacity:1;visibility:visible}@media only screen and (max-width:600px){.th-checksheet-apar{font-size:12px;padding:10px}.td-checksheet-apar{font-size:12px;padding:8px 4px}.popup{font-size:11px;line-height:18px;padding:6px 8px}.button-kirim-apar{width:100%}}.accordion-item{background:#fff;border:1px solid #d3d3d3;border-radius:4px;cursor:pointer;margin-bottom:12px;padding:6px}.font-16-mobile{font-size:24px}@media only screen and (max-width:600px){.accordion-item{font-size:12px}.font-16-mobile{font-size:16px}}.accordion-container-patrol-sp{margin:auto;padding:10px 0;width:100%}.accordion-item-patrol-sp{background:#fff;border:1px solid #ddd;border-radius:10px;margin-bottom:10px;overflow:hidden}.accordion-header-patrol-sp{align-items:center;background:#f5f5f5;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:12px}.accordion-header-patrol-sp.danger{background:#fcc}.accordion-header.warning{background:#fff3cd}.accordion-content-patrol-sp{font-size:14px;padding:12px}.text-danger{color:red;font-weight:700}.table-wrapper{overflow:scroll}.table{border-collapse:collapse;width:100%}.table td,.table th{border:1px solid #ccc;padding:6px;text-align:left}.table th{background:#eee}.accordion-content-wrapper-patrol-sp{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.accordion-content-wrapper-patrol-sp.open{max-height:1000px;opacity:1}.accordion-content-patrol-sp{padding:0 12px 12px}.pipe{color:#888;font-weight:400;margin:0 10px}@media (max-width:600px){.accordion-header-patrol-sp{gap:5px;line-height:20px}.accordion-title-patrol-sp{display:flex;flex-wrap:wrap;font-size:13px}.accordion-content-patrol-sp{font-size:12px}}.title-popup-add-new-dokumen{font-size:18px;font-weight:550;margin-bottom:0;text-decoration:underline}.input-dimensi-sp{font-size:18px;height:22px;margin:6px 0;width:42px}.barcode-true-sp{color:green;font-weight:700;margin:0 0 6px}.barcode-false-sp{color:red;font-weight:700;margin:0 0 6px}.invert-barcode-true-sp{filter:brightness(0) saturate(100%) invert(44%) sepia(91%) saturate(470%) hue-rotate(76deg) brightness(97%) contrast(100%);width:36px}.invert-barcode-false-sp{filter:invert(14%) sepia(100%) saturate(7000%) hue-rotate(359deg) brightness(100%) contrast(100%)}.text-scan-barcode-true-sp{color:green;font-weight:700}.text-scan-barcode-false-sp{color:red;font-weight:700}.input-checkbox-punching{height:22px;margin-top:3px;width:22px}.title-toleransi-sp{font-weight:700;margin:6px 0;text-align:center}.button-close-patrol-sp{background:none;border:1px solid #000;border-radius:4px}.button-close-patrol-sp,.button-reset-patrol-sp{cursor:pointer;margin-right:12px;padding:6px 12px}.button-reset-patrol-sp{background:#81bfda;border:none;border-radius:4px;color:#fff}.button-kirim-patrol-sp{background:red;border:none;border-radius:4px;color:#fff;cursor:"pointer";padding:6px 12px}.td-data-validasi{padding:12px;text-align:left;white-space:nowrap}.label-checkbox-patrol-sp{cursor:pointer;font-size:20px}@media only screen and (max-width:600px){.label-checkbox-patrol-sp{font-size:14px}}.textarea-komentar-penilai{height:48px;line-height:22px;padding:0 6px;resize:none;width:99%}.accordion-content-ss{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px) scale(.98);transition:max-height .5s cubic-bezier(.25,.8,.25,1),opacity .35s ease,transform .35s ease;will-change:max-height,opacity,transform}.accordion-content-ss.active{max-height:2000px;opacity:1;transform:translateY(0) scale(1)}.accordion-inner{padding:10px}.text-content{font-size:14px;margin-top:0;word-break:break-word}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.wrapper-card-aspek{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;width:100%}.wrapper-aspek-penilaian-ss{align-items:center;border:1px solid #d3d3d3;border-radius:6px;display:flex;flex-direction:column;padding:10px}.keterangan-nilai-aspek{font-size:12px;line-height:18px;margin:0 0 6px;max-width:250px;min-width:250px;word-break:break-word}.input-nilai-aspek{font-size:18px;outline:none;padding:6px;text-align:center;width:20px}.wrapper-card-ttd-ss{display:flex;gap:6px;justify-content:space-between;overflow-y:scroll}.wrapper-ttd-ss{align-items:center;border:1px solid #000;display:flex;flex-direction:column}.nama-tanggal-ttd-ss{border-top:1px solid #000;font-size:12px;line-height:36px;margin:0;padding:0 6px;text-align:center;width:-webkit-fill-available}.wrapper-ide{display:flex;flex-wrap:wrap;gap:24px}.font-12-mobile{font-size:14px}@media only screen and (max-width:600px){.margin-0{margin:0}.font-12-mobile{font-size:12px}.font-14-mobile{font-size:14px}.wrapper-aspek-penilaian-ss{width:100%}.nama-tanggal-ttd-ss{font-size:10px;line-height:14px}.accordion-inner{padding:0}.textarea-komentar-penilai{width:94%}}.wrapper_sub_menu_ss{display:flex;flex-wrap:wrap;font-size:16px;font-weight:550;justify-content:space-around;margin-bottom:24px}.sub_menu_ss{border-bottom:3px solid #f6f6fc;color:#2d357a;cursor:pointer;font-weight:400;margin:6px 0 0;padding:6px}.border_active_ss{border-bottom:3px solid #2d357a;font-weight:550}.select-filter-bulan-tahun{border:1.5px solid #d3d3d3;border-radius:4px;cursor:pointer;height:32px;padding:0 4px}.accordion-container-penilaian-karyawan{width:100%}.accordion-item-penilaian-karyawan{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;overflow:hidden}.accordion-header-penilaian-karyawan{grid-gap:12px;align-items:center;background:#fafafa;cursor:pointer;display:grid;gap:12px;grid-template-columns:2fr 1.5fr 2fr 40px;padding:12px}.accordion-header-penilaian-karyawan span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-header-penilaian-karyawan span:last-child{text-align:right}.arrow{transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.accordion-content-penilaian-karyawan{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.accordion-content-penilaian-karyawan.open{max-height:800px;opacity:1}.accordion-inner-penilaian-karyawan{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:16px}.section{background:#fafafa;border-radius:8px;display:grid;grid-template-rows:auto 1fr auto;padding:12px}.section-title{border-bottom:1px solid #ddd;font-weight:700;margin-bottom:10px;padding-bottom:6px}.row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px}.row.total{border-top:1px solid #ddd;font-weight:700;margin-top:10px;padding-top:6px}@media only screen and (max-width:600px){.accordion-header-penilaian-karyawan{gap:8px;grid-template-columns:1fr 1fr 1fr 30px}.accordion-inner-penilaian-karyawan{gap:16px}.row{font-size:12px}}.wrapper-pilih-nama-penilaian{max-width:264px;min-width:264px}.input-penilaian{font-size:18px;height:31px;text-align:center;width:98px}.title-absensi{font-size:18px;font-weight:600;margin-bottom:0;text-decoration:underline}.button-kirim-penilaian{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}@media only screen and (max-width:600px){.font-12-mobile-penilaian{font-size:12px}.font-14-mobile-penilaian{font-size:14px}.wrapper-pilih-nama-penilaian{max-width:100%;min-width:100%}}.textarea-keterangan-bon{font-size:14px;height:72px;padding:12px;resize:none}.input-nama-bon,.textarea-keterangan-bon{border-radius:8px;width:-webkit-fill-available}.input-nama-bon{font-size:18px;height:36px;padding:0 12px}.tdStyle{border:1px solid #e0e0e0;font-size:13px;padding:6px 10px;text-align:right}.tdForecastStyle{background:#eef6fd}.tdUsageStyle{background:#fff6ea}.thStyle{background:#bcdcf7;border:1px solid #d0d0d0;font-size:14px;padding:8px 10px;text-align:center;white-space:nowrap}.tdCenterStyle{font-size:14px;padding:9px 0}.wrapper-approve-icon-bon{display:flex;gap:24px;justify-content:center}.approve-icon-bon{cursor:pointer;height:24px;width:24px}
/*# sourceMappingURL=main.a90227aa.css.map*/