@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;font-weight:700;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{background:#fff;border-radius:12px;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;cursor:pointer;font-size:13px;font-weight:500;height:35px;max-width:127px;min-width:90px;outline:none;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{align-items:center;background-color:#8dcee2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:510;height:100%px;justify-content:center;max-width:80px;min-width:60px;padding:2px;text-align:center;transition:background-color .3s ease;width:100%}.filter-header button:hover{background-color:#243a42}@media (max-width:600px){.filter-header1 button{font-size:12px;padding:8px 10px}}.table-wrapper{background:#fff;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:#3d546b;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{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;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;font-size:14px}.modern-form input,.modern-form select,.modern-form textarea{border-radius:16px;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{cursor:pointer;display:inline-block;position:relative}.notif-icon{color:#555;font-size:24px;transition:color .3s ease}.notif-icon:hover{color:#007bff}.notif-badge{background-color:red;border-radius:50%;color:#fff;font-size:12px;font-weight:700;padding:4px 6px;position:absolute;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{border-radius:8px;transform:translateY(-50px);width:90%}.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{align-items:center;display:flex;font-family:Arial,sans-serif;gap:12px;justify-content:center;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;border-radius:8px;font-size:14px;padding:6px 10px;transition:border-color .3s;width:150px}.date-input:focus{border-color:#4caf50;outline:none}.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{background:#fff;border-radius:20px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:90%;overflow-y:auto;padding:20px 30px;width:600px}.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;color:#fff}.btn-cancel-hutang{background-color:#dc3545;color:#fff}.modal-content-hutang h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.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}.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}.modern-form input,.modern-form select,.modern-form textarea{margin-bottom:10PX}.modal-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;height:620px;left:50%;max-height:900px;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;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}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-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-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-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;color:#fff;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{display:flex;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;color:#fff}.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{align-items:center;display:flex;font-family:Arial,sans-serif;gap:10px;justify-content:left;margin-bottom:10px;margin-top:20px;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;font-size:14px;font-weight:500;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{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;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{align-items:center;display:flex;justify-content:space-between;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 spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@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)}.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,#667eea,#764ba2);-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,#667eea,#764ba2);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-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}}
/*# sourceMappingURL=main.832c9696.css.map*/