@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Poppins:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto:wght@400;700&family=Poppins:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);h1,h2,h3{font-family:Inter,sans-serif;font-weight:700}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-page{min-height:100vh;width:100%}.login-left,.login-page{display:flex;overflow:hidden}.login-left{align-items:center;background:linear-gradient(135deg,#17457c,#0487d8);flex:2 1;justify-content:center;padding:60px;position:relative}.login-left:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;opacity:.6;position:absolute;right:-20%;top:-50%;width:100%}.login-left:after{background:#ffffff0d;border-radius:50%;content:"";filter:blur(40px);height:300px;position:absolute;right:10%;top:20%;width:300px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.login-left-content{color:#fff;max-width:500px;position:relative;width:100%;z-index:1}.login-logo-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:64px;margin-bottom:30px;opacity:.95}.login-greeting{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 4px #0003}.login-tagline{font-size:18px;font-weight:400;line-height:1.6;margin-bottom:40px;opacity:.95}.login-copyright{bottom:40px;font-size:14px;left:60px;opacity:.8;position:absolute}.login-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:40px;position:relative}.login-right-content{max-width:420px;width:100%}.login-app-name{color:#1a1a1a;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.login-welcome{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:15px}.login-register-prompt{color:#666;font-size:14px;line-height:1.5;margin-bottom:40px}.login-link{color:#0487d8;cursor:pointer;text-decoration:underline;transition:color .3s ease}.login-link:hover{color:#17457c}.login-form{gap:20px}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:8px}.login-label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.login-input{background:#0000;border:none;border-bottom:2px solid #e0e0e0;color:#333;font-family:inherit;font-size:15px;padding:14px 0;transition:all .3s ease;width:100%}.login-input:focus{border-bottom-color:#0487d8;outline:none}.login-input::placeholder{color:#999}.login-button-primary{background:#1a1a1a;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s ease;width:100%}.login-button-primary:hover{background:#333;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.login-button-primary:active{transform:translateY(0)}.login-button-google{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;margin-top:10px;padding:14px 24px;transition:all .3s ease;width:100%}.login-button-google:hover{background:#f8f9fa;border-color:#0487d8;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.login-button-google:active{transform:translateY(0)}.google-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ea4335,#4285f4 50%,#34a853 75%,#fbbc05);-webkit-background-clip:text;background-clip:text;font-size:18px}.login-forgot-password{color:#666;font-size:14px;margin-top:20px;text-align:center}.login-forgot-password span{margin-right:5px}@media (max-width:1024px){.login-page{flex-direction:column}.login-left{flex:1 1;min-height:300px;padding:40px}.login-right{flex:1 1;padding:40px 20px}.login-greeting{font-size:36px}.login-tagline{font-size:16px}.login-copyright{bottom:auto;left:auto;margin-top:30px;position:relative}}@media (max-width:768px){.login-left,.login-right{padding:30px 20px}.login-greeting{font-size:32px}.login-tagline{font-size:14px}.login-logo-icon{font-size:48px;margin-bottom:20px}.login-app-name{font-size:28px}.login-welcome{font-size:24px}}@media (max-width:480px){.login-left{min-height:250px}.login-left,.login-right{padding:20px}.login-greeting{font-size:28px}.login-tagline{font-size:13px}.login-logo-icon{font-size:40px}}body{background-color:#f4f4f9;color:#333;font-family:Roboto,sans-serif;margin:0}.dashboard-container{align-items:center;border-bottom:1px solid #e9ecef;border-radius:10px;height:100vh;justify-content:space-between;margin-top:10px;padding:20px;width:100%}.dashboard-header{display:flex;justify-content:space-between;margin-bottom:20px;text-align:center}.dashboard-title{color:#365463;font-size:2.5rem;font-weight:530;margin:0}.user-profile{align-items:center;display:flex;gap:10px}.user-profile img{border:2px solid #426372;border-radius:50%;height:37px;object-fit:cover;width:37px}.dashboard-subtitle{color:#555;font-size:1rem;text-align:left}.dashboard-content{display:flex;flex-direction:column;gap:20px}.card-container{align-items:center;background:#fff;border-radius:15px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;width:60%}.card{background:#f9f9f9;height:130px;width:250px}.card,.card2{align-items:center;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;gap:10px;padding:15px;transition:transform .3s}.card2{background:#f3f7f8;height:430px;width:400px}.card:hover{transform:translateY(-5px)}.card-icon{align-items:center;border-radius:10%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.chart-title{color:#426372;font-size:1.5rem;margin-bottom:10px;margin-top:10px;text-align:center}sistem analisa

.chart-content{align-items:center;display:flex;justify-content:center;max-height:500px;max-width:540px;min-height:300px;min-width:300px;padding-right:10px 20px;width:50%}.chart-wrapper{flex:1 1}.chart-info{display:flex;flex-direction:column;margin-right:20px}.info-item{align-items:center;display:flex;margin-bottom:10px}.info-color{border-radius:50%;height:15px;margin-right:10px;width:15px}.info-label{flex:1 1;font-size:14px;font-weight:500;padding-right:7px}.info-percentage{color:#666;font-size:14px}@media (max-width:768px){.chart-content{height:160px;width:200px}}.dashboard-stats{grid-gap:20px!important;display:grid;gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:10px}.stat-card{box-shadow:0 4px 10px #0000001a;max-width:600px;padding:10px;transition:transform .3s ease;width:100%}.stat-card:hover{transform:translateY(-5px)}.stat-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.stat-header i{color:#4a90e2;font-size:24px}.stat-card.urgent i{color:#e74c3c}.stat-header h3{color:#333;font-size:18px}.stat-content{display:flex;flex-direction:column;gap:10px}.stat-item{background:#f9f9f9;border-radius:8px;color:#555;display:flex;font-size:16px;justify-content:space-between;padding:10px}.stat-card.urgent .stat-item{background:#ffe6e6;color:#a8483e}.empty-text{color:#999;font-style:italic;text-align:center}.penjahit-container h1{font-size:30px;font-weight:600;margin:0}.notif-icon{color:#b5b7b8;cursor:pointer}.readers{color:gray;font-size:12px;margin-top:5px}.filter-header1{display:flex;gap:6px;justify-content:flex-start;margin-bottom:15px;margin-top:10px;padding-left:10px}.search-bar1{align-items:center;display:flex;gap:10px;justify-content:flex-end;max-width:210px;min-width:102px;width:100%}.search-bar1 input{border:1px solid #e9e9eb;border-radius:8px;font-size:13px;height:35px;max-width:200px;min-width:110px;outline:none;padding:2px 5px;transition:border-color .3s ease;width:100%}.search-bar1 input:focus{border-color:#356191}.filter-select1{background-color:#d1d4d6;border:1px solid #dcdcdc;border-radius:5px;font-size:13px;height:35px;max-width:127px;min-width:90px;padding:9px 8px 8px;transition:all .3s ease;width:127px}.filter-select1 option{background-color:#f8f9fa;color:#333;font-size:13px;font-weight:500;padding:10px;transition:background .3s ease}.filter-select1 option:hover{background-color:#73c6df;color:#fff}.filter-select1:focus,.filter-select1:hover{background-color:#f1f1f1;box-shadow:0 0 5px #d9d9e04d}.filter-header1 button{background-color:#8dcee2;border-radius:5px;font-size:13px;font-weight:510;height:100%px;max-width:80px;min-width:60px;padding:2px;transition:background-color .3s ease}.filter-header button:hover{background-color:#243a42}@media (max-width:600px){.filter-header1 button{font-size:12px;padding:8px 10px}}.table-wrapper{border:1px solid #ddd;max-height:700px;overflow-y:auto}@media (max-width:1366px){.table-wrapper{max-height:600px}}@media (min-width:1367px){.table-wrapper{max-height:600px}}.table-container{min-width:200px}.penjahit-table{background-color:#fff;border-collapse:initial!important;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0;table-layout:fixed}.penjahit-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:9}.penjahit-table thead th{background-color:#8dcee2;position:-webkit-sticky;position:sticky;top:0;z-index:10}.penjahit-table td,.penjahit-table th{border-bottom:1px solid #ececec;font-size:14px;justify-content:center;padding:15px 12px;text-align:center}.penjahit-table th{background-color:#3d546b;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:4}.penjahit-table tr:first-child th:first-child{border-top-left-radius:12px}.penjahit-table tr:first-child th:last-child{border-top-right-radius:12px}.penjahit-table tr:last-child td:first-child{border-bottom-left-radius:12px}.penjahit-table tr:last-child td:last-child{border-bottom-right-radius:12px}.penjahit-table tr{transition:background-color .3s ease}.penjahit-table tr:hover{background-color:#f9fafb}.gambar-produk{border-radius:10px;display:block;height:60px;justify-content:center;width:60px}.btn1{align-items:center;background-color:#b9b9b9;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:inline-flex;gap:5px;padding:5px 10px;width:135px}@media (max-width:768px){.table-container{margin-top:4px;overflow-x:auto;padding:7px}.penjahit-table{border-collapse:initial;border-radius:12px;border-spacing:0;font-weight:300px;justify-content:center;margin:10px 0;width:100%}.penjahit-table td{border-bottom:1px solid #ececec;color:#5f5f5f;font-size:12px;font-weight:300px;justify-content:right;padding:8px 10px}.penjahit-table th{background-color:#3d546b;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.penjahit-container h1{font-size:18px;font-weight:500}.penjahit-table1{display:block;font-size:12px;overflow-x:auto;width:100%}.penjahit-table thead{display:none}.penjahit-table tbody,.penjahit-table td,.penjahit-table tr{display:block;margin:0 auto;width:95%}.penjahit-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:0}.penjahit-table td{display:flex;justify-content:space-between;padding:8px 5px;position:relative;text-align:center}.penjahit-table td:before{color:#3d546b;content:attr(data-label);font-weight:700}}.action-card{flex-wrap:wrap;max-width:100%;overflow-x:auto;padding:2px}.btn1-icon{font-size:12px;max-width:23px;min-height:20px;min-width:16px;padding:3px;transition:background .3s ease}.form-group{align-items:left;flex-direction:row;gap:0}.form-group label{margin-left:5px}.form-group input[type=checkbox]{margin-left:10px;transform:scale(1.1)}.modern-form label{color:#6b8fa1}.modern-form input,.modern-form select,.modern-form textarea{border-radius:16px;margin-bottom:10PX;width:95%}.popup1-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.popup1-card{animation:fadeIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.popup1-header{align-items:center;background:#8dcee2;color:#fff;display:flex;justify-content:space-between;padding:20px}.popup1-header h2{font-size:1.5rem;margin:0}.btn-close{background:#0000;font-size:1.5rem;transition:color .3s ease}.btn-close:hover{color:gold}.popup1-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;padding:20px}.popup1-image-container{align-items:center;background:#fff;border-radius:15px;display:flex;justify-content:center;max-height:180px;max-width:180px;padding:10px;width:180px}.popup1-image{border-radius:10px;height:200px;object-fit:cover;width:100%}.popup1-no-image{color:#999;font-size:1rem}.popup1-details{display:flex;flex-direction:column;gap:10px}.detail-group{width:100%}.notif-wrapper{display:inline-block}.notif-icon{color:#555;transition:color .3s ease}.notif-icon:hover{color:#007bff}.notif-badge{background-color:red;font-size:12px;padding:4px 6px;right:-5px;top:-5px}.popup-overlay{background:#0006;left:0;top:0}.popup-content1{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;height:500px;max-width:100%;padding:20px;width:400px}.popup-title{font-size:18px;font-weight:700;margin-bottom:10px;text-align:center}.notif-list{height:360px;list-style:none;max-height:100%;overflow-y:auto;padding:0;width:350px}.notif-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin:5px 0;padding:10px;transition:background .3s ease}.notif-item:hover{background:#e9ecef}.notif-text{color:#333;font-size:14px}.notif-time{color:#888;font-size:12px}.notif-empty{color:#777;font-size:14px;text-align:center}.notif-clear-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;margin-top:10px;padding:8px;transition:background .3s ease;width:100%}.notif-clear-btn:hover{background:#c82333}.modal-card{box-shadow:0 4px 10px #0003;transform:translateY(-50px);transition:transform .3s ease}.btn-close:hover{background:#919191}.modal-content-pengiriman table th{background-color:#f4f4f4;color:#333;font-weight:700}.modal-content-pengiriman table td,.modal-content-pengiriman table th{padding:12px;text-align:left}.btn-pengiriman-detail1{background-color:#e2e2e2;border:none;border-radius:5px;color:#1f1d1d;cursor:pointer;font-size:12px;font-weight:520;padding:3px 8px;transition:background-color .3s ease,transform .2s ease}.pagination{font-family:Arial,sans-serif;gap:12px;margin-top:15px}.pagination span{color:#4f4f4f;font-size:14px}.pagination button{background-color:#fff;border:1px solid #2ecc71;border-radius:6px;color:#2ecc71;cursor:pointer;font-size:14px;padding:6px 14px;transition:.2s ease-in-out}.pagination button:hover{background-color:#2ecc71;color:#fff}.pagination button:disabled{background-color:#e0e0e0;border-color:#bdbdbd;color:#9e9e9e;cursor:not-allowed}.chat-overlay{align-items:center;background:#00000080;display:flex;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.chat-popup{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;height:650px;max-width:440px;min-width:130px;overflow:hidden;width:90%}@media (max-width:768px){.chat-popup{height:640px;min-width:0;min-width:auto;width:98%}}.chat-header{align-items:center;background:#8dcee2;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding:15px}.close-btn{background:none;border:none;color:#a8a6a6;cursor:pointer;font-size:16px}.invite-btn{background:#5c8ece;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:3px 8px}.chat-messages{background:#f8f9fa;display:flex;flex-direction:column;flex-grow:1;height:505px;max-height:75vh;overflow-y:auto;padding:10px}.chat-message{border-radius:8px;display:inline-block;font-size:13px;margin:5px 0;max-width:80%;padding:10px}.chat-image{border-radius:8px;margin-top:5px;max-height:330px;max-width:230px}.chat-audio-wrapper{margin:0 auto;max-width:430px;width:100%}.chat-audio{font-size:11px;height:40px;width:210px}.user-message{align-self:flex-end;background:#007bff;color:#fff}.partner-message{align-self:flex-start;background:#e9ecef;color:#000}.chat-input{align-items:center;background:#fff;border-top:1px solid #99a5ca;display:flex;font-size:12px;gap:5px;padding:10px;position:-webkit-sticky;position:sticky}.chat-input input{border:1px solid #ccc;border-radius:10px;flex:1 1;padding:8px;width:100%}.image-upload-label{align-items:center;border:1px solid #fff;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:3px;transition:.3s}.image-upload-label:hover{background:#e0e0e0}.upload-icon{color:#4a90e2;font-size:18px}.send-button{background:#8dcee2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.send-button:hover{background:#4bb1cf}.vn-container{gap:10px}.vn-container,.vn-preview{align-items:center;display:flex}.vn-preview{background:#f8f8f8;border-radius:10px;padding:8px}.vn-preview audio{height:30px;max-width:190px;min-width:120px}@media (max-width:768px){.vn-preview audio{height:25px;width:140px}}.delete-vn{background-color:#fff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 10px}.record-button,.stop-button{border:none;border-radius:8px;cursor:pointer;padding:8px 12px}.record-button{background-color:#4caf50;color:#fff}.stop-button{background-color:#f44336;color:#fff}.modal-invite-overlay{background:#00000080;height:100%;left:0;top:0;width:100%}.modal-invite,.modal-invite-overlay{align-items:center;display:flex;justify-content:center;position:fixed;z-index:1001}.modal-invite{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;flex-direction:column;left:50%;max-width:400px;padding:10px;top:50%;transform:translate(-50%,-50%);width:40%}.modal-invite-content{display:flex;flex-direction:column;gap:10px}.modal-content button,.modal-invite-content select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:7px 8px}.modal-invite-content button{background:#8dcee2;border:none;color:#fff;cursor:pointer}.modal-invite-content button:hover{background:#51a2bb}.media-preview-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.media-preview-content{max-height:90%;max-width:90%;position:relative}.media-preview-content img,.media-preview-content video{border-radius:8px;max-height:100%;max-width:100%}.text-red{color:red;font-weight:700}.text-yellow{color:orange;font-weight:700}.text-green{color:green;font-weight:700}.gambar-produk-container{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.gambar-produk{height:100%;object-fit:cover;width:100%}.no-image{color:#888;font-size:12px;padding:10px;text-align:center}.log-table{border-collapse:collapse;height:200px;margin-top:10px;width:100%}.log-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.log-table td,.log-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.log-table thead{background-color:#007bff;color:#fff}.log-table tbody tr:hover{background-color:#f1f1f1;transition:.3s ease-in-out}.no-logs{color:#666;font-size:14px;margin-top:10px}.status-text{color:#277727;font-weight:500}.btn-bayar{background-color:#c45252;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:4px 2px;padding:3px 12px;text-align:center;text-decoration:none;transition:background-color .3s ease}.btn-bayar:hover{background-color:#d40000}.btn-bayar2{background-color:#c4c4c4;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:4px 2px;padding:3px 12px;text-align:center;text-decoration:none;transition:background-color .3s ease}.scrollable-table{max-height:200px;overflow-y:auto}.link-button{background:none;border:none;cursor:pointer;font-size:1em;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.link-button.green{color:#b43828}.link-button.green:hover{color:#1b5e20}.link-button.blue{color:#1976d2}.link-button.blue:hover{color:#0d47a1}.status-link{font-weight:600;text-transform:capitalize}.status-link.selesai{color:#2e7d32}.status-link.dibatalkan{color:#c62828}.status-link.valid{color:#6a1b9a}.status-link.pending{color:#ff9800}.status-link.sementara{color:#dd7927}.status-link.fix{color:#2e7d32}.status-link.bermasalah{color:#c62828}.filter-container{flex-wrap:wrap;gap:1rem;margin-bottom:20px}.filter-group{gap:10px}.filter-select{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 12px;transition:border-color .3s}.filter-select:focus{border-color:#4caf50;outline:none}.date-group{align-items:center;display:flex;gap:10px}.date-field label{color:#555;display:block;font-size:12px;margin-bottom:4px}.date-input{background-color:#fff;border:1px solid #ccc;padding:6px 10px;transition:border-color .3s;width:150px}.date-input:focus{border-color:#4caf50}.btn-apply-filter{background-color:#6fb571;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 15px;transition:background-color .3s}.btn-apply-filter:hover{background-color:#45a049}.penjahit-table td img{border-radius:5px;display:block;height:60px;margin:0 auto;object-fit:cover;width:80px}.valid-status{color:green}.invalid-status{color:red}.modal-hutang{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content-hutang{border-radius:20px;box-shadow:0 5px 15px #0000004d;padding:20px 30px}.form-hutang{text-align:left}.form-group-hutang,.form-hutang{display:flex;flex-direction:column}.form-group-hutang{margin-bottom:15px}.form-group-hutang label{font-weight:700;margin-bottom:5px}.form-group-hutang input,.form-group-hutang select{border:1px solid #ccc;border-radius:5px;padding:8px}.checkbox-group-hutang{align-items:center;flex-direction:row;gap:8px}.form-actions-hutang{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-hutang{border:none;border-radius:5px;cursor:pointer;padding:8px 16px}.btn-submit-hutang{background-color:#214974}.btn-cancel-hutang{background-color:#dc3545}.modal-content-hutang h2{color:#333;margin-bottom:20px}.custom-select{font-size:14px}.react-select__control{border:1px solid #ccc;border-radius:4px;padding:3px}.logs-container{background-color:#f9fafc;height:100%;padding:25px;width:100%}.logs-title{color:#333;font-size:28px;font-weight:700}.logs-subtitle{color:#666;margin-bottom:25px}.filter-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.filter-group{align-items:center;display:flex;gap:12px}.filter-group label{color:#333;font-weight:500}.filter-group input[type=date]{border:1px solid #ccc;border-radius:6px;outline:none;padding:6px 10px}.btn-summary{background-color:#99d6e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.btn-summary:hover{background-color:#79e0ff}.summary-wrapper{display:flex;flex-direction:column;gap:25px}.summary-cards{display:flex;flex-wrap:wrap;gap:20px}.card-summary{border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;flex:1 1;max-width:300px;min-width:250px;padding:10px}.card-summary h3{font-weight:500;margin-bottom:10px}.card-summary p{font-size:1.8rem;font-weight:700}.card-blue{background:#8dcee2}.card-green{background:#db9e8c}.card-orange{background:#ce8cdb}.card-white{background:#fcfcfc}.kasir-table{background:#e2e1e1;border-collapse:collapse;border-radius:8px;color:#333;font-size:.9rem;overflow:hidden;width:100%}.kasir-table th{background:#8dcee2;font-weight:600;padding:10px;text-align:left}.kasir-table td{border-bottom:1px solid #ddd;padding:8px}.kasir-table tr:last-child td{border-bottom:none}.kasir-table th:first-child,.kasir-table th:nth-child(2){width:10%}.kasir-empty{color:#444;font-weight:500;padding:20px;text-align:center}.table-container{background:#fff;box-shadow:0 2px 8px #0000000d;overflow-y:auto;padding:15px}.logs-table{border-collapse:collapse;width:100%}.logs-table td,.logs-table th{border:1px solid #ddd;padding:10px;text-align:left}.logs-table th{background-color:#f1f3f5;font-weight:600}.logs-table tr:nth-child(2n){background-color:#f9f9f9}.error-text{color:red;font-weight:500}.calendar-icon{color:#8dcee2;margin-right:5px}.btn-export{align-items:center;background-color:#1d6f42;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;margin-left:10px;padding:8px 14px;transition:background-color .2s ease,transform .1s ease}.btn-export:hover{background-color:#218c52;transform:translateY(-1px)}.btn-export:active{transform:scale(.98)}.btn-export:disabled{background-color:#b5cbb8;cursor:not-allowed}.verif-modal{background:#fff;border-radius:15px;box-shadow:0 8px 24px #00000026;padding:25px;width:450px}.verif-title{font-size:22px;font-weight:700;margin-bottom:15px;text-align:center}.verif-section{margin-bottom:20px}.verif-label{display:block;font-weight:600;margin-bottom:6px}.verif-input{border:1px solid #cfcfcf;border-radius:10px;font-size:15px;padding:12px;width:100%}.verif-input.disabled{background:#f1f1f1}.hint-text{color:#666;font-size:12px;margin-top:4px}.progress-container{margin-bottom:15px}.progress-info{font-size:14px;margin-bottom:5px}.progress-bar{background:#e3e3e3;border-radius:10px;height:12px;overflow:hidden}.progress-fill{background:#4caf50;height:100%;transition:width .3s ease}.barcode-list{border:1px solid #dcdcdc;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:8px}.barcode-chip{background:#006aff;border-radius:20px;color:#fff;font-size:13px;padding:5px 10px}.empty-text{color:#777;font-size:14px}.verif-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-submit2{background:#0f9d58;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;margin-right:10px;padding:12px 20px;transition:.2s}.btn-submit2.disabled{background:#a5d6a7;cursor:not-allowed}.btn-cancel2{background:#d9534f;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;padding:12px 20px}.info-box{background:#f7f9fc;border-left:4px solid #4c8bf5;border-radius:6px;line-height:1.6;margin-bottom:16px;padding:12px 16px}.info-box ul{margin:6px 0 0 18px}.input-tracking{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 2px #00000014;color:#333;font-size:14px;outline:none;padding:10px 14px;transition:all .25s ease;width:220px}.input-tracking:hover{background:#fff;border-color:#bdbdbd}.input-tracking:focus{background:#fff;border-color:#4c8bf5;box-shadow:0 0 0 3px #4c8bf540}.input-tracking::placeholder{color:#9e9e9e;font-size:13px}select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #d0d0d0;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;outline:none;padding:10px 40px 10px 14px;transition:all .2s ease}select:hover{border-color:#aaa}select:focus{border-color:#3facf5;box-shadow:0 0 0 3px #3facf540}select option{padding:10px}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-row select{min-width:180px}.filter-header1 button{align-items:center;background-color:#4a5568;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:38px;justify-content:center;max-width:100px;min-width:80px;padding:0;text-align:center;transition:all .2s ease;width:100%}.filter-header1 button:hover{background-color:#2d3748;box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.filter-header1 button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.filter-select1{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;font-size:14px;font-weight:500;height:38px;max-width:140px;min-width:100px;outline:none;padding:9px 12px;transition:all .2s ease;width:140px}.filter-select1:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #00000014}.filter-select1:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group-hutang input[type=number],.form-group-hutang input[type=text]{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.form-group-hutang input[type=number]:hover,.form-group-hutang input[type=text]:hover{border-color:#cbd5e0}.form-group-hutang input[type=number]:focus,.form-group-hutang input[type=text]:focus{background-color:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group-hutang select{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.form-group-hutang select:hover{border-color:#cbd5e0}.form-group-hutang select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group-hutang label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.modal-content-hutang{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:90vh;max-width:90%;overflow-y:auto;padding:32px;width:600px}.modal-content-hutang h2{color:#1a202c;font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.btn-submit-hutang{background-color:#4299e1;border-radius:8px;box-shadow:0 2px 4px #4299e133;color:#fff;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-submit-hutang:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.btn-submit-hutang:active{transform:translateY(0)}.btn-cancel-hutang{background-color:#718096;border-radius:8px;box-shadow:0 2px 4px #71809633;color:#fff;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel-hutang:hover{background-color:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.btn-cancel-hutang:active{transform:translateY(0)}.btn1-icon{align-items:center;background-color:#4299e1;border:none;border-radius:6px;box-shadow:0 2px 4px #4299e133;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;padding:8px;transition:all .2s ease}.btn1-icon:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.btn1-icon:active{box-shadow:0 1px 2px #4299e133;transform:translateY(0)}.btn1-icon .icon{color:#fff}.penjahit-table th{background-color:#2d3748;padding:16px 12px}.penjahit-table td span[style*=background-color]{border-radius:6px;box-shadow:0 1px 2px #0000001a;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a202c99}.modal-content{border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000026;max-width:90%;padding:32px;width:500px}.modal-content h2{color:#1a202c;font-size:20px;margin-bottom:24px}.modal-card{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000026;max-width:600px;width:90%}.modal-header{background:#2d3748;border-bottom:1px solid #4a5568;padding:20px 24px}.modal-header h3{font-size:20px;font-weight:700}.modal-body{color:#2d3748;font-size:14px;line-height:1.6;padding:24px}.modal-body p{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:12px 0;padding:8px 0}.modal-body p:last-of-type{border-bottom:none}.modal-body strong{color:#1a202c;font-weight:600}.modal-body span{color:#4a5568;text-align:right}.modern-form input[type=number],.modern-form input[type=text]{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:14px;margin-bottom:16px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.modern-form input[type=number]:hover,.modern-form input[type=text]:hover{border-color:#cbd5e0}.modern-form input[type=number]:focus,.modern-form input[type=text]:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.modern-form label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.form-actions{margin-top:24px}.btn-submit{background-color:#4299e1;border-radius:8px;box-shadow:0 2px 4px #4299e133;padding:12px 24px;transition:all .2s ease}.btn-submit:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.btn-cancel{background-color:#718096;border:none;box-shadow:0 2px 4px #71809633;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background-color:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.btn-close{background:#718096;border-radius:8px;box-shadow:0 2px 4px #71809633;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-close:hover{background:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.form-group-hutang input[type=file]{background-color:#f7fafc;border:1.5px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:10px;transition:all .2s ease}.form-group-hutang input[type=file]:hover{background-color:#edf2f7;border-color:#4299e1}.checkbox-group-hutang input[type=checkbox]{accent-color:#4299e1;cursor:pointer;height:18px;width:18px}.checkbox-group-hutang label{cursor:pointer;font-weight:500;margin:0 0 0 8px}.layout-container,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#183559,#094368);box-shadow:4px 0 20px #0000001a;color:#fff;flex-direction:column;position:relative;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.sidebar:before{background:linear-gradient(180deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;flex-shrink:0;font-size:22px;font-weight:700;letter-spacing:1px;padding:25px 20px;position:relative;text-align:center;text-shadow:0 2px 10px #0003;z-index:1}.sidebar-menu{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px 0;position:relative;z-index:1}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar-link{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;position:relative;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-link:before{background:#fff;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}.sidebar-link:hover{background:#ffffff26;color:#fff;padding-left:23px;transform:translateX(3px)}.sidebar-link:hover:before{transform:scaleY(1)}.sidebar-link.active{background:#fff3;border-left-color:#fff;box-shadow:inset 4px 0 10px #0000001a;color:#fff;font-weight:600}.sidebar-link.active:before{transform:scaleY(1)}.icon{display:flex;flex-shrink:0;font-size:18px;justify-content:center;width:20px}.dropdown-toggle{justify-content:space-between}.dropdown-menu{background:#0003;border-left:3px solid #ffffff4d;list-style:none;margin:0 0 0 20px;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.dropdown-menu.show{max-height:1000px;opacity:1;padding:8px 0}.dropdown-link{align-items:center;border-left:2px solid #0000;color:#ffffffd9;display:flex;font-size:13px;font-weight:400;padding:12px 20px 12px 40px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-link:before{content:"▸";font-size:10px;left:20px;opacity:.6;position:absolute;transition:all .3s ease}.dropdown-link:hover{background:#ffffff26;border-left-color:#ffffff80;color:#fff;padding-left:45px}.dropdown-link:hover:before{opacity:1;transform:translateX(3px)}.dropdown-link.active{background:#ffffff40;border-left-color:#fff;color:#fff;font-weight:600;padding-left:45px}.dropdown-link.active:before{color:#fff;opacity:1}.arrow{font-size:12px;margin-left:auto;opacity:.8;transition:transform .3s cubic-bezier(.4,0,.2,1)}.arrow.open{opacity:1;transform:rotate(180deg)}.main-content{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);flex:1 1;overflow:auto;padding:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.menu-button{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #0487d84d;color:#fff;cursor:pointer;display:none;font-size:20px;height:45px;justify-content:center;left:15px;position:fixed;top:15px;transition:all .3s ease;width:45px;z-index:1001}.menu-button:hover{background:linear-gradient(135deg,#284e7c,#0d3b58);box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}@media (max-width:768px){.sidebar{box-shadow:4px 0 30px #0000004d;height:100vh;left:-280px;position:fixed;transition:left .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.open{left:0}.menu-button{display:flex}.main-content{margin-left:0;width:100%}.sidebar-header{font-size:18px;padding:20px 15px}.sidebar-link{font-size:13px;padding:12px 18px}.dropdown-link{font-size:12px;padding:10px 18px 10px 35px}}@media (max-width:1280px){.sidebar{width:260px}.sidebar-header{font-size:20px;padding:22px 18px}}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.sidebar-overlay.active{display:block}.spkcmt-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.spkcmt-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.spkcmt-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0}.notif-wrapper{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:12px;cursor:pointer;padding:12px;position:relative;transition:all .3s ease}.notif-wrapper:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.notif-wrapper:hover .notif-icon{color:#fff}.notif-icon{color:#667eea;font-size:24px;transition:all .3s ease}.notif-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:2px solid #fff;border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.notif-badge,.spkcmt-filters{align-items:center;display:flex}.spkcmt-filters{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:20px}.spkcmt-search{flex:1 1;min-width:200px;position:relative}.spkcmt-search input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.spkcmt-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.spkcmt-search-icon{color:#667eea;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.spkcmt-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:12px 16px;transition:all .3s ease}.spkcmt-filter-select:focus,.spkcmt-filter-select:hover{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.spkcmt-filter-select:focus{outline:none}.spkcmt-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.spkcmt-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.spkcmt-btn-primary:active{transform:translateY(0)}.spkcmt-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;overflow:hidden}.spkcmt-table{border-collapse:collapse;width:100%}.spkcmt-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spkcmt-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.spkcmt-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.spkcmt-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.spkcmt-table tbody td{color:#333;font-size:14px;padding:16px}.spkcmt-status-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;min-width:100px;padding:6px 12px;text-align:center}.spkcmt-action-group{align-items:center;gap:8px}.spkcmt-btn-icon{border:none;border-radius:8px;font-size:14px;height:36px;transition:all .3s ease;width:36px}.spkcmt-btn-icon-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.spkcmt-btn-icon-info:hover{box-shadow:0 4px 12px #17a2b866;transform:translateY(-2px)}.spkcmt-btn-icon-edit{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.spkcmt-btn-icon-edit:hover{box-shadow:0 4px 12px #ffc10766;transform:translateY(-2px)}.spkcmt-btn-icon-chat{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spkcmt-btn-icon-chat:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.spkcmt-btn-icon-settings{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.spkcmt-btn-icon-settings:hover{box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}.spkcmt-btn-icon-download{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.spkcmt-btn-icon-download:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.spkcmt-pagination{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;gap:16px;justify-content:center;padding:20px}.spkcmt-pagination-btn{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.spkcmt-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.spkcmt-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.spkcmt-pagination-info{color:#667eea;font-size:14px;font-weight:600}.spkcmt-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.spkcmt-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.spkcmt-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.spkcmt-modal-header h2{font-size:24px;font-weight:700;margin:0}.spkcmt-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.spkcmt-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.spkcmt-modal-body{padding:32px}.spkcmt-form-group{margin-bottom:24px}.spkcmt-form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.spkcmt-form-input,.spkcmt-form-select,.spkcmt-form-textarea{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.spkcmt-form-input:focus,.spkcmt-form-select:focus,.spkcmt-form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.spkcmt-form-textarea{min-height:100px;resize:vertical}.spkcmt-currency-input{position:relative}.spkcmt-currency-input .currency-prefix{color:#667eea;font-size:14px;font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.spkcmt-currency-input input{padding-left:60px}.spkcmt-currency-preview{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;color:#1565c0;font-size:13px;font-weight:600;margin-top:8px;padding:8px 12px}.spkcmt-form-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.spkcmt-btn-submit{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 32px;transition:all .3s ease}.spkcmt-btn-submit:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.spkcmt-btn-cancel{align-items:center;background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 32px;transition:all .3s ease}.spkcmt-btn-cancel:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.spkcmt-chat-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.spkcmt-chat-popup{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.spkcmt-chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.spkcmt-chat-header h4{font-size:18px;font-weight:700;margin:0}.spkcmt-invite-btn{background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.spkcmt-invite-btn:hover{background:#ffffff4d}.spkcmt-chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.spkcmt-chat-message{animation:slideIn .3s ease;border-radius:12px;margin-bottom:16px;max-width:80%;padding:12px 16px}.spkcmt-chat-message.user-message{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff;margin-left:auto}.spkcmt-chat-message.partner-message{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a;color:#333}.spkcmt-chat-input{align-items:center;background:#fff;border-radius:0 0 20px 20px;border-top:2px solid #f0f0f0;display:flex;gap:8px;padding:16px}.spkcmt-chat-input input{border:2px solid #e0e0e0;border-radius:12px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.spkcmt-chat-input input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.spkcmt-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.spkcmt-send-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.spkcmt-notif-popup{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;max-height:500px;overflow-y:auto;position:absolute;right:0;top:60px;width:400px;z-index:1000}.spkcmt-notif-list{list-style:none;margin:0;padding:0}.spkcmt-notif-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px;transition:all .2s ease}.spkcmt-notif-item:hover{background:#f8f9fa}.spkcmt-notif-text{color:#333;font-size:14px;line-height:1.5}.spkcmt-notif-time{color:#999;font-size:12px;margin-top:4px}.spkcmt-notif-clear-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:0 0 16px 16px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.spkcmt-notif-clear-btn:hover{background:linear-gradient(135deg,#ee5a6f,#dc3545)}.spkcmt-detail-popup{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.spkcmt-detail-card{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.spkcmt-detail-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.spkcmt-detail-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 2fr;padding:32px}.spkcmt-detail-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%}.spkcmt-detail-info{grid-gap:16px;display:grid;gap:16px}.spkcmt-detail-item{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-left:4px solid #667eea;border-radius:12px;padding:16px}.spkcmt-detail-item strong{color:#667eea;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.spkcmt-detail-item span{color:#333;font-size:16px;font-weight:600}.spkcmt-loading{align-items:center;display:flex;justify-content:center;padding:60px}.spkcmt-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.spkcmt-empty-state{color:#999;padding:60px 20px;text-align:center}.spkcmt-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.spkcmt-empty-state-text{font-size:16px;font-weight:600}@media (max-width:768px){.spkcmt-filters{flex-direction:column}.spkcmt-search{width:100%}.spkcmt-table-container{overflow-x:auto}.spkcmt-detail-content{grid-template-columns:1fr}}.spkcmt-preview-card{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:2px solid #667eea;border-radius:12px;box-shadow:0 4px 15px #667eea1a;margin:20px 0;padding:20px}.spkcmt-preview-header{border-bottom:2px solid #667eea;margin-bottom:16px;padding-bottom:12px}.spkcmt-preview-header h3{color:#667eea;font-size:18px;font-weight:700;margin:0}.spkcmt-preview-content{display:flex;flex-direction:column;gap:12px}.spkcmt-preview-item{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;padding:10px}.spkcmt-preview-item strong{color:#495057;font-weight:600;min-width:140px}.spkcmt-preview-item span{color:#212529;flex:1 1;text-align:right}.spkcmt-preview-highlight{color:#667eea!important;font-size:16px;font-weight:700}.spkcmt-preview-warna{display:flex;flex-direction:column;gap:8px;width:100%}.spkcmt-preview-warna-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-left:3px solid #667eea;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.spkcmt-warna-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.spkcmt-warna-qty{color:#28a745;font-size:14px;font-weight:700}.spkcmt-status-select{transition:all .3s ease}.spkcmt-status-select:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.spkcmt-status-select:focus{box-shadow:0 0 0 3px #667eea4d}.spkcmt-status-select option{background:#fff;color:#333;padding:8px}.spkcmt-table-responsive{border-collapse:collapse;font-size:13px;width:100%}.spkcmt-table-responsive td,.spkcmt-table-responsive th{word-wrap:break-word;max-width:140px;padding:8px;text-align:left;white-space:normal}.spkcmt-table-responsive th{background-color:#76c7d8;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spkcmt-table-responsive td:last-child{min-width:180px;padding:4px 6px}.spkcmt-action-group{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center}.spkcmt-btn-icon{align-items:center;background:#f1f3f5;border:1px solid #dee2e6;border-radius:5px;color:#495057;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.spkcmt-btn-icon:hover{background:#e9ecef;border-color:#adb5bd;transform:scale(1.05)}.spkcmt-btn-icon-download{background:#28a745!important;border-color:#218838!important;color:#fff!important}.spkcmt-btn-icon-download:hover{background:#218838!important}.modal-overlay{background:#0006}.modal-card{border-radius:8px;max-height:80vh;overflow:hidden;width:600px}.modal-header{border-bottom:1px solid #eee;padding:12px}.modal-body{overflow-y:auto;padding:12px}.log-deadline-table{border-collapse:collapse;width:100%}.log-deadline-table td,.log-deadline-table th{border:1px solid #ddd;font-size:12px;padding:6px}.modal-overlay{background:#00000073;inset:0;z-index:9999}.modal-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:20px;width:360px}.modal-title{font-size:18px;font-weight:600;margin-bottom:12px}.modal-body p{font-size:14px;margin:4px 0}.modal-label{display:block;font-size:13px;font-weight:600;margin-top:12px}.modal-input{border:1px solid #ccc;border-radius:8px;margin-top:6px;padding:8px 10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn-primary{background:#2563eb;border-radius:8px;padding:8px 14px}.btn-secondary{background:#e5e7eb;border:none;border-radius:8px;cursor:pointer;padding:8px 14px}.pengiriman-wrapper{background:#f8f9fa;min-height:100vh;padding:24px}.pengiriman-header{margin-bottom:28px}.pengiriman-header h1{color:#1a1a1a;font-size:28px;font-weight:600;letter-spacing:-.3px;margin:0}.pengiriman-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:20px 24px}.pengiriman-filters button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea40;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.pengiriman-filters button:hover{box-shadow:0 4px 8px #667eea59;transform:translateY(-1px)}.pengiriman-filters button:active{transform:translateY(0)}.pengiriman-search{flex:1 1;min-width:200px;position:relative}.pengiriman-search input{background:#fafbfc;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.pengiriman-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pengiriman-filters select{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px;transition:all .2s ease}.pengiriman-filters select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pengiriman-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.pengiriman-table-wrapper{overflow-x:auto}.pengiriman-table{border-collapse:collapse;width:100%}.pengiriman-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.pengiriman-table th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.pengiriman-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.pengiriman-table tbody tr:hover{background-color:#f8f9ff}.pengiriman-table tbody tr:last-child{border-bottom:none}.pengiriman-table td{color:#4a5568;font-size:14px;padding:16px 18px}.pengiriman-table td:first-child{color:#2d3748;font-weight:600}.status-badge{border-radius:12px;padding:4px 12px}.status-badge.valid{background:#d4edda;color:#155724}.status-badge.invalid{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.pengiriman-actions{display:flex;gap:8px;justify-content:center}.pengiriman-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pengiriman-btn-icon.info{background:#4299e1;color:#fff}.pengiriman-btn-icon.info:hover{background:#3182ce;transform:scale(1.05)}.pengiriman-btn-icon.payment{background:#48bb78;color:#fff}.pengiriman-btn-icon.payment:hover{background:#38a169;transform:scale(1.05)}.pengiriman-pagination{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-top:20px;padding:16px 0}.pengiriman-pagination-btn{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pengiriman-pagination-btn:hover:not(:disabled){background:#f8f9ff;border-color:#667eea;color:#667eea}.pengiriman-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pengiriman-pagination-info{background:#f7fafc;border-radius:8px;color:#718096;font-size:14px;padding:8px 12px}.pengiriman-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pengiriman-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.pengiriman-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;color:#fff;display:flex;justify-content:space-between;padding:24px}.pengiriman-modal-header h2{font-size:20px;font-weight:600;margin:0}.pengiriman-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pengiriman-modal-close:hover{background:#ffffff4d}.pengiriman-modal-body{padding:24px}.pengiriman-form{display:flex;flex-direction:column;gap:20px}.pengiriman-form-group{display:flex;flex-direction:column;gap:8px}.pengiriman-form-label{color:#2d3748;font-size:14px;font-weight:500}.pengiriman-form-input,.pengiriman-form-select{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.pengiriman-form-input:focus,.pengiriman-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pengiriman-form-group .react-select-container{width:100%}.pengiriman-form-group .react-select__control{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;min-height:48px;transition:all .2s ease}.pengiriman-form-group .react-select__control:hover{border-color:#667eea}.pengiriman-form-group .react-select__control--is-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pengiriman-form-group .react-select__placeholder{color:#999}.pengiriman-form-group .react-select__menu{border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999}.pengiriman-form-group .react-select__option{font-size:14px;padding:12px 16px}.pengiriman-form-group .react-select__option--is-focused{background-color:#f8f9ff}.pengiriman-form-group .react-select__option--is-selected{background-color:#667eea;color:#fff}.pengiriman-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.pengiriman-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.pengiriman-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea40;color:#fff}.pengiriman-btn-primary:hover{box-shadow:0 4px 8px #667eea59;transform:translateY(-1px)}.pengiriman-btn-secondary{background:#e1e5e9;color:#4a5568}.pengiriman-btn-secondary:hover{background:#cbd5e0}.pengiriman-detail-popup{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pengiriman-detail-card{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.pengiriman-detail-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.pengiriman-detail-header h2{font-size:18px;font-weight:600;margin:0}.pengiriman-detail-content{padding:24px}.pengiriman-detail-table{border-collapse:collapse;width:100%}.pengiriman-detail-table tr{border-bottom:1px solid #f0f0f0}.pengiriman-detail-table tr:last-child{border-bottom:none}.pengiriman-detail-table td{font-size:14px;padding:12px 0}.pengiriman-detail-table td:first-child{color:#4a5568;font-weight:600;width:40%}.pengiriman-detail-table td:last-child{color:#2d3748}.pengiriman-detail-warna{display:flex;flex-direction:column;gap:6px}.pengiriman-detail-warna-item{background:#f7fafc;border-radius:6px;font-size:13px;padding:6px 12px}@media (max-width:768px){.pengiriman-wrapper{padding:16px}.pengiriman-filters{align-items:stretch;flex-direction:column}.pengiriman-filters button,.pengiriman-filters select,.pengiriman-search{width:100%}.pengiriman-table-wrapper{overflow-x:scroll}.pengiriman-table td,.pengiriman-table th{font-size:12px;padding:12px}.pengiriman-modal{max-height:95vh;width:95%}.pengiriman-modal-body,.pengiriman-modal-header{padding:20px}}.hutang-container{background-color:#f8fafc;min-height:100vh;padding:24px}.hutang-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.hutang-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0}.hutang-filter-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.hutang-btn-primary{align-items:center;background-color:#4299e1;border:none;border-radius:8px;box-shadow:0 2px 4px #4299e133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.hutang-btn-primary:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.hutang-btn-primary:active{transform:translateY(0)}.hutang-select-filter{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#2d3748;cursor:pointer;font-size:14px;min-width:180px;padding:10px 16px;transition:all .2s ease}.hutang-select-filter:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #00000014}.hutang-select-filter:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.hutang-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hutang-table{background:#fff;border-collapse:collapse;width:100%}.hutang-table thead{background:linear-gradient(135deg,#2d3748,#1a202c)}.hutang-table th{border-bottom:2px solid #4a5568;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.hutang-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.hutang-table tbody tr:hover{background-color:#f7fafc;transform:scale(1.001)}.hutang-table tbody tr:last-child{border-bottom:none}.hutang-table td{color:#2d3748;font-size:14px;padding:16px 20px;vertical-align:middle}.hutang-status-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize;transition:all .2s ease}.hutang-status-badge:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.hutang-action-group{gap:8px}.hutang-action-group,.hutang-btn-icon{align-items:center;display:flex;justify-content:center}.hutang-btn-icon{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.hutang-btn-icon-primary{background-color:#4299e1;color:#fff}.hutang-btn-icon-primary:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-2px)}.hutang-btn-icon-info{background-color:#48bb78;color:#fff}.hutang-btn-icon-info:hover{background-color:#38a169;box-shadow:0 4px 6px #48bb784d;transform:translateY(-2px)}.hutang-btn-icon:active{transform:translateY(0)}.hutang-empty-state{color:#718096;padding:60px 20px;text-align:center}.hutang-empty-state-icon{color:#cbd5e0;font-size:64px;margin-bottom:16px}.hutang-empty-state-text{color:#4a5568;font-size:16px;font-weight:500}.hutang-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a202cbf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.hutang-modal-header{align-items:center;background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 28px}.hutang-modal-header h2{color:#fff;font-size:22px;font-weight:700;margin:0}.hutang-modal-body{padding:28px}.hutang-modal-footer{background:#f7fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.hutang-form{gap:20px}.hutang-form,.hutang-form-group{display:flex;flex-direction:column}.hutang-form-group{gap:8px}.hutang-form-label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:4px}.hutang-form-input,.hutang-form-select{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.hutang-form-input:focus,.hutang-form-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.hutang-form-input:hover,.hutang-form-select:hover{border-color:#cbd5e0}.hutang-form-input::placeholder{color:#a0aec0}.hutang-form-checkbox-group{align-items:center;background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:12px}.hutang-form-checkbox{accent-color:#4299e1;cursor:pointer;height:20px;width:20px}.hutang-form-checkbox-label{color:#2d3748;cursor:pointer;font-size:14px;font-weight:500;margin:0}.hutang-form-file-input{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.hutang-form-file-input:hover{background:#edf2f7;border-color:#4299e1}.hutang-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.hutang-btn-submit{background-color:#4299e1;box-shadow:0 2px 4px #4299e133;color:#fff}.hutang-btn-submit:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.hutang-btn-submit:active{transform:translateY(0)}.hutang-btn-cancel{background-color:#718096;box-shadow:0 2px 4px #71809633;color:#fff}.hutang-btn-cancel:hover{background-color:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.hutang-btn-close{background-color:#e53e3e;box-shadow:0 2px 4px #e53e3e33;color:#fff}.hutang-btn-close:hover{background-color:#c53030;box-shadow:0 4px 6px #e53e3e4d;transform:translateY(-1px)}.hutang-detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hutang-detail-header{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:20px 24px}.hutang-detail-header h3{font-size:20px;font-weight:700;margin:0}.hutang-detail-body{padding:24px}.hutang-detail-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.hutang-detail-item:last-child{border-bottom:none}.hutang-detail-label{color:#2d3748;font-size:14px;font-weight:600}.hutang-detail-value{color:#4a5568;font-size:14px;text-align:right}.hutang-detail-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.hutang-detail-section h4{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 16px}.hutang-filter-select{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;margin-bottom:16px;max-width:300px;padding:10px 16px;transition:all .2s ease;width:100%}.hutang-filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.hutang-history-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:16px;overflow:hidden;width:100%}.hutang-history-table thead{background:linear-gradient(135deg,#4299e1,#3182ce)}.hutang-history-table th{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.hutang-history-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;padding:12px 16px}.hutang-history-table tbody tr:hover{background-color:#f7fafc}.hutang-history-table tbody tr:last-child td{border-bottom:none}.hutang-history-link{color:#4299e1;font-weight:500;text-decoration:none;transition:color .2s ease}.hutang-history-link:hover{color:#3182ce;text-decoration:underline}.hutang-no-history{color:#718096;font-size:14px;padding:40px 20px;text-align:center}.hutang-scrollable-table{border-radius:8px;max-height:400px;overflow-y:auto}.hutang-scrollable-table::-webkit-scrollbar{width:8px}.hutang-scrollable-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hutang-scrollable-table::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.hutang-scrollable-table::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:768px){.hutang-container{padding:16px}.hutang-header{align-items:flex-start;flex-direction:column;gap:16px}.hutang-filter-header{align-items:stretch;flex-direction:column}.hutang-btn-primary,.hutang-select-filter{width:100%}.hutang-table-container{overflow-x:auto}.hutang-table{min-width:800px}.hutang-modal-content{margin:10px;max-width:95%}.hutang-modal-body{padding:20px}.hutang-detail-item{align-items:flex-start;flex-direction:column;gap:4px}.hutang-detail-value{text-align:left}}.hutang-loading{align-items:center;color:#718096;display:flex;font-size:16px;justify-content:center;padding:60px 20px}.hutang-fade-in{animation:fadeIn .3s ease}.hutang-slide-in{animation:slideUp .3s ease}.hutang-text-center{text-align:center}.hutang-text-bold{font-weight:600}.hutang-mt-16{margin-top:16px}.hutang-mb-16{margin-bottom:16px}.hutang-gap-12{gap:12px}.cashbon-container{background:#f8fafc;min-height:100vh;padding:2rem}.cashbon-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.cashbon-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.cashbon-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.cashbon-filter{position:relative}.cashbon-filter select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:.5rem;color:#1e293b;cursor:pointer;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease}.cashbon-filter select:hover{border-color:#cbd5e1}.cashbon-filter select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.cashbon-table-wrapper{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.cashbon-table{border-collapse:collapse;width:100%}.cashbon-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cashbon-table thead th{font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.cashbon-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.cashbon-table tbody tr:hover{background:#f8fafc;transform:scale(1.01)}.cashbon-table tbody tr:last-child{border-bottom:none}.cashbon-table tbody td{color:#475569;font-size:.95rem;padding:1.25rem 1.5rem}.cashbon-table tbody td:first-child{color:#1e293b;font-weight:600}.status-badge{border-radius:.5rem;color:#fff;font-size:.875rem;padding:.5rem 1rem;text-transform:capitalize}.status-badge.belum-lunas{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-badge.dibayar-sebagian{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge.lunas{background:linear-gradient(135deg,#10b981,#059669)}.action-buttons{display:flex;gap:.5rem}.btn-icon{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.btn-icon-add{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-icon-add:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-icon-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-icon-info:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;justify-content:center;padding:4rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:3rem;width:3rem}.empty-state{color:#64748b;padding:4rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state-text{font-size:1.125rem;font-weight:500}.pagination{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.pagination-button{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;color:#475569;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem}.pagination-button:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.pagination-button:disabled{opacity:.5}.pagination-info{color:#64748b;font-size:.95rem}.modal-overlay{padding:1rem}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.modal-header h2{color:#1e293b;font-size:1.5rem}.modal-close{background:none;border-radius:.5rem;color:#64748b;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#1e293b;font-size:.95rem;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:.5rem;color:#1e293b;font-size:1rem;padding:.75rem 1rem}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#94a3b8}.form-group-file{position:relative}.form-group-file input[type=file]{cursor:pointer;padding:.5rem}.file-label{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.5rem;color:#64748b;cursor:pointer;display:inline-block;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100%}.file-label:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.form-actions{border-top:1px solid #e2e8f0;gap:1rem;margin-top:2rem;padding-top:1.5rem}.btn{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633}.btn-submit:hover{box-shadow:0 4px 12px #3b82f64d}.btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.btn-cancel:hover{background:#e2e8f0}.detail-section{margin-bottom:2rem}.detail-section h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.detail-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#64748b;font-weight:600}.detail-value{color:#1e293b;font-weight:600;text-align:right}.history-table{border-collapse:collapse;margin-top:1rem;width:100%}.history-table thead{background:#f8fafc}.history-table thead th{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.history-table tbody tr{border-bottom:1px solid #e2e8f0}.history-table tbody tr:hover{background:#f8fafc}.history-table tbody td{color:#475569;font-size:.95rem;padding:.75rem 1rem}.no-history{color:#94a3b8;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.cashbon-container{padding:1rem}.cashbon-header{align-items:stretch}.cashbon-actions,.cashbon-header{flex-direction:column}.btn-primary,.cashbon-filter{width:100%}.cashbon-table-wrapper{overflow-x:auto}.cashbon-table{min-width:600px}.modal-content{margin:1rem;max-width:100%}.form-actions{flex-direction:column-reverse}.btn{width:100%}}.pendapatan-container{background-color:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.pendapatan-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:16px;margin-bottom:32px;padding-bottom:24px}.pendapatan-header h1{color:#1e293b;font-size:28px;font-weight:600;margin:0}.pendapatan-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:24px}.pendapatan-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pendapatan-filter-item{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.pendapatan-filter-item label{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:500;gap:6px}.pendapatan-filter-item input[type=date]{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.pendapatan-filter-item input[type=date]:focus{border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a;outline:none}.pendapatan-btn-filter{align-self:flex-end;background-color:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:10px 24px;transition:all .2s}.pendapatan-btn-filter:hover{background-color:#075985}.pendapatan-btn-filter:active{transform:scale(.98)}.pendapatan-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.pendapatan-table-wrapper{overflow-x:auto}.pendapatan-table{border-collapse:collapse;width:100%}.pendapatan-table thead{background-color:#f1f5f9}.pendapatan-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pendapatan-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:16px}.pendapatan-table tbody tr{transition:background-color .2s}.pendapatan-table tbody tr:hover{background-color:#f8fafc}.pendapatan-table tbody tr:last-child td{border-bottom:none}.pendapatan-name{color:#1e293b;font-weight:500}.pendapatan-amount{color:#0369a1;font-size:15px;font-weight:600}.pendapatan-amount-negative{color:#dc2626}.pendapatan-actions{align-items:center;display:flex;gap:8px}.pendapatan-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.pendapatan-btn-primary{background-color:#0369a1;color:#fff}.pendapatan-btn-primary:hover{background-color:#075985}.pendapatan-btn-icon{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.pendapatan-btn-icon:hover{background-color:#e2e8f0;color:#1e293b}.pendapatan-btn-icon svg{height:16px;width:16px}.pendapatan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.pendapatan-badge-disabled{background-color:#f1f5f9;color:#94a3b8}.pendapatan-loading{color:#64748b}.pendapatan-error,.pendapatan-loading{font-size:14px;padding:48px;text-align:center}.pendapatan-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:16px}.pendapatan-empty{color:#94a3b8;padding:64px;text-align:center}.pendapatan-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pendapatan-empty p{font-size:16px;margin:0}.pendapatan-modal-overlay{align-items:center;animation:fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.pendapatan-modal{animation:slideUp .3s;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.pendapatan-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.pendapatan-modal-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.pendapatan-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:4px;transition:color .2s;width:32px}.pendapatan-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.pendapatan-modal-body{flex:1 1;overflow-y:auto;padding:24px}.pendapatan-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.pendapatan-detail-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.pendapatan-detail-item label{color:#64748b;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pendapatan-detail-item span{color:#1e293b;display:block;font-size:16px;font-weight:600}.pendapatan-form{display:flex;flex-direction:column;gap:20px}.pendapatan-form-group{display:flex;flex-direction:column;gap:8px}.pendapatan-form-group label{color:#374151;font-size:14px;font-weight:500}.pendapatan-form-group input[type=file],.pendapatan-form-group input[type=text]{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s}.pendapatan-form-group input[type=text]:focus{border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a;outline:none}.pendapatan-form-group input[readonly]{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.pendapatan-form-group input[type=file]{cursor:pointer;padding:8px}.pendapatan-checkbox-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.pendapatan-checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.pendapatan-checkbox-group input[type=checkbox]{accent-color:#0369a1;cursor:pointer;height:18px;width:18px}.pendapatan-checkbox-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;transition:all .2s}.pendapatan-checkbox-item:hover{background-color:#f9fafb;border-color:#0369a1}.pendapatan-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.pendapatan-btn-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.pendapatan-btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.pendapatan-btn-submit{background-color:#0369a1;color:#fff}.pendapatan-btn-submit:hover{background-color:#075985}.pendapatan-btn-submit:disabled{cursor:not-allowed;opacity:.6}.pendapatan-total-transfer{background-color:#f0f9ff;border:2px solid #0369a1;border-radius:8px;padding:16px}.pendapatan-total-transfer label{color:#0369a1;font-size:16px;font-weight:600}.pendapatan-total-transfer input{color:#0369a1;font-size:18px;font-weight:700}.pendapatan-modal-table{border-collapse:collapse;margin-top:24px;width:100%}.pendapatan-modal-table thead{background-color:#f1f5f9}.pendapatan-modal-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.pendapatan-modal-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:12px}.pendapatan-modal-table tbody tr:hover{background-color:#f8fafc}@media (max-width:768px){.pendapatan-container,.pendapatan-filter-card{padding:16px}.pendapatan-filter-group{flex-direction:column}.pendapatan-filter-item{width:100%}.pendapatan-table-wrapper{overflow-x:scroll}.pendapatan-table{min-width:600px}.pendapatan-modal{border-radius:0;max-height:100vh;max-width:100%}.pendapatan-detail-grid{grid-template-columns:1fr}.pendapatan-form-actions{flex-direction:column-reverse}.pendapatan-form-actions button{width:100%}}.data-dikerjakan-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f7fafc,#edf2f7);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:32px}.data-dikerjakan-header{margin-bottom:32px}.data-dikerjakan-header h1{color:#1a202c;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 24px}.dashboard-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.date-filter{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;gap:12px;padding:8px 12px}.date-filter label{color:#4a5568;font-size:13px;font-weight:600;white-space:nowrap}.date-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1a202c;font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.date-input:hover{border-color:#cbd5e0}.date-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.export-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.export-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.export-btn:hover:before{left:100%}.export-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.export-btn:active{box-shadow:0 2px 4px #667eea33;transform:translateY(0)}.kpi-summary-section{margin-bottom:32px}.kpi-summary-title{align-items:center;color:#1a202c;display:flex;font-size:22px;font-weight:700;gap:12px;margin-bottom:24px}.kpi-summary-title svg{color:#667eea}.kpi-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kpi-card{align-items:center;background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.kpi-card:hover:before{opacity:1}.kpi-card:hover{border-color:#667eea33;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000f;transform:translateY(-4px)}.kpi-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 12px #667eea40;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:64px}.kpi-card:hover .kpi-icon{transform:scale(1.05) rotate(5deg)}.kpi-content{flex:1 1;min-width:0}.kpi-label{color:#718096;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:#1a202c;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.kpi-subtitle{color:#6c757d;font-size:.85em;font-weight:500;margin-top:4px}.charts-section{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-sizing:border-box;margin-bottom:32px;max-width:100%;overflow:visible;padding:32px;width:100%}.charts-section-title{align-items:center;color:#1a202c;display:flex;font-size:22px;font-weight:700;gap:12px;margin-bottom:28px}.charts-section-title svg{color:#667eea}.charts-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-wrapper,.charts-container{max-width:100%;overflow:visible;width:100%}.chart-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-width:0;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-wrapper:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000f}.chart-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.chart-title{color:#1a202c;font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;background:#fff;border-radius:6px;color:#4a5568;display:flex;font-size:12px;font-weight:600;gap:8px;padding:4px 8px;transition:background-color .2s ease}.legend-item:hover{background:#f7fafc}.legend-color{border-radius:3px;box-shadow:0 1px 3px #0003;display:inline-block;height:14px;width:14px}.chart-container{box-sizing:border-box;height:280px;max-width:100%;overflow:hidden;position:relative;width:100%}.chart-container>div{height:100%!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.chart-empty{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;color:#a0aec0;display:flex;flex-direction:column;font-size:15px;height:280px;justify-content:center}.chart-wrapper canvas{height:auto!important;max-height:280px!important;max-width:100%!important}.table-section{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;overflow:visible}.table-section-header{background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:2px solid #e2e8f0;padding:24px 32px}.table-section-header h2{color:#1a202c;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.filter-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 32px}.kode-seri-search{flex:0 0 auto;max-width:400px}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.kode-seri-search input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a202c;font-family:Inter,sans-serif;padding:12px 16px 12px 44px;transition:all .2s cubic-bezier(.4,0,.2,1)}.kode-seri-search:before{content:"🔍";font-size:16px;left:16px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.kode-seri-search input:focus{box-shadow:0 0 0 4px #667eea1a}.kode-seri-search input::placeholder{color:#a0aec0}.table-wrapper{border-radius:0 0 16px 16px;max-height:72vh;overflow-x:auto!important;overflow-y:auto!important;position:relative;width:100%}.data-dikerjakan-table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:2000px;width:100%}.data-dikerjakan-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-dikerjakan-table th{border-right:1px solid #fff3;color:#fff;font-size:12px;font-weight:700;letter-spacing:.8px;padding:18px 20px;text-align:center;text-transform:uppercase;vertical-align:middle}.data-dikerjakan-table th:last-child{border-right:none}.data-dikerjakan-table th.header-blue{background-color:#addcef;border-right:1px solid #0000001a;color:#1a202c}.data-dikerjakan-table th.header-red{background-color:#ff6b6b;border-right:1px solid #fff3;color:#fff}.data-dikerjakan-table th.header-green{background-color:#b7e8c9;border-right:1px solid #0000001a;color:#1a202c}.data-dikerjakan-table th.header-yellow{background-color:#f9dcb4;border-right:1px solid #0000001a;color:#1a202c}.data-dikerjakan-table th.header-blue-light{background-color:#addcef;border-right:1px solid #0000001a;color:#1a202c;line-height:1.4;padding:10px 8px;vertical-align:middle;white-space:normal}.data-dikerjakan-table th.header-blue-light small{color:#4a5568;display:block;font-size:.85em;font-weight:400;line-height:1.3;margin-top:4px}.data-dikerjakan-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;transition:all .15s cubic-bezier(.4,0,.2,1)}.data-dikerjakan-table tbody tr:nth-child(2n){background:#fffef5}.data-dikerjakan-table tbody tr:nth-child(2n) .col-lebih-deadline.red-bg{background-color:#ffe5e5}.data-dikerjakan-table tbody tr:hover{background:#f7fafc!important}.data-dikerjakan-table tbody tr:hover .col-lebih-deadline.red-bg{background-color:#ffd5d5!important}.data-dikerjakan-table tbody tr:hover .col-masih-deadline,.data-dikerjakan-table tbody tr:hover .col-no,.data-dikerjakan-table tbody tr:hover .nama-cmt{background-color:#e6f4fe!important}.data-dikerjakan-table tbody tr:last-child{border-bottom:none}.data-dikerjakan-table td{border-right:1px solid #f1f5f9;color:#2d3748;font-size:13px;font-weight:500;padding:16px 20px;text-align:center;vertical-align:middle}.data-dikerjakan-table td:last-child{border-right:none}.data-dikerjakan-table .col-no{background-color:#f0f9ff}.data-dikerjakan-table .nama-cmt{background-color:#f0f9ff;color:#1a202c;font-size:14px;font-weight:600;text-align:left}.data-dikerjakan-table .col-lebih-deadline{background-color:#fff}.data-dikerjakan-table .col-lebih-deadline.red-bg{background-color:#ffe5e5}.data-dikerjakan-table .col-lebih-deadline.red-bg strong{color:#dc2626;font-weight:700}.data-dikerjakan-table .col-masih-deadline{background-color:#f0f9ff}.data-dikerjakan-table .col-periode{background-color:#fff}.data-dikerjakan-table tbody tr:nth-child(2n) .col-periode{background-color:#fffef5}.bg-green-light{background-color:#dcf4e3!important}.bg-green-light,.bg-yellow-light{color:#1a202c!important;font-weight:600!important}.bg-yellow-light{background-color:#fdf2e2!important}.bg-blue-light{background-color:#e0f2fe!important;color:#1a202c!important;font-weight:600!important}.bg-green-pale{background-color:#dcf4e3!important;color:#22543d;font-weight:600}.bg-red-pale{background-color:#ffe5e5!important;color:#dc2626;font-weight:600}.red-text{color:#e53e3e;font-weight:700}.data-dikerjakan-table tfoot{background:linear-gradient(90deg,#f8fafc,#fff);border-top:3px solid #e2e8f0;font-weight:700}.data-dikerjakan-table tfoot td{color:#1a202c;font-size:14px;padding:20px}.footer-row,.footer-row:hover{background:#fffef5!important}.footer-row:hover{box-shadow:none!important;transform:none!important}.footer-row .col-lebih-deadline.red-bg{background-color:#ffe5e5!important}.footer-row .col-masih-deadline,.footer-row .col-no,.footer-row .nama-cmt{background-color:#f0f9ff!important}.loading-message{align-items:center;color:#4a5568;display:flex;flex-direction:column;font-size:16px;gap:16px;padding:80px 24px;text-align:center}.loading-message:before{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;content:"";height:40px;width:40px}.error-message{align-items:center;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:2px solid #fc8181;border-radius:12px;color:#e53e3e;display:flex;flex-direction:column;font-size:16px;gap:12px;margin:24px;padding:80px 24px;text-align:center}.error-message strong{display:block;font-size:18px;font-weight:700;margin-bottom:8px}.error-message span{display:block;font-size:14px;opacity:.9}.no-data{align-items:center;color:#a0aec0;display:flex;flex-direction:column;font-size:15px;gap:12px;padding:80px 24px;text-align:center}.no-data:before{content:"📊";font-size:48px;opacity:.5}.refresh-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.refresh-btn:active{transform:translateY(0)}.table-wrapper::-webkit-scrollbar{height:10px;width:10px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e0,#a0aec0);border:2px solid #f1f5f9;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a0aec0,#718096)}.periode-header-cell{padding:10px 8px!important;vertical-align:top}.periode-header-selector{align-items:center;display:flex;flex-direction:column;gap:8px;min-height:70px;padding:8px}.periode-header-label{color:#fffffff2;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-align:center;text-transform:uppercase}.periode-dropdown-wrapper{align-items:center;display:flex;justify-content:center;margin-top:8px;width:100%}.periode-range-select{-webkit-appearance:none;appearance:none;background-color:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a202c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #fff6;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#1a202c;cursor:pointer;font-size:12px;font-weight:600;min-width:180px;outline:none;padding:8px 32px 8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.periode-range-select:hover{background-color:#fff;border-color:#fff9;box-shadow:0 2px 8px #00000026}.periode-range-select:focus{background-color:#fff;border-color:#fffc;box-shadow:0 0 0 3px #fff3}.periode-range-select option{background-color:#fff;color:#1a202c;padding:8px}.data-dikerjakan-container .table-container{overflow:visible;width:100%}.summary-header{background-color:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:32px 0;padding:24px}.summary-item{align-items:center;display:flex;flex-direction:column;gap:8px}.summary-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.summary-value{color:#1a202c;font-size:24px;font-weight:800;letter-spacing:-.5px}.summary-value.red-text{color:#e53e3e}.summary-value.green-bg{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-radius:8px;color:#22543d;padding:6px 16px}@media (max-width:1200px){.charts-container{grid-template-columns:1fr}.data-dikerjakan-table{font-size:12px}.data-dikerjakan-table td,.data-dikerjakan-table th{padding:14px 16px}}@media (max-width:768px){.data-dikerjakan-container{padding:20px}.data-dikerjakan-header h1{font-size:26px}.kpi-cards{gap:16px;grid-template-columns:1fr}.kpi-card{padding:20px}.chart-header{align-items:flex-start;flex-direction:column}.chart-legend{width:100%}.charts-container{gap:20px}.chart-container,.chart-empty{height:250px}.chart-wrapper canvas{max-height:250px!important}.dashboard-actions,.date-filter{align-items:stretch;flex-direction:column}.date-filter,.date-input{width:100%}.table-wrapper{overflow-x:scroll}.data-dikerjakan-table{min-width:1500px}.charts-section{padding:20px}.charts-container{grid-template-columns:1fr}.chart-container,.chart-empty{height:220px}.chart-wrapper canvas{max-height:220px!important}.filter-header,.table-section-header{padding:16px 20px}}.kode-seri-wrapper{background:#f8f9fa;min-height:100vh;padding:24px}.kode-seri-header{margin-bottom:28px}.kode-seri-header h1{color:#1a1a1a;font-size:28px;font-weight:600;letter-spacing:-.3px;margin:0}.kode-seri-statistics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.stat-content{flex:1 1}.stat-label{color:#718096;font-size:13px;font-weight:500;margin-bottom:4px}.stat-value{color:#1a1a1a;font-size:24px;line-height:1.2}.kode-seri-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:20px 24px}.kode-seri-search{position:relative}.kode-seri-search input{background:#fafbfc;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.kode-seri-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.kode-seri-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.kode-seri-table-wrapper{overflow-x:auto}.kode-seri-table{border-collapse:collapse;width:100%}.kode-seri-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kode-seri-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.kode-seri-table tbody tr{border-bottom:1px solid #e1e5e9;transition:all .2s ease}.kode-seri-table tbody tr:hover{background:#f8f9fa}.kode-seri-table tbody tr:last-child{border-bottom:none}.kode-seri-table td{color:#4a5568;font-size:14px;padding:16px 20px}.status-badge{border-radius:6px;font-size:12px;letter-spacing:.5px}.status-badge.over-deadline{background:#fed7d7;color:#c53030}.status-badge.belum-deadline{background:#c6f6d5;color:#22543d}@media (max-width:768px){.kode-seri-wrapper{padding:16px}.kode-seri-statistics{grid-template-columns:1fr}.stat-card{padding:16px}.kode-seri-table-wrapper{overflow-x:scroll}.kode-seri-table{min-width:600px}}.aksesoris-page{background:#fff;min-height:100vh;padding:20px}.aksesoris-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.aksesoris-header,.aksesoris-header-icon{align-items:center;background:#0000;display:flex}.aksesoris-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.aksesoris-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.aksesoris-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.aksesoris-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.aksesoris-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.aksesoris-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.aksesoris-btn-add:active{transform:translateY(0)}.aksesoris-search-bar{flex:1 1;max-width:400px;position:relative}.aksesoris-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.aksesoris-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.aksesoris-table-wrapper{border-radius:12px;margin-top:20px;overflow-x:auto}.aksesoris-table{border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden;width:100%}.aksesoris-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.aksesoris-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.aksesoris-table thead th:first-child{border-top-left-radius:12px}.aksesoris-table thead th:last-child{border-top-right-radius:12px}.aksesoris-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.aksesoris-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.aksesoris-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.aksesoris-image{border:2px solid #e3f2fd;border-radius:8px;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.aksesoris-image:hover{box-shadow:0 4px 12px #0487d833;transform:scale(1.1)}.aksesoris-price{color:#17457c;font-size:14px;font-weight:600}.aksesoris-action-card{align-items:center;display:flex;gap:8px;justify-content:center}.aksesoris-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;box-shadow:0 2px 8px #0487d84d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;justify-content:center;padding:10px 14px;transition:all .3s ease}.aksesoris-btn-icon:hover{box-shadow:0 4px 12px #0487d866;transform:translateY(-2px)}.aksesoris-btn-icon:active{transform:translateY(0)}.aksesoris-btn-icon .icon{font-size:16px}.aksesoris-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.aksesoris-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.aksesoris-modal-content h2{align-items:center;color:#17457c;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0 0 25px}.aksesoris-form{display:flex;flex-direction:column;gap:20px}.aksesoris-form-group{display:flex;flex-direction:column;gap:8px}.aksesoris-form-group label{color:#17457c;font-size:14px;font-weight:600}.aksesoris-form-group input,.aksesoris-form-group select{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.aksesoris-form-group input:focus,.aksesoris-form-group select:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.aksesoris-form-group input[type=file]{cursor:pointer;padding:10px}.aksesoris-form-group input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-right:10px;padding:8px 16px;-webkit-transition:all .3s ease;transition:all .3s ease}.aksesoris-form-group input[type=file]::-webkit-file-upload-button:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.aksesoris-form-group .form-control{margin-top:10px}.aksesoris-preview-image{background:#f8f9fa;border:2px dashed #b3d9f2;border-radius:10px;margin-top:10px;padding:15px}.aksesoris-preview-image p{color:#17457c;font-size:14px;font-weight:600;margin:0 0 10px}.aksesoris-preview-image img{border:2px solid #e3f2fd;border-radius:8px;height:100px;object-fit:cover;width:100px}.aksesoris-form-actions{border-top:2px solid #f5f5f5;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px}.aksesoris-btn-submit{background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.aksesoris-btn-submit:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.aksesoris-btn-submit:active{transform:translateY(0)}.aksesoris-btn-cancel{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.aksesoris-btn-cancel:hover{background:#e0e0e0;border-color:#ccc}.aksesoris-btn-cancel:active{transform:scale(.98)}.aksesoris-empty-state{color:#999;padding:60px 20px;text-align:center}.aksesoris-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.aksesoris-empty-state p{font-size:16px;margin:0}.aksesoris-loading{color:#0487d8}.aksesoris-error,.aksesoris-loading{font-size:16px;padding:40px;text-align:center}.aksesoris-error{background:#ffebee;border:2px solid #f44336;border-radius:10px;color:#f44336}@media (max-width:768px){.aksesoris-page{padding:15px}.aksesoris-header{align-items:flex-start;flex-direction:column;gap:10px;padding:20px}.aksesoris-header h1{font-size:24px}.aksesoris-table-container{padding:15px}.aksesoris-filter-header{align-items:stretch;flex-direction:column}.aksesoris-search-bar{max-width:100%}.aksesoris-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.aksesoris-table{min-width:800px}.aksesoris-table tbody td,.aksesoris-table thead th{font-size:12px;padding:10px 8px}.aksesoris-modal-content{padding:20px;width:95%}.aksesoris-form-actions{flex-direction:column}.aksesoris-btn-cancel,.aksesoris-btn-submit{width:100%}}@media (max-width:480px){.aksesoris-header h1{font-size:20px}.aksesoris-table{min-width:600px}.aksesoris-image{height:60px;width:60px}}.aksesoris-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%230487d8' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.aksesoris-stok-badge{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.aksesoris-stok-badge.low{background:linear-gradient(135deg,#ff9800,#f57c00)}.aksesoris-stok-badge.out{background:linear-gradient(135deg,#f44336,#d32f2f)}.pembelian-aksesoris-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:20px}.pembelian-aksesoris-header{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:20px;box-shadow:0 8px 24px #0487d84d;color:#fff;display:flex;gap:20px;margin-bottom:30px;overflow:hidden;padding:30px 40px;position:relative}.pembelian-aksesoris-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.pembelian-aksesoris-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:48px;justify-content:center;padding:18px;z-index:1}.pembelian-aksesoris-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px #0003;z-index:1}.pembelian-aksesoris-table-container{background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-bottom:20px;padding:30px}.pembelian-aksesoris-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pembelian-aksesoris-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.pembelian-aksesoris-btn-add:hover{box-shadow:0 8px 25px #0487d866;transform:translateY(-3px)}.pembelian-aksesoris-btn-add:active{transform:translateY(-1px)}.pembelian-aksesoris-search-bar{flex:1 1;max-width:400px;position:relative}.pembelian-aksesoris-search-bar input{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;font-size:14px;padding:14px 20px 14px 45px;transition:all .3s ease;width:100%}.pembelian-aksesoris-search-bar input:focus{background:#fff;border-color:#0487d8;box-shadow:0 0 0 4px #0487d81a;outline:none}.pembelian-aksesoris-search-bar:before{content:"🔍";font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.pembelian-aksesoris-table-wrapper{border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.pembelian-aksesoris-table{background:#fff;border-collapse:initial;border-radius:15px;border-spacing:0;overflow:hidden;width:100%}.pembelian-aksesoris-table thead{background:linear-gradient(135deg,#17457c,#0487d8);color:#fff}.pembelian-aksesoris-table thead th{border:none;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.pembelian-aksesoris-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.pembelian-aksesoris-table tbody tr:hover{background:#f8f9ff;box-shadow:0 2px 8px #0487d81a;transform:scale(1.01)}.pembelian-aksesoris-table tbody tr:last-child{border-bottom:none}.pembelian-aksesoris-table tbody td{color:#333;font-size:14px;padding:18px 16px;vertical-align:middle}.pembelian-aksesoris-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.pembelian-aksesoris-status-badge.verified{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.pembelian-aksesoris-status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.pembelian-aksesoris-status-badge.disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.pembelian-aksesoris-btn-verify{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.pembelian-aksesoris-btn-verify:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.pembelian-aksesoris-btn-download{align-items:center;background:#0000;border:2px solid #0487d8;border-radius:10px;color:#0487d8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.pembelian-aksesoris-btn-download:hover{background:#0487d8;box-shadow:0 4px 12px #0487d84d;color:#fff;transform:translateY(-2px)}.pembelian-aksesoris-btn-download.disabled,.pembelian-aksesoris-btn-download:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.pembelian-aksesoris-image{border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:80px;object-fit:cover;transition:transform .3s ease;width:80px}.pembelian-aksesoris-image:hover{box-shadow:0 4px 15px #0003;transform:scale(1.1)}.pembelian-aksesoris-price{color:#0487d8;font-size:14px;font-weight:600}.pembelian-aksesoris-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px;padding:20px}.pembelian-aksesoris-pagination button{background:#fff;border:2px solid #e0e7ef;border-radius:10px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease}.pembelian-aksesoris-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#0000;box-shadow:0 4px 12px #0487d84d;color:#fff;transform:translateY(-2px)}.pembelian-aksesoris-pagination button:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.pembelian-aksesoris-pagination span{background:#f8f9fa;border-radius:10px;color:#17457c;font-size:14px;font-weight:600;padding:10px 20px}.pembelian-aksesoris-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.pembelian-aksesoris-modal-content{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;padding:35px;position:relative;width:90%}.pembelian-aksesoris-modal-content h2{align-items:center;border-bottom:2px solid #e0e7ef;color:#17457c;display:flex;font-size:26px;font-weight:700;gap:12px;margin:0 0 30px;padding-bottom:20px}.pembelian-aksesoris-form{display:flex;flex-direction:column;gap:24px}.pembelian-aksesoris-form-group{display:flex;flex-direction:column;gap:10px}.pembelian-aksesoris-form-group label{color:#17457c;font-size:14px;font-weight:600;margin-bottom:4px}.pembelian-aksesoris-form-group input,.pembelian-aksesoris-form-group select{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;font-family:inherit;font-size:14px;padding:14px 18px;transition:all .3s ease}.pembelian-aksesoris-form-group input:focus,.pembelian-aksesoris-form-group select:focus{background:#fff;border-color:#0487d8;box-shadow:0 0 0 4px #0487d81a;outline:none}.pembelian-aksesoris-form-group input[type=file]{background:#fff;cursor:pointer;padding:12px}.pembelian-aksesoris-form-group input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-right:12px;padding:10px 20px;-webkit-transition:all .3s ease;transition:all .3s ease}.pembelian-aksesoris-form-group input[type=file]::-webkit-file-upload-button:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.pembelian-aksesoris-form-group input[readonly]{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.pembelian-aksesoris-form-actions{border-top:2px solid #e0e7ef;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px}.pembelian-aksesoris-btn-submit{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.pembelian-aksesoris-btn-submit:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pembelian-aksesoris-btn-cancel{background:#fff;border:2px solid #e0e7ef;border-radius:12px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.pembelian-aksesoris-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.pembelian-aksesoris-loading{font-size:16px}.pembelian-aksesoris-empty-state,.pembelian-aksesoris-loading{color:#6b7280;padding:60px 20px;text-align:center}.pembelian-aksesoris-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.pembelian-aksesoris-error{background:#fee2e2;border-radius:12px;color:#dc2626;margin:20px 0;padding:20px;text-align:center}@media (max-width:768px){.pembelian-aksesoris-page{padding:15px}.pembelian-aksesoris-header{flex-direction:column;padding:20px;text-align:center}.pembelian-aksesoris-header h1{font-size:24px}.pembelian-aksesoris-table-container{padding:15px}.pembelian-aksesoris-table{font-size:12px}.pembelian-aksesoris-table tbody td,.pembelian-aksesoris-table thead th{padding:12px 8px}.pembelian-aksesoris-filter-header{align-items:stretch;flex-direction:column}.pembelian-aksesoris-search-bar{max-width:100%}.pembelian-aksesoris-modal-content{padding:20px;width:95%}.pembelian-aksesoris-form-actions{flex-direction:column}.pembelian-aksesoris-form-actions button{width:100%}}.pembelian-aksesoris-modal-content::-webkit-scrollbar,.pembelian-aksesoris-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.pembelian-aksesoris-modal-content::-webkit-scrollbar-track,.pembelian-aksesoris-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.pembelian-aksesoris-modal-content::-webkit-scrollbar-thumb,.pembelian-aksesoris-table-wrapper::-webkit-scrollbar-thumb{background:#0487d8;border-radius:10px}.pembelian-aksesoris-modal-content::-webkit-scrollbar-thumb:hover,.pembelian-aksesoris-table-wrapper::-webkit-scrollbar-thumb:hover{background:#17457c}.pembelian-b-aksesoris-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:20px}.pembelian-b-aksesoris-header{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:20px;box-shadow:0 8px 24px #0487d84d;color:#fff;display:flex;gap:20px;margin-bottom:30px;overflow:hidden;padding:30px 40px;position:relative}.pembelian-b-aksesoris-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.pembelian-b-aksesoris-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:48px;justify-content:center;padding:18px;z-index:1}.pembelian-b-aksesoris-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px #0003;z-index:1}.pembelian-b-aksesoris-table-container{background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-bottom:20px;padding:30px}.pembelian-b-aksesoris-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pembelian-b-aksesoris-search-bar{flex:1 1;max-width:400px;position:relative}.pembelian-b-aksesoris-search-bar input{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;font-size:14px;padding:14px 20px 14px 45px;transition:all .3s ease;width:100%}.pembelian-b-aksesoris-search-bar input:focus{background:#fff;border-color:#0487d8;box-shadow:0 0 0 4px #0487d81a;outline:none}.pembelian-b-aksesoris-search-bar:before{content:"🔍";font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.pembelian-b-aksesoris-table-wrapper{border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.pembelian-b-aksesoris-table{background:#fff;border-collapse:initial;border-radius:15px;border-spacing:0;overflow:hidden;width:100%}.pembelian-b-aksesoris-table thead{background:linear-gradient(135deg,#17457c,#0487d8);color:#fff}.pembelian-b-aksesoris-table thead th{border:none;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.pembelian-b-aksesoris-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.pembelian-b-aksesoris-table tbody tr:hover{background:#f8f9ff;box-shadow:0 2px 8px #0487d81a;transform:scale(1.01)}.pembelian-b-aksesoris-table tbody tr:last-child{border-bottom:none}.pembelian-b-aksesoris-table tbody td{color:#333;font-size:14px;padding:18px 16px;vertical-align:middle}.pembelian-b-aksesoris-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.pembelian-b-aksesoris-status-badge.valid{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.pembelian-b-aksesoris-status-badge.invalid{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.pembelian-b-aksesoris-status-badge.disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.pembelian-b-aksesoris-btn-download{align-items:center;background:#0000;border:2px solid #0487d8;border-radius:10px;color:#0487d8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.pembelian-b-aksesoris-btn-download:hover{background:#0487d8;box-shadow:0 4px 12px #0487d84d;color:#fff;transform:translateY(-2px)}.pembelian-b-aksesoris-btn-download.disabled,.pembelian-b-aksesoris-btn-download:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.pembelian-b-aksesoris-loading{font-size:16px}.pembelian-b-aksesoris-empty-state,.pembelian-b-aksesoris-loading{color:#6b7280;padding:60px 20px;text-align:center}.pembelian-b-aksesoris-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.pembelian-b-aksesoris-error{background:#fee2e2;border-radius:12px;color:#dc2626;margin:20px 0;padding:20px;text-align:center}@media (max-width:768px){.pembelian-b-aksesoris-page{padding:15px}.pembelian-b-aksesoris-header{flex-direction:column;padding:20px;text-align:center}.pembelian-b-aksesoris-header h1{font-size:24px}.pembelian-b-aksesoris-table-container{padding:15px}.pembelian-b-aksesoris-table{font-size:12px}.pembelian-b-aksesoris-table tbody td,.pembelian-b-aksesoris-table thead th{padding:12px 8px}.pembelian-b-aksesoris-filter-header{align-items:stretch;flex-direction:column}.pembelian-b-aksesoris-search-bar{max-width:100%}}.pembelian-b-aksesoris-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.pembelian-b-aksesoris-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.pembelian-b-aksesoris-table-wrapper::-webkit-scrollbar-thumb{background:#0487d8;border-radius:10px}.pembelian-b-aksesoris-table-wrapper::-webkit-scrollbar-thumb:hover{background:#17457c}.pesanan-petugas-c-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:20px}.pesanan-petugas-c-header{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:20px;box-shadow:0 8px 24px #0487d84d;color:#fff;display:flex;gap:20px;margin-bottom:30px;overflow:hidden;padding:30px 40px;position:relative}.pesanan-petugas-c-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.pesanan-petugas-c-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:48px;justify-content:center;padding:18px;z-index:1}.pesanan-petugas-c-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px #0003;z-index:1}.pesanan-petugas-c-table-container{background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-bottom:20px;padding:30px}.pesanan-petugas-c-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pesanan-petugas-c-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.pesanan-petugas-c-btn-add:hover{box-shadow:0 8px 25px #0487d866;transform:translateY(-3px)}.pesanan-petugas-c-btn-add:active{transform:translateY(-1px)}.pesanan-petugas-c-search-bar{flex:1 1;max-width:400px;position:relative}.pesanan-petugas-c-search-bar input{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;font-size:14px;padding:14px 20px 14px 45px;transition:all .3s ease;width:100%}.pesanan-petugas-c-search-bar input:focus{background:#fff;border-color:#0487d8;box-shadow:0 0 0 4px #0487d81a;outline:none}.pesanan-petugas-c-search-bar:before{content:"🔍";font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.pesanan-petugas-c-table-wrapper{border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;width:100%}.pesanan-petugas-c-table{background:#fff;border-collapse:initial;border-radius:15px;border-spacing:0;overflow:hidden;table-layout:auto;width:100%}.pesanan-petugas-c-table thead{background:linear-gradient(135deg,#17457c,#0487d8);color:#fff}.pesanan-petugas-c-table thead th{border:none;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.pesanan-petugas-c-table tbody td:first-child,.pesanan-petugas-c-table thead th:first-child{min-width:60px;text-align:center;width:60px}.pesanan-petugas-c-table tbody td:nth-child(2),.pesanan-petugas-c-table tbody td:nth-child(3),.pesanan-petugas-c-table thead th:nth-child(2),.pesanan-petugas-c-table thead th:nth-child(3){min-width:150px;width:auto}.pesanan-petugas-c-table tbody td:nth-child(4),.pesanan-petugas-c-table thead th:nth-child(4){min-width:120px;text-align:center;width:auto}.pesanan-petugas-c-table tbody td:nth-child(5),.pesanan-petugas-c-table thead th:nth-child(5){min-width:140px;text-align:right;width:auto}.pesanan-petugas-c-table tbody td:nth-child(6),.pesanan-petugas-c-table thead th:nth-child(6){min-width:180px;width:auto}.pesanan-petugas-c-table tbody td:nth-child(7),.pesanan-petugas-c-table thead th:nth-child(7){min-width:160px;width:auto}.pesanan-petugas-c-table tbody td:nth-child(8),.pesanan-petugas-c-table thead th:nth-child(8){min-width:150px;width:auto}.pesanan-petugas-c-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.pesanan-petugas-c-table tbody tr:hover{background:#f8f9ff;box-shadow:0 2px 8px #0487d81a;transform:scale(1.01)}.pesanan-petugas-c-table tbody tr:last-child{border-bottom:none}.pesanan-petugas-c-table tbody td{word-wrap:break-word;color:#333;font-size:14px;padding:18px 16px;vertical-align:middle}.pesanan-petugas-c-table tbody td:nth-child(2),.pesanan-petugas-c-table tbody td:nth-child(3){white-space:normal}.pesanan-petugas-c-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.pesanan-petugas-c-status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.pesanan-petugas-c-status-badge.verified{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.pesanan-petugas-c-status-badge.completed{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f14d;color:#fff}.pesanan-petugas-c-btn-detail{align-items:center;background:#0000;border:2px solid #0487d8;border-radius:10px;color:#0487d8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.pesanan-petugas-c-btn-detail:hover{background:#0487d8;box-shadow:0 4px 12px #0487d84d;color:#fff;transform:translateY(-2px)}.pesanan-petugas-c-btn-verify{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.pesanan-petugas-c-btn-verify:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.pesanan-petugas-c-price{color:#0487d8;font-size:14px;font-weight:600}.pesanan-petugas-c-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px;padding:20px}.pesanan-petugas-c-pagination button{background:#fff;border:2px solid #e0e7ef;border-radius:10px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease}.pesanan-petugas-c-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#0000;box-shadow:0 4px 12px #0487d84d;color:#fff;transform:translateY(-2px)}.pesanan-petugas-c-pagination button:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.pesanan-petugas-c-pagination span{background:#f8f9fa;border-radius:10px;color:#17457c;font-size:14px;font-weight:600;padding:10px 20px}.pesanan-petugas-c-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.pesanan-petugas-c-modal-content{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:35px;position:relative;width:90%}.pesanan-petugas-c-modal-content h2,.pesanan-petugas-c-modal-content h3{align-items:center;border-bottom:2px solid #e0e7ef;color:#17457c;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 25px;padding-bottom:15px}.pesanan-petugas-c-modal-content table{border-collapse:collapse;margin-bottom:20px;width:100%}.pesanan-petugas-c-modal-content table thead{background:linear-gradient(135deg,#17457c,#0487d8);color:#fff}.pesanan-petugas-c-modal-content table td,.pesanan-petugas-c-modal-content table th{border-bottom:1px solid #e0e7ef;padding:12px;text-align:left}.pesanan-petugas-c-modal-content table tbody tr:hover{background:#f8f9ff}.pesanan-petugas-c-modal-close{background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.pesanan-petugas-c-modal-close:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pesanan-petugas-c-form{display:flex;flex-direction:column;gap:24px}.pesanan-petugas-c-form-group{display:flex;flex-direction:column;gap:10px}.pesanan-petugas-c-form-group label{align-items:center;color:#17457c;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.pesanan-petugas-c-form-group input,.pesanan-petugas-c-form-group select{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;font-family:inherit;font-size:14px;padding:14px 18px;transition:all .3s ease}.pesanan-petugas-c-form-group input:focus,.pesanan-petugas-c-form-group select:focus{background:#fff;border-color:#0487d8;box-shadow:0 0 0 4px #0487d81a;outline:none}.pesanan-petugas-c-form-group input:disabled,.pesanan-petugas-c-form-group input[readonly]{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.pesanan-petugas-c-detail-item{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.pesanan-petugas-c-detail-item:hover{background:#f0f7ff;border-color:#0487d8}.pesanan-petugas-c-detail-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr auto}.pesanan-petugas-c-detail-field{display:flex;flex-direction:column;gap:6px}.pesanan-petugas-c-detail-field label{color:#17457c;font-size:12px;font-weight:600}.pesanan-petugas-c-detail-field input,.pesanan-petugas-c-detail-field select{background:#fff;border:2px solid #e0e7ef;border-radius:10px;font-size:14px;padding:10px 14px;transition:all .3s ease}.pesanan-petugas-c-detail-field input:focus,.pesanan-petugas-c-detail-field select:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pesanan-petugas-c-btn-remove{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;height:-webkit-fit-content;height:fit-content;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.pesanan-petugas-c-btn-remove:hover{box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.pesanan-petugas-c-btn-add-detail{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px 20px;transition:all .3s ease;width:100%}.pesanan-petugas-c-btn-add-detail:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pesanan-petugas-c-form-actions{border-top:2px solid #e0e7ef;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px}.pesanan-petugas-c-btn-submit{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.pesanan-petugas-c-btn-submit:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pesanan-petugas-c-btn-cancel{background:#fff;border:2px solid #e0e7ef;border-radius:12px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.pesanan-petugas-c-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.pesanan-petugas-c-loading{font-size:16px}.pesanan-petugas-c-empty-state,.pesanan-petugas-c-loading{color:#6b7280;padding:60px 20px;text-align:center}.pesanan-petugas-c-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.pesanan-petugas-c-error{background:#fee2e2;border-radius:12px;color:#dc2626;margin:20px 0;padding:20px;text-align:center}@media (max-width:768px){.pesanan-petugas-c-page{padding:15px}.pesanan-petugas-c-header{flex-direction:column;padding:20px;text-align:center}.pesanan-petugas-c-header h1{font-size:24px}.pesanan-petugas-c-table-container{padding:15px}.pesanan-petugas-c-table{font-size:12px}.pesanan-petugas-c-table tbody td,.pesanan-petugas-c-table thead th{padding:12px 8px}.pesanan-petugas-c-filter-header{align-items:stretch;flex-direction:column}.pesanan-petugas-c-search-bar{max-width:100%}.pesanan-petugas-c-modal-content{padding:20px;width:95%}.pesanan-petugas-c-detail-row{gap:12px;grid-template-columns:1fr}.pesanan-petugas-c-form-actions{flex-direction:column}.pesanan-petugas-c-form-actions button{width:100%}}.pesanan-petugas-c-modal-content::-webkit-scrollbar,.pesanan-petugas-c-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.pesanan-petugas-c-modal-content::-webkit-scrollbar-track,.pesanan-petugas-c-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.pesanan-petugas-c-modal-content::-webkit-scrollbar-thumb,.pesanan-petugas-c-table-wrapper::-webkit-scrollbar-thumb{background:#0487d8;border-radius:10px}.pesanan-petugas-c-modal-content::-webkit-scrollbar-thumb:hover,.pesanan-petugas-c-table-wrapper::-webkit-scrollbar-thumb:hover{background:#17457c}.tukang-pola-page{background:#f5f7fa;min-height:100vh;padding:20px}.tukang-pola-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea4d;color:#fff;display:flex;gap:15px;margin-bottom:30px;padding:30px}.tukang-pola-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;font-size:42px;justify-content:center;padding:15px}.tukang-pola-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.tukang-pola-action-bar{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.tukang-pola-btn-add{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.tukang-pola-btn-add:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.tukang-pola-btn-add:active{transform:translateY(0)}.tukang-pola-search-container{flex:1 1;max-width:400px;position:relative}.tukang-pola-search-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.tukang-pola-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.tukang-pola-search-icon{color:#999;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.tukang-pola-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow-x:auto;padding:24px}.tukang-pola-table{border-collapse:collapse;width:100%}.tukang-pola-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tukang-pola-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.tukang-pola-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.tukang-pola-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.tukang-pola-table td{color:#333;font-size:14px;padding:16px}.tukang-pola-table td:first-child{color:#667eea;font-weight:600}.tukang-pola-action-buttons{display:flex;gap:8px}.tukang-pola-btn-edit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.tukang-pola-btn-edit:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.tukang-pola-btn-delete{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.tukang-pola-btn-delete:hover{box-shadow:0 4px 12px #f5576c4d;transform:translateY(-2px)}.tukang-pola-loading{color:#667eea}.tukang-pola-error,.tukang-pola-loading{font-size:18px;font-weight:600;padding:60px 20px;text-align:center}.tukang-pola-error{color:#f5576c}.tukang-pola-empty{color:#999;font-size:16px;padding:60px 20px;text-align:center}.tukang-pola-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.tukang-pola-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tukang-pola-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;position:relative;width:90%}.tukang-pola-modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.tukang-pola-modal-title{align-items:center;color:#333;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.tukang-pola-modal-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.tukang-pola-modal-close:hover{background:#e0e0e0;transform:rotate(90deg)}.tukang-pola-form-group{margin-bottom:20px}.tukang-pola-form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.tukang-pola-form-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.tukang-pola-form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.tukang-pola-form-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.tukang-pola-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.tukang-pola-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.tukang-pola-btn-cancel{background:#f0f0f0;border:none;border-radius:12px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.tukang-pola-btn-cancel:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width:768px){.tukang-pola-page{padding:12px}.tukang-pola-header{padding:20px}.tukang-pola-header h1{font-size:24px}.tukang-pola-action-bar{align-items:stretch;flex-direction:column}.tukang-pola-search-container{max-width:100%}.tukang-pola-table-container{overflow-x:auto;padding:16px}.tukang-pola-table{min-width:600px}.tukang-pola-modal{padding:24px;width:95%}}select option:disabled{background-color:#f5f5f5!important;color:#999!important;opacity:.5!important}.spk-cutting-page{background:#fff;min-height:100vh;padding:20px}.spk-cutting-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.spk-cutting-header,.spk-cutting-header-icon{align-items:center;background:#0000;display:flex}.spk-cutting-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.spk-cutting-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.spk-cutting-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.spk-cutting-summary-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #00000014;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.spk-cutting-summary-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.spk-cutting-summary-card.active{background:linear-gradient(135deg,#0487d80d,#17457c0d);border-color:#0487d8;box-shadow:0 4px 15px #0487d833}.spk-cutting-summary-card-icon{align-items:center;background:linear-gradient(135deg,#0487d81a,#17457c1a);border-radius:12px;display:flex;font-size:36px;height:60px;justify-content:center;width:60px}.spk-cutting-summary-card-content{flex:1 1}.spk-cutting-summary-card-label{color:#666;font-size:16px;font-weight:700;margin-bottom:5px}.spk-cutting-summary-card-value{color:#17457c;font-size:28px;font-weight:700}.spk-cutting-summary-card.active .spk-cutting-summary-card-value{color:#0487d8}.spk-cutting-in-progress-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.spk-cutting-in-progress-card{align-items:center;background:#fff;border:1px solid #d4d4d380;border-radius:14px;display:flex;gap:14px;padding:16px 18px}.spk-cutting-in-progress-card.weekly{border-left:4px solid #667eea}.spk-cutting-in-progress-card.daily{border-left:4px solid #16a34a}.spk-cutting-in-progress-card-icon{align-items:center;background:#667eea2e;border-radius:999px;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.spk-cutting-in-progress-card-icon.daily{background:#16a34a2e}.spk-cutting-in-progress-card-content{flex:1 1}.spk-cutting-in-progress-card-label{color:#667eea;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.spk-cutting-in-progress-card-label.daily{color:#14532d;font-size:16px}.spk-cutting-in-progress-card-value{color:#667eea;font-size:18px;font-weight:800;margin-top:4px}.spk-cutting-in-progress-card-value.daily{color:#14532d}.spk-cutting-in-progress-card-info{color:#667eea;font-size:14px;margin-top:4px}.spk-cutting-in-progress-card-info.daily{color:#14532d}.spk-cutting-in-progress-card-status{color:#667eea;font-size:14px;margin-top:4px}.spk-cutting-in-progress-card-status.daily{color:#14532d}.spk-cutting-form-input{border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.spk-cutting-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.spk-cutting-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.spk-cutting-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.spk-cutting-filter-group{align-items:center;display:flex;flex:1 1;gap:15px;max-width:600px}.spk-cutting-status-filter{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:10px 15px;transition:all .3s ease}.spk-cutting-status-filter:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-cutting-action-buttons{align-items:center;display:flex;gap:12px}.spk-cutting-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.spk-cutting-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.spk-cutting-btn-add:active{transform:translateY(0)}.spk-cutting-btn-export{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.spk-cutting-btn-export:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.spk-cutting-btn-export:active{transform:translateY(0)}.spk-cutting-search-bar{flex:1 1;max-width:400px;position:relative}.spk-cutting-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.spk-cutting-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-cutting-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.spk-cutting-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.spk-cutting-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.spk-cutting-table thead th:first-child{border-top-left-radius:12px}.spk-cutting-table thead th:last-child{border-top-right-radius:12px}.spk-cutting-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.spk-cutting-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.spk-cutting-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.spk-cutting-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.spk-cutting-badge.in-progress{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.spk-cutting-badge.completed{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.spk-cutting-price{color:#17457c;font-size:14px;font-weight:600}.spk-cutting-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.spk-cutting-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.spk-cutting-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.spk-cutting-btn-icon.edit{background:linear-gradient(135deg,#ff9800,#f57c00)}.spk-cutting-btn-icon.download{background:linear-gradient(135deg,#4caf50,#388e3c)}.spk-cutting-btn-icon.download:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.spk-cutting-btn-icon.download:disabled:hover{box-shadow:none;transform:none}.spk-cutting-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.spk-cutting-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.spk-cutting-pagination button:hover:not(:disabled){transform:translateY(-2px)}.spk-cutting-pagination button.active,.spk-cutting-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.spk-cutting-pagination button:disabled{cursor:not-allowed;opacity:.5}.spk-cutting-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.spk-cutting-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.spk-cutting-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.spk-cutting-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.spk-cutting-modal-content h4{color:#17457c;font-size:18px;font-weight:600;margin:20px 0 10px}.spk-cutting-form{grid-gap:20px;display:grid;gap:20px}.spk-cutting-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.spk-cutting-form-group{display:flex;flex-direction:column;gap:8px}.spk-cutting-form-group label{color:#555;font-size:14px;font-weight:600}.spk-cutting-form-group input,.spk-cutting-form-group select,.spk-cutting-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.spk-cutting-form-group input:focus,.spk-cutting-form-group select:focus,.spk-cutting-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-cutting-form-group input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.spk-cutting-bagian-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.spk-cutting-bahan-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.spk-cutting-bahan-group input,.spk-cutting-bahan-group select{border:2px solid #b3d9f2;border-radius:8px;flex:1 1;font-size:14px;min-width:150px;padding:10px 12px}.spk-cutting-bahan-group button{background:linear-gradient(135deg,#f44336,#c62828);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.spk-cutting-bahan-group button:hover{box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.spk-cutting-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.spk-cutting-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.spk-cutting-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.spk-cutting-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.spk-cutting-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.spk-cutting-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.spk-cutting-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.spk-cutting-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.spk-cutting-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.spk-cutting-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.spk-cutting-detail-item span{color:#333;font-size:15px;font-weight:500}.spk-cutting-scrollable-table{margin-top:20px;overflow-x:auto}.spk-cutting-log-table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.spk-cutting-log-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.spk-cutting-log-table thead th{font-size:13px;font-weight:600;padding:12px;text-align:center;text-transform:uppercase}.spk-cutting-log-table tbody td{border-bottom:1px solid #f5f5f5;font-size:13px;padding:10px;text-align:center}.spk-cutting-log-table tbody tr:hover{background:#e3f2fd}.spk-cutting-error,.spk-cutting-loading{color:#666;font-size:16px;padding:40px;text-align:center}.spk-cutting-error{color:#f44336}@media (max-width:1024px){.spk-cutting-table-container{overflow-x:auto}.spk-cutting-table{min-width:1200px}}@media (max-width:768px){.spk-cutting-header{padding:20px}.spk-cutting-header h1{font-size:24px}.spk-cutting-header-icon{font-size:32px;padding:12px}.spk-cutting-filter-header{align-items:stretch;flex-direction:column}.spk-cutting-search-bar{max-width:100%}.spk-cutting-modal-content{padding:25px}.spk-cutting-detail-grid,.spk-cutting-form-row{grid-template-columns:1fr}.spk-cutting-form-actions{flex-direction:column}.spk-cutting-form-actions button{width:100%}}@media (max-width:480px){.spk-cutting-page{padding:10px}.spk-cutting-table-container{padding:15px}.spk-cutting-pagination{gap:5px}.spk-cutting-pagination button{font-size:12px;padding:8px 12px}}.penjahit-container{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;margin-top:10px;padding:10px 20px}.search-bar{align-items:center;display:flex;gap:10px;justify-content:flex-end;max-width:210px;min-width:102px;width:100%}.search-bar input{border:1px solid #e9e9eb;border-radius:10px;font-size:14px;height:35px;max-width:1000px;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.search-bar input:focus{border-color:#356191}.table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;margin-top:4px;overflow-x:auto;padding:7px}.action-card{gap:5px;margin-right:-5px}.action-card,.btn1-icon,.btn1-icon2{align-items:center;display:flex;justify-content:center}.btn1-icon,.btn1-icon2{background-color:green;border:none;border-radius:5px;color:#ebe6e6;cursor:pointer;height:20px;padding:10;width:30px}.btn1-icon2:hover,.btn1-icon:hover{opacity:.8}.btn1-icon,.btn1-icon2{background-color:#4282ad}.icon{align-items:center;font-size:15x;line-height:1;margin:0;padding:0}.btn1-icon:hover .icon{color:#7cb7f7}.btn1-icon2:hover{background-color:#e0e0e0}.icon2{color:#fcfdff;width:30px}.btn1-icon3:hover{background-color:#e0e0e0}.icon3{color:#fcfdff;width:30px}.btn1-icon3:hover .icon{color:#7cb7f7}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.modal-content{animation:slide-down .3s ease-out;border-radius:20px;box-shadow:0 10px 30px #0003;max-height:80vh;padding:30px;width:750px}.modal-content h2{color:#3c4c53;font-size:16px;font-weight:700;margin-bottom:40px;text-align:center}.modern-form .form-group{margin-bottom:2px}.form-group{display:flex;flex-direction:column;gap:10px}.warna-item{align-items:center;display:flex;gap:10px}.warna-item input{margin-right:10px;padding:5px}.warna-item button{background-color:#f4f4f4}.warna-item button,button[type=button]{border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:5px 10px}button[type=button]{align-items:center;background-color:#b9b9b9;display:inline-flex;gap:5px}button[type=button] .icon{margin-right:5px}.modern-form label{color:#363636;display:block;font-size:13px;font-weight:550;margin-bottom:2px}.modern-form input,.modern-form select,.modern-form textarea{background-color:#f5f7f8;border:1px solid #ddd;border-radius:10px;color:#707274;font-size:14px;margin-bottom:10px;outline:none;padding:12px 15px;transition:border-color .3s ease;width:100%}.modern-form input:focus,.modern-form select:focus,.modern-form textarea:focus{border-color:#c1c7cc;box-shadow:0 0 5px #007bff80}.modern-form textarea{min-height:100px;resize:none}.form-actions{gap:15px}.btn{border-radius:8px}.btn-cancel{background-color:#e0e0e0;color:#555}.btn-cancel:hover{background-color:#d6d6d6}@keyframes slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.spk-cmt-container{margin:20px}.spk-cmt-table{border-collapse:collapse;margin-top:20px;width:100%}.spk-cmt-table td,.spk-cmt-table th{border:1px solid #ddd;padding:8px;text-align:center}.spk-cmt-table th{background-color:#f4f4f4;font-weight:700}.spk-form{background-color:#f9f9f9;border:1px solid #ddd;margin-top:20px;padding:20px}.spk-form div{margin-bottom:15px}.spk-form label{display:block;font-weight:700;margin-bottom:5px}.spk-form input,.spk-form select,.spk-form textarea{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.add-button{background-color:#73c6df;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px}.add-button:hover{background-color:#7fc1e0}.detail-card{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.detail-card-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:600px;padding:20px;width:80%}.popup-overlay{align-items:center;background:#0009;display:flex;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:1000}.popup-card{animation:fadeIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 8px 20px #0003;justify-content:center;max-width:700px;overflow:hidden;padding:0;width:400px}.popup-header{align-items:center;background:#8dcee2;color:#fff;display:flex;justify-content:space-between;padding:20px}.popup-header h2{font-size:1.5rem;margin:0}.btn-close{background:#d8dbdf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px}.btn2-close:hover{background:#919191}.popup-content{flex-direction:column;gap:0}.popup-content,.popup-details{align-items:center;display:flex;justify-content:center;padding:0}.popup-details{max-width:600px;width:100%}table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0;overflow:hidden;table-layout:fixed;width:100%}table td,table th{word-wrap:break-word;font-size:14px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis}table th{background-color:#8dcee2;color:#fff;font-family:520;letter-spacing:1px;text-align:center;text-transform:uppercase}table tr:nth-child(2n){background-color:#f7f9f9}table tr:hover{background-color:#e8f6f3;transition:background-color .3s ease}.modal-card-hasil{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;height:620px;left:50%;max-height:900px;max-width:800px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:700px}@media (max-width:768px){.modal-card{width:380px}.modal-card p{font-size:12px!important}.modal-card p span,.modal-card p strong{font-size:12px}}.modal-header{background:#7fc1db;padding:16px}.modal-header h3{font-size:1.5rem;margin:0}.modal-card p{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:13px;justify-content:space-between;padding:4px}.modal-card p strong{display:inline-block;font-weight:700;min-width:150px;text-align:left}.modal-card p span{flex-grow:1;max-width:200px;text-align:right}.close-button{color:#fff;font-size:1.5rem}.modal-body{color:#333;font-size:.95rem;padding:16px}.modal-body h4{font-size:1.2rem;margin-bottom:8px}.detail-group p{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:14px;justify-content:space-between;max-width:270px;padding:4px 0}.detail-group p strong{display:inline-block;font-weight:700;min-width:150px;text-align:left}.detail-group p span{flex-grow:1;max-width:200px;text-align:right}.log-item{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:8px;padding:8px}.no-logs{color:#777;text-align:center}.modal-footer{border-top:1px solid #ddd;padding:16px;text-align:right}.modal-bayar{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.modal-bayar.show{opacity:1;pointer-events:auto}.modal-bayar .modal-content{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:500px;padding:30px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-bayar h2{color:#333;font-size:14PXx;text-align:center}.form-group{margin-bottom:15px}.form-group label{color:#363636;font-size:13px}.form-group input,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;transition:border .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#007bff;outline:none}.form-actions{justify-content:space-between}.btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.btn-submit{background-color:#315a85}.btn-submit:hover{background-color:#0056b3}.btn-cancel{background-color:#f44336}.btn-cancel:hover{background-color:#d32f2f}@media (max-width:768px){.modal-bayar .modal-content{padding:20px}.modal-bayar h2{font-size:1.2rem}.btn,.form-group input,.form-group textarea{font-size:.9rem}}@media (max-width:480px){.modal-bayar .modal-content{width:90%}.modal-bayar h2{font-size:1rem}.btn,.form-group input,.form-group textarea{font-size:.85rem}}.modal-pendapatan{background-color:#00000080;bottom:0;opacity:0;right:0;transition:opacity .3s ease,visibility 0s .3s;visibility:hidden}.modal-pendapatan-content{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;max-height:95vh;max-width:700px;min-width:360px;overflow-y:auto;padding:20px;transition:transform .3s ease-out;width:80%}.modal-pendapatan-close{background-color:initial;border:none;color:#333;cursor:pointer;font-size:2rem;position:absolute;right:10px;top:10px}.modal-pendapatan h2{color:#333;font-size:1.5rem;margin-bottom:20px}.table-pendapatan{border-collapse:collapse;margin-top:20px;width:100%}.table-pendapatan td,.table-pendapatan th{border-bottom:1px solid #ddd;padding:15px;text-align:left}.table-pendapatan th{background-color:#f4f4f4;color:#333;font-size:12px;font-weight:700}.table-pendapatan td{background-color:#fafafa}.table-pendapatan tbody tr:hover{background-color:#f1f1f1}.modal-pendapatan.show{opacity:1;transition:opacity .3s ease;visibility:visible}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin:10px 0;padding:10px}.modal-pengiriman{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-pengiriman{background:#fff;border-radius:15px;box-shadow:0 4px 8px #0003;padding:20px;width:700px}.modal-content-pengiriman h3{margin-top:0}.modal-content-pengiriman button{background-color:#cf7172;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:10px;padding:8px 12px}.modal-content-pengiriman button:hover{background-color:#b85250}.modal-content-pengiriman table{border-collapse:collapse;margin-top:20px;width:100%}.modal-content-pengiriman table td,.modal-content-pengiriman table th{border:1px solid #ddd;font-size:12px;padding:8px;text-align:center}.modal-content-pengiriman table th{background-color:#3d546b;color:#fff;text-align:center}.modal-content-pengiriman table tr:nth-child(2n){background-color:#f9f9f9}.modal-content-pengiriman table tr:hover{background-color:#f1f1f1}@media (max-width:768px){.modal-content-pengiriman table td,.modal-content-pengiriman table th{font-size:11px}.modal-content-pengiriman button{font-size:10}}.modal-content-pengiriman table tr:nth-child(2n){background-color:#bed1e4}.modal-content-pengiriman table tr:hover{background-color:#dacfcf}.modal-content-pengiriman table td{color:#555}.btn-pengiriman-detail{background-color:#e2e2e2;border:none;border-radius:8px;color:#1f1d1d;cursor:pointer;font-size:14px;font-weight:520;padding:5px 8px;transition:background-color .3s ease,transform .2s ease}.btn-pengiriman-detail:hover{background-color:#0056b3;transform:scale(1.05)}.btn-pengiriman-detail:active{background-color:#003d80;transform:scale(.95)}.btn-pengiriman-detail:focus{box-shadow:0 0 4px #007bffcc;outline:none}.filter-wrapper{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:15px}.filter-header{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:15px;margin-top:10px;padding-left:15px}.filter-select{background-color:#d4dce4;border:1px solid #dcdcdc;border-radius:5px;cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:10px 20px;transition:all .3s ease;width:125px}.filter-select:focus,.filter-select:hover{background-color:#f1f1f1;box-shadow:0 0 5px #d9d9e04d}.filter-header button{background-color:#73c6df;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-right:5px;padding:10px 20px;transition:background-color .3s ease}.filter-header button:hover{background-color:#4586a0}.table-container{margin:0 auto;width:100%}.pagination-container{font-family:Arial,sans-serif;gap:10px;justify-content:left;margin-bottom:10px;padding-left:10px}.pagination-button{align-items:center;background-color:#8dcee2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:5px 10px;transition:all .3s ease}.pagination-button:hover{background-color:#357abd;transform:scale(1.05)}.pagination-button:disabled{background-color:#d3d3d3;cursor:not-allowed;transform:none}.pagination-info{background:#f3f4f6;border-radius:6px;color:#333;padding:5px 10px}@media (max-width:600px){.pagination-button{font-size:12px;padding:8px 12px}.pagination-info{font-size:14px}}.modal-pendapatan-content p{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:13px;justify-content:space-between;max-width:300px;padding:8px 0}.modal-pendapatan-content p strong{display:inline-block;font-weight:700;min-width:150px;text-align:left}.modal-pendapatan-content p span{flex-grow:1;max-width:200px;text-align:right}@media (max-width:768px){.modal-pendapatan-content p{font-size:11px}.modal-pendapatan h2{font-size:15px}.table-pendapatan th{font-size:10px}}.modal-pendapatan{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-pendapatan{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:20px 30px;width:90%}.form-pendapatan{display:flex;flex-direction:column}.form-group-pendapatan{margin-bottom:15px}.form-group-pendapatan label{display:block;font-weight:700;margin-bottom:5px}.form-group-pendapatan input[type=number],.form-group-pendapatan input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:8px 12px;width:100%}.checkbox-item-pendapatan{margin:5px 0}.form-actions-pendapatan{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-submit-pendapatan{background-color:#28a745}.btn-cancel-pendapatan,.btn-submit-pendapatan{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.btn-cancel-pendapatan{background-color:#dc3545}.btn-submit-pendapatan:hover{background-color:#218838}.btn-cancel-pendapatan:hover{background-color:#c82333}.modal-overlay{background-color:#0006;height:100%;width:100%;z-index:999}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-header{margin-bottom:16px}.modal-header h3{font-size:18px;font-weight:600}.close-button{background:none;border:none;color:#444;cursor:pointer;font-size:24px}.compare-table{background-color:#fff;border-collapse:collapse;border-radius:6px;font-size:14px;overflow:hidden;width:100%}.compare-table td,.compare-table th{border-bottom:1px solid #eee;padding:10px;text-align:center}.compare-table thead{background-color:#f9fafb;font-weight:700}.compare-table tbody tr:hover{background-color:#f3f4f6}.compare-table td.status.lebih-berat{color:#dc2626}.compare-table td.status.lebih-ringan{color:#ce900b}.compare-table td.status.sama{color:#16a34a}.compare-table td.status.belum-ada{color:#6b7280}.bagian-row{background-color:#f5f5f5;font-weight:700;text-align:left}.table-markeran{background-color:#fff;border-collapse:collapse;border-radius:12px;border-spacing:0;box-shadow:0 4px 10px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:20px;overflow:hidden;width:100%}.table-markeran thead th{background-color:#34495e;color:#fff;font-size:13px;font-weight:600;padding:14px;text-align:left;text-transform:uppercase}.table-markeran th:first-child{border-top-left-radius:12px}.table-markeran th:last-child{border-top-right-radius:12px}.table-markeran td{border-bottom:1px solid #eee;color:#333;font-size:14px;padding:14px 16px;vertical-align:top}.table-markeran tbody tr:nth-child(2n){background-color:#f9f9f9}.table-markeran tbody tr:hover{background-color:#f1f7ff;transition:.3s ease}tr.produk-1 td{background-color:#e0f7fa}tr.produk-2 td{background-color:#faebd4}tr.produk-3 td{background-color:#f2ebf3}tr.produk-1:hover td,tr.produk-2:hover td,tr.produk-3:hover td{background-color:#cef;transition:.3s ease}@media (max-width:768px){.table-markeran td,.table-markeran th{font-size:13px;padding:10px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.penjahit-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.penjahit-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.penjahit-table th{border:none;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:center;text-transform:uppercase}.penjahit-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.penjahit-table tbody tr:hover{background-color:#f8f9ff;box-shadow:0 2px 8px #667eea1a;transform:translateY(-1px)}.penjahit-table tbody tr:nth-child(2n){background-color:#fafbff}.penjahit-table tbody tr:nth-child(2n):hover{background-color:#f0f2ff}.penjahit-table td{border:none;color:#333;font-size:14px;padding:14px 16px;text-align:center}.modern-btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.modern-btn-primary:active{transform:translateY(0)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;margin-top:16px}.modern-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-card{transition:all .3s ease}.modern-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.hasil-cutting-container{background:#f5f5f7;min-height:100vh;padding:20px}.hasil-cutting-header-card{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px;transition:transform .3s ease,box-shadow .3s ease}.hasil-cutting-header-title{color:#fff;font-size:28px;font-weight:700;margin:0}.hasil-cutting-header-subtitle{color:#ffffffe6;font-size:14px;margin:8px 0 0}.hasil-cutting-primary-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.hasil-cutting-primary-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.hasil-cutting-primary-button-icon{font-size:16px}.hasil-cutting-target-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:24px}.hasil-cutting-target-card{align-items:center;background:#fff;border:1px solid #d4d4d380;border-radius:14px;display:flex;gap:14px;padding:16px 18px}.hasil-cutting-target-card-icon{align-items:center;background:#fff;border-radius:999px;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.hasil-cutting-target-card-icon.daily{background:#16a34a2e}.hasil-cutting-target-card-content{flex:1 1}.hasil-cutting-target-card-label{color:#854d0e;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hasil-cutting-target-card-label.daily{color:#14532d;font-size:16px}.hasil-cutting-target-card-value{color:#854d0e;font-size:18px;font-weight:800;margin-top:4px}.hasil-cutting-target-card-value.daily{color:#14532d}.hasil-cutting-target-card-info{color:#854d0e;font-size:16px;margin-top:4px}.hasil-cutting-target-card-info.daily{color:#14532d}.hasil-cutting-target-card-status{color:#854d0e;font-size:16px;margin-top:2px}.hasil-cutting-target-card-status.daily{color:#14532d}.hasil-cutting-target-card-status-achieved{font-weight:600}.hasil-cutting-target-card-period{color:#a16207;font-size:14px;margin-top:4px}.hasil-cutting-target-card-period.daily{color:#166534;font-size:11px}.hasil-cutting-table-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px}.hasil-cutting-loading-container{padding:40px;text-align:center}.hasil-cutting-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}.hasil-cutting-loading-text{color:#667eea;font-size:14px;font-weight:500;margin-top:16px}.hasil-cutting-table-row{transition:all .2s ease}.hasil-cutting-table-no{color:#667eea;font-weight:600}.hasil-cutting-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.hasil-cutting-badge-success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d}.hasil-cutting-badge-muted{background:linear-gradient(135deg,#6c757d,#5a6268)}.hasil-cutting-table-product{color:#333;font-weight:500}.hasil-cutting-table-date{color:#666;font-size:13px}.hasil-cutting-table-date-icon{color:#667eea;margin-right:6px}.hasil-cutting-action-buttons{display:flex;gap:8px;justify-content:center}.hasil-cutting-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.hasil-cutting-action-button-info{background-color:#17a2b8;color:#fff}.hasil-cutting-action-button-info:hover{background-color:#138496;transform:scale(1.1)}.hasil-cutting-action-button-edit{background-color:#ffc107;color:#fff}.hasil-cutting-action-button-edit:hover{background-color:#e0a800;transform:scale(1.1)}.hasil-cutting-action-button-delete{background-color:#dc3545;color:#fff}.hasil-cutting-action-button-delete:hover{background-color:#c82333;transform:scale(1.1)}.hasil-cutting-pagination{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;gap:12px;justify-content:center;margin-top:24px;padding:16px}.hasil-cutting-pagination-button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.hasil-cutting-pagination-button:hover:not(:disabled){background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.hasil-cutting-pagination-button:disabled{cursor:not-allowed;opacity:.5}.hasil-cutting-pagination-info{color:#667eea;font-weight:600}.hasil-cutting-empty-state{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #667eea;border-radius:16px;padding:60px 20px;text-align:center}.hasil-cutting-empty-state-icon{font-size:64px;margin-bottom:16px}.hasil-cutting-empty-state-title{color:#667eea;font-size:20px;font-weight:600;margin:0 0 8px}.hasil-cutting-empty-state-text{color:#666;font-size:14px;margin:0}.hasil-cutting-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hasil-cutting-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow:auto;width:100%}.hasil-cutting-modal-content.detail{max-width:90%;width:1000px}.hasil-cutting-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.hasil-cutting-modal-header.detail{padding:24px 32px}.hasil-cutting-modal-title{font-size:24px;font-weight:700;margin:0}.hasil-cutting-modal-close-button{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.hasil-cutting-modal-close-button:hover{background:#ffffff4d;transform:scale(1.05)}.hasil-cutting-modal-body{padding:20px}.hasil-cutting-modal-body.detail{padding:32px}.hasil-cutting-original-data-card{background:linear-gradient(135deg,#f5f7ff,#eef2ff);border:1px solid #dce2ff;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:20px}.hasil-cutting-original-data-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.hasil-cutting-original-data-icon{font-size:18px}.hasil-cutting-original-data-title{color:#3b4783;font-weight:700}.hasil-cutting-original-data-subtitle{color:#6c7187;font-size:12px}.hasil-cutting-original-data-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:8px}.hasil-cutting-original-data-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.hasil-cutting-original-data-item.full-width{grid-column:1/-1}.hasil-cutting-original-data-label{color:#6b7280;font-size:12px}.hasil-cutting-original-data-value{color:#111827;font-weight:700}.hasil-cutting-original-data-value.catatan{color:#374151;font-weight:600}.hasil-cutting-form-group{margin-bottom:20px}.hasil-cutting-form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.hasil-cutting-form-input-wrapper{position:relative}.hasil-cutting-form-input{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.hasil-cutting-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hasil-cutting-form-input-search{padding-right:40px}.hasil-cutting-form-search-icon{color:#667eea;font-size:16px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.hasil-cutting-form-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.hasil-cutting-form-dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:all .2s ease}.hasil-cutting-form-dropdown-item:hover{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hasil-cutting-form-dropdown-item-content{align-items:center;display:flex;gap:10px}.hasil-cutting-form-dropdown-item-icon{color:#667eea;font-size:14px}.hasil-cutting-form-dropdown-item-id{color:#333;font-size:14px;font-weight:600}.hasil-cutting-form-dropdown-item-name{color:#666;font-size:12px;margin-top:2px}.hasil-cutting-form-dropdown-empty{padding:20px;text-align:center}.hasil-cutting-form-dropdown-empty-icon{color:#999;font-size:24px;margin-bottom:8px}.hasil-cutting-form-dropdown-empty-text{color:#666;font-size:14px;margin:0}.hasil-cutting-section-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.hasil-cutting-section-header-gray{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hasil-cutting-section-title{color:#fff;font-size:18px;font-weight:600;margin:0}.hasil-cutting-section-title-gray{color:#333}.hasil-cutting-section-button{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.hasil-cutting-section-button:hover{background:#ffffff4d;transform:translateY(-2px)}.hasil-cutting-section-button-gray{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a74566;color:#fff;padding:12px 32px}.hasil-cutting-section-button-gray:hover:not(:disabled){box-shadow:0 6px 20px #28a74580;transform:translateY(-2px)}.hasil-cutting-section-button-gray:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:none;cursor:not-allowed}.hasil-cutting-section-button-gray:disabled:hover{box-shadow:none;transform:none}.hasil-cutting-input-table-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px;text-align:center;transition:all .3s ease;width:100%}.hasil-cutting-input-table-input:focus{border-color:#667eea;outline:none}.hasil-cutting-input-table-display{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#495057;font-size:14px;font-weight:600;padding:10px;text-align:center}.hasil-cutting-input-table-display-weight{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.hasil-cutting-status-badge{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:12px;font-weight:600;padding:8px 12px}.hasil-cutting-status-badge-heavier{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.hasil-cutting-status-badge-lighter{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.hasil-cutting-status-badge-same{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.hasil-cutting-status-badge-empty{color:#999;font-size:12px;font-style:italic;padding:8px 12px}.hasil-cutting-delete-button{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.hasil-cutting-delete-button:hover{box-shadow:0 4px 12px #dc354566;transform:scale(1.05)}.hasil-cutting-empty-acuan{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #667eea;border-radius:12px;padding:40px;text-align:center}.hasil-cutting-empty-acuan-icon{font-size:48px;margin-bottom:16px}.hasil-cutting-empty-acuan-title{color:#667eea;font-size:16px;font-weight:600;margin:0}.hasil-cutting-empty-acuan-text{color:#666;font-size:14px;margin:8px 0 0}.hasil-cutting-error-message{background:linear-gradient(135deg,#fee,#fdd);border:2px solid #fcc;border-radius:12px;margin:20px 0;padding:40px;text-align:center}.hasil-cutting-error-icon{font-size:48px;margin-bottom:16px}.hasil-cutting-error-title{color:#dc3545;font-size:16px;font-weight:600;margin:0 0 8px}.hasil-cutting-error-text{color:#666;font-size:14px;margin:0}.hasil-cutting-warning-message{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;margin:20px 0;padding:40px;text-align:center}.hasil-cutting-warning-icon{font-size:48px;margin-bottom:16px}.hasil-cutting-warning-title{color:#856404;font-size:16px;font-weight:600;margin:0 0 8px}.hasil-cutting-warning-text{color:#856404;font-size:14px;margin:0}.hasil-cutting-detail-info-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.hasil-cutting-detail-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hasil-cutting-detail-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:all .3s ease}.hasil-cutting-detail-info-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.hasil-cutting-detail-info-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.hasil-cutting-detail-info-icon{color:#667eea;font-size:18px}.hasil-cutting-detail-info-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.hasil-cutting-detail-info-value{color:#333;font-size:18px;font-weight:700;margin:0}.hasil-cutting-detail-info-value.money{color:#667eea}.hasil-cutting-detail-section-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.hasil-cutting-detail-section-icon{color:#fff;font-size:20px}.hasil-cutting-detail-section-title{color:#fff;font-size:20px;font-weight:700;margin:0}.hasil-cutting-footer-total{font-size:16px;padding:16px;text-align:right}.hasil-cutting-footer-total-value{color:#fff;font-size:18px;font-weight:700;padding:16px;text-align:center}.hasil-cutting-save-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.distribusi-history-container{background:#f5f5f7;min-height:100vh;padding:20px}.distribusi-history-header-card{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px;transition:transform .3s ease,box-shadow .3s ease}.distribusi-history-header-title{color:#fff;font-size:28px;font-weight:700;margin:0}.distribusi-history-header-subtitle{color:#ffffffe6;font-size:14px;margin:8px 0 0}.distribusi-history-table-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px}.distribusi-history-loading-container{padding:40px;text-align:center}.distribusi-history-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}.distribusi-history-loading-text{color:#667eea;font-size:14px;font-weight:500;margin-top:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.distribusi-history-table-row{transition:all .2s ease}.distribusi-history-table-row:hover{background-color:#f8f9fa}.distribusi-history-table-no{color:#667eea;font-weight:600}.distribusi-history-table-kode{color:#333;font-weight:500}.distribusi-history-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.distribusi-history-badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.distribusi-history-badge-success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d;color:#fff}.distribusi-history-badge-info{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 2px 8px #17a2b84d;color:#fff}.distribusi-history-badge-cutting{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.distribusi-history-badge-jasa{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.distribusi-history-badge-cmt{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.distribusi-history-badge-default{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.distribusi-history-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.distribusi-history-action-button-info{background-color:#17a2b8;color:#fff}.distribusi-history-action-button-info:hover{background-color:#138496;transform:scale(1.1)}.distribusi-history-empty-state{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #667eea;border-radius:16px;padding:60px 20px;text-align:center}.distribusi-history-empty-state-icon{font-size:64px;margin-bottom:16px}.distribusi-history-empty-state-title{color:#667eea;font-size:20px;font-weight:600;margin:0 0 8px}.distribusi-history-empty-state-text{color:#666;font-size:14px;margin:0}.distribusi-history-form-group{margin-bottom:20px}.distribusi-history-form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.distribusi-history-form-input-wrapper{position:relative}.distribusi-history-form-input{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.distribusi-history-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.distribusi-history-form-search-icon{color:#667eea;font-size:16px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.distribusi-history-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.distribusi-history-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow:auto;width:100%}.distribusi-history-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.distribusi-history-modal-title{font-size:24px;font-weight:700;margin:0}.distribusi-history-modal-close-button{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.distribusi-history-modal-close-button:hover{background:#ffffff4d;transform:scale(1.05)}.distribusi-history-modal-body{padding:32px}.distribusi-history-info-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.distribusi-history-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.distribusi-history-info-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.distribusi-history-info-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.distribusi-history-info-value{color:#333;font-size:18px;font-weight:700}.distribusi-history-timeline-container{margin-top:32px}.distribusi-history-timeline-title{border-bottom:2px solid #e0e0e0;color:#333;font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:12px}.distribusi-history-timeline{padding-left:40px;position:relative}.distribusi-history-timeline-item{display:flex;gap:20px;margin-bottom:32px;position:relative}.distribusi-history-timeline-marker{align-items:center;display:flex;flex-direction:column;position:relative}.distribusi-history-timeline-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;width:40px;z-index:2}.distribusi-history-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);flex:1 1;margin-top:8px;min-height:40px;width:2px}.distribusi-history-timeline-content{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;padding:20px}.distribusi-history-timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.distribusi-history-timeline-time{color:#666;font-size:13px;font-weight:500}.distribusi-history-timeline-status{color:#333;font-size:14px;margin-top:8px}.distribusi-history-timeline-status strong{color:#667eea}.distribusi-history-timeline-keterangan{color:#555;font-size:14px;font-style:italic;margin-top:8px}.distribusi-history-timeline-keterangan strong{color:#667eea;font-style:normal}.distribusi-history-timeline-ref{color:#999;font-size:12px;margin-top:8px}.distribusi-history-timeline-ref strong{color:#666}@media (max-width:768px){.distribusi-history-container{padding:12px}.distribusi-history-header-card{padding:16px 20px}.distribusi-history-header-title{font-size:20px}.distribusi-history-modal-content{margin:10px;max-width:95%}.distribusi-history-modal-body{padding:20px}.distribusi-history-timeline{padding-left:20px}.distribusi-history-timeline-icon{font-size:14px;height:32px;width:32px}.distribusi-history-info-grid{grid-template-columns:1fr}}.hutang-cutting-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.hutang-cutting-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.hutang-cutting-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.hutang-cutting-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.hutang-cutting-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.hutang-cutting-search-wrapper{max-width:400px;position:relative}.hutang-cutting-search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.hutang-cutting-search-wrapper input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-cutting-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.hutang-cutting-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.hutang-cutting-table{border-collapse:collapse;width:100%}.hutang-cutting-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hutang-cutting-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.hutang-cutting-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.hutang-cutting-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.hutang-cutting-table tbody td{color:#334155;font-size:14px;padding:18px 20px}.hutang-cutting-table tbody td:first-child{color:#1e293b;font-weight:600}.hutang-cutting-price{color:#059669;font-size:15px;font-weight:600}.hutang-cutting-price.negative{color:#dc2626}.hutang-cutting-actions{align-items:center;display:flex;gap:8px}.hutang-cutting-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hutang-cutting-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.hutang-cutting-btn-add:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.hutang-cutting-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.hutang-cutting-btn-info:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hutang-cutting-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.hutang-cutting-status.belum,.hutang-cutting-status.belum-lunas{background:#fef3c7;color:#d97706}.hutang-cutting-status.lunas{background:#d1fae5;color:#059669}.hutang-cutting-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-cutting-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.hutang-cutting-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.hutang-cutting-modal-header h2{font-size:24px;font-weight:700;margin:0}.hutang-cutting-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.hutang-cutting-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.hutang-cutting-form{padding:28px}.hutang-cutting-form-group{margin-bottom:24px}.hutang-cutting-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.hutang-cutting-form-group input[type=number],.hutang-cutting-form-group input[type=text],.hutang-cutting-form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.hutang-cutting-form-group input[type=number]:focus,.hutang-cutting-form-group input[type=text]:focus,.hutang-cutting-form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-cutting-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.hutang-cutting-form-group input[type=file]:hover{background:#f1f5f9;border-color:#667eea}.hutang-cutting-checkbox-group{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.hutang-cutting-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.hutang-cutting-checkbox-group label{color:#475569;cursor:pointer;font-weight:500;margin:0}.hutang-cutting-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.hutang-cutting-btn-cancel,.hutang-cutting-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.hutang-cutting-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.hutang-cutting-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hutang-cutting-btn-submit:active{transform:translateY(0)}.hutang-cutting-btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.hutang-cutting-btn-cancel:hover{background:#e2e8f0;color:#475569}.hutang-cutting-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-cutting-detail-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.hutang-cutting-detail-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;padding:24px 28px}.hutang-cutting-detail-header h3{font-size:24px;font-weight:700;margin:0}.hutang-cutting-detail-body{padding:28px}.hutang-cutting-detail-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.hutang-cutting-detail-item{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;padding:16px}.hutang-cutting-detail-item strong{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.hutang-cutting-detail-item span{color:#1e293b;display:block;font-size:18px;font-weight:600}.hutang-cutting-history-section{margin-top:32px}.hutang-cutting-history-section h4{color:#1e293b;font-size:18px;margin-bottom:16px}.hutang-cutting-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:20px;max-width:200px;padding:10px 14px;width:100%}.hutang-cutting-history-table{border-collapse:collapse;margin-top:16px;width:100%}.hutang-cutting-history-table thead{background:#f8fafc}.hutang-cutting-history-table thead th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.hutang-cutting-history-table tbody tr{border-bottom:1px solid #f1f5f9}.hutang-cutting-history-table tbody tr:hover{background:#f8fafc}.hutang-cutting-history-table tbody td{color:#334155;font-size:14px;padding:14px 16px}.hutang-cutting-history-table tbody td a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s ease}.hutang-cutting-history-table tbody td a:hover{color:#2563eb;text-decoration:underline}.hutang-cutting-detail-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.hutang-cutting-btn-close{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.hutang-cutting-btn-close:hover{background:#e2e8f0;color:#475569}.hutang-cutting-loading{color:#64748b}.hutang-cutting-error,.hutang-cutting-loading{font-size:16px;padding:60px 20px;text-align:center}.hutang-cutting-error{background:#fef2f2;border-radius:12px;color:#dc2626;margin:20px}.hutang-cutting-empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.hutang-cutting-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.hutang-cutting-input-rupiah{position:relative}.hutang-cutting-input-rupiah:before{color:#64748b;content:"Rp";font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hutang-cutting-input-rupiah input{padding-left:48px!important}@media (max-width:768px){.hutang-cutting-container{padding:16px}.hutang-cutting-header h1{font-size:24px}.hutang-cutting-table-wrapper{overflow-x:auto}.hutang-cutting-modal-content{max-width:95%}.hutang-cutting-detail-info{grid-template-columns:1fr}}.cashboan-cutting-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.cashboan-cutting-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 10px 30px #10b9814d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.cashboan-cutting-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.cashboan-cutting-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.cashboan-cutting-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.cashboan-cutting-search-wrapper{max-width:400px;position:relative}.cashboan-cutting-search-icon{color:#6b7280;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.cashboan-cutting-search-wrapper input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.cashboan-cutting-search-wrapper input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.cashboan-cutting-error,.cashboan-cutting-loading{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;color:#6b7280;font-size:18px;padding:48px;text-align:center}.cashboan-cutting-error{background:#fef2f2;color:#ef4444}.cashboan-cutting-empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:64px;text-align:center}.cashboan-cutting-empty-state-icon{font-size:64px;margin-bottom:16px}.cashboan-cutting-empty-state p{color:#6b7280;font-size:18px;margin:0}.cashboan-cutting-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.cashboan-cutting-table{border-collapse:collapse;width:100%}.cashboan-cutting-table thead{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cashboan-cutting-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px;text-align:left;text-transform:uppercase}.cashboan-cutting-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.cashboan-cutting-table tbody tr:hover{background:#f9fafb}.cashboan-cutting-table tbody tr:last-child{border-bottom:none}.cashboan-cutting-table td{color:#1f2937;font-size:16px;padding:20px}.cashboan-cutting-price{color:#10b981;font-size:16px;font-weight:600}.cashboan-cutting-status{border-radius:8px;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;text-transform:capitalize}.cashboan-cutting-status.belum\ lunas{background:#fef2f2;color:#ef4444}.cashboan-cutting-status.lunas{background:#d1fae5;color:#059669}.cashboan-cutting-actions{align-items:center;display:flex;gap:8px}.cashboan-cutting-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.cashboan-cutting-btn-add{background:#10b981;color:#fff}.cashboan-cutting-btn-add:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.cashboan-cutting-btn-info{background:#3b82f6;color:#fff}.cashboan-cutting-btn-info:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.cashboan-cutting-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cashboan-cutting-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.cashboan-cutting-modal-content-large{max-width:800px}.cashboan-cutting-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.cashboan-cutting-modal-header h2{font-size:24px;font-weight:600;margin:0}.cashboan-cutting-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cashboan-cutting-modal-close:hover{background:#ffffff4d}.cashboan-cutting-form{padding:24px}.cashboan-cutting-form-group{margin-bottom:24px}.cashboan-cutting-form-group label{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.cashboan-cutting-input-rupiah{position:relative}.cashboan-cutting-input-rupiah:before{color:#6b7280;content:"Rp";font-weight:500;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.cashboan-cutting-input-rupiah input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.cashboan-cutting-input-rupiah input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.cashboan-cutting-form-group input[type=file]{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.cashboan-cutting-form-group input[type=file]:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.cashboan-cutting-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cashboan-cutting-btn-cancel,.cashboan-cutting-btn-close,.cashboan-cutting-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cashboan-cutting-btn-cancel{background:#f3f4f6;color:#1f2937}.cashboan-cutting-btn-cancel:hover{background:#e5e7eb}.cashboan-cutting-btn-submit{background:#10b981;color:#fff}.cashboan-cutting-btn-submit:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.cashboan-cutting-btn-close{background:#6b7280;color:#fff}.cashboan-cutting-btn-close:hover{background:#4b5563}.cashboan-cutting-modal-body{padding:24px}.cashboan-cutting-detail-info{background:#f9fafb;border-radius:12px;margin-bottom:32px;padding:20px}.cashboan-cutting-detail-info p{color:#1f2937;font-size:16px;margin:12px 0}.cashboan-cutting-detail-info strong{color:#374151;margin-right:8px}.cashboan-cutting-history-section{margin-top:24px}.cashboan-cutting-history-section h3{color:#1f2937;font-size:20px;margin-bottom:16px}.cashboan-cutting-history-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.cashboan-cutting-history-table thead{background:#f3f4f6}.cashboan-cutting-history-table th{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.cashboan-cutting-history-table tbody tr{border-bottom:1px solid #e5e7eb}.cashboan-cutting-history-table tbody tr:last-child{border-bottom:none}.cashboan-cutting-history-table td{color:#1f2937;font-size:14px;padding:12px}.cashboan-cutting-no-history{color:#6b7280;font-size:16px;padding:32px;text-align:center}.cashboan-cutting-modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:24px}@media (max-width:768px){.cashboan-cutting-container,.cashboan-cutting-header{padding:16px}.cashboan-cutting-header h1{font-size:24px}.cashboan-cutting-table-wrapper{overflow-x:auto}.cashboan-cutting-table{min-width:600px}.cashboan-cutting-modal-content{max-height:95vh;width:95%}}.pendapatan-cutting-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.pendapatan-cutting-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px 32px}.pendapatan-cutting-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.pendapatan-cutting-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.pendapatan-cutting-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.pendapatan-cutting-filter-container{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.pendapatan-cutting-filter-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.pendapatan-cutting-filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:180px}.pendapatan-cutting-filter-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-cutting-filter-group input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:10px 14px;transition:all .3s ease}.pendapatan-cutting-filter-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-cutting-btn-filter{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.pendapatan-cutting-btn-filter:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-cutting-btn-filter:active{transform:translateY(0)}.pendapatan-cutting-error,.pendapatan-cutting-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pendapatan-cutting-error{background:#fee2e2;border-radius:10px;color:#dc2626;padding:16px}.pendapatan-cutting-empty-state{color:#666;padding:60px 20px;text-align:center}.pendapatan-cutting-empty-state-icon{font-size:64px;margin-bottom:16px}.pendapatan-cutting-empty-state p{font-size:18px;margin:0}.pendapatan-cutting-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.pendapatan-cutting-table{background:#fff;border-collapse:collapse;width:100%}.pendapatan-cutting-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.pendapatan-cutting-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pendapatan-cutting-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.pendapatan-cutting-table tbody tr:hover{background:#f8f9fa}.pendapatan-cutting-table td{color:#374151;font-size:14px;padding:16px}.pendapatan-cutting-price{color:#059669;font-size:14px;font-weight:600}.pendapatan-cutting-btn-bayar{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-bayar:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.pendapatan-cutting-btn-bayar:active{transform:translateY(0)}.pendapatan-cutting-btn-disabled{background:#e5e7eb;border:none;border-radius:8px;color:#6b7280;cursor:not-allowed;font-size:13px;font-weight:600;padding:8px 16px}.pendapatan-cutting-status-badge{border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.pendapatan-cutting-status-badge.belum-dibayar{background:#fee2e2;color:#dc2626}.pendapatan-cutting-status-badge.sudah-dibayar{background:#d1fae5;color:#059669}.pendapatan-cutting-btn-info{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-info:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pendapatan-cutting-btn-info:active{transform:translateY(0)}.pendapatan-cutting-btn-download{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-download:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pendapatan-cutting-btn-download:active{transform:translateY(0)}.pendapatan-cutting-btn-download-preview{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-download-preview:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.pendapatan-cutting-btn-download-preview:active{transform:translateY(0)}.pendapatan-cutting-btn-download-preview:disabled{cursor:not-allowed;opacity:.6}.pendapatan-cutting-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pendapatan-cutting-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.pendapatan-cutting-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.pendapatan-cutting-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0}.pendapatan-cutting-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pendapatan-cutting-modal-close:hover{background:#e5e7eb;color:#374151}.pendapatan-cutting-form{display:flex;flex-direction:column;gap:20px}.pendapatan-cutting-form-group{display:flex;flex-direction:column;gap:8px}.pendapatan-cutting-form-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-cutting-form-group input[type=file],.pendapatan-cutting-form-group input[type=text]{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease}.pendapatan-cutting-form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-cutting-form-group input[readonly]{background:#f8f9fa;color:#6b7280;cursor:not-allowed}.pendapatan-cutting-checkbox-group{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:12px;transition:all .3s ease}.pendapatan-cutting-checkbox-group:hover{background:#f0f0f0;border-color:#667eea}.pendapatan-cutting-checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:10px;margin:0}.pendapatan-cutting-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.pendapatan-cutting-form-group strong{color:#1f2937;font-size:14px;font-weight:600}.pendapatan-cutting-total-transfer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:10px;padding:16px}.pendapatan-cutting-total-transfer strong{color:#0369a1;font-size:16px}.pendapatan-cutting-total-transfer input{background:#0000;border:none;color:#0369a1;font-size:18px;font-weight:700}.pendapatan-cutting-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.pendapatan-cutting-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pendapatan-cutting-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.pendapatan-cutting-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-cutting-btn-submit:active{transform:translateY(0)}.pendapatan-cutting-btn-cancel{background:#f3f4f6;color:#374151}.pendapatan-cutting-btn-cancel:hover{background:#e5e7eb}.pendapatan-cutting-action-buttons{alignitems:center;flexwrap:wrap;display:flex;gap:8px}@media (max-width:768px){.pendapatan-cutting-page{padding:16px}.pendapatan-cutting-header{padding:20px}.pendapatan-cutting-header h1{font-size:24px}.pendapatan-cutting-table-container{padding:16px}.pendapatan-cutting-filter-header{align-items:stretch;flex-direction:column}.pendapatan-cutting-filter-group{min-width:100%}.pendapatan-cutting-table-wrapper{overflow-x:scroll}.pendapatan-cutting-table{min-width:800px}.pendapatan-cutting-modal-content{margin:10px;padding:24px}.pendapatan-cutting-form-actions{flex-direction:column}.pendapatan-cutting-btn{justify-content:center;width:100%}}.spk-jasa-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.spk-jasa-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:24px;padding:24px 32px}.spk-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.spk-jasa-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.status-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.status-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.status-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.status-card:hover{box-shadow:0 8px 25px #667eea33;transform:translateY(-4px)}.status-card.active{border-color:#667eea;box-shadow:0 6px 20px #667eea4d}.status-card.active:before{transform:scaleX(1)}.status-card-icon{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:70px;justify-content:center;width:70px}.status-card.active .status-card-icon{background:linear-gradient(135deg,#667eea20,#764ba220)}.status-card-content{flex:1 1}.status-card-label{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.status-card-value{color:#1f2937;font-size:32px;font-weight:700;line-height:1}.status-card.active .status-card-value{color:#667eea}.status-card:first-child .status-card-icon{background:linear-gradient(135deg,#667eea20,#764ba220)}.status-card:nth-child(2) .status-card-icon{background:linear-gradient(135deg,#fef3c720,#fde68a20)}.status-card:nth-child(2).active{border-color:#f59e0b}.status-card:nth-child(2).active:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-card:nth-child(2).active .status-card-value{color:#f59e0b}.status-card:nth-child(3) .status-card-icon{background:linear-gradient(135deg,#d1fae520,#a7f3d020)}.status-card:nth-child(3).active{border-color:#10b981}.status-card:nth-child(3).active:before{background:linear-gradient(135deg,#10b981,#059669)}.status-card:nth-child(3).active .status-card-value{color:#10b981}.btn-tambah{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-tambah:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-tambah:active{transform:translateY(0)}.search-wrapper{flex:1 1;max-width:400px;position:relative}.search-wrapper input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.search-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-wrapper:before{content:"🔍";font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.table-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-bottom:24px;overflow:hidden}.spk-jasa-table{border-collapse:collapse;width:100%}.spk-jasa-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333}.spk-jasa-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:12px;text-align:left}.spk-jasa-table tbody tr{border-bottom:1px solid #dee2e6}.spk-jasa-table tbody tr:hover{background-color:#f8f9fa}.spk-jasa-table td{color:#495057;font-size:14px;padding:12px;vertical-align:middle}.spk-jasa-table td:first-child,.spk-jasa-table th:first-child{text-align:center;width:50px}.spk-jasa-table td:nth-child(2),.spk-jasa-table td:nth-child(3),.spk-jasa-table th:nth-child(2),.spk-jasa-table th:nth-child(3){text-align:left}.spk-jasa-table td:nth-child(4),.spk-jasa-table th:nth-child(4){word-wrap:break-word;max-width:200px;text-align:left;white-space:normal}.spk-jasa-table td:nth-child(5),.spk-jasa-table th:nth-child(5){text-align:center}.spk-jasa-table td:nth-child(6),.spk-jasa-table th:nth-child(6){text-align:right;white-space:nowrap}.spk-jasa-table td:nth-child(10),.spk-jasa-table td:nth-child(7),.spk-jasa-table td:nth-child(8),.spk-jasa-table td:nth-child(9),.spk-jasa-table th:nth-child(10),.spk-jasa-table th:nth-child(7),.spk-jasa-table th:nth-child(8),.spk-jasa-table th:nth-child(9){text-align:center}.spk-jasa-table td:nth-child(11),.spk-jasa-table th:nth-child(11){min-width:160px;text-align:center;width:180px}.pagination-container{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding:16px}.pagination-info{color:#495057;font-size:14px;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed;opacity:.5}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 12px;transition:all .2s ease}.pagination-page-btn:hover{background:#e9ecef;border-color:#adb5bd}.pagination-page-btn.active{background:#007bff;border-color:#007bff;color:#fff}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.status-badge.belum-diambil{background-color:#fef3c7;color:#d97706}.status-badge.sudah-diambil{background-color:#dbeafe;color:#2563eb}.status-badge.batal-diambil{background-color:#fee2e2;color:#dc2626}.status-badge.selesai{background-color:#d1fae5;color:#059669}.status-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:12px;max-width:150px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.empty-state,.error-state,.loading-state{color:#666;font-size:16px;padding:60px 20px;text-align:center}.error-state{color:#dc2626}.empty-state{color:#9ca3af}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-wrapper{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input[type=text][name=harga]{font-weight:500;letter-spacing:.3px}.form-group input[type=text][name=harga]::placeholder{color:#9ca3af;font-weight:400}.searchable-select-wrapper{position:relative;width:100%}.searchable-select-input{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-height:44px;padding:12px 16px;transition:all .3s ease;width:100%}.searchable-select-input:hover{border-color:#667eea}.searchable-select-input:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.placeholder-text{color:#9ca3af}.dropdown-arrow{color:#667eea;font-size:12px;transition:transform .3s ease}.searchable-select-wrapper.active .dropdown-arrow{transform:rotate(180deg)}.searchable-select-dropdown{animation:slideDown .2s ease;background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.searchable-select-search{background:#f9fafb;border-bottom:1px solid #e0e0e0;padding:12px}.searchable-select-search input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.searchable-select-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.searchable-select-options{max-height:240px;overflow-y:auto;padding:4px}.searchable-select-option{border-radius:8px;cursor:pointer;margin-bottom:2px;padding:12px;transition:all .2s ease}.searchable-select-option:hover{background-color:#f3f4f6}.searchable-select-option.selected{background:linear-gradient(135deg,#667eea20,#764ba220);border-left:3px solid #667eea}.option-main{color:#333;font-size:14px;margin-bottom:4px}.option-main strong{color:#667eea;font-weight:600}.option-sub{color:#6b7280;font-size:12px}.no-options{color:#9ca3af;font-size:14px;padding:20px;text-align:center}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.searchable-select-options::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.searchable-select-options::-webkit-scrollbar-thumb:hover{background:#764ba2}.preview-box{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-left:4px solid #0ea5e9;border-radius:12px;font-size:13px;margin-top:12px;padding:16px}.preview-box strong{color:#0369a1;display:block;font-size:14px;margin-bottom:8px}.preview-box div{color:#0c4a6e;margin:4px 0}.preview-image-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden;padding:8px;text-align:center}.preview-product-image{border-radius:8px;display:block;height:auto;margin:0 auto;max-height:200px;max-width:100%;object-fit:contain;width:auto}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-cancel{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#666;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-cancel:hover{background:#f5f5f5;border-color:#ccc}@media (max-width:768px){.spk-jasa-container{padding:16px}.spk-jasa-header{padding:20px}.spk-jasa-header h1{font-size:24px}.spk-jasa-actions{flex-direction:column}.search-wrapper{max-width:100%}.status-cards-container{gap:16px;grid-template-columns:1fr}.status-card{padding:20px}.status-card-icon{font-size:40px;height:60px;width:60px}.status-card-value{font-size:28px}.table-wrapper{overflow-x:auto}.spk-jasa-table{min-width:800px}.modal-content-wrapper{margin:20px;width:95%}.modal-body{padding:24px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.pagination-container{align-items:center;flex-direction:column;gap:16px}.pagination-controls,.pagination-pages{flex-wrap:wrap;justify-content:center}}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content-wrapper::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.modal-content-wrapper::-webkit-scrollbar-thumb:hover{background:#764ba2}.hasil-jasa-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.hasil-jasa-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px 32px}.hasil-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.hasil-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.hasil-jasa-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.hasil-jasa-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.hasil-jasa-btn-add{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.hasil-jasa-btn-add:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hasil-jasa-btn-add:active{transform:translateY(0)}.hasil-jasa-search-bar{flex:1 1;max-width:400px}.hasil-jasa-search-bar input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.hasil-jasa-search-bar input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hasil-jasa-error,.hasil-jasa-loading{color:#666;font-size:16px;padding:40px;text-align:center}.hasil-jasa-error{background:#fee2e2;border-radius:10px;color:#dc2626;padding:16px}.hasil-jasa-empty-state{color:#666;padding:60px 20px;text-align:center}.hasil-jasa-empty-state-icon{font-size:64px;margin-bottom:16px}.hasil-jasa-empty-state p{font-size:18px;margin:0}.hasil-jasa-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.hasil-jasa-table{background:#fff;border-collapse:collapse;width:100%}.hasil-jasa-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.hasil-jasa-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.hasil-jasa-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.hasil-jasa-table tbody tr:hover{background:#f8f9fa}.hasil-jasa-table td{color:#374151;font-size:14px;padding:16px}.hasil-jasa-table td:first-child{color:#667eea;font-weight:600}.hasil-jasa-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hasil-jasa-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.hasil-jasa-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.hasil-jasa-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0}.hasil-jasa-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.hasil-jasa-modal-close:hover{background:#e5e7eb;color:#374151}.hasil-jasa-form{display:flex;flex-direction:column;gap:20px}.hasil-jasa-form-group{display:flex;flex-direction:column;gap:8px}.hasil-jasa-form-group label{color:#374151;font-size:14px;font-weight:600}.hasil-jasa-form-group input,.hasil-jasa-form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease}.hasil-jasa-form-group input:focus,.hasil-jasa-form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hasil-jasa-form-group input::placeholder{color:#9ca3af}.hasil-jasa-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.hasil-jasa-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.hasil-jasa-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.hasil-jasa-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hasil-jasa-btn-submit:active{transform:translateY(0)}.hasil-jasa-btn-cancel{background:#f3f4f6;color:#374151}.hasil-jasa-btn-cancel:hover{background:#e5e7eb}.hasil-jasa-price{color:#059669;font-size:14px;font-weight:600}@media (max-width:768px){.hasil-jasa-page{padding:16px}.hasil-jasa-header{padding:20px}.hasil-jasa-header h1{font-size:24px}.hasil-jasa-table-container{padding:16px}.hasil-jasa-filter-header{align-items:stretch;flex-direction:column}.hasil-jasa-search-bar{max-width:100%}.hasil-jasa-table-wrapper{overflow-x:scroll}.hasil-jasa-table{min-width:800px}.hasil-jasa-modal-content{margin:10px;padding:24px}.hasil-jasa-form-actions{flex-direction:column}.hasil-jasa-btn{justify-content:center;width:100%}}.cashboan-jasa-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.cashboan-jasa-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 10px 30px #10b9814d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.cashboan-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.cashboan-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.cashboan-jasa-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.cashboan-jasa-search-wrapper{max-width:400px;position:relative}.cashboan-jasa-search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.cashboan-jasa-search-wrapper input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;outline:none}.cashboan-jasa-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.cashboan-jasa-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.cashboan-jasa-table{border-collapse:collapse;width:100%}.cashboan-jasa-table thead{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cashboan-jasa-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.cashboan-jasa-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.cashboan-jasa-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.cashboan-jasa-table tbody td{color:#334155;font-size:14px;padding:18px 20px}.cashboan-jasa-table tbody td:first-child{color:#1e293b;font-weight:600}.cashboan-jasa-price{color:#059669;font-size:15px;font-weight:600}.cashboan-jasa-price.negative{color:#dc2626}.cashboan-jasa-actions{align-items:center;display:flex;gap:8px}.cashboan-jasa-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.cashboan-jasa-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.cashboan-jasa-btn-add:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.cashboan-jasa-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.cashboan-jasa-btn-info:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cashboan-jasa-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.cashboan-jasa-status.belum{background:#fef3c7;color:#d97706}.cashboan-jasa-status.lunas{background:#d1fae5;color:#059669}.cashboan-jasa-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cashboan-jasa-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.cashboan-jasa-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.cashboan-jasa-modal-header h2{font-size:24px;font-weight:700;margin:0}.cashboan-jasa-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.cashboan-jasa-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.cashboan-jasa-form{padding:28px}.cashboan-jasa-form-group{margin-bottom:24px}.cashboan-jasa-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.cashboan-jasa-form-group input[type=number],.cashboan-jasa-form-group input[type=text],.cashboan-jasa-form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.cashboan-jasa-form-group input[type=number]:focus,.cashboan-jasa-form-group input[type=text]:focus,.cashboan-jasa-form-group select:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;outline:none}.cashboan-jasa-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.cashboan-jasa-form-group input[type=file]:hover{background:#f1f5f9;border-color:#10b981}.cashboan-jasa-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cashboan-jasa-btn-cancel,.cashboan-jasa-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.cashboan-jasa-btn-submit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.cashboan-jasa-btn-submit:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.cashboan-jasa-btn-submit:active{transform:translateY(0)}.cashboan-jasa-btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.cashboan-jasa-btn-cancel:hover{background:#e2e8f0;color:#475569}.cashboan-jasa-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cashboan-jasa-detail-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.cashboan-jasa-detail-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.cashboan-jasa-detail-header h3{font-size:24px;font-weight:700;margin:0}.cashboan-jasa-detail-body{padding:28px}.cashboan-jasa-detail-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.cashboan-jasa-detail-item{background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;padding:16px}.cashboan-jasa-detail-item strong{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cashboan-jasa-detail-item span{color:#1e293b;display:block;font-size:18px;font-weight:600}.cashboan-jasa-history-section{margin-top:32px}.cashboan-jasa-history-section h4{color:#1e293b;font-size:18px;margin-bottom:16px}.cashboan-jasa-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:20px;max-width:200px;padding:10px 14px;width:100%}.cashboan-jasa-history-table{border-collapse:collapse;margin-top:16px;width:100%}.cashboan-jasa-history-table thead{background:#f8fafc}.cashboan-jasa-history-table thead th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.cashboan-jasa-history-table tbody tr{border-bottom:1px solid #f1f5f9}.cashboan-jasa-history-table tbody tr:hover{background:#f8fafc}.cashboan-jasa-history-table tbody td{color:#334155;font-size:14px;padding:14px 16px}.cashboan-jasa-history-table tbody td a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s ease}.cashboan-jasa-history-table tbody td a:hover{color:#2563eb;text-decoration:underline}.cashboan-jasa-detail-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.cashboan-jasa-btn-close{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cashboan-jasa-btn-close:hover{background:#e2e8f0;color:#475569}.cashboan-jasa-loading{color:#64748b}.cashboan-jasa-error,.cashboan-jasa-loading{font-size:16px;padding:60px 20px;text-align:center}.cashboan-jasa-error{background:#fef2f2;border-radius:12px;color:#dc2626;margin:20px}.cashboan-jasa-empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.cashboan-jasa-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.cashboan-jasa-input-rupiah{position:relative}.cashboan-jasa-input-rupiah:before{color:#64748b;content:"Rp";font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cashboan-jasa-input-rupiah input{padding-left:48px!important}@media (max-width:768px){.cashboan-jasa-container{padding:16px}.cashboan-jasa-header h1{font-size:24px}.cashboan-jasa-table-wrapper{overflow-x:auto}.cashboan-jasa-modal-content{max-width:95%}.cashboan-jasa-detail-info{grid-template-columns:1fr}}.hutang-jasa-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.hutang-jasa-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.hutang-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.hutang-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.hutang-jasa-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.hutang-jasa-search-wrapper{max-width:400px;position:relative}.hutang-jasa-search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.hutang-jasa-search-wrapper input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-jasa-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.hutang-jasa-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.hutang-jasa-table{border-collapse:collapse;width:100%}.hutang-jasa-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hutang-jasa-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.hutang-jasa-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.hutang-jasa-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.hutang-jasa-table tbody td{color:#334155;font-size:14px;padding:18px 20px}.hutang-jasa-table tbody td:first-child{color:#1e293b;font-weight:600}.hutang-jasa-price{color:#059669;font-size:15px;font-weight:600}.hutang-jasa-price.negative{color:#dc2626}.hutang-jasa-actions{align-items:center;display:flex;gap:8px}.hutang-jasa-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hutang-jasa-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.hutang-jasa-btn-add:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.hutang-jasa-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.hutang-jasa-btn-info:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hutang-jasa-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.hutang-jasa-status.belum{background:#fef3c7;color:#d97706}.hutang-jasa-status.lunas{background:#d1fae5;color:#059669}.hutang-jasa-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-jasa-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.hutang-jasa-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.hutang-jasa-modal-header h2{font-size:24px;font-weight:700;margin:0}.hutang-jasa-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.hutang-jasa-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.hutang-jasa-form{padding:28px}.hutang-jasa-form-group{margin-bottom:24px}.hutang-jasa-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.hutang-jasa-form-group input[type=number],.hutang-jasa-form-group input[type=text],.hutang-jasa-form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.hutang-jasa-form-group input[type=number]:focus,.hutang-jasa-form-group input[type=text]:focus,.hutang-jasa-form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-jasa-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.hutang-jasa-form-group input[type=file]:hover{background:#f1f5f9;border-color:#667eea}.hutang-jasa-checkbox-group{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.hutang-jasa-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.hutang-jasa-checkbox-group label{color:#475569;cursor:pointer;font-weight:500;margin:0}.hutang-jasa-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.hutang-jasa-btn-cancel,.hutang-jasa-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.hutang-jasa-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.hutang-jasa-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hutang-jasa-btn-submit:active{transform:translateY(0)}.hutang-jasa-btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.hutang-jasa-btn-cancel:hover{background:#e2e8f0;color:#475569}.hutang-jasa-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-jasa-detail-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.hutang-jasa-detail-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;padding:24px 28px}.hutang-jasa-detail-header h3{font-size:24px;font-weight:700;margin:0}.hutang-jasa-detail-body{padding:28px}.hutang-jasa-detail-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.hutang-jasa-detail-item{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;padding:16px}.hutang-jasa-detail-item strong{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.hutang-jasa-detail-item span{color:#1e293b;display:block;font-size:18px;font-weight:600}.hutang-jasa-history-section{margin-top:32px}.hutang-jasa-history-section h4{color:#1e293b;font-size:18px;margin-bottom:16px}.hutang-jasa-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:20px;max-width:200px;padding:10px 14px;width:100%}.hutang-jasa-history-table{border-collapse:collapse;margin-top:16px;width:100%}.hutang-jasa-history-table thead{background:#f8fafc}.hutang-jasa-history-table thead th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.hutang-jasa-history-table tbody tr{border-bottom:1px solid #f1f5f9}.hutang-jasa-history-table tbody tr:hover{background:#f8fafc}.hutang-jasa-history-table tbody td{color:#334155;font-size:14px;padding:14px 16px}.hutang-jasa-history-table tbody td a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s ease}.hutang-jasa-history-table tbody td a:hover{color:#2563eb;text-decoration:underline}.hutang-jasa-detail-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.hutang-jasa-btn-close{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.hutang-jasa-btn-close:hover{background:#e2e8f0;color:#475569}.hutang-jasa-loading{color:#64748b}.hutang-jasa-error,.hutang-jasa-loading{font-size:16px;padding:60px 20px;text-align:center}.hutang-jasa-error{background:#fef2f2;border-radius:12px;color:#dc2626;margin:20px}.hutang-jasa-empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.hutang-jasa-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.hutang-jasa-input-rupiah{position:relative}.hutang-jasa-input-rupiah:before{color:#64748b;content:"Rp";font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hutang-jasa-input-rupiah input{padding-left:48px!important}@media (max-width:768px){.hutang-jasa-container{padding:16px}.hutang-jasa-header h1{font-size:24px}.hutang-jasa-table-wrapper{overflow-x:auto}.hutang-jasa-modal-content{max-width:95%}.hutang-jasa-detail-info{grid-template-columns:1fr}}.pendapatan-jasa-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.pendapatan-jasa-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px 32px}.pendapatan-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.pendapatan-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.pendapatan-jasa-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.pendapatan-jasa-filter-container{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.pendapatan-jasa-filter-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.pendapatan-jasa-filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:180px}.pendapatan-jasa-filter-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-jasa-filter-group input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:10px 14px;transition:all .3s ease}.pendapatan-jasa-filter-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-jasa-btn-filter{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.pendapatan-jasa-btn-filter:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-jasa-btn-filter:active{transform:translateY(0)}.pendapatan-jasa-error,.pendapatan-jasa-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pendapatan-jasa-error{background:#fee2e2;border-radius:10px;color:#dc2626;padding:16px}.pendapatan-jasa-empty-state{color:#666;padding:60px 20px;text-align:center}.pendapatan-jasa-empty-state-icon{font-size:64px;margin-bottom:16px}.pendapatan-jasa-empty-state p{font-size:18px;margin:0}.pendapatan-jasa-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.pendapatan-jasa-table{background:#fff;border-collapse:collapse;width:100%}.pendapatan-jasa-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.pendapatan-jasa-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pendapatan-jasa-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.pendapatan-jasa-table tbody tr:hover{background:#f8f9fa}.pendapatan-jasa-table td{color:#374151;font-size:14px;padding:16px}.pendapatan-jasa-price{color:#059669;font-size:14px;font-weight:600}.pendapatan-jasa-btn-bayar{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.pendapatan-jasa-btn-bayar:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.pendapatan-jasa-btn-bayar:active{transform:translateY(0)}.pendapatan-jasa-btn-disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.pendapatan-jasa-btn-disabled,.pendapatan-jasa-btn-download{border:none;border-radius:8px;font-size:13px;font-weight:600;padding:8px 16px}.pendapatan-jasa-btn-download{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;gap:6px;transition:all .3s ease}.pendapatan-jasa-btn-download:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pendapatan-jasa-btn-download:active{transform:translateY(0)}.pendapatan-jasa-btn-download-preview{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-jasa-btn-download-preview:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.pendapatan-jasa-btn-download-preview:active{transform:translateY(0)}.pendapatan-jasa-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pendapatan-jasa-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.pendapatan-jasa-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.pendapatan-jasa-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0}.pendapatan-jasa-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pendapatan-jasa-modal-close:hover{background:#e5e7eb;color:#374151}.pendapatan-jasa-form{display:flex;flex-direction:column;gap:20px}.pendapatan-jasa-form-group{display:flex;flex-direction:column;gap:8px}.pendapatan-jasa-form-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-jasa-form-group input[type=file],.pendapatan-jasa-form-group input[type=text]{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease}.pendapatan-jasa-form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-jasa-form-group input[readonly]{background:#f8f9fa;color:#6b7280;cursor:not-allowed}.pendapatan-jasa-checkbox-group{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:12px;transition:all .3s ease}.pendapatan-jasa-checkbox-group:hover{background:#f0f0f0;border-color:#667eea}.pendapatan-jasa-checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:10px;margin:0}.pendapatan-jasa-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.pendapatan-jasa-form-group strong{color:#1f2937;font-size:14px;font-weight:600}.pendapatan-jasa-total-transfer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:10px;padding:16px}.pendapatan-jasa-total-transfer strong{color:#0369a1;font-size:16px}.pendapatan-jasa-total-transfer input{background:#0000;border:none;color:#0369a1;font-size:18px;font-weight:700}.pendapatan-jasa-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.pendapatan-jasa-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pendapatan-jasa-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.pendapatan-jasa-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-jasa-btn-submit:active{transform:translateY(0)}.pendapatan-jasa-btn-cancel{background:#f3f4f6;color:#374151}.pendapatan-jasa-btn-cancel:hover{background:#e5e7eb}@media (max-width:768px){.pendapatan-jasa-page{padding:16px}.pendapatan-jasa-header{padding:20px}.pendapatan-jasa-header h1{font-size:24px}.pendapatan-jasa-table-container{padding:16px}.pendapatan-jasa-filter-header{align-items:stretch;flex-direction:column}.pendapatan-jasa-filter-group{min-width:100%}.pendapatan-jasa-table-wrapper{overflow-x:scroll}.pendapatan-jasa-table{min-width:800px}.pendapatan-jasa-modal-content{margin:10px;padding:24px}.pendapatan-jasa-form-actions{flex-direction:column}.pendapatan-jasa-btn{justify-content:center;width:100%}}.hpp-container{animation:fadeIn .5s ease-in;background:#f5f5f7;min-height:100vh;padding:24px}.hpp-header{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:24px;padding:32px}.hpp-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0487d8,#17457c);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0}.hpp-stats{display:flex;flex-wrap:wrap;gap:20px}.hpp-stat-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-width:120px;padding:16px 24px;text-align:center;transition:all .3s ease}.hpp-stat-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.hpp-stat-value{color:#667eea;font-size:24px;font-weight:700;margin-bottom:4px}.hpp-stat-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.hpp-filter-section{align-items:center;animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:24px}.hpp-search-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;flex:1 1;font-size:14px;min-width:250px;padding:12px 20px;transition:all .3s ease}.hpp-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hpp-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;font-size:14px;min-width:180px;padding:12px 20px;transition:all .3s ease}.hpp-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hpp-btn-primary{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.hpp-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hpp-btn-primary:active{transform:translateY(0)}.hpp-table-wrapper{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.hpp-table{border-collapse:collapse;width:100%}.hpp-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hpp-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.hpp-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.hpp-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.hpp-table td{color:#333;font-size:14px;padding:16px}.hpp-table img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.hpp-table img:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.1)}.hpp-status-badge{border:none;border-radius:20px;cursor:default;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.hpp-status-urgent{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.hpp-status-normal{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.hpp-status-sementara{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.hpp-status-fix{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d5016}.hpp-status-bermasalah{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#8b0000}.hpp-action-buttons{display:flex;gap:8px}.hpp-btn-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.hpp-btn-icon:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px) scale(1.05)}.hpp-btn-icon:active{transform:translateY(0) scale(1)}.hpp-btn-icon.info{background:linear-gradient(135deg,#17a2b8,#138496)}.hpp-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hpp-modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.hpp-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.hpp-modal-header h2{font-size:24px;font-weight:700;margin:0}.hpp-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.hpp-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.hpp-modal-body{padding:32px}.hpp-form-group{margin-bottom:24px}.hpp-form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.hpp-form-input,.hpp-form-select{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.hpp-form-input:focus,.hpp-form-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hpp-form-input[type=file]{cursor:pointer;padding:8px}.hpp-form-image-preview{margin-top:12px}.hpp-form-image-preview img{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:120px}.hpp-komponen-section{border-top:2px solid #f0f0f0;margin-top:32px;padding-top:24px}.hpp-komponen-section h3{color:#667eea;font-size:20px;font-weight:700;margin:0 0 20px}.hpp-komponen-row{grid-gap:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px;padding:16px;transition:all .3s ease}.hpp-komponen-row:hover{background:#f0f0f0;border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.hpp-komponen-row input,.hpp-komponen-row select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:13px;padding:10px 12px;transition:all .3s ease}.hpp-komponen-row input:focus,.hpp-komponen-row select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hpp-komponen-row input[readonly]{background:#e9ecef;cursor:not-allowed}.hpp-komponen-remove-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;box-shadow:0 2px 8px #f5576c4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.hpp-komponen-remove-btn:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.hpp-komponen-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.hpp-komponen-add-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hpp-form-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.hpp-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 32px;transition:all .3s ease}.hpp-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hpp-btn-cancel{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 32px;transition:all .3s ease}.hpp-btn-cancel:hover{background:#5a6268;transform:translateY(-2px)}.hpp-detail-modal{max-width:900px}.hpp-detail-body{padding:32px}.hpp-detail-top{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.hpp-detail-hero{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.hpp-detail-name{color:#2d2f39;font-size:22px;font-weight:800}.hpp-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.hpp-badge{border-radius:10px;box-shadow:0 2px 8px #00000014;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;text-transform:capitalize}.hpp-badge-primary{background:linear-gradient(135deg,#4facfe,#00f2fe)}.hpp-badge-success{background:linear-gradient(135deg,#28a745,#20c997)}.hpp-badge-warning{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.hpp-badge-danger{background:linear-gradient(135deg,#f093fb,#f5576c)}.hpp-badge-muted{background:#e0e0e0;color:#555}.hpp-detail-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hpp-detail-summary-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:12px 16px}.hpp-detail-summary-item.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.hpp-detail-summary-item .label{color:#6b7280;font-size:12px;margin-bottom:4px}.hpp-detail-summary-item .value{color:#2d2f39;font-size:16px;font-weight:700}.hpp-detail-summary-item.highlight .label,.hpp-detail-summary-item.highlight .value{color:#fff}.hpp-detail-summary-item .value.big{font-size:18px}.hpp-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.hpp-detail-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:12px 16px}.hpp-detail-card.full{grid-column:1/-1}.hpp-detail-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.hpp-detail-card .label{color:#6b7280;font-size:12px;margin-bottom:4px}.hpp-detail-card .value{color:#2d2f39;font-size:16px;font-weight:700}.hpp-detail-card.highlight .label,.hpp-detail-card.highlight .value{color:#fff}.hpp-detail-card .value.big{font-size:18px}.hpp-detail-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.hpp-detail-item strong{color:#667eea;font-weight:600}.hpp-detail-item span{color:#333;font-weight:500}.hpp-detail-section{border-top:2px solid #f0f0f0;margin-top:32px;padding-top:24px}.hpp-detail-section h4{color:#667eea;font-size:20px;font-weight:700;margin:0 0 20px}.hpp-komponen-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:16px;overflow:hidden;width:100%}.hpp-komponen-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hpp-komponen-table th{font-size:13px;font-weight:600;padding:14px 16px;text-align:left;text-transform:uppercase}.hpp-komponen-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px}.hpp-komponen-table tbody tr:hover{background:#f8f9fa}.hpp-detail-footer{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;padding:20px 32px}.hpp-btn-close{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.hpp-btn-close:hover{background:#5a6268;transform:translateY(-2px)}.hpp-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;font-size:16px;justify-content:center}.hpp-empty-state,.hpp-loading{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 20px}.hpp-empty-state{color:#999;text-align:center}.hpp-empty-state p{font-size:16px;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hpp-pagination{align-items:center;animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-top:24px;padding:20px}.hpp-pagination-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.hpp-pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.hpp-pagination-btn:disabled{background:#e0e0e0;box-shadow:none;color:#999;cursor:not-allowed}.hpp-pagination-info{align-items:center;color:#667eea;display:flex;font-size:14px;font-weight:600}@media (max-width:768px){.hpp-container{padding:16px}.hpp-filter-section{flex-direction:column}.hpp-filter-select,.hpp-search-input{width:100%}.hpp-table-wrapper{overflow-x:auto}.hpp-modal-content{margin:10px;max-height:95vh}.hpp-komponen-row{grid-template-columns:1fr}.hpp-form-actions{flex-direction:column}.hpp-btn-cancel,.hpp-btn-submit{width:100%}.hpp-pagination{flex-direction:column;gap:12px}.hpp-pagination-info{order:-1}}.packing-container{padding:20px}.tracking-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:10px;margin:7px auto 25px;padding:24px 28px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.tracking-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.tracking-card h2{color:#333;font-size:18px;font-weight:600;margin-bottom:18px}.tracking-input-wrapper{align-items:center;display:flex;gap:10px;justify-content:flex-start}.tracking-input-modern{border:1px solid #d0d0d0;border-radius:8px;font-size:15px;outline:none;padding:10px 14px;transition:all .2s ease;width:300px}.tracking-input-modern:focus{border-color:#4c8bf5;box-shadow:0 0 0 3px #4c8bf533}.btn-search-modern{background:#90d4e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-width:100px;padding:10px 18px;transition:all .25s ease}.btn-search-modern:hover{background:#96e6ff;transform:translateY(-1px)}.btn-search-modern:disabled{background:#ccc;cursor:not-allowed}.packing-message{background:#f9fafb;border-left:4px solid #2563eb;border-radius:8px;color:#444;font-size:14px;margin-top:15px;padding:10px;text-align:left}.order-section{margin-top:20px}.packing-table{border-collapse:collapse;margin-top:10px;width:100%}.packing-table td,.packing-table th{border:1px solid #ddd;padding:8px}.packing-table th{background-color:#3d546b}.qty-cell{font-size:18px;font-weight:700;text-align:center}.qty-cell.ordered,.qty-cell.scanned{color:red}.status-ok{color:green}.status-ok,.status-wait{align-items:center;display:flex;gap:4px}.status-wait{color:#555}.sku-input-wrapper{display:flex;flex-direction:column;margin-top:10px}.sku-label{font-size:15px;font-weight:600;margin-bottom:0}.sku-input{display:flex;gap:5px;margin-top:15px}.sku-input input{border:1px solid #d0d0d0;border-radius:8px;flex:1 1;padding:8px}.sku-input button{padding:8px 16px}.packing-actions{display:flex;gap:10px;margin-top:20px}.btn-validate{background:#90d4e9;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.btn-validate:HOVER{background:#96e6ff;transform:translateY(-1px)}.btn-cancel{background:#cfcece;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.product-image{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;height:auto;object-fit:contain;padding:3px;transition:transform .2s ease,box-shadow .2s ease;width:170px}.product-image:hover{box-shadow:0 2px 6px #00000026;transform:scale(1.05)}td img.product-image{display:block;margin:0 auto}.nomor-seri-input-table{border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none;padding:6px 10px;transition:.2s;width:120px}.nomor-seri-input-table:focus{border-color:#4a90e2;box-shadow:0 0 4px #0078ff4d}.bahan-page{background:#fff;min-height:100vh;padding:20px}.bahan-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.bahan-header,.bahan-header-icon{align-items:center;background:#0000;display:flex}.bahan-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.bahan-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.bahan-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.bahan-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.bahan-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.bahan-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.bahan-btn-add:active{transform:translateY(0)}.bahan-search-bar{flex:1 1;max-width:400px;position:relative}.bahan-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.bahan-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.bahan-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.bahan-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.bahan-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.bahan-table thead th:first-child{border-top-left-radius:12px}.bahan-table thead th:last-child{border-top-right-radius:12px}.bahan-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.bahan-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.bahan-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.bahan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.bahan-price{color:#17457c;font-size:14px;font-weight:600}.bahan-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.bahan-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.bahan-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.bahan-btn-icon.delete{background:linear-gradient(135deg,#f44336,#c62828)}.bahan-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.bahan-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.bahan-pagination button:hover:not(:disabled){transform:translateY(-2px)}.bahan-pagination button.active,.bahan-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.bahan-pagination button:disabled{cursor:not-allowed;opacity:.5}.bahan-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.bahan-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:35px;width:100%}.bahan-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.bahan-form{grid-gap:20px;display:grid;gap:20px}.bahan-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bahan-form-group{display:flex;flex-direction:column;gap:8px}.bahan-form-group label{color:#555;font-size:14px;font-weight:600}.bahan-form-group input,.bahan-form-group select,.bahan-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.bahan-form-group input:focus,.bahan-form-group select:focus,.bahan-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.bahan-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.bahan-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.bahan-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.bahan-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.bahan-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.bahan-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.bahan-error,.bahan-loading{color:#666;font-size:16px;padding:40px;text-align:center}.bahan-error{color:#f44336}@media (max-width:1024px){.bahan-table-container{overflow-x:auto}.bahan-table{min-width:800px}}@media (max-width:768px){.bahan-header{padding:20px}.bahan-header h1{font-size:24px}.bahan-header-icon{font-size:32px;padding:12px}.bahan-filter-header{align-items:stretch;flex-direction:column}.bahan-search-bar{max-width:100%}.bahan-modal-content{padding:25px}.bahan-form-row{grid-template-columns:1fr}.bahan-form-actions{flex-direction:column}.bahan-form-actions button{width:100%}}@media (max-width:480px){.bahan-page{padding:10px}.bahan-table-container{padding:15px}.bahan-pagination{gap:5px}.bahan-pagination button{font-size:12px;padding:8px 12px}}.pembelian-bahan-page{background:#fff;min-height:100vh;padding:20px}.pembelian-bahan-header{align-items:center;background:#0000;border-radius:15px;box-shadow:none;color:#17457c;display:flex;gap:15px;margin-bottom:30px;padding:30px}.pembelian-bahan-header-icon{align-items:center;background:#0000;border-radius:12px;color:#0487d8;display:flex;font-size:42px;justify-content:center;padding:15px}.pembelian-bahan-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.pembelian-bahan-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.pembelian-bahan-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pembelian-bahan-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pembelian-bahan-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pembelian-bahan-btn-add:active{transform:translateY(0)}.pembelian-bahan-search-bar{flex:1 1;max-width:400px;position:relative}.pembelian-bahan-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.pembelian-bahan-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pembelian-bahan-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.pembelian-bahan-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.pembelian-bahan-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pembelian-bahan-table thead th:first-child{border-top-left-radius:12px}.pembelian-bahan-table thead th:last-child{border-top-right-radius:12px}.pembelian-bahan-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.pembelian-bahan-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.pembelian-bahan-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.pembelian-bahan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.pembelian-bahan-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pembelian-bahan-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.pembelian-bahan-price{color:#17457c;font-size:14px;font-weight:600}.pembelian-bahan-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.pembelian-bahan-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.pembelian-bahan-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.pembelian-bahan-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.pembelian-bahan-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.pembelian-bahan-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.pembelian-bahan-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.pembelian-bahan-pagination button:hover:not(:disabled){transform:translateY(-2px)}.pembelian-bahan-pagination button.active,.pembelian-bahan-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.pembelian-bahan-pagination button:disabled{cursor:not-allowed;opacity:.5}.pembelian-bahan-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.pembelian-bahan-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.pembelian-bahan-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.pembelian-bahan-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.pembelian-bahan-modal-header{align-items:center;border-bottom:3px solid #0487d8;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.pembelian-bahan-modal-header h2{border-bottom:none;color:#17457c;font-size:26px;font-weight:700;margin:0;padding-bottom:0}.pembelian-bahan-modal-close{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.pembelian-bahan-modal-close:hover{background:#fecaca;transform:rotate(90deg)}.pembelian-bahan-modal-body{padding:0}.pembelian-bahan-form{grid-gap:20px;display:grid;gap:20px}.pembelian-bahan-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pembelian-bahan-form-group{display:flex;flex-direction:column;gap:8px}.pembelian-bahan-form-group label{color:#555;font-size:14px;font-weight:600}.pembelian-bahan-form-group input.error{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.pembelian-bahan-form-group input,.pembelian-bahan-form-group select,.pembelian-bahan-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.pembelian-bahan-form-group input:focus,.pembelian-bahan-form-group select:focus,.pembelian-bahan-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pembelian-bahan-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.pembelian-bahan-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pembelian-bahan-warna-header h4{color:#17457c;font-size:16px;margin:0}.pembelian-bahan-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.pembelian-bahan-rol-item label{font-size:13px;min-width:120px}.pembelian-bahan-rol-item input{flex:1 1}.pembelian-bahan-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.pembelian-bahan-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.pembelian-bahan-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pembelian-bahan-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.pembelian-bahan-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.pembelian-bahan-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pembelian-bahan-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.pembelian-bahan-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.pembelian-bahan-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.pembelian-bahan-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.pembelian-bahan-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pembelian-bahan-detail-item span{color:#333;font-size:15px;font-weight:500}.pembelian-bahan-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.pembelian-bahan-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.pembelian-bahan-error,.pembelian-bahan-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pembelian-bahan-error{color:#f44336}@media (max-width:1024px){.pembelian-bahan-table-container{overflow-x:auto}.pembelian-bahan-table{min-width:1000px}}@media (max-width:768px){.pembelian-bahan-header{padding:20px}.pembelian-bahan-header h1{font-size:24px}.pembelian-bahan-header-icon{font-size:32px;padding:12px}.pembelian-bahan-filter-header{align-items:stretch;flex-direction:column}.pembelian-bahan-search-bar{max-width:100%}.pembelian-bahan-modal-content{padding:25px}.pembelian-bahan-detail-grid,.pembelian-bahan-form-row{grid-template-columns:1fr}.pembelian-bahan-form-actions{flex-direction:column}.pembelian-bahan-form-actions button{width:100%}}@media (max-width:480px){.pembelian-bahan-page{padding:10px}.pembelian-bahan-table-container{padding:15px}.pembelian-bahan-pagination{gap:5px}.pembelian-bahan-pagination button{font-size:12px;padding:8px 12px}}.pabrik-page{background:#fff;min-height:100vh;padding:20px}.pabrik-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.pabrik-header,.pabrik-header-icon{align-items:center;background:#0000;display:flex}.pabrik-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.pabrik-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.pabrik-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.pabrik-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pabrik-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pabrik-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pabrik-btn-add:active{transform:translateY(0)}.pabrik-search-bar{flex:1 1;max-width:400px;position:relative}.pabrik-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.pabrik-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pabrik-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.pabrik-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.pabrik-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pabrik-table thead th:first-child{border-top-left-radius:12px}.pabrik-table thead th:last-child{border-top-right-radius:12px}.pabrik-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.pabrik-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.pabrik-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.pabrik-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.pabrik-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pabrik-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.pabrik-price{color:#17457c;font-size:14px;font-weight:600}.pabrik-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.pabrik-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.pabrik-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.pabrik-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.pabrik-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.pabrik-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.pabrik-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.pabrik-pagination button:hover:not(:disabled){transform:translateY(-2px)}.pabrik-pagination button.active,.pabrik-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.pabrik-pagination button:disabled{cursor:not-allowed;opacity:.5}.pabrik-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.pabrik-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.pabrik-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.pabrik-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.pabrik-form{grid-gap:20px;display:grid;gap:20px}.pabrik-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pabrik-form-group{display:flex;flex-direction:column;gap:8px}.pabrik-form-group label{color:#555;font-size:14px;font-weight:600}.pabrik-form-group input,.pabrik-form-group select,.pabrik-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.pabrik-form-group input:focus,.pabrik-form-group select:focus,.pabrik-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pabrik-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.pabrik-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pabrik-warna-header h4{color:#17457c;font-size:16px;margin:0}.pabrik-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.pabrik-rol-item label{font-size:13px;min-width:120px}.pabrik-rol-item input{flex:1 1}.pabrik-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.pabrik-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.pabrik-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pabrik-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.pabrik-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.pabrik-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pabrik-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.pabrik-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.pabrik-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.pabrik-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.pabrik-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pabrik-detail-item span{color:#333;font-size:15px;font-weight:500}.pabrik-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.pabrik-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.file-upload-wrapper{margin-top:10px}.file-upload-area{background:#f8fbff;border:2px dashed #b3d9f2;border-radius:10px;cursor:pointer;padding:30px;position:relative;text-align:center;transition:all .3s ease}.file-upload-area.has-file,.file-upload-area:hover{background:#e3f2fd;border-color:#0487d8}.file-upload-icon{color:#0487d8;font-size:32px;margin-bottom:10px}.file-upload-text{color:#17457c;font-weight:600;margin-bottom:5px}.file-upload-hint{color:#666;font-size:12px}.file-upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.uploaded-file{align-items:center;background:#e3f2fd;border-radius:8px;display:flex;gap:10px;justify-content:space-between;margin-top:15px;padding:12px}.uploaded-file-name{color:#17457c;flex:1 1;font-size:14px;font-weight:500}.file-preview{background:#f8fbff;border-radius:8px;font-size:14px;margin-top:10px;padding:10px}.file-preview a{color:#0487d8;font-weight:500;text-decoration:none}.file-preview a:hover{text-decoration:underline}.pabrik-error,.pabrik-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pabrik-error{color:#f44336}@media (max-width:1024px){.pabrik-table-container{overflow-x:auto}.pabrik-table{min-width:1000px}}@media (max-width:768px){.pabrik-header{padding:20px}.pabrik-header h1{font-size:24px}.pabrik-header-icon{font-size:32px;padding:12px}.pabrik-filter-header{align-items:stretch;flex-direction:column}.pabrik-search-bar{max-width:100%}.pabrik-modal-content{padding:25px}.pabrik-detail-grid,.pabrik-form-row{grid-template-columns:1fr}.pabrik-form-actions{flex-direction:column}.pabrik-form-actions button{width:100%}}@media (max-width:480px){.pabrik-page{padding:10px}.pabrik-table-container{padding:15px}.pabrik-pagination{gap:5px}.pabrik-pagination button{font-size:12px;padding:8px 12px}}.gudang-page{background:#fff;min-height:100vh;padding:20px}.gudang-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.gudang-header,.gudang-header-icon{align-items:center;background:#0000;display:flex}.gudang-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.gudang-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.gudang-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.gudang-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.gudang-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.gudang-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.gudang-btn-add:active{transform:translateY(0)}.gudang-search-bar{flex:1 1;max-width:400px;position:relative}.gudang-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.gudang-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.gudang-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.gudang-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.gudang-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.gudang-table thead th:first-child{border-top-left-radius:12px}.gudang-table thead th:last-child{border-top-right-radius:12px}.gudang-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.gudang-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.gudang-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.gudang-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.gudang-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.gudang-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.gudang-price{color:#17457c;font-size:14px;font-weight:600}.gudang-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.gudang-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.gudang-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.gudang-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.gudang-btn-icon.delete{background:linear-gradient(135deg,#f44336,#c62828)}.gudang-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.gudang-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.gudang-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.gudang-pagination button:hover:not(:disabled){transform:translateY(-2px)}.gudang-pagination button.active,.gudang-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.gudang-pagination button:disabled{cursor:not-allowed;opacity:.5}.gudang-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.gudang-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.gudang-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.gudang-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.gudang-form{grid-gap:20px;display:grid;gap:20px}.gudang-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gudang-form-group{display:flex;flex-direction:column;gap:8px}.gudang-form-group label{color:#555;font-size:14px;font-weight:600}.gudang-form-group input,.gudang-form-group select,.gudang-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.gudang-form-group input:focus,.gudang-form-group select:focus,.gudang-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.gudang-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.gudang-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.gudang-warna-header h4{color:#17457c;font-size:16px;margin:0}.gudang-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.gudang-rol-item label{font-size:13px;min-width:120px}.gudang-rol-item input{flex:1 1}.gudang-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.gudang-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.gudang-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.gudang-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.gudang-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.gudang-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.gudang-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.gudang-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.gudang-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.gudang-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.gudang-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.gudang-detail-item span{color:#333;font-size:15px;font-weight:500}.gudang-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.gudang-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.gudang-error,.gudang-loading{color:#666;font-size:16px;padding:40px;text-align:center}.gudang-error{color:#f44336}@media (max-width:1024px){.gudang-table-container{overflow-x:auto}.gudang-table{min-width:1000px}}@media (max-width:768px){.gudang-header{padding:20px}.gudang-header h1{font-size:24px}.gudang-header-icon{font-size:32px;padding:12px}.gudang-filter-header{align-items:stretch;flex-direction:column}.gudang-search-bar{max-width:100%}.gudang-modal-content{padding:25px}.gudang-detail-grid,.gudang-form-row{grid-template-columns:1fr}.gudang-form-actions{flex-direction:column}.gudang-form-actions button{width:100%}}@media (max-width:480px){.gudang-page{padding:10px}.gudang-table-container{padding:15px}.gudang-pagination{gap:5px}.gudang-pagination button{font-size:12px;padding:8px 12px}}.seri-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:20px}.seri-header{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:20px;box-shadow:0 8px 24px #0487d84d;color:#fff;display:flex;gap:20px;margin-bottom:30px;overflow:hidden;padding:30px 40px;position:relative}.seri-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.seri-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:48px;justify-content:center;padding:18px;z-index:1}.seri-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px #0003;z-index:1}.seri-table-container{background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-bottom:20px;padding:30px}.seri-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.seri-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.seri-btn-add:hover{box-shadow:0 8px 25px #0487d866;transform:translateY(-3px)}.seri-btn-add:active{transform:translateY(-1px)}.seri-search-bar{flex:1 1;max-width:400px;position:relative}.seri-search-bar input{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;font-size:14px;padding:14px 20px 14px 45px;transition:all .3s ease;width:100%}.seri-search-bar input:focus{background:#fff;border-color:#0487d8;box-shadow:0 0 0 4px #0487d81a;outline:none}.seri-search-bar:before{content:"🔍";font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.seri-table-wrapper{border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.seri-table{background:#fff;border-collapse:initial;border-radius:15px;border-spacing:0;overflow:hidden;width:100%}.seri-table thead{background:linear-gradient(135deg,#17457c,#0487d8);color:#fff}.seri-table thead th{border:none;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.seri-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.seri-table tbody tr:hover{background:#f8f9ff;box-shadow:0 2px 8px #0487d81a;transform:scale(1.01)}.seri-table tbody tr:last-child{border-bottom:none}.seri-table tbody td{color:#333;font-size:14px;padding:18px 16px;vertical-align:middle}.seri-table tbody td:first-child,.seri-table thead th:first-child{min-width:80px;text-align:center;width:80px}.seri-table tbody td:nth-child(2),.seri-table tbody td:nth-child(3),.seri-table thead th:nth-child(2),.seri-table thead th:nth-child(3){min-width:200px;width:auto}.seri-table tbody td:nth-child(4),.seri-table thead th:nth-child(4){min-width:180px;text-align:center;width:auto}.seri-btn-download{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 2px 8px #0487d84d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.seri-btn-download:hover{box-shadow:0 4px 15px #0487d866;transform:translateY(-2px)}.seri-btn-download:active{transform:translateY(0)}.seri-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px;padding:20px}.seri-pagination button{background:#fff;border:2px solid #e0e7ef;border-radius:10px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease}.seri-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#0000;box-shadow:0 4px 12px #0487d84d;color:#fff;transform:translateY(-2px)}.seri-pagination button:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.seri-pagination span{background:#f8f9fa;border-radius:10px;color:#17457c;font-size:14px;font-weight:600;padding:10px 20px}.seri-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.seri-modal-content{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:35px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.seri-modal-content h2{align-items:center;border-bottom:2px solid #e0e7ef;color:#17457c;display:flex;font-size:26px;font-weight:700;gap:12px;margin:0 0 30px;padding-bottom:20px}.seri-form{gap:24px}.seri-form,.seri-form-group{display:flex;flex-direction:column}.seri-form-group{gap:10px}.seri-form-group label{align-items:center;color:#17457c;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.seri-form-group input,.seri-form-group select{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:12px;font-family:inherit;font-size:14px;padding:14px 18px;transition:all .3s ease}.seri-form-group input:focus,.seri-form-group select:focus{background:#fff;border-color:#0487d8;box-shadow:0 0 0 4px #0487d81a;outline:none}.seri-form-group input::placeholder{color:#9ca3af}.seri-form-actions{border-top:2px solid #e0e7ef;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px}.seri-btn-submit{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.seri-btn-submit:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.seri-btn-cancel{background:#fff;border:2px solid #e0e7ef;border-radius:12px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.seri-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.seri-loading{font-size:16px}.seri-empty-state,.seri-loading{color:#6b7280;padding:60px 20px;text-align:center}.seri-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.seri-error{background:#fee2e2;border-radius:12px;color:#dc2626;margin:20px 0;padding:20px;text-align:center}@media (max-width:768px){.seri-page{padding:15px}.seri-header{flex-direction:column;padding:20px;text-align:center}.seri-header h1{font-size:24px}.seri-table-container{padding:15px}.seri-table{font-size:12px}.seri-table tbody td,.seri-table thead th{padding:12px 8px}.seri-filter-header{align-items:stretch;flex-direction:column}.seri-search-bar{max-width:100%}.seri-modal-content{padding:20px;width:95%}.seri-form-actions{flex-direction:column}.seri-form-actions button{width:100%}}.seri-modal-content::-webkit-scrollbar,.seri-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.seri-modal-content::-webkit-scrollbar-track,.seri-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.seri-modal-content::-webkit-scrollbar-thumb,.seri-table-wrapper::-webkit-scrollbar-thumb{background:#0487d8;border-radius:10px}.seri-modal-content::-webkit-scrollbar-thumb:hover,.seri-table-wrapper::-webkit-scrollbar-thumb:hover{background:#17457c}.stok-bahan-page{background:#fff;min-height:100vh;padding:20px}.stok-bahan-header{align-items:center;background:#0000;border-radius:15px;box-shadow:none;color:#17457c;display:flex;gap:15px;margin-bottom:30px;padding:30px}.stok-bahan-dashboard{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.stok-bahan-dashboard-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001f;color:#fff;display:flex;gap:25px;min-height:140px;overflow:hidden;padding:30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stok-bahan-dashboard-card:before{background:#ffffff26;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stok-bahan-dashboard-card:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity .3s ease;width:200%}.stok-bahan-dashboard-card:hover{box-shadow:0 15px 40px #0003;transform:translateY(-8px) scale(1.02)}.stok-bahan-dashboard-card:hover:after,.stok-bahan-dashboard-card:hover:before{opacity:1}.stok-bahan-dashboard-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:56px;opacity:.95;position:relative;z-index:1}.stok-bahan-dashboard-content{flex:1 1;min-width:0;position:relative;z-index:1}.stok-bahan-dashboard-label{font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:10px;opacity:.95;text-transform:uppercase}.stok-bahan-dashboard-value{font-size:36px;font-weight:800;line-height:1.1;margin-bottom:8px;overflow-wrap:break-word;text-shadow:0 2px 4px #0000001a;word-break:break-word}.stok-bahan-dashboard-card:nth-child(5) .stok-bahan-dashboard-value{font-size:28px}@media (max-width:768px){.stok-bahan-dashboard-card:nth-child(5) .stok-bahan-dashboard-value{font-size:22px}}.stok-bahan-dashboard-subtitle{font-size:13px;font-weight:500;line-height:1.4;opacity:.85}@media (max-width:1200px){.stok-bahan-dashboard{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stok-bahan-dashboard-card{min-height:130px;padding:25px}.stok-bahan-dashboard-icon{font-size:48px}.stok-bahan-dashboard-value{font-size:30px}}@media (max-width:768px){.stok-bahan-dashboard{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stok-bahan-dashboard-card{flex-direction:column;gap:15px;min-height:120px;padding:20px;text-align:center}.stok-bahan-dashboard-icon{font-size:40px}.stok-bahan-dashboard-value{font-size:28px}.stok-bahan-dashboard-label{font-size:12px}.stok-bahan-dashboard-subtitle{font-size:11px}}.stok-bahan-header-icon{align-items:center;background:#0000;border-radius:12px;color:#0487d8;display:flex;font-size:42px;justify-content:center;padding:15px}.stok-bahan-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.stok-bahan-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.stok-bahan-table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.stok-bahan-table-wrapper::-webkit-scrollbar{height:8px}.stok-bahan-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.stok-bahan-table-wrapper::-webkit-scrollbar-thumb{background:#0487d8;border-radius:10px}.stok-bahan-table-wrapper::-webkit-scrollbar-thumb:hover{background:#17457c}.stok-bahan-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.stok-bahan-filter-buttons{align-items:center;display:flex;gap:10px}.stok-bahan-btn-filter{background:#fff;border:2px solid #b3d9f2;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.stok-bahan-btn-filter:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stok-bahan-btn-add,.stok-bahan-btn-filter.active{box-shadow:0 4px 12px #0487d84d}.stok-bahan-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.stok-bahan-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.stok-bahan-btn-add:active{transform:translateY(0)}.stok-bahan-search-bar{flex:1 1;max-width:400px;position:relative}.stok-bahan-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.stok-bahan-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.stok-bahan-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.stok-bahan-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.stok-bahan-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.stok-bahan-table thead th:first-child{border-top-left-radius:12px}.stok-bahan-table thead th:last-child{border-top-right-radius:12px}.stok-bahan-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.stok-bahan-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.stok-bahan-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.stok-bahan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.stok-bahan-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.stok-bahan-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.stok-bahan-price{color:#17457c;font-size:14px;font-weight:600}.stok-bahan-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.stok-bahan-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.stok-bahan-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.stok-bahan-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.stok-bahan-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.stok-bahan-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.stok-bahan-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.stok-bahan-pagination button:hover:not(:disabled){transform:translateY(-2px)}.stok-bahan-pagination button.active,.stok-bahan-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.stok-bahan-pagination button:disabled{cursor:not-allowed;opacity:.5}.stok-bahan-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.stok-bahan-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.stok-bahan-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.stok-bahan-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.stok-bahan-form{grid-gap:20px;display:grid;gap:20px}.stok-bahan-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stok-bahan-form-group{display:flex;flex-direction:column;gap:8px}.stok-bahan-form-group label{color:#555;font-size:14px;font-weight:600}.stok-bahan-form-group input,.stok-bahan-form-group select,.stok-bahan-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.stok-bahan-form-group input:focus,.stok-bahan-form-group select:focus,.stok-bahan-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.stok-bahan-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.stok-bahan-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stok-bahan-warna-header h4{color:#17457c;font-size:16px;margin:0}.stok-bahan-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.stok-bahan-rol-item label{font-size:13px;min-width:120px}.stok-bahan-rol-item input{flex:1 1}.stok-bahan-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.stok-bahan-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.stok-bahan-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.stok-bahan-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.stok-bahan-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.stok-bahan-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.stok-bahan-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.stok-bahan-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.stok-bahan-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.stok-bahan-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.stok-bahan-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stok-bahan-detail-item span{color:#333;font-size:15px;font-weight:500}.stok-bahan-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.stok-bahan-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.stok-bahan-error,.stok-bahan-loading{color:#666;font-size:16px;padding:40px;text-align:center}.stok-bahan-error{color:#f44336}@media (max-width:1024px){.stok-bahan-table-container{overflow-x:auto}.stok-bahan-table{min-width:1000px}}@media (max-width:768px){.stok-bahan-header{padding:20px}.stok-bahan-header h1{font-size:24px}.stok-bahan-header-icon{font-size:32px;padding:12px}.stok-bahan-filter-header{align-items:stretch;flex-direction:column}.stok-bahan-search-bar{max-width:100%}.stok-bahan-modal-content{padding:25px}.stok-bahan-detail-grid,.stok-bahan-form-row{grid-template-columns:1fr}.stok-bahan-form-actions{flex-direction:column}.stok-bahan-form-actions button{width:100%}}@media (max-width:480px){.stok-bahan-page{padding:10px}.stok-bahan-table-container{padding:15px}.stok-bahan-pagination{gap:5px}.stok-bahan-pagination button{font-size:12px;padding:8px 12px}}.scan-bahan-page{background:#fff;min-height:100vh;padding:20px}.scan-bahan-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.scan-bahan-header,.scan-bahan-header-icon{align-items:center;background:#0000;display:flex}.scan-bahan-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.scan-bahan-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.scan-bahan-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.scan-bahan-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.scan-bahan-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.scan-bahan-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.scan-bahan-btn-add:active{transform:translateY(0)}.scan-bahan-search-bar{flex:1 1;max-width:400px;position:relative}.scan-bahan-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.scan-bahan-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.scan-bahan-filter-tanggal{background:#f8f9fa;border:1px solid #e0e7ef;border-radius:12px;margin-bottom:25px;padding:20px}.scan-bahan-filter-tanggal-header{align-items:center;color:#17457c;display:flex;gap:10px;margin-bottom:15px}.scan-bahan-filter-icon{color:#0487d8;font-size:18px}.scan-bahan-filter-tanggal-header h4{color:#17457c;font-size:16px;font-weight:600;margin:0}.scan-bahan-filter-tanggal-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.scan-bahan-date-input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;min-width:180px;padding:10px 14px;transition:all .3s ease;width:100%}.scan-bahan-date-input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.scan-bahan-filter-tanggal-actions{display:flex;gap:10px}.scan-bahan-filter-info{align-items:center;background:#e3f2fd;border-left:4px solid #0487d8;border-radius:8px;color:#17457c;display:flex;font-size:14px;gap:8px;margin-top:15px;padding:12px}.scan-bahan-filter-info strong{font-weight:600}.scan-bahan-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.scan-bahan-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.scan-bahan-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.scan-bahan-table thead th:first-child{border-top-left-radius:12px}.scan-bahan-table thead th:last-child{border-top-right-radius:12px}.scan-bahan-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.scan-bahan-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.scan-bahan-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.scan-bahan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.scan-bahan-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.scan-bahan-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.scan-bahan-price{color:#17457c;font-size:14px;font-weight:600}.scan-bahan-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.scan-bahan-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.scan-bahan-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.scan-bahan-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.scan-bahan-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.scan-bahan-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.scan-bahan-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.scan-bahan-pagination button:hover:not(:disabled){transform:translateY(-2px)}.scan-bahan-pagination button.active,.scan-bahan-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.scan-bahan-pagination button:disabled{cursor:not-allowed;opacity:.5}.scan-bahan-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.scan-bahan-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.scan-bahan-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.scan-bahan-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.scan-bahan-form{grid-gap:20px;display:grid;gap:20px}.scan-bahan-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.scan-bahan-form-group{display:flex;flex-direction:column;gap:8px}.scan-bahan-form-group label{color:#555;font-size:14px;font-weight:600}.scan-bahan-form-group input,.scan-bahan-form-group select,.scan-bahan-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.scan-bahan-form-group input:focus,.scan-bahan-form-group select:focus,.scan-bahan-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.scan-bahan-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.scan-bahan-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.scan-bahan-warna-header h4{color:#17457c;font-size:16px;margin:0}.scan-bahan-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.scan-bahan-rol-item label{font-size:13px;min-width:120px}.scan-bahan-rol-item input{flex:1 1}.scan-bahan-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.scan-bahan-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.scan-bahan-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.scan-bahan-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.scan-bahan-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.scan-bahan-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.scan-bahan-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.scan-bahan-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.scan-bahan-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.scan-bahan-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.scan-bahan-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.scan-bahan-detail-item span{color:#333;font-size:15px;font-weight:500}.scan-bahan-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.scan-bahan-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.scan-bahan-error,.scan-bahan-loading{color:#666;font-size:16px;padding:40px;text-align:center}.scan-bahan-error{color:#f44336}@media (max-width:1024px){.scan-bahan-table-container{overflow-x:auto}.scan-bahan-table{min-width:1000px}}@media (max-width:768px){.scan-bahan-header{padding:20px}.scan-bahan-header h1{font-size:24px}.scan-bahan-header-icon{font-size:32px;padding:12px}.scan-bahan-filter-header{align-items:stretch;flex-direction:column}.scan-bahan-search-bar{max-width:100%}.scan-bahan-filter-tanggal-inputs{align-items:stretch;flex-direction:column}.scan-bahan-filter-tanggal-actions,.scan-bahan-filter-tanggal-actions button{width:100%}.scan-bahan-modal-content{padding:25px}.scan-bahan-detail-grid,.scan-bahan-form-row{grid-template-columns:1fr}.scan-bahan-form-actions{flex-direction:column}.scan-bahan-form-actions button{width:100%}}@media (max-width:480px){.scan-bahan-page{padding:10px}.scan-bahan-table-container{padding:15px}.scan-bahan-pagination{gap:5px}.scan-bahan-pagination button{font-size:12px;padding:8px 12px}}.scan-stok-page{background:#fff;min-height:100vh;padding:20px}.scan-stok-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.scan-stok-header,.scan-stok-header-icon{align-items:center;background:#0000;display:flex}.scan-stok-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.scan-stok-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.scan-stok-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.scan-stok-filter-header{align-items:flex-start;display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.scan-stok-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.scan-stok-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.scan-stok-btn-add:active{transform:translateY(0)}.scan-stok-search-bar{display:flex;gap:10px;max-width:100%;position:relative;width:100%}.scan-stok-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.scan-stok-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.scan-stok-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.scan-stok-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.scan-stok-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.scan-stok-table thead th:first-child{border-top-left-radius:12px}.scan-stok-table thead th:last-child{border-top-right-radius:12px}.scan-stok-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.scan-stok-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.scan-stok-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.scan-stok-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.scan-stok-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.scan-stok-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.scan-stok-price{color:#17457c;font-size:14px;font-weight:600}.scan-stok-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.scan-stok-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.scan-stok-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.scan-stok-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.scan-stok-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.scan-stok-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.scan-stok-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.scan-stok-pagination button:hover:not(:disabled){transform:translateY(-2px)}.scan-stok-pagination button.active,.scan-stok-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.scan-stok-pagination button:disabled{cursor:not-allowed;opacity:.5}.scan-stok-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.scan-stok-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.scan-stok-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.scan-stok-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.scan-stok-form{grid-gap:20px;display:grid;gap:20px}.scan-stok-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.scan-stok-form-group{display:flex;flex-direction:column;gap:8px}.scan-stok-form-group label{color:#555;font-size:14px;font-weight:600}.scan-stok-form-group input,.scan-stok-form-group select,.scan-stok-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.scan-stok-form-group input:focus,.scan-stok-form-group select:focus,.scan-stok-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.scan-stok-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.scan-stok-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.scan-stok-warna-header h4{color:#17457c;font-size:16px;margin:0}.scan-stok-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.scan-stok-rol-item label{font-size:13px;min-width:120px}.scan-stok-rol-item input{flex:1 1}.scan-stok-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.scan-stok-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.scan-stok-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.scan-stok-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.scan-stok-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.scan-stok-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.scan-stok-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.scan-stok-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.scan-stok-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.scan-stok-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.scan-stok-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.scan-stok-detail-item span{color:#333;font-size:15px;font-weight:500}.scan-stok-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.scan-stok-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.scan-stok-error,.scan-stok-loading{color:#666;font-size:16px;padding:40px;text-align:center}.scan-stok-error{color:#f44336}@media (max-width:1024px){.scan-stok-table-container{overflow-x:auto}.scan-stok-table{min-width:1000px}}@media (max-width:768px){.scan-stok-header{padding:20px}.scan-stok-header h1{font-size:24px}.scan-stok-header-icon{font-size:32px;padding:12px}.scan-stok-filter-header{align-items:stretch;flex-direction:column}.scan-stok-search-bar{max-width:100%}.scan-stok-modal-content{padding:25px}.scan-stok-detail-grid,.scan-stok-form-row{grid-template-columns:1fr}.scan-stok-form-actions{flex-direction:column}.scan-stok-form-actions button{width:100%}}@media (max-width:480px){.scan-stok-page{padding:10px}.scan-stok-table-container{padding:15px}.scan-stok-pagination{gap:5px}.scan-stok-pagination button{font-size:12px;padding:8px 12px}}.riwayat-stok-page{background:#fff;min-height:100vh;padding:20px}.riwayat-stok-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.riwayat-stok-header,.riwayat-stok-header-icon{align-items:center;background:#0000;display:flex}.riwayat-stok-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.riwayat-stok-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.riwayat-stok-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.riwayat-stok-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.riwayat-stok-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.riwayat-stok-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.riwayat-stok-btn-add:active{transform:translateY(0)}.riwayat-stok-search-bar{flex:1 1;max-width:400px;position:relative}.riwayat-stok-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.riwayat-stok-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.riwayat-stok-filter-tanggal{background:#f8f9fa;border:1px solid #e0e7ef;border-radius:12px;margin-bottom:25px;padding:20px}.riwayat-stok-filter-tanggal-header{align-items:center;color:#17457c;display:flex;gap:10px;margin-bottom:15px}.riwayat-stok-filter-icon{color:#0487d8;font-size:18px}.riwayat-stok-filter-tanggal-header h3{color:#17457c;font-size:16px;font-weight:600;margin:0}.riwayat-stok-filter-tanggal-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.riwayat-stok-date-input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;min-width:180px;padding:10px 14px;transition:all .3s ease;width:100%}.riwayat-stok-date-input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.riwayat-stok-filter-tanggal-actions{display:flex;gap:10px}.riwayat-stok-filter-info{align-items:center;background:#e3f2fd;border-left:4px solid #0487d8;border-radius:8px;color:#17457c;display:flex;font-size:14px;gap:8px;margin-top:15px;padding:12px}.riwayat-stok-filter-info strong{font-weight:600}.riwayat-stok-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.riwayat-stok-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.riwayat-stok-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.riwayat-stok-table thead th:first-child{border-top-left-radius:12px}.riwayat-stok-table thead th:last-child{border-top-right-radius:12px}.riwayat-stok-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.riwayat-stok-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.riwayat-stok-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.riwayat-stok-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.riwayat-stok-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.riwayat-stok-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.riwayat-stok-price{color:#17457c;font-size:14px;font-weight:600}.riwayat-stok-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.riwayat-stok-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.riwayat-stok-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.riwayat-stok-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.riwayat-stok-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.riwayat-stok-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.riwayat-stok-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.riwayat-stok-pagination button:hover:not(:disabled){transform:translateY(-2px)}.riwayat-stok-pagination button.active,.riwayat-stok-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.riwayat-stok-pagination button:disabled{cursor:not-allowed;opacity:.5}.riwayat-stok-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.riwayat-stok-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.riwayat-stok-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.riwayat-stok-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.riwayat-stok-form{grid-gap:20px;display:grid;gap:20px}.riwayat-stok-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.riwayat-stok-form-group{display:flex;flex-direction:column;gap:8px}.riwayat-stok-form-group label{color:#555;font-size:14px;font-weight:600}.riwayat-stok-form-group input,.riwayat-stok-form-group select,.riwayat-stok-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.riwayat-stok-form-group input:focus,.riwayat-stok-form-group select:focus,.riwayat-stok-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.riwayat-stok-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.riwayat-stok-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.riwayat-stok-warna-header h4{color:#17457c;font-size:16px;margin:0}.riwayat-stok-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.riwayat-stok-rol-item label{font-size:13px;min-width:120px}.riwayat-stok-rol-item input{flex:1 1}.riwayat-stok-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.riwayat-stok-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.riwayat-stok-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.riwayat-stok-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.riwayat-stok-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.riwayat-stok-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.riwayat-stok-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.riwayat-stok-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.riwayat-stok-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.riwayat-stok-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.riwayat-stok-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.riwayat-stok-detail-item span{color:#333;font-size:15px;font-weight:500}.riwayat-stok-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.riwayat-stok-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.riwayat-stok-error,.riwayat-stok-loading{color:#666;font-size:16px;padding:40px;text-align:center}.riwayat-stok-error{color:#f44336}.riwayat-stok-empty-state{color:#6b7280;padding:60px 20px;text-align:center}.riwayat-stok-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}@media (max-width:1024px){.riwayat-stok-table-container{overflow-x:auto}.riwayat-stok-table{min-width:1000px}}@media (max-width:768px){.riwayat-stok-header{padding:20px}.riwayat-stok-header h1{font-size:24px}.riwayat-stok-header-icon{font-size:32px;padding:12px}.riwayat-stok-filter-header{align-items:stretch;flex-direction:column}.riwayat-stok-search-bar{max-width:100%}.riwayat-stok-filter-tanggal-inputs{align-items:stretch;flex-direction:column}.riwayat-stok-filter-tanggal-actions,.riwayat-stok-filter-tanggal-actions button{width:100%}.riwayat-stok-modal-content{padding:25px}.riwayat-stok-detail-grid,.riwayat-stok-form-row{grid-template-columns:1fr}.riwayat-stok-form-actions{flex-direction:column}.riwayat-stok-form-actions button{width:100%}}@media (max-width:480px){.riwayat-stok-page{padding:10px}.riwayat-stok-table-container{padding:15px}.riwayat-stok-pagination{gap:5px}.riwayat-stok-pagination button{font-size:12px;padding:8px 12px}}.laporan-hasil-container{background-color:#f8f9fa;min-height:100vh;padding:24px;width:100%}.laporan-hasil-header{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;padding:24px}.laporan-hasil-header h1{color:#212529;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.laporan-hasil-filters{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.laporan-hasil-filters label{color:#495057;font-size:14px;font-weight:600;margin-right:8px}.laporan-hasil-filters input[type=date]{background-color:#fff;border:1.5px solid #dee2e6;border-radius:8px;color:#212529;font-size:14px;min-width:160px;outline:none;padding:10px 14px;transition:border-color .2s ease}.laporan-hasil-filters input[type=date]:hover{border-color:#adb5bd}.laporan-hasil-filters input[type=date]:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.laporan-hasil-loading{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#6c757d;font-size:16px;padding:40px;text-align:center}.laporan-hasil-error{background-color:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#dc3545;font-size:14px;font-weight:500;margin-bottom:24px;padding:16px 20px}.laporan-hasil-table-wrapper{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow-x:auto;padding:24px}.laporan-hasil-table{border-collapse:initial;border-spacing:0;min-width:600px;width:100%}.laporan-hasil-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.laporan-hasil-table thead th{background-color:#212529;border-bottom:2px solid #000;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 14px;text-align:center;text-transform:uppercase;white-space:nowrap}.laporan-hasil-table thead th:first-child{border-top-left-radius:8px}.laporan-hasil-table thead th:last-child{border-top-right-radius:8px}.laporan-hasil-table tbody td{background-color:#fff;border-bottom:1px solid #e9ecef;color:#212529;font-size:14px;padding:14px;text-align:center}.laporan-hasil-table tbody tr:hover{background-color:#f8f9fa}.laporan-hasil-table tbody tr:last-child td{border-bottom:none}.laporan-hasil-table tfoot{background-color:#f8f9fa}.laporan-hasil-table tfoot th{background-color:#495057;border-top:2px solid #212529;color:#fff;font-size:14px;font-weight:700;padding:16px 14px;text-align:center}.laporan-hasil-table tfoot th:first-child{border-bottom-left-radius:8px}.laporan-hasil-table tfoot th:last-child{border-bottom-right-radius:8px}@media (max-width:768px){.laporan-hasil-container{padding:16px}.laporan-hasil-header{padding:20px}.laporan-hasil-header h1{font-size:22px}.laporan-hasil-filters{align-items:stretch;flex-direction:column;padding:16px}.laporan-hasil-filters label{display:block;margin-bottom:8px}.laporan-hasil-filters input[type=date]{min-width:0;min-width:auto;width:100%}.laporan-hasil-table-wrapper{overflow-x:auto;padding:16px}.laporan-hasil-table{font-size:12px}.laporan-hasil-table tbody td,.laporan-hasil-table tfoot th,.laporan-hasil-table thead th{padding:10px 8px}}@media (max-width:480px){.laporan-hasil-container{padding:12px}.laporan-hasil-header h1{font-size:20px}.laporan-hasil-table{font-size:11px}.laporan-hasil-table tbody td,.laporan-hasil-table tfoot th,.laporan-hasil-table thead th{padding:8px 6px}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--purple-color:#8b5cf6;--orange-color:#f97316;--pink-color:#ec4899;--bg-primary:#f8fafc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.laporan-daily-container{background:#f8fafc;min-height:100vh;padding:32px;width:100%}.laporan-daily-header{align-items:center;background:#fff;background:var(--bg-card);border:2px solid #2563eb;border-left:6px solid #2563eb;border:2px solid var(--primary-color);border-left-width:6px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px;padding:32px;position:relative}.laporan-daily-header h1{color:#2563eb;color:var(--primary-color);font-size:32px;font-weight:800;letter-spacing:-.8px;margin:0}.laporan-daily-filter{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:12px 20px}.laporan-daily-filter label{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:600;white-space:nowrap}.laporan-daily-filter input[type=date]{background-color:#fff;background-color:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;min-width:180px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.laporan-daily-filter input[type=date]:focus,.laporan-daily-filter input[type=date]:hover{border-color:#2563eb;border-color:var(--primary-color)}.laporan-daily-filter input[type=date]:focus{box-shadow:0 0 0 3px #2563eb1a}.laporan-daily-loading{border:2px solid #3b82f6;border-left:6px solid #3b82f6;border:2px solid var(--info-color);border-left-width:6px;border-radius:16px;padding:60px 40px}.laporan-daily-empty,.laporan-daily-loading{background:#fff;background:var(--bg-card);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#475569;color:var(--text-secondary);font-size:16px;font-weight:500;text-align:center}.laporan-daily-empty{border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:16px;padding:80px 40px}.laporan-daily-error{align-items:center;background:#fef2f2;border:2px solid #ef4444;border-left:6px solid #ef4444;border:2px solid var(--danger-color);border-left-width:6px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#ef4444;color:var(--danger-color);display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:24px;padding:20px 24px}.laporan-daily-error:before{content:"⚠";font-size:20px}.laporan-daily-content{display:flex;flex-direction:column;gap:40px}.laporan-section{display:flex;flex-direction:column;gap:24px}.section-title{border-bottom:3px solid #2563eb;border-bottom:3px solid var(--primary-color);color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;padding-bottom:16px;position:relative}.section-title:after{background:#2563eb;background:var(--primary-color);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.laporan-card{background:#fff;background:var(--bg-card);border:2px solid #e2e8f0;border-left:5px solid #2563eb;border:2px solid var(--border-color);border-left:5px solid var(--primary-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:24px;position:relative;transition:box-shadow .2s ease,border-color .2s ease}.laporan-card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.laporan-card.card-blue{border-left-color:#2563eb;border-left-color:var(--primary-color)}.laporan-card.card-info{border-left-color:#3b82f6;border-left-color:var(--info-color)}.laporan-card.card-green{border-left-color:#10b981;border-left-color:var(--success-color)}.laporan-card.card-yellow{border-left-color:#f59e0b;border-left-color:var(--warning-color)}.laporan-card.card-purple{border-left-color:#8b5cf6;border-left-color:var(--purple-color)}.laporan-card.card-orange{border-left-color:#f97316;border-left-color:var(--orange-color)}.laporan-card.card-pink{border-left-color:#ec4899;border-left-color:var(--pink-color)}.laporan-card.clickable-card{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.laporan-card.clickable-card:after{color:#2563eb;color:var(--primary-color);content:"→";font-size:20px;font-weight:700;opacity:0;position:absolute;right:24px;top:24px;transition:opacity .2s ease}.laporan-card.clickable-card:hover{background:#f8fafc;border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.laporan-card.clickable-card:hover:after{opacity:1}.laporan-card.clickable-card .card-title{padding-right:32px;position:relative}.laporan-card.highlight-card-yellow{background:#fffbeb;border:2px solid #f59e0b;border-left:6px solid #f59e0b;border:2px solid var(--warning-color);border-left-width:6px;box-shadow:0 4px 12px #f59e0b26}.card-title{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#0f172a;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 20px;padding-bottom:16px}.card-content{display:flex;flex-direction:column;gap:16px}.stat-row{align-items:center;display:flex;justify-content:space-between;padding:12px 0;transition:background-color .15s ease}.stat-row:hover{background-color:#f8fafc;border-radius:8px;padding-left:12px;padding-right:12px}.stat-row.highlight-stat{background:#f8fafc;border-left:4px solid #2563eb;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin:8px 0;padding:16px}.stat-label{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.2px}.stat-value{font-feature-settings:"tnum";color:#0f172a;color:var(--text-primary);font-size:18px;font-variant-numeric:tabular-nums;font-weight:700}.stat-value.large-text{font-size:32px;font-weight:800;letter-spacing:-1px}.stat-value.highlight-yellow{color:#f59e0b;color:var(--warning-color)}.stat-value.highlight-red{color:#ef4444;color:var(--danger-color)}.stat-value.highlight-green{color:#10b981;color:var(--success-color)}.stat-value.highlight-blue{color:#3b82f6;color:var(--info-color)}.turunan-section{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);margin-top:16px;padding-top:16px}.turunan-title{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.turunan-list{display:flex;flex-direction:column;gap:12px}.turunan-item{align-items:center;background:#f8fafc;border-left:3px solid #0000;border-radius:8px;color:#475569;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:background-color .2s ease,border-color .2s ease}.turunan-item:hover{background:#f1f5f9}.turunan-item.clickable-turunan-item{cursor:pointer;position:relative;transition:background-color .2s ease,border-color .2s ease}.turunan-item.clickable-turunan-item:after{color:#2563eb;color:var(--primary-color);content:"→";font-size:16px;font-weight:700;opacity:0;position:absolute;right:12px;transition:opacity .2s ease}.turunan-item.clickable-turunan-item:hover{background:#e0f2fe;border-left-color:#2563eb;border-left-color:var(--primary-color);padding-left:15px}.turunan-item.clickable-turunan-item:hover:after{opacity:1}.turunan-value{font-feature-settings:"tnum";color:#0f172a;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.periode-table,.tukang-cutting-table{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;margin-top:16px;overflow-x:auto;width:100%}.tukang-cutting-table{min-width:100%}.periode-table table,.tukang-cutting-table table{border-collapse:initial;border-spacing:0;table-layout:auto;width:100%}.tukang-cutting-table table{min-width:100%}.periode-table thead th,.tukang-cutting-table thead th{background:#f1f5f9;border-bottom:2px solid #2563eb;border-bottom:2px solid var(--primary-color);color:#475569;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;min-width:-webkit-fit-content;min-width:fit-content;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.tukang-cutting-table thead th:first-child{min-width:150px}.tukang-cutting-table thead th:not(:first-child){min-width:100px;text-align:center}.periode-table tbody td,.tukang-cutting-table tbody td{font-feature-settings:"tnum";border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;padding:14px 16px}.tukang-cutting-table tbody td:first-child{color:#0f172a;color:var(--text-primary);font-weight:600}.tukang-cutting-table tbody td:not(:first-child){font-weight:700;text-align:center}.periode-table tbody tr:last-child td,.tukang-cutting-table tbody tr:last-child td{border-bottom:none}.periode-table tbody tr:hover,.tukang-cutting-table tbody tr:hover{background:#f8fafc;transition:background-color .15s ease}.tukang-cutting-table tbody tr.clickable-table-row{cursor:pointer;position:relative;transition:background-color .2s ease}.tukang-cutting-table tbody tr.clickable-table-row:after{color:#2563eb;color:var(--primary-color);content:"→";font-size:16px;font-weight:700;opacity:0;position:absolute;right:16px;transition:opacity .2s ease}.tukang-cutting-table tbody tr.clickable-table-row:hover{background:#e0f2fe;border-left:3px solid #2563eb;border-left:3px solid var(--primary-color)}.tukang-cutting-table tbody tr.clickable-table-row:hover:after{opacity:1}.formula-text{background:#f8fafc;border-left:4px solid #3b82f6;border-left:4px solid var(--info-color);border-radius:10px;border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);color:#475569;color:var(--text-secondary);font-style:italic;margin-top:16px;padding:16px}.formula-text small{display:block;font-size:12px;line-height:1.6}.input-manual-section{display:flex;flex-direction:column;gap:16px}.input-label{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:.3px;margin-bottom:4px}.input-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.waiting-bahan-input{background-color:#fff;background-color:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;color:#0f172a;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;min-width:220px;outline:none;padding:14px 18px;transition:border-color .2s ease,box-shadow .2s ease}.waiting-bahan-input:focus,.waiting-bahan-input:hover{border-color:#2563eb;border-color:var(--primary-color)}.waiting-bahan-input:focus{box-shadow:0 0 0 3px #2563eb1a}.waiting-bahan-input::-webkit-inner-spin-button,.waiting-bahan-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.waiting-bahan-input[type=number]{-moz-appearance:textfield}.save-indicator{align-items:center;animation:fadeInOut 1.5s ease;color:#10b981;color:var(--success-color);display:flex;font-size:13px;font-weight:600;gap:6px;opacity:0}.save-indicator:before{content:"✓";font-size:16px;font-weight:700}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}.input-display-value{background:#f8fafc;border-left:4px solid #2563eb;border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#475569;color:var(--text-secondary);font-size:14px;padding:12px 16px}.input-display-value strong{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:800}@media (max-width:1200px){.cards-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.laporan-daily-container{padding:20px}.laporan-daily-header{align-items:stretch;flex-direction:column;padding:24px}.laporan-daily-header h1{font-size:26px}.laporan-daily-filter{align-items:stretch;flex-direction:column;padding:16px}.laporan-daily-filter label{margin-bottom:8px}.laporan-daily-filter input[type=date]{min-width:0;min-width:auto;width:100%}.cards-grid{gap:20px;grid-template-columns:1fr}.laporan-card{padding:20px}.section-title{font-size:20px}.stat-value.large-text{font-size:24px}}@media (max-width:480px){.laporan-daily-container{padding:16px}.laporan-daily-header{padding:20px}.laporan-daily-header h1{font-size:22px}.laporan-card{padding:16px}.stat-row{align-items:flex-start;flex-direction:column;gap:6px}.stat-value,.stat-value.large-text{font-size:20px}.periode-table table,.tukang-cutting-table table{font-size:12px}.periode-table tbody td,.periode-table thead th,.tukang-cutting-table tbody td,.tukang-cutting-table thead th{padding:10px 8px}.tukang-cutting-table thead th{font-size:11px;white-space:normal;word-break:break-word}.tukang-cutting-table thead th:first-child{min-width:120px}.tukang-cutting-table thead th:not(:first-child){min-width:80px}.waiting-bahan-input{min-width:100%}.input-wrapper{align-items:stretch;flex-direction:column}.save-indicator{justify-content:center;text-align:center;width:100%}}.laporan-daily-container::-webkit-scrollbar{width:8px}.laporan-daily-container::-webkit-scrollbar-track{background:#f1f5f9}.laporan-daily-container::-webkit-scrollbar-thumb{background:#2563eb;background:var(--primary-color);border-radius:4px}.laporan-daily-container::-webkit-scrollbar-thumb:hover{background:#1d4ed8;background:var(--primary-hover)}
/*# sourceMappingURL=main.e90ced6e.css.map*/