@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);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}.login-page{background:#eef2f6;display:grid;font-family:Plus Jakarta Sans,sans-serif;grid-template-columns:1.2fr 1fr;min-height:100vh;width:100%}.login-left{align-items:center;background:linear-gradient(160deg,#fff,#f7f9fc);border-right:1px solid #e5eaf2;color:#0f172a;display:flex;padding:52px;position:relative}.login-left:before{background:radial-gradient(circle at 20% 20%,#4f46e50f 0,#0000 52%);content:"";inset:0;pointer-events:none;position:absolute}.login-left-content{max-width:600px;position:relative;z-index:1}.login-logo-icon{align-items:center;background:#eef2ff;border:1px solid #d7dcff;border-radius:14px;color:#4f46e5;display:inline-flex;font-size:28px;height:56px;justify-content:center;margin-bottom:22px;width:56px}.login-greeting{color:#0f172a;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0}.login-tagline{color:#475569;font-size:15px;line-height:1.7;margin:16px 0 0;max-width:540px}.login-left-meta{grid-gap:10px;display:grid;gap:10px;margin-top:26px;max-width:560px}.login-meta-card{grid-gap:4px;background:#fff;border:1px solid #dde5f0;border-radius:12px;display:grid;gap:4px;padding:10px 12px}.login-meta-card strong{color:#1e293b;font-size:12px;font-weight:700}.login-meta-card span{color:#64748b;font-size:12px}.login-feature-list{grid-gap:10px;display:grid;gap:10px;margin-top:26px}.login-feature-list span{align-items:center;background:#fff;border:1px solid #dce4ef;border-radius:999px;color:#334155;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:7px 12px;width:-webkit-fit-content;width:fit-content}.login-right{align-items:center;background:#f6f8fb;display:flex;justify-content:center;padding:24px}.login-right-content{background:#fff;border:1px solid #dde4ee;border-radius:18px;box-shadow:0 18px 40px -28px #0f172a40;max-width:500px;padding:32px 30px;width:100%}.login-app-name{color:#5f6f86;font-size:12px;font-weight:700;letter-spacing:.09em;margin:0;text-transform:uppercase}.login-welcome{color:#0f172a;font-size:31px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 0}.login-helper{color:#5f7088;font-size:13px;margin:8px 0 0}.login-form{grid-gap:14px;display:grid;gap:14px;margin-top:24px}.login-form-group{grid-gap:8px;display:grid;gap:8px}.login-label{color:#2f3f56;font-size:13px;font-weight:600}.login-input-wrap{position:relative}.login-input-icon{color:#94a3b8;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.login-input{background:#fff;border:1px solid #cfd8e6;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;height:44px;padding:0 12px 0 38px;transition:border-color .18s,box-shadow .18s;width:100%}.login-input:focus{border-color:#3f5f8f;box-shadow:0 0 0 3px #3f5f8f24;outline:none}.login-input::placeholder{color:#9aa8bc}.login-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:12px;line-height:1.45;padding:10px 12px}.login-button-primary{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;box-shadow:0 10px 20px -14px #4f46e59e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;height:44px;justify-content:center;transition:transform .16s,filter .16s;width:100%}.login-form-footer{border-top:1px solid #e7edf5;color:#7b8ba2;display:flex;flex-wrap:wrap;font-size:11px;gap:10px;justify-content:space-between;margin-top:16px;padding-top:12px}.login-button-primary:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-1px)}.login-button-primary:disabled{cursor:not-allowed;opacity:.72}@media (max-width:1080px){.login-page{grid-template-columns:1fr}.login-left{min-height:290px;padding:36px 24px}.login-right{padding:24px 14px 28px}}@media (max-width:640px){.login-greeting{font-size:34px}.login-tagline{font-size:14px}.login-feature-list span{font-size:12px}.login-right-content{border-radius:14px;padding:24px 18px}.login-welcome{font-size:24px}.login-form-footer{flex-direction:column;gap:6px}}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{border-radius:10%;color:#fff;font-size:24px;height:50px;width:50px}.chart-title{color:#426372;font-size:1.5rem;margin-bottom:10px;margin-top:10px;text-align:center}sistem analisa

.chart-content{align-items:center;display:flex;justify-content:center;max-height:500px;max-width:540px;min-height:300px;min-width:300px;padding-right:10px 20px;width:50%}.chart-wrapper{flex:1 1}.chart-info{display:flex;flex-direction:column;margin-right:20px}.info-item{align-items:center;display:flex;margin-bottom:10px}.info-color{border-radius:50%;height:15px;margin-right:10px;width:15px}.info-label{flex:1 1;font-size:14px;font-weight:500;padding-right:7px}.info-percentage{color:#666;font-size:14px}@media (max-width:768px){.chart-content{height:160px;width:200px}}.dashboard-stats{grid-gap:20px!important;display:grid;gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:10px}.stat-card{box-shadow:0 4px 10px #0000001a;max-width:600px;padding:10px;transition:transform .3s ease;width:100%}.stat-card:hover{transform:translateY(-5px)}.stat-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.stat-header i{color:#4a90e2;font-size:24px}.stat-card.urgent i{color:#e74c3c}.stat-header h3{color:#333;font-size:18px}.stat-content{display:flex;flex-direction:column;gap:10px}.stat-item{background:#f9f9f9;border-radius:8px;color:#555;display:flex;font-size:16px;justify-content:space-between;padding:10px}.stat-card.urgent .stat-item{background:#ffe6e6;color:#a8483e}.empty-text{color:#999;font-style:italic;text-align:center}.penjahit-container h1{font-size:30px;font-weight:600;margin:0}.notif-icon{color:#b5b7b8;cursor:pointer}.readers{color:gray;font-size:12px;margin-top:5px}.filter-header1{display:flex;gap:6px;justify-content:flex-start;margin-bottom:15px;margin-top:10px;padding-left:10px}.search-bar1{align-items:center;display:flex;gap:10px;justify-content:flex-end;max-width:210px;min-width:102px;width:100%}.search-bar1 input{border:1px solid #e9e9eb;border-radius:8px;font-size:13px;height:35px;max-width:200px;min-width:110px;outline:none;padding:2px 5px;transition:border-color .3s ease;width:100%}.search-bar1 input:focus{border-color:#356191}.filter-select1{background-color:#d1d4d6;border:1px solid #dcdcdc;border-radius:5px;font-size:13px;height:35px;max-width:127px;min-width:90px;padding:9px 8px 8px;transition:all .3s ease;width:127px}.filter-select1 option{background-color:#f8f9fa;color:#333;font-size:13px;font-weight:500;padding:10px;transition:background .3s ease}.filter-select1 option:hover{background-color:#73c6df;color:#fff}.filter-select1:focus,.filter-select1:hover{background-color:#f1f1f1;box-shadow:0 0 5px #d9d9e04d}.filter-header1 button{background-color:#8dcee2;border-radius:5px;font-size:13px;font-weight:510;height:100%px;max-width:80px;min-width:60px;padding:2px;transition:background-color .3s ease}.filter-header button:hover{background-color:#243a42}@media (max-width:600px){.filter-header1 button{font-size:12px;padding:8px 10px}}.table-wrapper{border:1px solid #ddd;max-height:700px;overflow-y:auto}@media (max-width:1366px){.table-wrapper{max-height:600px}}@media (min-width:1367px){.table-wrapper{max-height:600px}}.table-container{min-width:200px}.penjahit-table{background-color:#fff;border-collapse:initial!important;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0;table-layout:fixed}.penjahit-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:9}.penjahit-table thead th{background-color:#8dcee2;position:-webkit-sticky;position:sticky;top:0;z-index:10}.penjahit-table td,.penjahit-table th{border-bottom:1px solid #ececec;font-size:14px;justify-content:center;padding:15px 12px;text-align:center}.penjahit-table th{background-color:#3d546b;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:4}.penjahit-table tr:first-child th:first-child{border-top-left-radius:12px}.penjahit-table tr:first-child th:last-child{border-top-right-radius:12px}.penjahit-table tr:last-child td:first-child{border-bottom-left-radius:12px}.penjahit-table tr:last-child td:last-child{border-bottom-right-radius:12px}.penjahit-table tr{transition:background-color .3s ease}.penjahit-table tr:hover{background-color:#f9fafb}.gambar-produk{border-radius:10px;display:block;height:60px;justify-content:center;width:60px}.btn1{align-items:center;background-color:#b9b9b9;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:inline-flex;gap:5px;padding:5px 10px;width:135px}@media (max-width:768px){.table-container{margin-top:4px;overflow-x:auto;padding:7px}.penjahit-table{border-collapse:initial;border-radius:12px;border-spacing:0;font-weight:300px;justify-content:center;margin:10px 0;width:100%}.penjahit-table td{border-bottom:1px solid #ececec;color:#5f5f5f;font-size:12px;font-weight:300px;justify-content:right;padding:8px 10px}.penjahit-table th{background-color:#3d546b;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.penjahit-container h1{font-size:18px;font-weight:500}.penjahit-table1{display:block;font-size:12px;overflow-x:auto;width:100%}.penjahit-table thead{display:none}.penjahit-table tbody,.penjahit-table td,.penjahit-table tr{display:block;margin:0 auto;width:95%}.penjahit-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:0}.penjahit-table td{display:flex;justify-content:space-between;padding:8px 5px;position:relative;text-align:center}.penjahit-table td:before{color:#3d546b;content:attr(data-label);font-weight:700}}.action-card{flex-wrap:wrap;max-width:100%;overflow-x:auto;padding:2px}.btn1-icon{font-size:12px;max-width:23px;min-height:20px;min-width:16px;padding:3px;transition:background .3s ease}.form-group{align-items:left;flex-direction:row;gap:0}.form-group label{margin-left:5px}.form-group input[type=checkbox]{margin-left:10px;transform:scale(1.1)}.modern-form label{color:#6b8fa1}.modern-form input,.modern-form select,.modern-form textarea{border-radius:16px;margin-bottom:10PX;width:95%}.popup1-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.popup1-card{animation:fadeIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.popup1-header{align-items:center;background:#8dcee2;color:#fff;display:flex;justify-content:space-between;padding:20px}.popup1-header h2{font-size:1.5rem;margin:0}.btn-close{background:#0000;font-size:1.5rem;transition:color .3s ease}.btn-close:hover{color:gold}.popup1-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;padding:20px}.popup1-image-container{align-items:center;background:#fff;border-radius:15px;display:flex;justify-content:center;max-height:180px;max-width:180px;padding:10px;width:180px}.popup1-image{border-radius:10px;height:200px;object-fit:cover;width:100%}.popup1-no-image{color:#999;font-size:1rem}.popup1-details{display:flex;flex-direction:column;gap:10px}.detail-group{width:100%}.notif-wrapper{display:inline-block}.notif-icon{color:#555;transition:color .3s ease}.notif-icon:hover{color:#007bff}.notif-badge{background-color:red;font-size:12px;padding:4px 6px;right:-5px;top:-5px}.popup-overlay{background:#0006;left:0;top:0}.popup-content1{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;height:500px;max-width:100%;padding:20px;width:400px}.popup-title{font-size:18px;font-weight:700;margin-bottom:10px;text-align:center}.notif-list{height:360px;list-style:none;max-height:100%;overflow-y:auto;padding:0;width:350px}.notif-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin:5px 0;padding:10px;transition:background .3s ease}.notif-item:hover{background:#e9ecef}.notif-text{color:#333;font-size:14px}.notif-time{color:#888;font-size:12px}.notif-empty{color:#777;font-size:14px;text-align:center}.notif-clear-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;margin-top:10px;padding:8px;transition:background .3s ease;width:100%}.notif-clear-btn:hover{background:#c82333}.modal-card{box-shadow:0 4px 10px #0003;transform:translateY(-50px);transition:transform .3s ease}.btn-close:hover{background:#919191}.modal-content-pengiriman table th{background-color:#f4f4f4;color:#333;font-weight:700}.modal-content-pengiriman table td,.modal-content-pengiriman table th{padding:12px;text-align:left}.btn-pengiriman-detail1{background-color:#e2e2e2;border:none;border-radius:5px;color:#1f1d1d;cursor:pointer;font-size:12px;font-weight:520;padding:3px 8px;transition:background-color .3s ease,transform .2s ease}.pagination{font-family:Arial,sans-serif;gap:12px;margin-top:15px}.pagination span{color:#4f4f4f;font-size:14px}.pagination button{background-color:#fff;border:1px solid #2ecc71;border-radius:6px;color:#2ecc71;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}.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;color:#a8a6a6;font-size:16px}.invite-btn{background:#5c8ece;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:3px 8px}.chat-messages{background:#f8f9fa;display:flex;flex-direction:column;flex-grow:1;height:505px;max-height:75vh;overflow-y:auto;padding:10px}.chat-message{border-radius:8px;display:inline-block;font-size:13px;margin:5px 0;max-width:80%;padding:10px}.chat-image{border-radius:8px;margin-top:5px;max-height:330px;max-width:230px}.chat-audio-wrapper{margin:0 auto;max-width:430px;width:100%}.chat-audio{font-size:11px;height:40px;width:210px}.user-message{align-self:flex-end;background:#007bff;color:#fff}.partner-message{align-self:flex-start;background:#e9ecef;color:#000}.chat-input{align-items:center;background:#fff;border-top:1px solid #99a5ca;display:flex;font-size:12px;gap:5px;padding:10px;position:-webkit-sticky;position:sticky}.chat-input input{border:1px solid #ccc;border-radius:10px;flex:1 1;padding:8px;width:100%}.image-upload-label{align-items:center;border:1px solid #fff;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:3px;transition:.3s}.image-upload-label:hover{background:#e0e0e0}.upload-icon{color:#4a90e2;font-size:18px}.send-button{background:#8dcee2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.send-button:hover{background:#4bb1cf}.vn-container{gap:10px}.vn-container,.vn-preview{align-items:center;display:flex}.vn-preview{background:#f8f8f8;border-radius:10px;padding:8px}.vn-preview audio{height:30px;max-width:190px;min-width:120px}@media (max-width:768px){.vn-preview audio{height:25px;width:140px}}.delete-vn{background-color:#fff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 10px}.record-button,.stop-button{border:none;border-radius:8px;cursor:pointer;padding:8px 12px}.record-button{background-color:#4caf50;color:#fff}.stop-button{background-color:#f44336;color:#fff}.modal-invite-overlay{background:#00000080;height:100%;left:0;top:0;width:100%}.modal-invite,.modal-invite-overlay{align-items:center;display:flex;justify-content:center;position:fixed;z-index:1001}.modal-invite{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;flex-direction:column;left:50%;max-width:400px;padding:10px;top:50%;transform:translate(-50%,-50%);width:40%}.modal-invite-content{display:flex;flex-direction:column;gap:10px}.modal-content button,.modal-invite-content select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:7px 8px}.modal-invite-content button{background:#8dcee2;border:none;color:#fff;cursor:pointer}.modal-invite-content button:hover{background:#51a2bb}.media-preview-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.media-preview-content{max-height:90%;max-width:90%;position:relative}.media-preview-content img,.media-preview-content video{border-radius:8px;max-height:100%;max-width:100%}.text-red{color:red;font-weight:700}.text-yellow{color:orange;font-weight:700}.text-green{color:green;font-weight:700}.gambar-produk-container{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.gambar-produk{height:100%;object-fit:cover;width:100%}.no-image{color:#888;font-size:12px;padding:10px;text-align:center}.log-table{border-collapse:collapse;height:200px;margin-top:10px;width:100%}.log-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.log-table td,.log-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.log-table thead{background-color:#007bff;color:#fff}.log-table tbody tr:hover{background-color:#f1f1f1;transition:.3s ease-in-out}.no-logs{color:#666;font-size:14px;margin-top:10px}.status-text{color:#277727;font-weight:500}.btn-bayar{background-color:#c45252;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:4px 2px;padding:3px 12px;text-align:center;text-decoration:none;transition:background-color .3s ease}.btn-bayar:hover{background-color:#d40000}.btn-bayar2{background-color:#c4c4c4;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:4px 2px;padding:3px 12px;text-align:center;text-decoration:none;transition:background-color .3s ease}.scrollable-table{max-height:200px;overflow-y:auto}.link-button{background:none;border:none;cursor:pointer;font-size:1em;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.link-button.green{color:#b43828}.link-button.green:hover{color:#1b5e20}.link-button.blue{color:#1976d2}.link-button.blue:hover{color:#0d47a1}.status-link{font-weight:600;text-transform:capitalize}.status-link.selesai{color:#2e7d32}.status-link.dibatalkan{color:#c62828}.status-link.valid{color:#6a1b9a}.status-link.pending{color:#ff9800}.status-link.sementara{color:#dd7927}.status-link.fix{color:#2e7d32}.status-link.bermasalah{color:#c62828}.filter-container{flex-wrap:wrap;gap:1rem;margin-bottom:20px}.filter-group{gap:10px}.filter-select{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 12px;transition:border-color .3s}.filter-select:focus{border-color:#4caf50;outline:none}.date-group{align-items:center;display:flex;gap:10px}.date-field label{color:#555;display:block;font-size:12px;margin-bottom:4px}.date-input{background-color:#fff;border:1px solid #ccc;padding:6px 10px;transition:border-color .3s;width:150px}.date-input:focus{border-color:#4caf50}.btn-apply-filter{background-color:#6fb571;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 15px;transition:background-color .3s}.btn-apply-filter:hover{background-color:#45a049}.penjahit-table td img{border-radius:5px;display:block;height:60px;margin:0 auto;object-fit:cover;width:80px}.valid-status{color:green}.invalid-status{color:red}.modal-hutang{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content-hutang{border-radius:20px;box-shadow:0 5px 15px #0000004d;padding:20px 30px}.form-hutang{text-align:left}.form-group-hutang,.form-hutang{display:flex;flex-direction:column}.form-group-hutang{margin-bottom:15px}.form-group-hutang label{font-weight:700;margin-bottom:5px}.form-group-hutang input,.form-group-hutang select{border:1px solid #ccc;border-radius:5px;padding:8px}.checkbox-group-hutang{align-items:center;flex-direction:row;gap:8px}.form-actions-hutang{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-hutang{border:none;border-radius:5px;cursor:pointer;padding:8px 16px}.btn-submit-hutang{background-color:#214974}.btn-cancel-hutang{background-color:#dc3545}.modal-content-hutang h2{color:#333;margin-bottom:20px}.custom-select{font-size:14px}.react-select__control{border:1px solid #ccc;border-radius:4px;padding:3px}.logs-container{background-color:#f9fafc;height:100%;padding:25px;width:100%}.logs-title{color:#333;font-size:28px;font-weight:700}.logs-subtitle{color:#666;margin-bottom:25px}.filter-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.filter-group{align-items:center;display:flex;gap:12px}.filter-group label{color:#333;font-weight:500}.filter-group input[type=date]{border:1px solid #ccc;border-radius:6px;outline:none;padding:6px 10px}.btn-summary{background-color:#99d6e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.btn-summary:hover{background-color:#79e0ff}.summary-wrapper{display:flex;flex-direction:column;gap:25px}.summary-cards{display:flex;flex-wrap:wrap;gap:20px}.card-summary{border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;flex:1 1;max-width:300px;min-width:250px;padding:10px}.card-summary h3{font-weight:500;margin-bottom:10px}.card-summary p{font-size:1.8rem;font-weight:700}.card-blue{background:#8dcee2}.card-green{background:#db9e8c}.card-orange{background:#ce8cdb}.card-white{background:#fcfcfc}.kasir-table{background:#e2e1e1;border-collapse:collapse;border-radius:8px;color:#333;font-size:.9rem;overflow:hidden;width:100%}.kasir-table th{background:#8dcee2;font-weight:600;padding:10px;text-align:left}.kasir-table td{border-bottom:1px solid #ddd;padding:8px}.kasir-table tr:last-child td{border-bottom:none}.kasir-table th:first-child,.kasir-table th:nth-child(2){width:10%}.kasir-empty{color:#444;font-weight:500;padding:20px;text-align:center}.table-container{background:#fff;box-shadow:0 2px 8px #0000000d;overflow-y:auto;padding:15px}.logs-table{border-collapse:collapse;width:100%}.logs-table td,.logs-table th{border:1px solid #ddd;padding:10px;text-align:left}.logs-table th{background-color:#f1f3f5;font-weight:600}.logs-table tr:nth-child(2n){background-color:#f9f9f9}.error-text{color:red;font-weight:500}.calendar-icon{color:#8dcee2;margin-right:5px}.btn-export{align-items:center;background-color:#1d6f42;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;margin-left:10px;padding:8px 14px;transition:background-color .2s ease,transform .1s ease}.btn-export:hover{background-color:#218c52;transform:translateY(-1px)}.btn-export:active{transform:scale(.98)}.btn-export:disabled{background-color:#b5cbb8;cursor:not-allowed}.verif-modal{background:#fff;border-radius:15px;box-shadow:0 8px 24px #00000026;padding:25px;width:450px}.verif-title{font-size:22px;font-weight:700;margin-bottom:15px;text-align:center}.verif-section{margin-bottom:20px}.verif-label{display:block;font-weight:600;margin-bottom:6px}.verif-input{border:1px solid #cfcfcf;border-radius:10px;font-size:15px;padding:12px;width:100%}.verif-input.disabled{background:#f1f1f1}.hint-text{color:#666;font-size:12px;margin-top:4px}.progress-container{margin-bottom:15px}.progress-info{font-size:14px;margin-bottom:5px}.progress-bar{background:#e3e3e3;border-radius:10px;height:12px;overflow:hidden}.progress-fill{background:#4caf50;height:100%;transition:width .3s ease}.barcode-list{border:1px solid #dcdcdc;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:8px}.barcode-chip{background:#006aff;border-radius:20px;color:#fff;font-size:13px;padding:5px 10px}.empty-text{color:#777;font-size:14px}.verif-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-submit2{background:#0f9d58;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;margin-right:10px;padding:12px 20px;transition:.2s}.btn-submit2.disabled{background:#a5d6a7;cursor:not-allowed}.btn-cancel2{background:#d9534f;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;padding:12px 20px}.info-box{background:#f7f9fc;border-left:4px solid #4c8bf5;border-radius:6px;line-height:1.6;margin-bottom:16px;padding:12px 16px}.info-box ul{margin:6px 0 0 18px}.input-tracking{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 2px #00000014;color:#333;font-size:14px;outline:none;padding:10px 14px;transition:all .25s ease;width:220px}.input-tracking:hover{background:#fff;border-color:#bdbdbd}.input-tracking:focus{background:#fff;border-color:#4c8bf5;box-shadow:0 0 0 3px #4c8bf540}.input-tracking::placeholder{color:#9e9e9e;font-size:13px}select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #d0d0d0;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;outline:none;padding:10px 40px 10px 14px;transition:all .2s ease}select:hover{border-color:#aaa}select:focus{border-color:#3facf5;box-shadow:0 0 0 3px #3facf540}select option{padding:10px}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-row select{min-width:180px}.filter-header1 button{align-items:center;background-color:#4a5568;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:38px;justify-content:center;max-width:100px;min-width:80px;padding:0;text-align:center;transition:all .2s ease;width:100%}.filter-header1 button:hover{background-color:#2d3748;box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.filter-header1 button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.filter-select1{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;font-size:14px;font-weight:500;height:38px;max-width:140px;min-width:100px;outline:none;padding:9px 12px;transition:all .2s ease;width:140px}.filter-select1:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #00000014}.filter-select1:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group-hutang input[type=number],.form-group-hutang input[type=text]{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.form-group-hutang input[type=number]:hover,.form-group-hutang input[type=text]:hover{border-color:#cbd5e0}.form-group-hutang input[type=number]:focus,.form-group-hutang input[type=text]:focus{background-color:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group-hutang select{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.form-group-hutang select:hover{border-color:#cbd5e0}.form-group-hutang select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group-hutang label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.modal-content-hutang{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:90vh;max-width:90%;overflow-y:auto;padding:32px;width:600px}.modal-content-hutang h2{color:#1a202c;font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.btn-submit-hutang{background-color:#4299e1;border-radius:8px;box-shadow:0 2px 4px #4299e133;color:#fff;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-submit-hutang:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.btn-submit-hutang:active{transform:translateY(0)}.btn-cancel-hutang{background-color:#718096;border-radius:8px;box-shadow:0 2px 4px #71809633;color:#fff;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel-hutang:hover{background-color:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.btn-cancel-hutang:active{transform:translateY(0)}.btn1-icon{align-items:center;background-color:#4299e1;border:none;border-radius:6px;box-shadow:0 2px 4px #4299e133;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;padding:8px;transition:all .2s ease}.btn1-icon:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.btn1-icon:active{box-shadow:0 1px 2px #4299e133;transform:translateY(0)}.btn1-icon .icon{color:#fff}.penjahit-table th{background-color:#2d3748;padding:16px 12px}.penjahit-table td span[style*=background-color]{border-radius:6px;box-shadow:0 1px 2px #0000001a;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a202c99}.modal-content{border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000026;max-width:90%;padding:32px;width:500px}.modal-content h2{color:#1a202c;font-size:20px;margin-bottom:24px}.modal-card{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000026;max-width:600px;width:90%}.modal-header{background:#2d3748;border-bottom:1px solid #4a5568;padding:20px 24px}.modal-header h3{font-size:20px;font-weight:700}.modal-body{color:#2d3748;font-size:14px;line-height:1.6;padding:24px}.modal-body p{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:12px 0;padding:8px 0}.modal-body p:last-of-type{border-bottom:none}.modal-body strong{color:#1a202c;font-weight:600}.modal-body span{color:#4a5568;text-align:right}.modern-form input[type=number],.modern-form input[type=text]{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:14px;margin-bottom:16px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.modern-form input[type=number]:hover,.modern-form input[type=text]:hover{border-color:#cbd5e0}.modern-form input[type=number]:focus,.modern-form input[type=text]:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.modern-form label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.form-actions{gap:12px;margin-top:24px}.btn-submit{background-color:#4299e1;border-radius:8px;box-shadow:0 2px 4px #4299e133;padding:12px 24px;transition:all .2s ease}.btn-submit:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d}.btn-cancel{background-color:#718096;border:none;border-radius:8px;box-shadow:0 2px 4px #71809633;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background-color:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.btn-close{background:#718096;border-radius:8px;box-shadow:0 2px 4px #71809633;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-close:hover{background:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.form-group-hutang input[type=file]{background-color:#f7fafc;border:1.5px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:10px;transition:all .2s ease}.form-group-hutang input[type=file]:hover{background-color:#edf2f7;border-color:#4299e1}.checkbox-group-hutang input[type=checkbox]{accent-color:#4299e1;cursor:pointer;height:18px;width:18px}.checkbox-group-hutang label{cursor:pointer;font-weight:500;margin:0 0 0 8px}.status-badge{border-radius:20px;min-width:100px;text-align:center}.status-belum-dibayar{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.status-sudah-dibayar{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}:root{--erp-font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--erp-sidebar-bg:#fff;--erp-sidebar-border:#e2e8f0;--erp-text-main:#0f172a;--erp-text-muted:#64748b;--erp-text-soft:#94a3b8;--erp-accent:#4f46e5;--erp-accent-soft:#eef2ff;--erp-hover-bg:#f8fafc;--erp-active-bg:#f1f5f9}.layout-container{background-color:#f8fafc;display:flex;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--erp-font);height:100vh;overflow:hidden}.sidebar{background-color:#fff;background-color:var(--erp-sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--erp-sidebar-border);display:flex;flex-direction:column;height:100vh;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--erp-sidebar-border);display:flex;flex-shrink:0;height:64px;padding:0 20px}.sidebar-header h3{color:#0f172a;color:var(--erp-text-main);font-size:15px;font-weight:700;letter-spacing:.5px;margin:0}.sidebar-menu{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#0000;border-radius:4px}.sidebar-menu:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.sidebar-menu ul{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.sidebar-link{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--erp-text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;padding:8px 12px;text-align:left;text-decoration:none;transition:all .1s ease-in-out;width:100%}.sidebar-link:hover{background-color:#f8fafc;background-color:var(--erp-hover-bg);color:#0f172a;color:var(--erp-text-main)}.sidebar-link.active{background-color:#f1f5f9;background-color:var(--erp-active-bg);color:#4f46e5;color:var(--erp-accent);font-weight:600}.sidebar-link .icon{color:#94a3b8;color:var(--erp-text-soft);flex-shrink:0;font-size:14px;margin-right:10px;text-align:center;transition:color .1s ease;width:16px}.sidebar-link:hover .icon{color:#64748b;color:var(--erp-text-muted)}.sidebar-link.active .icon{color:#4f46e5;color:var(--erp-accent)}.dropdown-toggle{justify-content:space-between}.arrow{color:#94a3b8;color:var(--erp-text-soft);font-size:10px;margin-left:auto;transition:transform .2s ease}.arrow.open{transform:rotate(180deg)}.dropdown-menu{border-left:1px solid #e2e8f0;border-left:1px solid var(--erp-sidebar-border);list-style:none;margin:0 0 4px 23px;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .3s ease-in-out,opacity .2s ease}.dropdown-menu.show{max-height:800px;opacity:1;padding:4px 0}.dropdown-link{align-items:center;border-radius:0 6px 6px 0;color:#64748b;color:var(--erp-text-muted);display:flex;font-size:13px;font-weight:500;margin:1px 0;padding:7px 12px 7px 16px;position:relative;text-decoration:none;transition:background .1s,color .1s}.dropdown-link:before{background-color:#e2e8f0;background-color:var(--erp-sidebar-border);content:"";height:1px;left:0;position:absolute;top:50%;transition:width .1s;width:8px}.dropdown-link:hover{background-color:#f8fafc;background-color:var(--erp-hover-bg);color:#0f172a;color:var(--erp-text-main)}.dropdown-link:hover:before{background-color:#94a3b8;background-color:var(--erp-text-soft);width:12px}.dropdown-link.active{background-color:#eef2ff;background-color:var(--erp-accent-soft);color:#4f46e5;color:var(--erp-accent);font-weight:600}.dropdown-link.active:before{background-color:#4f46e5;background-color:var(--erp-accent)}.dropdown-link .icon{display:none}.dropdown-link svg{display:none!important}.main-content{background-color:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative}li[style*=marginTop]{border-top:1px solid #e2e8f0!important;border-top:1px solid var(--erp-sidebar-border)!important;margin-top:16px!important;padding-top:12px!important}.sidebar-link[style*="color: #ff6b6b"]{color:#ef4444!important}.sidebar-link[style*="color: #ff6b6b"] .icon{color:#ef4444!important;opacity:.8}.sidebar-link[style*="color: #ff6b6b"]:hover{background-color:#fef2f2!important}.menu-button,.sidebar-overlay{display:none}@media (max-width:900px){.sidebar{left:-260px;position:fixed;z-index:1000}.sidebar.open{box-shadow:4px 0 24px #0f172a14;left:0}.menu-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--erp-sidebar-border);border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#0f172a;color:var(--erp-text-main);cursor:pointer;display:flex;height:36px;justify-content:center;left:16px;position:fixed;top:12px;width:36px;z-index:998}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a66;display:none;inset:0;position:fixed;z-index:999}.sidebar-overlay.active{display:block}}.spkcmt-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.spkcmt-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.spkcmt-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0}.notif-wrapper{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:12px;cursor:pointer;padding:12px;position:relative;transition:all .3s ease}.notif-wrapper:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.notif-wrapper:hover .notif-icon{color:#fff}.notif-icon{color:#667eea;font-size:24px;transition:all .3s ease}.notif-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:2px solid #fff;border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.notif-badge,.spkcmt-filters{align-items:center;display:flex}.spkcmt-filters{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:20px}.spkcmt-search{flex:1 1;min-width:200px;position:relative}.spkcmt-search input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.spkcmt-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.spkcmt-search-icon{color:#667eea;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.spkcmt-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:12px 16px;transition:all .3s ease}.spkcmt-filter-select:focus,.spkcmt-filter-select:hover{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.spkcmt-filter-select:focus{outline:none}.spkcmt-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.spkcmt-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.spkcmt-btn-primary:active{transform:translateY(0)}.spkcmt-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;overflow:hidden}.spkcmt-table{border-collapse:collapse;width:100%}.spkcmt-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spkcmt-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.spkcmt-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.spkcmt-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.spkcmt-table tbody td{color:#333;font-size:14px;padding:16px}.spkcmt-status-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;min-width:100px;padding:6px 12px;text-align:center}.spkcmt-action-group{align-items:center;gap:8px}.spkcmt-btn-icon{border:none;border-radius:8px;font-size:14px;height:36px;transition:all .3s ease;width:36px}.spkcmt-btn-icon-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.spkcmt-btn-icon-info:hover{box-shadow:0 4px 12px #17a2b866;transform:translateY(-2px)}.spkcmt-btn-icon-edit{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.spkcmt-btn-icon-edit:hover{box-shadow:0 4px 12px #ffc10766;transform:translateY(-2px)}.spkcmt-btn-icon-chat{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spkcmt-btn-icon-chat:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.spkcmt-btn-icon-settings{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.spkcmt-btn-icon-settings:hover{box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}.spkcmt-btn-icon-download{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.spkcmt-btn-icon-download:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.spkcmt-pagination{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;gap:16px;justify-content:center;padding:20px}.spkcmt-pagination-btn{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.spkcmt-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.spkcmt-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.spkcmt-pagination-info{color:#667eea;font-size:14px;font-weight:600}.spkcmt-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.spkcmt-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.spkcmt-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.spkcmt-modal-header h2{font-size:24px;font-weight:700;margin:0}.spkcmt-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.spkcmt-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.spkcmt-modal-body{padding:32px}.spkcmt-form-group{margin-bottom:24px}.spkcmt-form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.spkcmt-form-input,.spkcmt-form-select,.spkcmt-form-textarea{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.spkcmt-form-input:focus,.spkcmt-form-select:focus,.spkcmt-form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.spkcmt-form-textarea{min-height:100px;resize:vertical}.spkcmt-currency-input{position:relative}.spkcmt-currency-input .currency-prefix{color:#667eea;font-size:14px;font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.spkcmt-currency-input input{padding-left:60px}.spkcmt-currency-preview{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;color:#1565c0;font-size:13px;font-weight:600;margin-top:8px;padding:8px 12px}.spkcmt-form-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.spkcmt-btn-submit{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 32px;transition:all .3s ease}.spkcmt-btn-submit:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.spkcmt-btn-cancel{align-items:center;background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 32px;transition:all .3s ease}.spkcmt-btn-cancel:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.spkcmt-chat-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.spkcmt-chat-popup{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.spkcmt-chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.spkcmt-chat-header h4{font-size:18px;font-weight:700;margin:0}.spkcmt-invite-btn{background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.spkcmt-invite-btn:hover{background:#ffffff4d}.spkcmt-chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.spkcmt-chat-message{animation:slideIn .3s ease;border-radius:12px;margin-bottom:16px;max-width:80%;padding:12px 16px}.spkcmt-chat-message.user-message{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff;margin-left:auto}.spkcmt-chat-message.partner-message{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a;color:#333}.spkcmt-chat-input{align-items:center;background:#fff;border-radius:0 0 20px 20px;border-top:2px solid #f0f0f0;display:flex;gap:8px;padding:16px}.spkcmt-chat-input input{border:2px solid #e0e0e0;border-radius:12px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.spkcmt-chat-input input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.spkcmt-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.spkcmt-send-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.spkcmt-notif-popup{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;max-height:500px;overflow-y:auto;position:absolute;right:0;top:60px;width:400px;z-index:1000}.spkcmt-notif-list{list-style:none;margin:0;padding:0}.spkcmt-notif-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px;transition:all .2s ease}.spkcmt-notif-item:hover{background:#f8f9fa}.spkcmt-notif-text{color:#333;font-size:14px;line-height:1.5}.spkcmt-notif-time{color:#999;font-size:12px;margin-top:4px}.spkcmt-notif-clear-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:0 0 16px 16px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.spkcmt-notif-clear-btn:hover{background:linear-gradient(135deg,#ee5a6f,#dc3545)}.spkcmt-detail-popup{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.spkcmt-detail-card{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.spkcmt-detail-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.spkcmt-detail-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 2fr;padding:32px}.spkcmt-detail-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%}.spkcmt-detail-info{grid-gap:16px;display:grid;gap:16px}.spkcmt-detail-item{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-left:4px solid #667eea;border-radius:12px;padding:16px}.spkcmt-detail-item strong{color:#667eea;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.spkcmt-detail-item span{color:#333;font-size:16px;font-weight:600}.spkcmt-loading{align-items:center;display:flex;justify-content:center;padding:60px}.spkcmt-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.spkcmt-empty-state{color:#999;padding:60px 20px;text-align:center}.spkcmt-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.spkcmt-empty-state-text{font-size:16px;font-weight:600}@media (max-width:768px){.spkcmt-filters{flex-direction:column}.spkcmt-search{width:100%}.spkcmt-table-container{overflow-x:auto}.spkcmt-detail-content{grid-template-columns:1fr}}.spkcmt-preview-card{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:2px solid #667eea;border-radius:12px;box-shadow:0 4px 15px #667eea1a;margin:20px 0;padding:20px}.spkcmt-preview-header{border-bottom:2px solid #667eea;margin-bottom:16px;padding-bottom:12px}.spkcmt-preview-header h3{color:#667eea;font-size:18px;font-weight:700;margin:0}.spkcmt-preview-content{display:flex;flex-direction:column;gap:12px}.spkcmt-preview-item{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;padding:10px}.spkcmt-preview-item strong{color:#495057;font-weight:600;min-width:140px}.spkcmt-preview-item span{color:#212529;flex:1 1;text-align:right}.spkcmt-preview-highlight{color:#667eea!important;font-size:16px;font-weight:700}.spkcmt-preview-warna{display:flex;flex-direction:column;gap:8px;width:100%}.spkcmt-preview-warna-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-left:3px solid #667eea;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.spkcmt-warna-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.spkcmt-warna-qty{color:#28a745;font-size:14px;font-weight:700}.spkcmt-status-select{transition:all .3s ease}.spkcmt-status-select:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.spkcmt-status-select:focus{box-shadow:0 0 0 3px #667eea4d}.spkcmt-status-select option{background:#fff;color:#333;padding:8px}.spkcmt-table-responsive{border-collapse:collapse;font-size:13px;width:100%}.spkcmt-table-responsive td,.spkcmt-table-responsive th{word-wrap:break-word;max-width:140px;padding:8px;text-align:left;white-space:normal}.spkcmt-table-responsive th{background-color:#76c7d8;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spkcmt-table-responsive td:last-child{min-width:180px;padding:4px 6px}.spkcmt-action-group{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center}.spkcmt-btn-icon{align-items:center;background:#f1f3f5;border:1px solid #dee2e6;border-radius:5px;color:#495057;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.spkcmt-btn-icon:hover{background:#e9ecef;border-color:#adb5bd;transform:scale(1.05)}.spkcmt-btn-icon-download{background:#28a745!important;border-color:#218838!important;color:#fff!important}.spkcmt-btn-icon-download:hover{background:#218838!important}.modal-card{border-radius:8px;max-height:80vh;overflow:hidden;width:600px}.modal-header{border-bottom:1px solid #eee;padding:12px}.modal-body{overflow-y:auto;padding:12px}.log-deadline-table{border-collapse:collapse;width:100%}.log-deadline-table td,.log-deadline-table th{border:1px solid #ddd;font-size:12px;padding:6px}.modal-overlay{background:#00000073;z-index:9999}.modal-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:20px;width:360px}.modal-title{font-size:18px;font-weight:600;margin-bottom:12px}.modal-body p{font-size:14px;margin:4px 0}.modal-label{display:block;font-size:13px;font-weight:600;margin-top:12px}.modal-input{border:1px solid #ccc;border-radius:8px;margin-top:6px;padding:8px 10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn-primary{background:#2563eb}.btn-primary,.btn-secondary{border-radius:8px;padding:8px 14px}.btn-secondary{background:#e5e7eb}.pengiriman-wrapper{background:#f8f9fa;min-height:100vh;padding:24px}.pengiriman-header{margin-bottom:28px}.pengiriman-header h1{color:#1a1a1a;font-size:28px;font-weight:600;letter-spacing:-.3px;margin:0}.pengiriman-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:20px 24px}.pengiriman-filters button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea40;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.pengiriman-filters button:hover{box-shadow:0 4px 8px #667eea59;transform:translateY(-1px)}.pengiriman-filters button:active{transform:translateY(0)}.pengiriman-search{flex:1 1;min-width:200px;position:relative}.pengiriman-search input{background:#fafbfc;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.pengiriman-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pengiriman-filters select{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px;transition:all .2s ease}.pengiriman-filters select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pengiriman-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.pengiriman-table-wrapper{overflow-x:auto}.pengiriman-table{border-collapse:collapse;width:100%}.pengiriman-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.pengiriman-table th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.pengiriman-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.pengiriman-table tbody tr:hover{background-color:#f8f9ff}.pengiriman-table tbody tr:last-child{border-bottom:none}.pengiriman-table td{color:#4a5568;font-size:14px;padding:16px 18px}.pengiriman-table td:first-child{color:#2d3748;font-weight:600}.status-badge{border-radius:12px}.status-badge.valid{background:#d4edda;color:#155724}.status-badge.invalid{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.pengiriman-actions{display:flex;gap:8px;justify-content:center}.pengiriman-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pengiriman-btn-icon.info{background:#4299e1;color:#fff}.pengiriman-btn-icon.info:hover{background:#3182ce;transform:scale(1.05)}.pengiriman-btn-icon.payment{background:#48bb78;color:#fff}.pengiriman-btn-icon.payment:hover{background:#38a169;transform:scale(1.05)}.pengiriman-pagination{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-top:20px;padding:16px 0}.pengiriman-pagination-btn{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pengiriman-pagination-btn:hover:not(:disabled){background:#f8f9ff;border-color:#667eea;color:#667eea}.pengiriman-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pengiriman-pagination-info{background:#f7fafc;border-radius:8px;color:#718096;font-size:14px;padding:8px 12px}.pengiriman-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pengiriman-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.pengiriman-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;color:#fff;display:flex;justify-content:space-between;padding:24px}.pengiriman-modal-header h2{font-size:20px;font-weight:600;margin:0}.pengiriman-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pengiriman-modal-close:hover{background:#ffffff4d}.pengiriman-modal-body{padding:24px}.pengiriman-form{display:flex;flex-direction:column;gap:20px}.pengiriman-form-group{display:flex;flex-direction:column;gap:8px}.pengiriman-form-label{color:#2d3748;font-size:14px;font-weight:500}.pengiriman-form-input,.pengiriman-form-select{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.pengiriman-form-input:focus,.pengiriman-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pengiriman-form-group .react-select-container{width:100%}.pengiriman-form-group .react-select__control{background:#fff;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;min-height:48px;transition:all .2s ease}.pengiriman-form-group .react-select__control:hover{border-color:#667eea}.pengiriman-form-group .react-select__control--is-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pengiriman-form-group .react-select__placeholder{color:#999}.pengiriman-form-group .react-select__menu{border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999}.pengiriman-form-group .react-select__option{font-size:14px;padding:12px 16px}.pengiriman-form-group .react-select__option--is-focused{background-color:#f8f9ff}.pengiriman-form-group .react-select__option--is-selected{background-color:#667eea;color:#fff}.pengiriman-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.pengiriman-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.pengiriman-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea40;color:#fff}.pengiriman-btn-primary:hover{box-shadow:0 4px 8px #667eea59;transform:translateY(-1px)}.pengiriman-btn-secondary{background:#e1e5e9;color:#4a5568}.pengiriman-btn-secondary:hover{background:#cbd5e0}.pengiriman-detail-popup{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pengiriman-detail-card{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.pengiriman-detail-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.pengiriman-detail-header h2{font-size:18px;font-weight:600;margin:0}.pengiriman-detail-content{padding:24px}.pengiriman-detail-table{border-collapse:collapse;width:100%}.pengiriman-detail-table tr{border-bottom:1px solid #f0f0f0}.pengiriman-detail-table tr:last-child{border-bottom:none}.pengiriman-detail-table td{font-size:14px;padding:12px 0}.pengiriman-detail-table td:first-child{color:#4a5568;font-weight:600;width:40%}.pengiriman-detail-table td:last-child{color:#2d3748}.pengiriman-detail-warna{display:flex;flex-direction:column;gap:6px}.pengiriman-detail-warna-item{background:#f7fafc;border-radius:6px;font-size:13px;padding:6px 12px}@media (max-width:768px){.pengiriman-wrapper{padding:16px}.pengiriman-filters{align-items:stretch;flex-direction:column}.pengiriman-filters button,.pengiriman-filters select,.pengiriman-search{width:100%}.pengiriman-table-wrapper{overflow-x:scroll}.pengiriman-table td,.pengiriman-table th{font-size:12px;padding:12px}.pengiriman-modal{max-height:95vh;width:95%}.pengiriman-modal-body,.pengiriman-modal-header{padding:20px}}.hutang-container{background-color:#f8fafc;min-height:100vh;padding:24px}.hutang-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.hutang-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0}.hutang-filter-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.hutang-btn-primary{align-items:center;background-color:#4299e1;border:none;border-radius:8px;box-shadow:0 2px 4px #4299e133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.hutang-btn-primary:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.hutang-btn-primary:active{transform:translateY(0)}.hutang-select-filter{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#2d3748;cursor:pointer;font-size:14px;min-width:180px;padding:10px 16px;transition:all .2s ease}.hutang-select-filter:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #00000014}.hutang-select-filter:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.hutang-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hutang-table{background:#fff;border-collapse:collapse;width:100%}.hutang-table thead{background:linear-gradient(135deg,#2d3748,#1a202c)}.hutang-table th{border-bottom:2px solid #4a5568;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.hutang-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.hutang-table tbody tr:hover{background-color:#f7fafc;transform:scale(1.001)}.hutang-table tbody tr:last-child{border-bottom:none}.hutang-table td{color:#2d3748;font-size:14px;padding:16px 20px;vertical-align:middle}.hutang-status-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize;transition:all .2s ease}.hutang-status-badge:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.hutang-action-group{gap:8px}.hutang-action-group,.hutang-btn-icon{align-items:center;display:flex;justify-content:center}.hutang-btn-icon{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.hutang-btn-icon-primary{background-color:#4299e1;color:#fff}.hutang-btn-icon-primary:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-2px)}.hutang-btn-icon-info{background-color:#48bb78;color:#fff}.hutang-btn-icon-info:hover{background-color:#38a169;box-shadow:0 4px 6px #48bb784d;transform:translateY(-2px)}.hutang-btn-icon:active{transform:translateY(0)}.hutang-empty-state{color:#718096;padding:60px 20px;text-align:center}.hutang-empty-state-icon{color:#cbd5e0;font-size:64px;margin-bottom:16px}.hutang-empty-state-text{color:#4a5568;font-size:16px;font-weight:500}.hutang-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a202cbf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.hutang-modal-header{align-items:center;background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 28px}.hutang-modal-header h2{color:#fff;font-size:22px;font-weight:700;margin:0}.hutang-modal-body{padding:28px}.hutang-modal-footer{background:#f7fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.hutang-form{gap:20px}.hutang-form,.hutang-form-group{display:flex;flex-direction:column}.hutang-form-group{gap:8px}.hutang-form-label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:4px}.hutang-form-input,.hutang-form-select{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.hutang-form-input:focus,.hutang-form-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.hutang-form-input:hover,.hutang-form-select:hover{border-color:#cbd5e0}.hutang-form-input::placeholder{color:#a0aec0}.hutang-form-checkbox-group{align-items:center;background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:12px}.hutang-form-checkbox{accent-color:#4299e1;cursor:pointer;height:20px;width:20px}.hutang-form-checkbox-label{color:#2d3748;cursor:pointer;font-size:14px;font-weight:500;margin:0}.hutang-form-file-input{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.hutang-form-file-input:hover{background:#edf2f7;border-color:#4299e1}.hutang-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.hutang-btn-submit{background-color:#4299e1;box-shadow:0 2px 4px #4299e133;color:#fff}.hutang-btn-submit:hover{background-color:#3182ce;box-shadow:0 4px 6px #4299e14d;transform:translateY(-1px)}.hutang-btn-submit:active{transform:translateY(0)}.hutang-btn-cancel{background-color:#718096;box-shadow:0 2px 4px #71809633;color:#fff}.hutang-btn-cancel:hover{background-color:#4a5568;box-shadow:0 4px 6px #7180964d;transform:translateY(-1px)}.hutang-btn-close{background-color:#e53e3e;box-shadow:0 2px 4px #e53e3e33;color:#fff}.hutang-btn-close:hover{background-color:#c53030;box-shadow:0 4px 6px #e53e3e4d;transform:translateY(-1px)}.hutang-detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hutang-detail-header{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:20px 24px}.hutang-detail-header h3{font-size:20px;font-weight:700;margin:0}.hutang-detail-body{padding:24px}.hutang-detail-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.hutang-detail-item:last-child{border-bottom:none}.hutang-detail-label{color:#2d3748;font-size:14px;font-weight:600}.hutang-detail-value{color:#4a5568;font-size:14px;text-align:right}.hutang-detail-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.hutang-detail-section h4{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 16px}.hutang-filter-select{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;margin-bottom:16px;max-width:300px;padding:10px 16px;transition:all .2s ease;width:100%}.hutang-filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.hutang-history-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:16px;overflow:hidden;width:100%}.hutang-history-table thead{background:linear-gradient(135deg,#4299e1,#3182ce)}.hutang-history-table th{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.hutang-history-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;padding:12px 16px}.hutang-history-table tbody tr:hover{background-color:#f7fafc}.hutang-history-table tbody tr:last-child td{border-bottom:none}.hutang-history-link{color:#4299e1;font-weight:500;text-decoration:none;transition:color .2s ease}.hutang-history-link:hover{color:#3182ce;text-decoration:underline}.hutang-no-history{color:#718096;font-size:14px;padding:40px 20px;text-align:center}.hutang-scrollable-table{border-radius:8px;max-height:400px;overflow-y:auto}.hutang-scrollable-table::-webkit-scrollbar{width:8px}.hutang-scrollable-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hutang-scrollable-table::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.hutang-scrollable-table::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:768px){.hutang-container{padding:16px}.hutang-header{align-items:flex-start;flex-direction:column;gap:16px}.hutang-filter-header{align-items:stretch;flex-direction:column}.hutang-btn-primary,.hutang-select-filter{width:100%}.hutang-table-container{overflow-x:auto}.hutang-table{min-width:800px}.hutang-modal-content{margin:10px;max-width:95%}.hutang-modal-body{padding:20px}.hutang-detail-item{align-items:flex-start;flex-direction:column;gap:4px}.hutang-detail-value{text-align:left}}.hutang-loading{align-items:center;color:#718096;display:flex;font-size:16px;justify-content:center;padding:60px 20px}.hutang-fade-in{animation:fadeIn .3s ease}.hutang-slide-in{animation:slideUp .3s ease}.hutang-text-center{text-align:center}.hutang-text-bold{font-weight:600}.hutang-mt-16{margin-top:16px}.hutang-mb-16{margin-bottom:16px}.hutang-gap-12{gap:12px}.cashbon-container{background:#f8fafc;min-height:100vh;padding:2rem}.cashbon-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.cashbon-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.cashbon-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.cashbon-filter{position:relative}.cashbon-filter select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:.5rem;color:#1e293b;cursor:pointer;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease}.cashbon-filter select:hover{border-color:#cbd5e1}.cashbon-filter select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:.5rem;box-shadow:0 2px 4px #3b82f633;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.cashbon-table-wrapper{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.cashbon-table{border-collapse:collapse;width:100%}.cashbon-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cashbon-table thead th{font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.cashbon-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.cashbon-table tbody tr:hover{background:#f8fafc;transform:scale(1.01)}.cashbon-table tbody tr:last-child{border-bottom:none}.cashbon-table tbody td{color:#475569;font-size:.95rem;padding:1.25rem 1.5rem}.cashbon-table tbody td:first-child{color:#1e293b;font-weight:600}.status-badge{border-radius:.5rem;color:#fff;font-size:.875rem;padding:.5rem 1rem;text-transform:capitalize;white-space:nowrap}.status-badge.belum-lunas{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-badge.dibayar-sebagian{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge.lunas{background:linear-gradient(135deg,#10b981,#059669)}.action-buttons{gap:.5rem}.btn-icon{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.btn-icon-add{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-icon-add:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-icon-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-icon-info:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;justify-content:center;padding:4rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:3rem;width:3rem}.empty-state{color:#64748b;padding:4rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state-text{font-size:1.125rem;font-weight:500}.pagination{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;gap:1rem;justify-content:center;padding:1.5rem}.pagination-button{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;color:#475569;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem}.pagination-button:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.pagination-button:disabled{opacity:.5}.pagination-info{color:#64748b;font-size:.95rem}.modal-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;padding:1rem;right:0}.modal-content{animation:slideUp .3s ease;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.modal-header h2{color:#1e293b;font-size:1.5rem}.modal-close{background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#1e293b;font-size:.95rem;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#94a3b8}.form-group-file{position:relative}.form-group-file input[type=file]{cursor:pointer;padding:.5rem}.file-label{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.5rem;color:#64748b;cursor:pointer;display:inline-block;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100%}.file-label:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.form-actions{border-top:1px solid #e2e8f0;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633}.btn-submit:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-cancel{border:2px solid #e2e8f0;color:#475569}.btn-cancel:hover{background:#e2e8f0}.detail-section{margin-bottom:2rem}.detail-section h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.detail-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#64748b;font-weight:600}.detail-value{color:#1e293b;font-weight:600;text-align:right}.history-table{border-collapse:collapse;margin-top:1rem;width:100%}.history-table thead{background:#f8fafc}.history-table thead th{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.history-table tbody tr{border-bottom:1px solid #e2e8f0}.history-table tbody tr:hover{background:#f8fafc}.history-table tbody td{color:#475569;font-size:.95rem;padding:.75rem 1rem}.no-history{color:#94a3b8;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.cashbon-container{padding:1rem}.cashbon-header{align-items:stretch}.cashbon-actions,.cashbon-header{flex-direction:column}.btn-primary,.cashbon-filter{width:100%}.cashbon-table-wrapper{overflow-x:auto}.cashbon-table{min-width:600px}.modal-content{margin:1rem;max-width:100%}.form-actions{flex-direction:column-reverse}.btn{width:100%}}.pendapatan-container{background-color:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.pendapatan-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:16px;margin-bottom:32px;padding-bottom:24px}.pendapatan-header h1{color:#1e293b;font-size:28px;font-weight:600;margin:0}.pendapatan-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:24px}.pendapatan-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pendapatan-filter-item{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.pendapatan-filter-item label{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:500;gap:6px}.pendapatan-filter-item input[type=date]{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.pendapatan-filter-item input[type=date]:focus{border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a;outline:none}.pendapatan-btn-filter{align-self:flex-end;background-color:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:10px 24px;transition:all .2s}.pendapatan-btn-filter:hover{background-color:#075985}.pendapatan-btn-filter:active{transform:scale(.98)}.pendapatan-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.pendapatan-table-wrapper{overflow-x:auto}.pendapatan-table{border-collapse:collapse;width:100%}.pendapatan-table thead{background-color:#f1f5f9}.pendapatan-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pendapatan-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:16px}.pendapatan-table tbody tr{transition:background-color .2s}.pendapatan-table tbody tr:hover{background-color:#f8fafc}.pendapatan-table tbody tr:last-child td{border-bottom:none}.pendapatan-name{color:#1e293b;font-weight:500}.pendapatan-amount{color:#0369a1;font-size:15px;font-weight:600}.pendapatan-amount-negative{color:#dc2626}.pendapatan-actions{align-items:center;display:flex;gap:8px}.pendapatan-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.pendapatan-btn-primary{background-color:#0369a1;color:#fff}.pendapatan-btn-primary:hover{background-color:#075985}.pendapatan-btn-icon{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.pendapatan-btn-icon:hover{background-color:#e2e8f0;color:#1e293b}.pendapatan-btn-icon svg{height:16px;width:16px}.pendapatan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.pendapatan-badge-disabled{background-color:#f1f5f9;color:#94a3b8}.pendapatan-loading{color:#64748b}.pendapatan-error,.pendapatan-loading{font-size:14px;padding:48px;text-align:center}.pendapatan-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:16px}.pendapatan-empty{color:#94a3b8;padding:64px;text-align:center}.pendapatan-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pendapatan-empty p{font-size:16px;margin:0}.pendapatan-modal-overlay{align-items:center;animation:fadeIn .2s;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.pendapatan-modal{animation:slideUp .3s;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.pendapatan-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.pendapatan-modal-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.pendapatan-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:4px;transition:color .2s;width:32px}.pendapatan-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.pendapatan-modal-body{flex:1 1;overflow-y:auto;padding:24px}.pendapatan-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.pendapatan-detail-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.pendapatan-detail-item label{color:#64748b;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pendapatan-detail-item span{color:#1e293b;display:block;font-size:16px;font-weight:600}.pendapatan-form{display:flex;flex-direction:column;gap:20px}.pendapatan-form-group{display:flex;flex-direction:column;gap:8px}.pendapatan-form-group label{color:#374151;font-size:14px;font-weight:500}.pendapatan-form-group input[type=file],.pendapatan-form-group input[type=text]{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s}.pendapatan-form-group input[type=text]:focus{border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a;outline:none}.pendapatan-form-group input[readonly]{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.pendapatan-form-group input[type=file]{cursor:pointer;padding:8px}.pendapatan-checkbox-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.pendapatan-checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.pendapatan-checkbox-group input[type=checkbox]{accent-color:#0369a1;cursor:pointer;height:18px;width:18px}.pendapatan-checkbox-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;transition:all .2s}.pendapatan-checkbox-item:hover{background-color:#f9fafb;border-color:#0369a1}.pendapatan-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.pendapatan-btn-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.pendapatan-btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.pendapatan-btn-submit{background-color:#0369a1;color:#fff}.pendapatan-btn-submit:hover{background-color:#075985}.pendapatan-btn-submit:disabled{cursor:not-allowed;opacity:.6}.pendapatan-total-transfer{background-color:#f0f9ff;border:2px solid #0369a1;border-radius:8px;padding:16px}.pendapatan-total-transfer label{color:#0369a1;font-size:16px;font-weight:600}.pendapatan-total-transfer input{color:#0369a1;font-size:18px;font-weight:700}.pendapatan-modal-table{border-collapse:collapse;margin-top:24px;width:100%}.pendapatan-modal-table thead{background-color:#f1f5f9}.pendapatan-modal-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.pendapatan-modal-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:12px}.pendapatan-modal-table tbody tr:hover{background-color:#f8fafc}@media (max-width:768px){.pendapatan-container,.pendapatan-filter-card{padding:16px}.pendapatan-filter-group{flex-direction:column}.pendapatan-filter-item{width:100%}.pendapatan-table-wrapper{overflow-x:scroll}.pendapatan-table{min-width:600px}.pendapatan-modal{border-radius:0;max-height:100vh;max-width:100%}.pendapatan-detail-grid{grid-template-columns:1fr}.pendapatan-form-actions{flex-direction:column-reverse}.pendapatan-form-actions button{width:100%}}.cmt-dashboard-page{background:#f4f6fb;box-sizing:border-box;color:#111827;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px 24px 32px}.cmt-dashboard-content{margin:0 auto;max-width:1200px}.cmt-dashboard-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.cmt-dashboard-title h1{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.03em;margin:0}.cmt-dashboard-date{align-items:center;color:#64748b;display:inline-flex;font-size:14px;gap:8px;margin-top:6px}.cmt-dashboard-date svg{color:#0ea5e9}.cmt-dashboard-controls{align-items:center;display:flex;gap:16px}.cmt-select{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.cmt-date-filter,.cmt-select{background:#fff;color:#0f172a;font-size:14px}.cmt-date-filter{align-items:center;border:1px solid #94a3b899;border-radius:999px;box-shadow:0 1px 2px #0f172a0f;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:8px 16px}.cmt-date-filter:hover{border-color:#0ea5e9}.cmt-tab-group{align-items:center;background:#e5edff;border-radius:999px;display:inline-flex;padding:4px}.cmt-tab{background:#0000;border:none;border-radius:999px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px}.cmt-tab-active{background:#2563eb;box-shadow:0 6px 16px #2563eb59;color:#fff}.cmt-dashboard-error{background:#f8717114;border:1px solid #f8717199;border-radius:12px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 14px}.cmt-dashboard-top-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.cmt-status-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.cmt-status-summary-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:14px}.cmt-status-summary-value{color:#0f172a;font-size:22px;font-weight:800}.cmt-status-chip{border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.cmt-chip-belum{background:#fff7ed;color:#c2410c}.cmt-chip-proses{background:#e0f2fe;color:#0369a1}.cmt-chip-pending{background:#fef3c7;color:#b45309}.cmt-chip-selesai{background:#dcfce7;color:#166534}.cmt-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;flex-direction:column;padding:24px}.cmt-card,.cmt-card-header{display:flex;justify-content:space-between}.cmt-card-header{align-items:flex-start;margin-bottom:12px}.cmt-card-label{color:#64748b;font-size:14px;font-weight:600}.cmt-target-badge{background:#f1f5f9;border-radius:6px;color:#475569;font-size:11px;font-weight:600;padding:4px 8px}.cmt-card-main-value{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.cmt-progress-bar-container{background:#e2e8f0;border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.cmt-progress-bar-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .5s ease}.cmt-card-footer{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.cmt-trend-up{color:#22c55e;font-weight:600}.cmt-dashboard-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.cmt-dashboard-left-col,.cmt-dashboard-right-col{display:flex;flex-direction:column;gap:24px}.cmt-chart-card,.cmt-deadline-card,.cmt-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.cmt-section-header{margin-bottom:20px}.cmt-section-header h3{color:#1e293b;font-size:16px;font-weight:700;margin:0}.cmt-chart-container{height:300px;position:relative}.cmt-empty-chart,.cmt-empty-state{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-style:italic;height:100%;justify-content:center}.cmt-deadline-list{display:flex;flex-direction:column;gap:12px}.cmt-deadline-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:12px}.cmt-deadline-info{display:flex;flex-direction:column;gap:2px}.cmt-deadline-spk{color:#0f172a;font-size:14px;font-weight:700}.cmt-deadline-date{color:#64748b;font-size:12px}.cmt-deadline-product{color:#6366f1;font-size:12px;font-weight:500}.cmt-deadline-badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.cmt-deadline-badge-neutral{background:#f1f5f9;color:#64748b}.cmt-deadline-badge-safe{background:#dcfce7;color:#166534}.cmt-deadline-badge-warning{background:#fef9c3;color:#854d0e}.cmt-deadline-badge-danger{background:#fee2e2;color:#991b1b}.cmt-performance-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.cmt-performance-list{display:flex;flex-direction:column;gap:16px}.cmt-performance-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:12px;transition:transform .2s,box-shadow .2s}.cmt-performance-item:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d;transform:translateY(-2px)}.cmt-performance-rank{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;margin-right:12px;width:28px}.cmt-performance-info{display:flex;flex:1 1;flex-direction:column}.cmt-performance-name{color:#1e293b;font-size:14px;font-weight:600}.cmt-performance-score{color:#64748b;font-size:12px;margin-top:2px}.cmt-performance-count{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-size:13px;font-weight:600;padding:4px 8px}.cmt-loading-small{color:#64748b;font-size:14px;padding:20px;text-align:center}.cmt-table-wrap{overflow-x:auto;width:100%}.cmt-table{border-collapse:collapse;font-size:14px;width:100%}.cmt-table td,.cmt-table th{border-bottom:1px solid #e2e8f0;padding:10px 12px}.cmt-table thead th{background:#f8fafc;color:#0f172a;font-weight:700}.cmt-table tbody tr:hover{background:#f9fafb}.cmt-money{color:#0f172a;font-weight:700}.cmt-dashboard-right-col{display:flex;flex-direction:column;gap:24px}.cmt-chart-container-doughnut{height:250px;position:relative}.cmt-legend-list{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(2,1fr);margin-top:12px}.cmt-legend-item{align-items:center;display:flex;gap:8px}.cmt-legend-dot{border-radius:50%;height:10px;width:10px}.cmt-card-today,.cmt-card-total,.cmt-card-week{min-height:140px}.cmt-section-header h3{letter-spacing:-.01em}.cmt-card .cmt-card-main-value{margin-top:2px}.cmt-table td,.cmt-table th{vertical-align:middle}@media (max-width:1200px){.cmt-dashboard-top-grid,.cmt-status-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.cmt-dashboard-main-grid{grid-template-columns:1fr}}@media (max-width:640px){.cmt-dashboard-page{padding:16px}.cmt-dashboard-header{align-items:flex-start;flex-direction:column;gap:12px}.cmt-dashboard-controls{justify-content:space-between;width:100%}.cmt-dashboard-top-grid,.cmt-status-summary-grid{grid-template-columns:1fr}}.cmt-legend-label{color:#334155;flex:0 0 auto;font-size:12px}.cmt-legend-value{color:#64748b;font-size:12px}.cmt-doughnut-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.cmt-doughnut-value{color:#0f172a;font-size:24px;font-weight:800}.cmt-doughnut-label{color:#64748b;font-size:12px}.data-dikerjakan-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f7fafc,#edf2f7);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:32px}.data-dikerjakan-header{margin-bottom:32px}.data-dikerjakan-header h1{color:#1a202c;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 24px}.dashboard-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.date-filter{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;gap:12px;padding:8px 12px}.date-filter label{color:#4a5568;font-size:13px;font-weight:600;white-space:nowrap}.date-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1a202c;font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.date-input:hover{border-color:#cbd5e0}.date-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.export-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.export-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.export-btn:hover:before{left:100%}.export-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.export-btn:active{box-shadow:0 2px 4px #667eea33;transform:translateY(0)}.kpi-summary-section{margin-bottom:32px}.kpi-summary-title{align-items:center;color:#1a202c;display:flex;font-size:22px;font-weight:700;gap:12px;margin-bottom:24px}.kpi-summary-title svg{color:#667eea}.kpi-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kpi-card{align-items:center;background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.kpi-card:hover:before{opacity:1}.kpi-card:hover{border-color:#667eea33;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000f;transform:translateY(-4px)}.kpi-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 12px #667eea40;font-size:28px;height:64px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:64px}.kpi-card:hover .kpi-icon{transform:scale(1.05) rotate(5deg)}.kpi-content{flex:1 1;min-width:0}.kpi-label{color:#718096;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:#1a202c;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.kpi-subtitle{color:#6c757d;font-size:.85em;font-weight:500;margin-top:4px}.charts-section{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-sizing:border-box;margin-bottom:32px;max-width:100%;overflow:visible;padding:32px;width:100%}.charts-section-title{align-items:center;color:#1a202c;display:flex;font-size:22px;font-weight:700;gap:12px;margin-bottom:28px}.charts-section-title svg{color:#667eea}.charts-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-wrapper,.charts-container{max-width:100%;overflow:visible;width:100%}.chart-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-width:0;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-wrapper:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000f}.chart-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.chart-title{color:#1a202c;font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;background:#fff;border-radius:6px;color:#4a5568;display:flex;font-size:12px;font-weight:600;gap:8px;padding:4px 8px;transition:background-color .2s ease}.legend-item:hover{background:#f7fafc}.legend-color{border-radius:3px;box-shadow:0 1px 3px #0003;display:inline-block;height:14px;width:14px}.chart-container{box-sizing:border-box;height:280px;max-width:100%;overflow:hidden;position:relative;width:100%}.chart-container>div{height:100%!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.chart-empty{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;color:#a0aec0;display:flex;flex-direction:column;font-size:15px;height:280px;justify-content:center}.chart-wrapper canvas{height:auto!important;max-height:280px!important;max-width:100%!important}.table-section{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;overflow:visible}.table-section-header{background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:2px solid #e2e8f0;padding:24px 32px}.table-section-header h2{color:#1a202c;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.filter-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 32px}.kode-seri-search{flex:0 0 auto;max-width:400px}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.kode-seri-search input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a202c;font-family:Inter,sans-serif;padding:12px 16px 12px 44px;transition:all .2s cubic-bezier(.4,0,.2,1)}.kode-seri-search:before{content:"🔍";font-size:16px;left:16px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.kode-seri-search input:focus{box-shadow:0 0 0 4px #667eea1a}.kode-seri-search input::placeholder{color:#a0aec0}.table-wrapper{border-radius:0 0 16px 16px;max-height:72vh;overflow-x:auto!important;overflow-y:auto!important;position:relative;width:100%}.data-dikerjakan-table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:2000px;width:100%}.data-dikerjakan-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-dikerjakan-table th{border-right:1px solid #fff3;color:#fff;font-size:12px;font-weight:700;letter-spacing:.8px;padding:18px 20px;text-align:center;text-transform:uppercase;vertical-align:middle}.data-dikerjakan-table th:last-child{border-right:none}.data-dikerjakan-table th.header-blue{background-color:#addcef;border-right:1px solid #0000001a;color:#1a202c}.data-dikerjakan-table th.header-red{background-color:#ff6b6b;border-right:1px solid #fff3;color:#fff}.data-dikerjakan-table th.header-green{background-color:#b7e8c9;border-right:1px solid #0000001a;color:#1a202c}.data-dikerjakan-table th.header-yellow{background-color:#f9dcb4;border-right:1px solid #0000001a;color:#1a202c}.data-dikerjakan-table th.header-blue-light{background-color:#addcef;border-right:1px solid #0000001a;color:#1a202c;line-height:1.4;padding:10px 8px;vertical-align:middle;white-space:normal}.data-dikerjakan-table th.header-blue-light small{color:#4a5568;display:block;font-size:.85em;font-weight:400;line-height:1.3;margin-top:4px}.data-dikerjakan-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;transition:all .15s cubic-bezier(.4,0,.2,1)}.data-dikerjakan-table tbody tr:nth-child(2n){background:#fffef5}.data-dikerjakan-table tbody tr:nth-child(2n) .col-lebih-deadline.red-bg{background-color:#ffe5e5}.data-dikerjakan-table tbody tr:hover{background:#f7fafc!important}.data-dikerjakan-table tbody tr:hover .col-lebih-deadline.red-bg{background-color:#ffd5d5!important}.data-dikerjakan-table tbody tr:hover .col-masih-deadline,.data-dikerjakan-table tbody tr:hover .col-no,.data-dikerjakan-table tbody tr:hover .nama-cmt{background-color:#e6f4fe!important}.data-dikerjakan-table tbody tr:last-child{border-bottom:none}.data-dikerjakan-table td{border-right:1px solid #f1f5f9;color:#2d3748;font-size:13px;font-weight:500;padding:16px 20px;text-align:center;vertical-align:middle}.data-dikerjakan-table td:last-child{border-right:none}.data-dikerjakan-table .col-no{background-color:#f0f9ff}.data-dikerjakan-table .nama-cmt{background-color:#f0f9ff;color:#1a202c;font-size:14px;font-weight:600;text-align:left}.data-dikerjakan-table .col-lebih-deadline{background-color:#fff}.data-dikerjakan-table .col-lebih-deadline.red-bg{background-color:#ffe5e5}.data-dikerjakan-table .col-lebih-deadline.red-bg strong{color:#dc2626;font-weight:700}.data-dikerjakan-table .col-masih-deadline{background-color:#f0f9ff}.data-dikerjakan-table .col-periode{background-color:#fff}.data-dikerjakan-table tbody tr:nth-child(2n) .col-periode{background-color:#fffef5}.bg-green-light{background-color:#dcf4e3!important}.bg-green-light,.bg-yellow-light{color:#1a202c!important;font-weight:600!important}.bg-yellow-light{background-color:#fdf2e2!important}.bg-blue-light{background-color:#e0f2fe!important;color:#1a202c!important;font-weight:600!important}.bg-green-pale{background-color:#dcf4e3!important;color:#22543d;font-weight:600}.bg-red-pale{background-color:#ffe5e5!important;color:#dc2626;font-weight:600}.red-text{color:#e53e3e;font-weight:700}.data-dikerjakan-table tfoot{background:linear-gradient(90deg,#f8fafc,#fff);border-top:3px solid #e2e8f0;font-weight:700}.data-dikerjakan-table tfoot td{color:#1a202c;font-size:14px;padding:20px}.footer-row,.footer-row:hover{background:#fffef5!important}.footer-row:hover{box-shadow:none!important;transform:none!important}.footer-row .col-lebih-deadline.red-bg{background-color:#ffe5e5!important}.footer-row .col-masih-deadline,.footer-row .col-no,.footer-row .nama-cmt{background-color:#f0f9ff!important}.loading-message{align-items:center;color:#4a5568;display:flex;flex-direction:column;font-size:16px;gap:16px;padding:80px 24px;text-align:center}.loading-message:before{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;content:"";height:40px;width:40px}.error-message{align-items:center;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:2px solid #fc8181;border-radius:12px;color:#e53e3e;display:flex;flex-direction:column;font-size:16px;gap:12px;margin:24px;padding:80px 24px;text-align:center}.error-message strong{display:block;font-size:18px;font-weight:700;margin-bottom:8px}.error-message span{display:block;font-size:14px;opacity:.9}.no-data{align-items:center;color:#a0aec0;display:flex;flex-direction:column;font-size:15px;gap:12px;padding:80px 24px;text-align:center}.no-data:before{content:"📊";font-size:48px;opacity:.5}.refresh-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.refresh-btn:active{transform:translateY(0)}.table-wrapper::-webkit-scrollbar{height:10px;width:10px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e0,#a0aec0);border:2px solid #f1f5f9;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a0aec0,#718096)}.periode-header-cell{padding:10px 8px!important;vertical-align:top}.periode-header-selector{align-items:center;display:flex;flex-direction:column;gap:8px;min-height:70px;padding:8px}.periode-header-label{color:#fffffff2;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-align:center;text-transform:uppercase}.periode-dropdown-wrapper{align-items:center;display:flex;justify-content:center;margin-top:8px;width:100%}.periode-range-select{-webkit-appearance:none;appearance:none;background-color:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a202c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #fff6;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#1a202c;cursor:pointer;font-size:12px;font-weight:600;min-width:180px;outline:none;padding:8px 32px 8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.periode-range-select:hover{background-color:#fff;border-color:#fff9;box-shadow:0 2px 8px #00000026}.periode-range-select:focus{background-color:#fff;border-color:#fffc;box-shadow:0 0 0 3px #fff3}.periode-range-select option{background-color:#fff;color:#1a202c;padding:8px}.data-dikerjakan-container .table-container{overflow:visible;width:100%}.summary-header{background-color:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:32px 0;padding:24px}.summary-item{align-items:center;display:flex;flex-direction:column;gap:8px}.summary-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.summary-value{color:#1a202c;font-size:24px;font-weight:800;letter-spacing:-.5px}.summary-value.red-text{color:#e53e3e}.summary-value.green-bg{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-radius:8px;color:#22543d;padding:6px 16px}@media (max-width:1200px){.charts-container{grid-template-columns:1fr}.data-dikerjakan-table{font-size:12px}.data-dikerjakan-table td,.data-dikerjakan-table th{padding:14px 16px}}@media (max-width:768px){.data-dikerjakan-container{padding:20px}.data-dikerjakan-header h1{font-size:26px}.kpi-cards{gap:16px;grid-template-columns:1fr}.kpi-card{padding:20px}.chart-header{align-items:flex-start;flex-direction:column}.chart-legend{width:100%}.charts-container{gap:20px}.chart-container,.chart-empty{height:250px}.chart-wrapper canvas{max-height:250px!important}.dashboard-actions,.date-filter{align-items:stretch;flex-direction:column}.date-filter,.date-input{width:100%}.table-wrapper{overflow-x:scroll}.data-dikerjakan-table{min-width:1500px}.charts-section{padding:20px}.charts-container{grid-template-columns:1fr}.chart-container,.chart-empty{height:220px}.chart-wrapper canvas{max-height:220px!important}.filter-header,.table-section-header{padding:16px 20px}}.kode-seri-wrapper{background:#f8f9fa;min-height:100vh;padding:24px}.kode-seri-header{margin-bottom:28px}.kode-seri-header h1{color:#1a1a1a;font-size:28px;font-weight:600;letter-spacing:-.3px;margin:0}.kode-seri-statistics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.stat-content{flex:1 1}.stat-label{color:#718096;font-size:13px;font-weight:500;margin-bottom:4px}.stat-value{color:#1a1a1a;font-size:24px;font-weight:700;line-height:1.2}.kode-seri-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:20px 24px}.kode-seri-search{position:relative}.kode-seri-search input{background:#fafbfc;border:1.5px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.kode-seri-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.kode-seri-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.kode-seri-table-wrapper{overflow-x:auto}.kode-seri-table{border-collapse:collapse;width:100%}.kode-seri-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kode-seri-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.kode-seri-table tbody tr{border-bottom:1px solid #e1e5e9;transition:all .2s ease}.kode-seri-table tbody tr:hover{background:#f8f9fa}.kode-seri-table tbody tr:last-child{border-bottom:none}.kode-seri-table td{color:#4a5568;font-size:14px;padding:16px 20px}.status-badge{border-radius:6px;display:inline-block;font-size:12px}.status-badge.over-deadline{background:#fed7d7;color:#c53030}.status-badge.belum-deadline{background:#c6f6d5;color:#22543d}@media (max-width:768px){.kode-seri-wrapper{padding:16px}.kode-seri-statistics{grid-template-columns:1fr}.stat-card{padding:16px}.kode-seri-table-wrapper{overflow-x:scroll}.kode-seri-table{min-width:600px}}.history-container{background-color:#f3f4f6;color:#1f2937;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:32px}.history-header{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.history-header h1{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.025em;margin:0}.history-header p{color:#6b7280;font-size:16px;font-weight:400;line-height:1.5;max-width:600px}.summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.summary-card{background:#fff;border:1px solid #e5e7eb80;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.summary-card:hover{border-color:#e5e7ebcc;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.card-icon{align-items:center;border-radius:14px;display:flex;font-size:22px;height:48px;justify-content:center;margin-bottom:16px;transition:transform .3s ease;width:48px}.summary-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.icon-blue{background-color:#eff6ff;color:#3b82f6}.icon-green{background-color:#f0fdf4;color:#22c55e}.icon-orange{background-color:#fff7ed;color:#f97316}.icon-purple{background-color:#faf5ff;color:#a855f7}.card-title{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.card-value{color:#111827;font-size:28px;font-weight:800;letter-spacing:-.025em}.filter-section{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:20px}.search-box{flex:1 1;min-width:280px;position:relative}.search-box input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#111827;font-size:15px;outline:none;padding:12px 16px 12px 44px;transition:all .2s;width:100%}.search-box input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.search-icon{font-size:18px}.date-filters{align-items:center;display:flex;gap:16px}.date-input-group{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;padding:6px 12px}.date-input-group label{color:#4b5563;font-size:13px;font-weight:600}.date-input-group input{background:#0000;border:none;color:#1f2937;cursor:pointer;font-family:inherit;font-size:14px;outline:none}.table-card{border:1px solid #e5e7eb;box-shadow:0 10px 15px -3px #0000000d}.table-responsive{width:100%}.modern-table{border-collapse:collapse}.modern-table thead th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em;padding:20px 24px;text-transform:uppercase}.modern-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.modern-table tbody tr:hover{background-color:#f9fafb}.modern-table tbody td{color:#374151;font-size:15px;padding:20px 24px;vertical-align:middle}.modern-table tbody tr:last-child{border-bottom:none}.col-id{background-color:#f3f4f6;border-radius:6px;color:#6b7280;font-family:JetBrains Mono,Monaco,monospace;font-size:13px;font-weight:600;padding:4px 8px}.col-name{color:#111827;font-weight:600}.col-money{font-feature-settings:"tnum";color:#111827;font-variant-numeric:tabular-nums;font-weight:700}.status-pill{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.025em;padding:6px 14px;text-transform:capitalize}.status-pill.paid{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-pill.unpaid{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-pill.pending{background-color:#ffedd5;border:1px solid #fed7aa;color:#9a3412}.pagination-controls{align-items:center;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.pagination-info{color:#6b7280}.pagination-buttons{align-items:center;display:flex;gap:10px}.btn-pagination{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af;color:#111827;transform:translateY(-1px)}.btn-pagination:active:not(:disabled){transform:translateY(0)}.btn-pagination:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.page-number{color:#111827;font-size:14px;font-weight:600;margin:0 12px}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;padding:80px 20px}.empty-icon{background-color:#f9fafb;border-radius:50%;color:#e5e7eb;font-size:64px;margin-bottom:8px;padding:24px}.empty-text{color:#374151;font-size:18px;font-weight:600}.empty-subtext{color:#6b7280;font-size:15px}.skeleton{animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background-image:linear-gradient(90deg,#e5e7eb 0,#f3f4f6 20%,#e5e7eb 40%,#e5e7eb);background-repeat:no-repeat;background-size:800px 104px;display:inline-block;position:relative}.skeleton-text{height:20px;margin-bottom:8px;width:100%}.skeleton-row td{padding:24px}@media (max-width:768px){.history-container{padding:16px}.filter-section{gap:16px}.date-filters,.filter-section{align-items:stretch;flex-direction:column}.date-input-group{width:100%}.pagination-controls{flex-direction:column;gap:16px}.pagination-buttons{justify-content:space-between;width:100%}}.aksesoris-page{background:#f3f4f6;background:var(--bg-page);color:#111827;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:2rem}.aksesoris-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.aksesoris-header-icon{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#4f46e5;color:var(--primary);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.aksesoris-header h1{color:#111827;color:var(--text-main);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0}.aksesoris-table-container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem}.aksesoris-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.aksesoris-btn-add{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.aksesoris-btn-add:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.aksesoris-search-bar{flex:1 1;max-width:320px;position:relative}.aksesoris-search-bar input{background:#f9fafb url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E") no-repeat .75rem/1.25rem;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text-main);font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s;width:100%}.aksesoris-search-bar input:focus{background-color:#fff;background-color:var(--bg-card);border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.aksesoris-table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);overflow-x:auto}.aksesoris-table{border-collapse:collapse;min-width:-webkit-max-content;min-width:max-content;table-layout:auto!important;white-space:nowrap;width:100%}.aksesoris-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.aksesoris-table th{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap!important}.aksesoris-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);transition:background-color .15s}.aksesoris-table tbody tr:last-child{border-bottom:none}.aksesoris-table tbody tr:hover{background-color:#f9fafb}.aksesoris-table td{color:#111827;color:var(--text-main);font-size:.875rem;padding:.875rem 1.25rem;vertical-align:middle;white-space:nowrap!important}.aksesoris-price{color:#111827;color:var(--text-main);font-weight:600}.aksesoris-image{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);display:block;height:44px;object-fit:cover;width:44px}.aksesoris-stok-badge{align-items:center;background-color:#dcfce7;border-radius:9999px;border-radius:var(--radius-full);color:#166534;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.aksesoris-stok-badge.low{background-color:#fef08a;color:#854d0e}.aksesoris-stok-badge.out{background-color:#fee2e2;color:#991b1b}.aksesoris-action-card{display:flex;gap:.5rem}.aksesoris-btn-icon{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.aksesoris-btn-icon:hover{background:#f0fdf4;border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.aksesoris-btn-icon[title=Edit]:hover{background:#fefce8;border-color:#eab308;color:#ca8a04}.aksesoris-modal{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.aksesoris-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.aksesoris-modal-content h2{color:#111827;color:var(--text-main);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.aksesoris-form-group{margin-bottom:1.25rem}.aksesoris-form-group label{color:#111827;color:var(--text-main);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.aksesoris-form-group input,.aksesoris-form-group select{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text-main);font-family:inherit;font-size:.875rem;padding:.625rem;transition:all .2s;width:100%}.aksesoris-form-group input:focus,.aksesoris-form-group select:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.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' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}.aksesoris-form-group input[type=file]{background:#f9fafb;border:1px dashed #e5e7eb;border:1px dashed var(--border);cursor:pointer;padding:.5rem}.aksesoris-form-group input[type=file]::-webkit-file-upload-button{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.75rem;font-weight:500;margin-right:1rem;padding:.375rem .75rem;-webkit-transition:all .2s;transition:all .2s}.aksesoris-form-group input[type=file]::file-selector-button{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.75rem;font-weight:500;margin-right:1rem;padding:.375rem .75rem;transition:all .2s}.aksesoris-form-group input[type=file]::-webkit-file-upload-button:hover{background:#f3f4f6}.aksesoris-form-group input[type=file]::file-selector-button:hover{background:#f3f4f6}.aksesoris-preview-image{background:#f9fafb;border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:.375rem;border-radius:var(--radius-sm);display:inline-block;margin-top:.75rem;padding:.75rem}.aksesoris-preview-image p{color:#6b7280;color:var(--text-muted);font-size:.75rem;margin:0 0 .5rem}.aksesoris-preview-image img{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);max-width:100px}.aksesoris-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.aksesoris-btn-submit{background:#4f46e5;background:var(--primary);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.aksesoris-btn-submit:hover{background:#4338ca;background:var(--primary-hover)}.aksesoris-btn-cancel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.aksesoris-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.aksesoris-empty-state{padding:4rem 2rem;text-align:center}.aksesoris-empty-state-icon{color:#e5e7eb;color:var(--border);font-size:3rem;margin-bottom:1rem}.aksesoris-empty-state p,.aksesoris-error,.aksesoris-loading{color:#6b7280;color:var(--text-muted);font-size:.875rem}.aksesoris-error,.aksesoris-loading{padding:2rem;text-align:center}.aksesoris-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626}@media (max-width:768px){.aksesoris-page,.aksesoris-table-container{padding:1rem}}.pembelian-aksesoris-page{background:#f3f4f6;background:var(--bg-page);color:#111827;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:2rem}.pembelian-aksesoris-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.pembelian-aksesoris-header-icon{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#4f46e5;color:var(--primary);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.pembelian-aksesoris-header h1{color:#111827;color:var(--text-main);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0}.pembelian-aksesoris-table-container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem}.pembelian-aksesoris-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.pembelian-aksesoris-btn-add{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.pembelian-aksesoris-btn-add:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.pembelian-aksesoris-search-bar{flex:1 1;max-width:320px;position:relative}.pembelian-aksesoris-search-bar input{background:#f9fafb url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E") no-repeat .75rem/1.25rem;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text-main);font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s;width:100%}.pembelian-aksesoris-search-bar input:focus{background-color:#fff;background-color:var(--bg-card);border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.pembelian-aksesoris-table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);overflow-x:auto}.pembelian-aksesoris-table{border-collapse:collapse;min-width:-webkit-max-content;min-width:max-content;table-layout:auto!important;white-space:nowrap;width:100%}.pembelian-aksesoris-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.pembelian-aksesoris-table th{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap!important}.pembelian-aksesoris-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);transition:background-color .15s}.pembelian-aksesoris-table tbody tr:last-child{border-bottom:none}.pembelian-aksesoris-table tbody tr:hover{background-color:#f9fafb}.pembelian-aksesoris-table td{color:#111827;color:var(--text-main);font-size:.875rem;padding:.875rem 1.25rem;vertical-align:middle;white-space:nowrap!important}.pembelian-aksesoris-price{color:#111827;color:var(--text-main);font-weight:600}.pembelian-aksesoris-image{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);display:block;height:44px;object-fit:cover;width:44px}.pembelian-aksesoris-status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.pembelian-aksesoris-status-badge.verified{background-color:#dcfce7;color:#166534}.pembelian-aksesoris-status-badge.pending{background-color:#fef08a;color:#854d0e}.pembelian-aksesoris-status-badge.disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.pembelian-aksesoris-btn-verify{align-items:center;background:#10b981;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.pembelian-aksesoris-btn-verify:hover{background:#059669}.pembelian-aksesoris-btn-download{align-items:center;background:#fff;border:1px solid #4f46e5;border:1px solid var(--primary);border-radius:.375rem;border-radius:var(--radius-sm);color:#4f46e5;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.pembelian-aksesoris-btn-download:hover{background:#f0fdf4;border-color:#4338ca;border-color:var(--primary-hover);color:#4338ca;color:var(--primary-hover)}.pembelian-aksesoris-btn-download.disabled,.pembelian-aksesoris-btn-download:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;pointer-events:none}.pembelian-aksesoris-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.pembelian-aksesoris-pagination button{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.pembelian-aksesoris-pagination button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pembelian-aksesoris-pagination button:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.pembelian-aksesoris-pagination span{color:#6b7280;color:var(--text-muted);font-size:.875rem}.pembelian-aksesoris-modal{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.pembelian-aksesoris-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.pembelian-aksesoris-modal-content h2{align-items:center;color:#111827;color:var(--text-main);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;margin-top:0}.pembelian-aksesoris-form-group{margin-bottom:1.25rem}.pembelian-aksesoris-form-group label{align-items:center;color:#111827;color:var(--text-main);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.pembelian-aksesoris-form-group input,.pembelian-aksesoris-form-group select{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text-main);font-family:inherit;font-size:.875rem;padding:.625rem;transition:all .2s;width:100%}.pembelian-aksesoris-form-group input:focus,.pembelian-aksesoris-form-group select:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.pembelian-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' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}.pembelian-aksesoris-form-group input[type=file]{background:#f9fafb;border:1px dashed #e5e7eb;border:1px dashed var(--border);cursor:pointer;padding:.5rem}.pembelian-aksesoris-form-group input[type=file]::-webkit-file-upload-button{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.75rem;font-weight:500;margin-right:1rem;padding:.375rem .75rem;-webkit-transition:all .2s;transition:all .2s}.pembelian-aksesoris-form-group input[type=file]::file-selector-button{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.75rem;font-weight:500;margin-right:1rem;padding:.375rem .75rem;transition:all .2s}.pembelian-aksesoris-form-group input[type=file]::-webkit-file-upload-button:hover{background:#f3f4f6}.pembelian-aksesoris-form-group input[type=file]::file-selector-button:hover{background:#f3f4f6}.pembelian-aksesoris-form-group input[readonly]{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.pembelian-aksesoris-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.pembelian-aksesoris-btn-submit{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.pembelian-aksesoris-btn-submit:hover{background:#4338ca;background:var(--primary-hover)}.pembelian-aksesoris-btn-cancel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.pembelian-aksesoris-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.pembelian-aksesoris-error,.pembelian-aksesoris-loading{color:#6b7280;color:var(--text-muted);font-size:.875rem;padding:2rem;text-align:center}.pembelian-aksesoris-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626}.pembelian-aksesoris-empty-state{padding:4rem 2rem;text-align:center}.pembelian-aksesoris-empty-state-icon{color:#e5e7eb;color:var(--border);font-size:3rem;margin-bottom:1rem}.pembelian-aksesoris-empty-state p{color:#6b7280;color:var(--text-muted);font-size:.875rem;margin:0}@media (max-width:768px){.pembelian-aksesoris-page,.pembelian-aksesoris-table-container{padding:1rem}}.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}:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-page:#f3f4f6;--bg-card:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--font-sans:"Inter",system-ui,-apple-system,sans-serif}.pesanan-petugas-c-page{background:#f3f4f6;background:var(--bg-page);color:#111827;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:2rem}.pesanan-petugas-c-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.pesanan-petugas-c-header-icon{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#4f46e5;color:var(--primary);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.pesanan-petugas-c-header h1{color:#111827;color:var(--text-main);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0}.pesanan-petugas-c-table-container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem}.pesanan-petugas-c-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.pesanan-petugas-c-btn-add{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.pesanan-petugas-c-btn-add:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.pesanan-petugas-c-search-bar{flex:1 1;max-width:320px;position:relative}.pesanan-petugas-c-search-bar input{background:#f9fafb url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E") no-repeat .75rem/1.25rem;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text-main);font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s;width:100%}.pesanan-petugas-c-search-bar input:focus{background-color:#fff;background-color:var(--bg-card);border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.pesanan-petugas-c-table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);overflow-x:auto}.pesanan-petugas-c-table{border-collapse:collapse;min-width:-webkit-max-content;min-width:max-content;table-layout:auto!important;white-space:nowrap;width:100%}.pesanan-petugas-c-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.pesanan-petugas-c-table th{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap!important}.pesanan-petugas-c-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);transition:background-color .15s}.pesanan-petugas-c-table tbody tr:hover{background-color:#f9fafb}.pesanan-petugas-c-table tbody tr:last-child{border-bottom:none}.pesanan-petugas-c-table td{color:#111827;color:var(--text-main);font-size:.875rem;padding:.875rem 1.25rem;vertical-align:middle;white-space:nowrap!important}.pesanan-petugas-c-status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.pesanan-petugas-c-status-badge.pending{background-color:#fef08a;color:#854d0e}.pesanan-petugas-c-status-badge.verified{background-color:#dcfce7;color:#166534}.pesanan-petugas-c-status-badge.completed{background-color:#e0e7ff;color:#3730a3}.pesanan-petugas-c-btn-detail{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.pesanan-petugas-c-btn-detail:hover{background:#f9fafb;border-color:#d1d5db}.pesanan-petugas-c-btn-verify{align-items:center;background:#10b981;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.pesanan-petugas-c-btn-verify:hover{background:#059669}.pesanan-petugas-c-price{color:#111827;color:var(--text-main);font-weight:600}.pesanan-petugas-c-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.pesanan-petugas-c-pagination button{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.pesanan-petugas-c-pagination button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pesanan-petugas-c-pagination button:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.pesanan-petugas-c-pagination span{color:#6b7280;color:var(--text-muted);font-size:.875rem}.pesanan-petugas-c-modal{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.pesanan-petugas-c-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.pesanan-petugas-c-modal-content h2,.pesanan-petugas-c-modal-content h3{align-items:center;color:#111827;color:var(--text-main);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;margin-top:0}.pesanan-petugas-c-modal-content table{border-collapse:collapse;font-size:.875rem;margin-bottom:1.5rem;width:100%}.pesanan-petugas-c-modal-content table thead th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border);color:#6b7280;color:var(--text-muted);padding:.75rem;text-align:left}.pesanan-petugas-c-modal-content table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#111827;color:var(--text-main);padding:.75rem}.pesanan-petugas-c-modal-close{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-main);cursor:pointer;display:block;font-size:.875rem;font-weight:500;margin-left:auto;padding:.625rem 1.25rem;transition:all .2s}.pesanan-petugas-c-modal-close:hover{background:#f9fafb;border-color:#d1d5db}.pesanan-petugas-c-form{display:flex;flex-direction:column}.pesanan-petugas-c-form-group{margin-bottom:1.25rem}.pesanan-petugas-c-form-group label{align-items:center;color:#111827;color:var(--text-main);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.pesanan-petugas-c-form-group input,.pesanan-petugas-c-form-group select{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text-main);font-family:inherit;font-size:.875rem;padding:.625rem;transition:all .2s;width:100%}.pesanan-petugas-c-form-group input:focus,.pesanan-petugas-c-form-group select:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.pesanan-petugas-c-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' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}.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:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);margin-bottom:.75rem;padding:1rem}.pesanan-petugas-c-detail-row{grid-gap:.75rem;align-items:end;display:grid;gap:.75rem;grid-template-columns:2fr 1fr auto}.pesanan-petugas-c-detail-field{display:flex;flex-direction:column;gap:.25rem}.pesanan-petugas-c-detail-field label{color:#6b7280;color:var(--text-muted);font-size:.75rem;margin:0}.pesanan-petugas-c-detail-field input,.pesanan-petugas-c-detail-field select{padding:.5rem}.pesanan-petugas-c-btn-remove{background:#fee2e2;border:1px solid #fca5a5;border-radius:.375rem;border-radius:var(--radius-sm);color:#b91c1c;font-size:.75rem;font-weight:500;height:-webkit-max-content;height:max-content;padding:.5rem .75rem;transition:all .2s}.pesanan-petugas-c-btn-remove:hover{background:#fecaca}.pesanan-petugas-c-btn-add-detail{background:#e0e7ff;border:1px dashed #a5b4fc;border-radius:.375rem;border-radius:var(--radius-sm);color:#3730a3;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.625rem;transition:all .2s}.pesanan-petugas-c-btn-add-detail:hover{background:#c7d2fe}.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-error,.pesanan-petugas-c-loading{color:#6b7280;color:var(--text-muted);font-size:.875rem;padding:2rem;text-align:center}.pesanan-petugas-c-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626}.pesanan-petugas-c-empty-state{padding:4rem 2rem;text-align:center}.pesanan-petugas-c-empty-state-icon{color:#e5e7eb;color:var(--border);font-size:3rem;margin-bottom:1rem}.pesanan-petugas-c-empty-state p{color:#6b7280;color:var(--text-muted);font-size:.875rem;margin:0}@media (max-width:768px){.pesanan-petugas-c-page,.pesanan-petugas-c-table-container{padding:1rem}}select option:disabled{background-color:#f5f5f5!important;color:#999!important;opacity:.5!important}.spk-cutting-page{background:#fff;min-height:100vh;padding:20px}.spk-cutting-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.spk-cutting-header,.spk-cutting-header-icon{align-items:center;background:#0000;display:flex}.spk-cutting-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.spk-cutting-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.spk-cutting-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.spk-cutting-summary-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #00000014;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.spk-cutting-summary-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.spk-cutting-summary-card.active{background:linear-gradient(135deg,#0487d80d,#17457c0d);border-color:#0487d8;box-shadow:0 4px 15px #0487d833}.spk-cutting-summary-card-icon{align-items:center;background:linear-gradient(135deg,#0487d81a,#17457c1a);border-radius:12px;display:flex;font-size:36px;height:60px;justify-content:center;width:60px}.spk-cutting-summary-card-content{flex:1 1}.spk-cutting-summary-card-label{color:#666;font-size:16px;font-weight:700;margin-bottom:5px}.spk-cutting-summary-card-value{color:#17457c;font-size:28px;font-weight:700}.spk-cutting-summary-card.active .spk-cutting-summary-card-value{color:#0487d8}.spk-cutting-in-progress-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.spk-cutting-in-progress-card{align-items:center;background:#fff;border:1px solid #d4d4d380;border-radius:14px;display:flex;gap:14px;padding:16px 18px}.spk-cutting-in-progress-card.weekly{border-left:4px solid #667eea}.spk-cutting-in-progress-card.daily{border-left:4px solid #16a34a}.spk-cutting-in-progress-card-icon{align-items:center;background:#667eea2e;border-radius:999px;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.spk-cutting-in-progress-card-icon.daily{background:#16a34a2e}.spk-cutting-in-progress-card-content{flex:1 1}.spk-cutting-in-progress-card-label{color:#667eea;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.spk-cutting-in-progress-card-label.daily{color:#14532d;font-size:16px}.spk-cutting-in-progress-card-value{color:#667eea;font-size:18px;font-weight:800;margin-top:4px}.spk-cutting-in-progress-card-value.daily{color:#14532d}.spk-cutting-in-progress-card-info{color:#667eea;font-size:14px;margin-top:4px}.spk-cutting-in-progress-card-info.daily{color:#14532d}.spk-cutting-in-progress-card-status{color:#667eea;font-size:14px;margin-top:4px}.spk-cutting-in-progress-card-status.daily{color:#14532d}.spk-cutting-form-input{border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.spk-cutting-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.spk-cutting-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.spk-cutting-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.spk-cutting-filter-group{align-items:center;display:flex;flex:1 1;gap:15px;max-width:600px}.spk-cutting-status-filter{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:10px 15px;transition:all .3s ease}.spk-cutting-status-filter:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-cutting-action-buttons{align-items:center;display:flex;gap:12px}.spk-cutting-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.spk-cutting-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.spk-cutting-btn-add:active{transform:translateY(0)}.spk-cutting-btn-export{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.spk-cutting-btn-export:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.spk-cutting-btn-export:active{transform:translateY(0)}.spk-cutting-search-bar{flex:1 1;max-width:400px;position:relative}.spk-cutting-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.spk-cutting-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-cutting-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.spk-cutting-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.spk-cutting-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.spk-cutting-table thead th:first-child{border-top-left-radius:12px}.spk-cutting-table thead th:last-child{border-top-right-radius:12px}.spk-cutting-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.spk-cutting-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.spk-cutting-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.spk-cutting-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.spk-cutting-badge.in-progress{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.spk-cutting-badge.completed{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.spk-cutting-price{color:#17457c;font-size:14px;font-weight:600}.spk-cutting-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.spk-cutting-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.spk-cutting-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.spk-cutting-btn-icon.edit{background:linear-gradient(135deg,#ff9800,#f57c00)}.spk-cutting-btn-icon.download{background:linear-gradient(135deg,#4caf50,#388e3c)}.spk-cutting-btn-icon.download:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.spk-cutting-btn-icon.download:disabled:hover{box-shadow:none;transform:none}.spk-cutting-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.spk-cutting-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.spk-cutting-pagination button:hover:not(:disabled){transform:translateY(-2px)}.spk-cutting-pagination button.active,.spk-cutting-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.spk-cutting-pagination button:disabled{cursor:not-allowed;opacity:.5}.spk-cutting-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.spk-cutting-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.spk-cutting-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.spk-cutting-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.spk-cutting-modal-content h4{color:#17457c;font-size:18px;font-weight:600;margin:20px 0 10px}.spk-cutting-form{grid-gap:20px;display:grid;gap:20px}.spk-cutting-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.spk-cutting-form-group{display:flex;flex-direction:column;gap:8px}.spk-cutting-form-group label{color:#555;font-size:14px;font-weight:600}.spk-cutting-form-group input,.spk-cutting-form-group select,.spk-cutting-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.spk-cutting-form-group input:focus,.spk-cutting-form-group select:focus,.spk-cutting-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-cutting-form-group input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.spk-cutting-bagian-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.spk-cutting-bahan-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.spk-cutting-bahan-group input,.spk-cutting-bahan-group select{border:2px solid #b3d9f2;border-radius:8px;flex:1 1;font-size:14px;min-width:150px;padding:10px 12px}.spk-cutting-bahan-group button{background:linear-gradient(135deg,#f44336,#c62828);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.spk-cutting-bahan-group button:hover{box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.spk-cutting-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.spk-cutting-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.spk-cutting-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.spk-cutting-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.spk-cutting-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.spk-cutting-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.spk-cutting-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.spk-cutting-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.spk-cutting-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.spk-cutting-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.spk-cutting-detail-item span{color:#333;font-size:15px;font-weight:500}.spk-cutting-scrollable-table{margin-top:20px;overflow-x:auto}.spk-cutting-log-table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.spk-cutting-log-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.spk-cutting-log-table thead th{font-size:13px;font-weight:600;padding:12px;text-align:center;text-transform:uppercase}.spk-cutting-log-table tbody td{border-bottom:1px solid #f5f5f5;font-size:13px;padding:10px;text-align:center}.spk-cutting-log-table tbody tr:hover{background:#e3f2fd}.spk-cutting-error,.spk-cutting-loading{color:#666;font-size:16px;padding:40px;text-align:center}.spk-cutting-error{color:#f44336}@media (max-width:1024px){.spk-cutting-table-container{overflow-x:auto}.spk-cutting-table{min-width:1200px}}@media (max-width:768px){.spk-cutting-header{padding:20px}.spk-cutting-header h1{font-size:24px}.spk-cutting-header-icon{font-size:32px;padding:12px}.spk-cutting-filter-header{align-items:stretch;flex-direction:column}.spk-cutting-search-bar{max-width:100%}.spk-cutting-modal-content{padding:25px}.spk-cutting-detail-grid,.spk-cutting-form-row{grid-template-columns:1fr}.spk-cutting-form-actions{flex-direction:column}.spk-cutting-form-actions button{width:100%}}@media (max-width:480px){.spk-cutting-page{padding:10px}.spk-cutting-table-container{padding:15px}.spk-cutting-pagination{gap:5px}.spk-cutting-pagination button{font-size:12px;padding:8px 12px}}.penjahit-container{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;margin-top:10px;padding:10px 20px}.search-bar{gap:10px;justify-content:flex-end;max-width:210px;min-width:102px;width:100%}.search-bar input{border:1px solid #e9e9eb;border-radius:10px;height:35px;max-width:1000px;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;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;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{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:#ebeff0;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}.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}.btn-submit:hover{background-color:#0056b3}.btn-cancel{background-color:#f44336;color:#fff}.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}.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{background-color:#0006;height:100%;width:100%}.modal-content{background-color:#fff;box-shadow:0 4px 20px #0003;max-width:800px;padding:20px}.modal-header{margin-bottom:16px}.modal-header h3{font-size:18px;font-weight:600}.close-button{background:none;color:#444;font-size:24px}.compare-table{background-color:#fff;border-collapse:collapse;border-radius:6px;font-size:14px;overflow:hidden;width:100%}.compare-table td,.compare-table th{border-bottom:1px solid #eee;padding:10px;text-align:center}.compare-table thead{background-color:#f9fafb;font-weight:700}.compare-table tbody tr:hover{background-color:#f3f4f6}.compare-table td.status.lebih-berat{color:#dc2626}.compare-table td.status.lebih-ringan{color:#ce900b}.compare-table td.status.sama{color:#16a34a}.compare-table td.status.belum-ada{color:#6b7280}.bagian-row{background-color:#f5f5f5;font-weight:700;text-align:left}.table-markeran{background-color:#fff;border-collapse:collapse;border-radius:12px;border-spacing:0;box-shadow:0 4px 10px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:20px;overflow:hidden;width:100%}.table-markeran thead th{background-color:#34495e;color:#fff;font-size:13px;font-weight:600;padding:14px;text-align:left;text-transform:uppercase}.table-markeran th:first-child{border-top-left-radius:12px}.table-markeran th:last-child{border-top-right-radius:12px}.table-markeran td{border-bottom:1px solid #eee;color:#333;font-size:14px;padding:14px 16px;vertical-align:top}.table-markeran tbody tr:nth-child(2n){background-color:#f9f9f9}.table-markeran tbody tr:hover{background-color:#f1f7ff;transition:.3s ease}tr.produk-1 td{background-color:#e0f7fa}tr.produk-2 td{background-color:#faebd4}tr.produk-3 td{background-color:#f2ebf3}tr.produk-1:hover td,tr.produk-2:hover td,tr.produk-3:hover td{background-color:#cef;transition:.3s ease}@media (max-width:768px){.table-markeran td,.table-markeran th{font-size:13px;padding:10px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.penjahit-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.penjahit-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.penjahit-table th{border:none;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:center;text-transform:uppercase}.penjahit-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.penjahit-table tbody tr:hover{background-color:#f8f9ff;box-shadow:0 2px 8px #667eea1a;transform:translateY(-1px)}.penjahit-table tbody tr:nth-child(2n){background-color:#fafbff}.penjahit-table tbody tr:nth-child(2n):hover{background-color:#f0f2ff}.penjahit-table td{border:none;color:#333;font-size:14px;padding:14px 16px;text-align:center}.modern-btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.modern-btn-primary:active{transform:translateY(0)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}.empty-state{color:#999;padding:60px 20px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;margin-top:16px}.modern-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-card{transition:all .3s ease}.modern-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.hasil-cutting-container{background:#f5f5f7;min-height:100vh;padding:20px}.hasil-cutting-header-card{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px;transition:transform .3s ease,box-shadow .3s ease}.hasil-cutting-header-title{color:#fff;font-size:28px;font-weight:700;margin:0}.hasil-cutting-header-subtitle{color:#ffffffe6;font-size:14px;margin:8px 0 0}.hasil-cutting-primary-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.hasil-cutting-primary-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.hasil-cutting-primary-button-icon{font-size:16px}.hasil-cutting-target-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:24px}.hasil-cutting-target-card{align-items:center;background:#fff;border:1px solid #d4d4d380;border-radius:14px;display:flex;gap:14px;padding:16px 18px}.hasil-cutting-target-card-icon{align-items:center;background:#fff;border-radius:999px;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.hasil-cutting-target-card-icon.daily{background:#16a34a2e}.hasil-cutting-target-card-content{flex:1 1}.hasil-cutting-target-card-label{color:#854d0e;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hasil-cutting-target-card-label.daily{color:#14532d;font-size:16px}.hasil-cutting-target-card-value{color:#854d0e;font-size:18px;font-weight:800;margin-top:4px}.hasil-cutting-target-card-value.daily{color:#14532d}.hasil-cutting-target-card-info{color:#854d0e;font-size:16px;margin-top:4px}.hasil-cutting-target-card-info.daily{color:#14532d}.hasil-cutting-target-card-status{color:#854d0e;font-size:16px;margin-top:2px}.hasil-cutting-target-card-status.daily{color:#14532d}.hasil-cutting-target-card-status-achieved{font-weight:600}.hasil-cutting-target-card-period{color:#a16207;font-size:14px;margin-top:4px}.hasil-cutting-target-card-period.daily{color:#166534;font-size:11px}.hasil-cutting-table-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px}.hasil-cutting-loading-container{padding:40px;text-align:center}.hasil-cutting-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}.hasil-cutting-loading-text{color:#667eea;font-size:14px;font-weight:500;margin-top:16px}.hasil-cutting-table-row{transition:all .2s ease}.hasil-cutting-table-no{color:#667eea;font-weight:600}.hasil-cutting-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.hasil-cutting-badge-success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d}.hasil-cutting-badge-muted{background:linear-gradient(135deg,#6c757d,#5a6268)}.hasil-cutting-table-product{color:#333;font-weight:500}.hasil-cutting-table-date{color:#666;font-size:13px}.hasil-cutting-table-date-icon{color:#667eea;margin-right:6px}.hasil-cutting-action-buttons{display:flex;gap:8px;justify-content:center}.hasil-cutting-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.hasil-cutting-action-button-info{background-color:#17a2b8;color:#fff}.hasil-cutting-action-button-info:hover{background-color:#138496;transform:scale(1.1)}.hasil-cutting-action-button-edit{background-color:#ffc107;color:#fff}.hasil-cutting-action-button-edit:hover{background-color:#e0a800;transform:scale(1.1)}.hasil-cutting-action-button-delete{background-color:#dc3545;color:#fff}.hasil-cutting-action-button-delete:hover{background-color:#c82333;transform:scale(1.1)}.hasil-cutting-pagination{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;gap:12px;justify-content:center;margin-top:24px;padding:16px}.hasil-cutting-pagination-button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.hasil-cutting-pagination-button:hover:not(:disabled){background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.hasil-cutting-pagination-button:disabled{cursor:not-allowed;opacity:.5}.hasil-cutting-pagination-info{color:#667eea;font-weight:600}.hasil-cutting-empty-state{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #667eea;border-radius:16px;padding:60px 20px;text-align:center}.hasil-cutting-empty-state-icon{font-size:64px;margin-bottom:16px}.hasil-cutting-empty-state-title{color:#667eea;font-size:20px;font-weight:600;margin:0 0 8px}.hasil-cutting-empty-state-text{color:#666;font-size:14px;margin:0}.hasil-cutting-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hasil-cutting-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow:auto;width:100%}.hasil-cutting-modal-content.detail{max-width:90%;width:1000px}.hasil-cutting-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.hasil-cutting-modal-header.detail{padding:24px 32px}.hasil-cutting-modal-title{font-size:24px;font-weight:700;margin:0}.hasil-cutting-modal-close-button{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.hasil-cutting-modal-close-button:hover{background:#ffffff4d;transform:scale(1.05)}.hasil-cutting-modal-body{padding:20px}.hasil-cutting-modal-body.detail{padding:32px}.hasil-cutting-original-data-card{background:linear-gradient(135deg,#f5f7ff,#eef2ff);border:1px solid #dce2ff;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:20px}.hasil-cutting-original-data-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.hasil-cutting-original-data-icon{font-size:18px}.hasil-cutting-original-data-title{color:#3b4783;font-weight:700}.hasil-cutting-original-data-subtitle{color:#6c7187;font-size:12px}.hasil-cutting-original-data-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:8px}.hasil-cutting-original-data-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.hasil-cutting-original-data-item.full-width{grid-column:1/-1}.hasil-cutting-original-data-label{color:#6b7280;font-size:12px}.hasil-cutting-original-data-value{color:#111827;font-weight:700}.hasil-cutting-original-data-value.catatan{color:#374151;font-weight:600}.hasil-cutting-form-group{margin-bottom:20px}.hasil-cutting-form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.hasil-cutting-form-input-wrapper{position:relative}.hasil-cutting-form-input{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.hasil-cutting-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hasil-cutting-form-input-search{padding-right:40px}.hasil-cutting-form-search-icon{color:#667eea;font-size:16px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.hasil-cutting-form-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.hasil-cutting-form-dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:all .2s ease}.hasil-cutting-form-dropdown-item:hover{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hasil-cutting-form-dropdown-item-content{align-items:center;display:flex;gap:10px}.hasil-cutting-form-dropdown-item-icon{color:#667eea;font-size:14px}.hasil-cutting-form-dropdown-item-id{color:#333;font-size:14px;font-weight:600}.hasil-cutting-form-dropdown-item-name{color:#666;font-size:12px;margin-top:2px}.hasil-cutting-form-dropdown-empty{padding:20px;text-align:center}.hasil-cutting-form-dropdown-empty-icon{color:#999;font-size:24px;margin-bottom:8px}.hasil-cutting-form-dropdown-empty-text{color:#666;font-size:14px;margin:0}.hasil-cutting-section-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.hasil-cutting-section-header-gray{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hasil-cutting-section-title{color:#fff;font-size:18px;font-weight:600;margin:0}.hasil-cutting-section-title-gray{color:#333}.hasil-cutting-section-button{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.hasil-cutting-section-button:hover{background:#ffffff4d;transform:translateY(-2px)}.hasil-cutting-section-button-gray{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a74566;color:#fff;padding:12px 32px}.hasil-cutting-section-button-gray:hover:not(:disabled){box-shadow:0 6px 20px #28a74580;transform:translateY(-2px)}.hasil-cutting-section-button-gray:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:none;cursor:not-allowed}.hasil-cutting-section-button-gray:disabled:hover{box-shadow:none;transform:none}.hasil-cutting-input-table-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px;text-align:center;transition:all .3s ease;width:100%}.hasil-cutting-input-table-input:focus{border-color:#667eea;outline:none}.hasil-cutting-input-table-display{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#495057;font-size:14px;font-weight:600;padding:10px;text-align:center}.hasil-cutting-input-table-display-weight{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.hasil-cutting-status-badge{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:12px;font-weight:600;padding:8px 12px}.hasil-cutting-status-badge-heavier{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.hasil-cutting-status-badge-lighter{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.hasil-cutting-status-badge-same{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.hasil-cutting-status-badge-empty{color:#999;font-size:12px;font-style:italic;padding:8px 12px}.hasil-cutting-delete-button{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.hasil-cutting-delete-button:hover{box-shadow:0 4px 12px #dc354566;transform:scale(1.05)}.hasil-cutting-empty-acuan{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #667eea;border-radius:12px;padding:40px;text-align:center}.hasil-cutting-empty-acuan-icon{font-size:48px;margin-bottom:16px}.hasil-cutting-empty-acuan-title{color:#667eea;font-size:16px;font-weight:600;margin:0}.hasil-cutting-empty-acuan-text{color:#666;font-size:14px;margin:8px 0 0}.hasil-cutting-error-message{background:linear-gradient(135deg,#fee,#fdd);border:2px solid #fcc;border-radius:12px;margin:20px 0;padding:40px;text-align:center}.hasil-cutting-error-icon{font-size:48px;margin-bottom:16px}.hasil-cutting-error-title{color:#dc3545;font-size:16px;font-weight:600;margin:0 0 8px}.hasil-cutting-error-text{color:#666;font-size:14px;margin:0}.hasil-cutting-warning-message{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;margin:20px 0;padding:40px;text-align:center}.hasil-cutting-warning-icon{font-size:48px;margin-bottom:16px}.hasil-cutting-warning-title{color:#856404;font-size:16px;font-weight:600;margin:0 0 8px}.hasil-cutting-warning-text{color:#856404;font-size:14px;margin:0}.hasil-cutting-detail-info-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.hasil-cutting-detail-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hasil-cutting-detail-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:all .3s ease}.hasil-cutting-detail-info-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.hasil-cutting-detail-info-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.hasil-cutting-detail-info-icon{color:#667eea;font-size:18px}.hasil-cutting-detail-info-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.hasil-cutting-detail-info-value{color:#333;font-size:18px;font-weight:700;margin:0}.hasil-cutting-detail-info-value.money{color:#667eea}.hasil-cutting-detail-section-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.hasil-cutting-detail-section-icon{color:#fff;font-size:20px}.hasil-cutting-detail-section-title{color:#fff;font-size:20px;font-weight:700;margin:0}.hasil-cutting-footer-total{font-size:16px;padding:16px;text-align:right}.hasil-cutting-footer-total-value{color:#fff;font-size:18px;font-weight:700;padding:16px;text-align:center}.hasil-cutting-save-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.distribusi-history-container{background:#f5f5f7;min-height:100vh;padding:20px}.distribusi-history-header-card{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px;transition:transform .3s ease,box-shadow .3s ease}.distribusi-history-header-title{color:#fff;font-size:28px;font-weight:700;margin:0}.distribusi-history-header-subtitle{color:#ffffffe6;font-size:14px;margin:8px 0 0}.distribusi-history-table-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px}.distribusi-history-loading-container{padding:40px;text-align:center}.distribusi-history-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}.distribusi-history-loading-text{color:#667eea;font-size:14px;font-weight:500;margin-top:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.distribusi-history-table-row{transition:all .2s ease}.distribusi-history-table-row:hover{background-color:#f8f9fa}.distribusi-history-table-no{color:#667eea;font-weight:600}.distribusi-history-table-kode{color:#333;font-weight:500}.distribusi-history-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.distribusi-history-badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.distribusi-history-badge-success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d;color:#fff}.distribusi-history-badge-info{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 2px 8px #17a2b84d;color:#fff}.distribusi-history-badge-cutting{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.distribusi-history-badge-jasa{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.distribusi-history-badge-cmt{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.distribusi-history-badge-default{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.distribusi-history-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.distribusi-history-action-button-info{background-color:#17a2b8;color:#fff}.distribusi-history-action-button-info:hover{background-color:#138496;transform:scale(1.1)}.distribusi-history-empty-state{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #667eea;border-radius:16px;padding:60px 20px;text-align:center}.distribusi-history-empty-state-icon{font-size:64px;margin-bottom:16px}.distribusi-history-empty-state-title{color:#667eea;font-size:20px;font-weight:600;margin:0 0 8px}.distribusi-history-empty-state-text{color:#666;font-size:14px;margin:0}.distribusi-history-form-group{margin-bottom:20px}.distribusi-history-form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.distribusi-history-form-input-wrapper{position:relative}.distribusi-history-form-input{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.distribusi-history-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.distribusi-history-form-search-icon{color:#667eea;font-size:16px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.distribusi-history-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.distribusi-history-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow:auto;width:100%}.distribusi-history-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.distribusi-history-modal-title{font-size:24px;font-weight:700;margin:0}.distribusi-history-modal-close-button{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.distribusi-history-modal-close-button:hover{background:#ffffff4d;transform:scale(1.05)}.distribusi-history-modal-body{padding:32px}.distribusi-history-info-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.distribusi-history-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.distribusi-history-info-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.distribusi-history-info-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.distribusi-history-info-value{color:#333;font-size:18px;font-weight:700}.distribusi-history-info-value-long{word-wrap:break-word;font-size:14px;font-weight:500;line-height:1.5}.distribusi-history-additional-info-card{background:linear-gradient(135deg,#e8f4f8,#d4e8f0);margin-top:16px}.distribusi-history-timeline-container{margin-top:32px}.distribusi-history-timeline-title{border-bottom:2px solid #e0e0e0;color:#333;font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:12px}.distribusi-history-timeline{padding-left:40px;position:relative}.distribusi-history-timeline-item{display:flex;gap:20px;margin-bottom:32px;position:relative}.distribusi-history-timeline-marker{align-items:center;display:flex;flex-direction:column;position:relative}.distribusi-history-timeline-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;width:40px;z-index:2}.distribusi-history-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);flex:1 1;margin-top:8px;min-height:40px;width:2px}.distribusi-history-timeline-content{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;padding:20px}.distribusi-history-timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.distribusi-history-timeline-time{color:#666;font-size:13px;font-weight:500}.distribusi-history-timeline-status{color:#333;font-size:14px;margin-top:8px}.distribusi-history-timeline-status strong{color:#667eea}.distribusi-history-timeline-keterangan{color:#555;font-size:14px;font-style:italic;margin-top:8px}.distribusi-history-timeline-keterangan strong{color:#667eea;font-style:normal}.distribusi-history-timeline-ref{color:#999;font-size:12px;margin-top:8px}.distribusi-history-timeline-ref strong{color:#666}@media (max-width:768px){.distribusi-history-container{padding:12px}.distribusi-history-header-card{padding:16px 20px}.distribusi-history-header-title{font-size:20px}.distribusi-history-modal-content{margin:10px;max-width:95%}.distribusi-history-modal-body{padding:20px}.distribusi-history-timeline{padding-left:20px}.distribusi-history-timeline-icon{font-size:14px;height:32px;width:32px}.distribusi-history-info-grid{grid-template-columns:1fr}}.distribusi-history-pagination{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;gap:12px;justify-content:center;margin-top:24px;padding:16px}.distribusi-history-pagination-button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.distribusi-history-pagination-button:hover:not(:disabled){background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.distribusi-history-pagination-button:disabled{cursor:not-allowed;opacity:.5}.distribusi-history-pagination-info{color:#667eea;font-weight:600}.hutang-cutting-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.hutang-cutting-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.hutang-cutting-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.hutang-cutting-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.hutang-cutting-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.hutang-cutting-search-wrapper{max-width:400px;position:relative}.hutang-cutting-search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.hutang-cutting-search-wrapper input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-cutting-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.hutang-cutting-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.hutang-cutting-table{border-collapse:collapse;width:100%}.hutang-cutting-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hutang-cutting-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.hutang-cutting-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.hutang-cutting-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.hutang-cutting-table tbody td{color:#334155;font-size:14px;padding:18px 20px}.hutang-cutting-table tbody td:first-child{color:#1e293b;font-weight:600}.hutang-cutting-price{color:#059669;font-size:15px;font-weight:600}.hutang-cutting-price.negative{color:#dc2626}.hutang-cutting-actions{align-items:center;display:flex;gap:8px}.hutang-cutting-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hutang-cutting-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.hutang-cutting-btn-add:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.hutang-cutting-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.hutang-cutting-btn-info:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hutang-cutting-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.hutang-cutting-status.belum,.hutang-cutting-status.belum-lunas{background:#fef3c7;color:#d97706}.hutang-cutting-status.lunas{background:#d1fae5;color:#059669}.hutang-cutting-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-cutting-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.hutang-cutting-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.hutang-cutting-modal-header h2{font-size:24px;font-weight:700;margin:0}.hutang-cutting-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.hutang-cutting-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.hutang-cutting-form{padding:28px}.hutang-cutting-form-group{margin-bottom:24px}.hutang-cutting-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.hutang-cutting-form-group input[type=number],.hutang-cutting-form-group input[type=text],.hutang-cutting-form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.hutang-cutting-form-group input[type=number]:focus,.hutang-cutting-form-group input[type=text]:focus,.hutang-cutting-form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-cutting-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.hutang-cutting-form-group input[type=file]:hover{background:#f1f5f9;border-color:#667eea}.hutang-cutting-checkbox-group{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.hutang-cutting-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.hutang-cutting-checkbox-group label{color:#475569;cursor:pointer;font-weight:500;margin:0}.hutang-cutting-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.hutang-cutting-btn-cancel,.hutang-cutting-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.hutang-cutting-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.hutang-cutting-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hutang-cutting-btn-submit:active{transform:translateY(0)}.hutang-cutting-btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.hutang-cutting-btn-cancel:hover{background:#e2e8f0;color:#475569}.hutang-cutting-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-cutting-detail-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.hutang-cutting-detail-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;padding:24px 28px}.hutang-cutting-detail-header h3{font-size:24px;font-weight:700;margin:0}.hutang-cutting-detail-body{padding:28px}.hutang-cutting-detail-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.hutang-cutting-detail-item{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;padding:16px}.hutang-cutting-detail-item strong{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.hutang-cutting-detail-item span{color:#1e293b;display:block;font-size:18px;font-weight:600}.hutang-cutting-history-section{margin-top:32px}.hutang-cutting-history-section h4{color:#1e293b;font-size:18px;margin-bottom:16px}.hutang-cutting-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:20px;max-width:200px;padding:10px 14px;width:100%}.hutang-cutting-history-table{border-collapse:collapse;margin-top:16px;width:100%}.hutang-cutting-history-table thead{background:#f8fafc}.hutang-cutting-history-table thead th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.hutang-cutting-history-table tbody tr{border-bottom:1px solid #f1f5f9}.hutang-cutting-history-table tbody tr:hover{background:#f8fafc}.hutang-cutting-history-table tbody td{color:#334155;font-size:14px;padding:14px 16px}.hutang-cutting-history-table tbody td a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s ease}.hutang-cutting-history-table tbody td a:hover{color:#2563eb;text-decoration:underline}.hutang-cutting-detail-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.hutang-cutting-btn-close{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.hutang-cutting-btn-close:hover{background:#e2e8f0;color:#475569}.hutang-cutting-loading{color:#64748b}.hutang-cutting-error,.hutang-cutting-loading{font-size:16px;padding:60px 20px;text-align:center}.hutang-cutting-error{background:#fef2f2;border-radius:12px;color:#dc2626;margin:20px}.hutang-cutting-empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.hutang-cutting-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.hutang-cutting-input-rupiah{position:relative}.hutang-cutting-input-rupiah:before{color:#64748b;content:"Rp";font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hutang-cutting-input-rupiah input{padding-left:48px!important}@media (max-width:768px){.hutang-cutting-container{padding:16px}.hutang-cutting-header h1{font-size:24px}.hutang-cutting-table-wrapper{overflow-x:auto}.hutang-cutting-modal-content{max-width:95%}.hutang-cutting-detail-info{grid-template-columns:1fr}}.cashboan-cutting-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.cashboan-cutting-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.cashboan-cutting-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.cashboan-cutting-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.cashboan-cutting-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.cashboan-cutting-search-wrapper{max-width:400px;position:relative}.cashboan-cutting-search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.cashboan-cutting-search-wrapper input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.cashboan-cutting-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.cashboan-cutting-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.cashboan-cutting-table{border-collapse:collapse;width:100%}.cashboan-cutting-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cashboan-cutting-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.cashboan-cutting-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.cashboan-cutting-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.cashboan-cutting-table tbody td{color:#334155;font-size:14px;padding:18px 20px}.cashboan-cutting-table tbody td:first-child{color:#1e293b;font-weight:600}.cashboan-cutting-price{color:#059669;font-size:15px;font-weight:600}.cashboan-cutting-price.negative{color:#dc2626}.cashboan-cutting-actions{align-items:center;display:flex;gap:8px}.cashboan-cutting-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.cashboan-cutting-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.cashboan-cutting-btn-add:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.cashboan-cutting-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.cashboan-cutting-btn-info:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cashboan-cutting-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.cashboan-cutting-status.belum,.cashboan-cutting-status.belum-lunas{background:#fef3c7;color:#d97706}.cashboan-cutting-status.lunas{background:#d1fae5;color:#059669}.cashboan-cutting-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cashboan-cutting-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.cashboan-cutting-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.cashboan-cutting-modal-header h2{font-size:24px;font-weight:700;margin:0}.cashboan-cutting-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.cashboan-cutting-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.cashboan-cutting-form{padding:28px}.cashboan-cutting-form-group{margin-bottom:24px}.cashboan-cutting-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.cashboan-cutting-form-group input[type=number],.cashboan-cutting-form-group input[type=text],.cashboan-cutting-form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.cashboan-cutting-form-group input[type=number]:focus,.cashboan-cutting-form-group input[type=text]:focus,.cashboan-cutting-form-group select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.cashboan-cutting-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.cashboan-cutting-form-group input[type=file]:hover{background:#f1f5f9;border-color:#3b82f6}.cashboan-cutting-checkbox-group{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.cashboan-cutting-checkbox-group input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.cashboan-cutting-checkbox-group label{color:#475569;cursor:pointer;font-weight:500;margin:0}.cashboan-cutting-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cashboan-cutting-btn-cancel,.cashboan-cutting-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.cashboan-cutting-btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.cashboan-cutting-btn-submit:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cashboan-cutting-btn-submit:active{transform:translateY(0)}.cashboan-cutting-btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.cashboan-cutting-btn-cancel:hover{background:#e2e8f0;color:#475569}.cashboan-cutting-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cashboan-cutting-detail-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.cashboan-cutting-detail-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;padding:24px 28px}.cashboan-cutting-detail-header h3{font-size:24px;font-weight:700;margin:0}.cashboan-cutting-detail-body{padding:28px}.cashboan-cutting-detail-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.cashboan-cutting-detail-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:12px;padding:16px}.cashboan-cutting-detail-item strong{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cashboan-cutting-detail-item span{color:#1e293b;display:block;font-size:18px;font-weight:600}.cashboan-cutting-history-section{margin-top:32px}.cashboan-cutting-history-section h4{color:#1e293b;font-size:18px;margin-bottom:16px}.cashboan-cutting-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:20px;max-width:200px;padding:10px 14px;width:100%}.cashboan-cutting-history-table{border-collapse:collapse;margin-top:16px;width:100%}.cashboan-cutting-history-table thead{background:#f8fafc}.cashboan-cutting-history-table thead th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.cashboan-cutting-history-table tbody tr{border-bottom:1px solid #f1f5f9}.cashboan-cutting-history-table tbody tr:hover{background:#f8fafc}.cashboan-cutting-history-table tbody td{color:#334155;font-size:14px;padding:14px 16px}.cashboan-cutting-history-table tbody td a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s ease}.cashboan-cutting-history-table tbody td a:hover{color:#2563eb;text-decoration:underline}.cashboan-cutting-detail-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.cashboan-cutting-btn-close{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cashboan-cutting-btn-close:hover{background:#e2e8f0;color:#475569}.cashboan-cutting-loading{color:#64748b}.cashboan-cutting-error,.cashboan-cutting-loading{font-size:16px;padding:60px 20px;text-align:center}.cashboan-cutting-error{background:#fef2f2;border-radius:12px;color:#dc2626;margin:20px}.cashboan-cutting-empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.cashboan-cutting-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.cashboan-cutting-input-rupiah{position:relative}.cashboan-cutting-input-rupiah:before{color:#64748b;content:"Rp";font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cashboan-cutting-input-rupiah input{padding-left:48px!important}@media (max-width:768px){.cashboan-cutting-container{padding:16px}.cashboan-cutting-header h1{font-size:24px}.cashboan-cutting-table-wrapper{overflow-x:auto}.cashboan-cutting-modal-content{max-width:95%}.cashboan-cutting-detail-info{grid-template-columns:1fr}}.pendapatan-cutting-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.pendapatan-cutting-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px 32px}.pendapatan-cutting-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.pendapatan-cutting-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.pendapatan-cutting-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.pendapatan-cutting-filter-container{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.pendapatan-cutting-filter-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.pendapatan-cutting-filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:180px}.pendapatan-cutting-filter-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-cutting-filter-group input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:10px 14px;transition:all .3s ease}.pendapatan-cutting-filter-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-cutting-btn-filter{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.pendapatan-cutting-btn-filter:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-cutting-btn-filter:active{transform:translateY(0)}.pendapatan-cutting-error,.pendapatan-cutting-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pendapatan-cutting-error{background:#fee2e2;border-radius:10px;color:#dc2626;padding:16px}.pendapatan-cutting-empty-state{color:#666;padding:60px 20px;text-align:center}.pendapatan-cutting-empty-state-icon{font-size:64px;margin-bottom:16px}.pendapatan-cutting-empty-state p{font-size:18px;margin:0}.pendapatan-cutting-table-wrapper{border-radius:12px;overflow-x:auto}.pendapatan-cutting-table{background:#fff;border-collapse:collapse;width:100%}.pendapatan-cutting-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pendapatan-cutting-table th{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pendapatan-cutting-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.pendapatan-cutting-table tbody tr:hover{background:#f8f9fa}.pendapatan-cutting-table td{color:#374151;font-size:14px;padding:16px}.pendapatan-cutting-price{color:#059669;font-size:14px;font-weight:600}.pendapatan-cutting-btn-bayar{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-bayar:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.pendapatan-cutting-btn-bayar:active{transform:translateY(0)}.pendapatan-cutting-btn-disabled{background:#e5e7eb;border:none;border-radius:8px;color:#6b7280;cursor:not-allowed;font-size:13px;font-weight:600;padding:8px 16px}.pendapatan-cutting-status-badge{border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.pendapatan-cutting-status-badge.belum-dibayar{background:#fee2e2;color:#dc2626}.pendapatan-cutting-status-badge.sudah-dibayar{background:#d1fae5;color:#059669}.pendapatan-cutting-btn-info{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-info:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pendapatan-cutting-btn-info:active{transform:translateY(0)}.pendapatan-cutting-btn-download{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-download:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pendapatan-cutting-btn-download:active{transform:translateY(0)}.pendapatan-cutting-btn-download-preview{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-cutting-btn-download-preview:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.pendapatan-cutting-btn-download-preview:active{transform:translateY(0)}.pendapatan-cutting-btn-download-preview:disabled{cursor:not-allowed;opacity:.6}.pendapatan-cutting-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pendapatan-cutting-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.pendapatan-cutting-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.pendapatan-cutting-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0}.pendapatan-cutting-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pendapatan-cutting-modal-close:hover{background:#e5e7eb;color:#374151}.pendapatan-cutting-form{display:flex;flex-direction:column;gap:20px}.pendapatan-cutting-form-group{display:flex;flex-direction:column;gap:8px}.pendapatan-cutting-form-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-cutting-form-group input[type=file],.pendapatan-cutting-form-group input[type=text]{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease}.pendapatan-cutting-form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-cutting-form-group input[readonly]{background:#f8f9fa;color:#6b7280;cursor:not-allowed}.pendapatan-cutting-checkbox-group{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:12px;transition:all .3s ease}.pendapatan-cutting-checkbox-group:hover{background:#f0f0f0;border-color:#667eea}.pendapatan-cutting-checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:10px;margin:0}.pendapatan-cutting-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.pendapatan-cutting-form-group strong{color:#1f2937;font-size:14px;font-weight:600}.pendapatan-cutting-total-transfer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:10px;padding:16px}.pendapatan-cutting-total-transfer strong{color:#0369a1;font-size:16px}.pendapatan-cutting-total-transfer input{background:#0000;border:none;color:#0369a1;font-size:18px;font-weight:700}.pendapatan-cutting-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.pendapatan-cutting-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pendapatan-cutting-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.pendapatan-cutting-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-cutting-btn-submit:active{transform:translateY(0)}.pendapatan-cutting-btn-cancel{background:#f3f4f6;color:#374151}.pendapatan-cutting-btn-cancel:hover{background:#e5e7eb}.pendapatan-cutting-action-buttons{alignitems:center;flexwrap:wrap;display:flex;gap:8px}@media (max-width:768px){.pendapatan-cutting-page{padding:16px}.pendapatan-cutting-header{padding:20px}.pendapatan-cutting-header h1{font-size:24px}.pendapatan-cutting-table-container{padding:16px}.pendapatan-cutting-filter-header{align-items:stretch;flex-direction:column}.pendapatan-cutting-filter-group{min-width:100%}.pendapatan-cutting-table-wrapper{overflow-x:scroll}.pendapatan-cutting-table{min-width:800px}.pendapatan-cutting-modal-content{margin:10px;padding:24px}.pendapatan-cutting-form-actions{flex-direction:column}.pendapatan-cutting-btn{justify-content:center;width:100%}}.spk-jasa-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1f2937;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:24px}.spk-jasa-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:24px;padding:24px 32px}.spk-jasa-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.spk-jasa-actions{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.btn-tambah,.spk-jasa-actions{align-items:center;display:flex}.btn-tambah{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;letter-spacing:.3px;padding:12px 24px;transition:all .3s ease}.btn-tambah:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.search-wrapper{flex:1 1;max-width:400px;position:relative}.search-wrapper input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 5px #00000005;color:#374151;font-family:inherit;font-size:14px;padding:12px 40px 12px 44px;transition:all .3s ease;width:100%}.search-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.search-wrapper input::placeholder{color:#9ca3af;font-weight:400}.search-icon{left:16px}.search-clear-btn,.search-icon{top:50%;transform:translateY(-50%)}.search-clear-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.search-clear-btn:hover{color:#4b5563}.status-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.status-card{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.status-card.active{sring:2px solid #667eea;background:#fdfdfe}.status-card-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.status-card-content{flex:1 1}.status-card-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.status-card-value{font-feature-settings:"tnum";color:#111827;font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;overflow:hidden}.spk-jasa-table{border-collapse:initial;border-spacing:0;width:100%}.spk-jasa-table thead{background:#f9fafb}.spk-jasa-table th{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.spk-jasa-table tbody tr{transition:background-color .2s}.spk-jasa-table tbody tr:hover{background-color:#f9fafb}.spk-jasa-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;font-weight:400;padding:16px;vertical-align:middle}.spk-jasa-table td:last-child{border-bottom:none}.spk-jasa-table td:first-child,.spk-jasa-table th:first-child{color:#6b7280;font-weight:500;text-align:center;width:60px}.spk-jasa-table td:nth-child(2){color:#111827;font-weight:600}.spk-jasa-table td:nth-child(3){font-feature-settings:"tnum";color:#4f46e5;font-family:Inter,monospace;font-variant-numeric:tabular-nums;font-weight:500}.spk-jasa-table td:nth-child(5),.spk-jasa-table td:nth-child(7),.spk-jasa-table th:nth-child(5),.spk-jasa-table th:nth-child(7){text-align:center}.spk-jasa-table td:nth-child(6){font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.spk-jasa-table th:nth-child(6){text-align:right}.spk-jasa-table td:nth-child(8),.spk-jasa-table th:nth-child(8){min-width:150px;text-align:center;white-space:nowrap}.spk-jasa-table td:nth-child(9),.spk-jasa-table th:nth-child(9){min-width:220px;text-align:center;white-space:nowrap;width:240px}.action-buttons{display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.btn-ambil,.btn-edit,.btn-selesai{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.btn-edit{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-edit:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#111827}.btn-ambil{background-color:#eff6ff;border:1px solid #0000;color:#2563eb}.btn-ambil:hover{background-color:#dbeafe;color:#1d4ed8}.btn-selesai{background-color:#ecfdf5;border:1px solid #0000;color:#059669}.btn-selesai:hover{background-color:#d1fae5;color:#047857}.pagination{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px}.pagination button{border:1px solid #e5e7eb;color:#374151;font-family:inherit;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#111827}.pagination span{color:#6b7280;font-size:13px;font-weight:500}.status-badge{border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1.5;padding:4px 12px;text-transform:uppercase}.status-badge.belum-diambil{background-color:#fffbeb;border:1px solid #fcd34d;color:#b45309}.status-badge.sudah-diambil{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.status-badge.batal-diambil{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.status-badge.selesai{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;z-index:1000}.modal-content{max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#111827}.close-button{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-button:hover{background:#e5e7eb;color:#111827}.modal-content form{padding:24px}.form-group label{color:#374151;font-size:14px}.form-group input,.form-group select{background:#f9fafb;border:1px solid #d1d5db;color:#1f2937;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;padding:14px;transition:all .3s;width:100%}.btn-submit:hover{box-shadow:0 10px 15px -3px #667eea4d;transform:translateY(-1px)}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#e5e7eb;border-radius:4px}.searchable-select-wrapper{position:relative}.dropdown-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dropdown-list li{border-radius:8px;color:#374151;cursor:pointer;font-size:13px;padding:10px 12px;transition:background .2s}.dropdown-list li:hover{background:#f3f4f6}.dropdown-list li strong{color:#111827;font-weight:600}.preview-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:24px;padding:16px}.preview-section p{color:#0c4a6e;font-size:14px;margin:4px 0}.preview-colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.color-tag{background:#fff;border:1px solid #7dd3fc;border-radius:6px;color:#0284c7;font-size:12px;font-weight:600;padding:4px 10px}.empty-state,.error-state,.loading-state{color:#6b7280;font-size:15px;padding:40px 20px;text-align:center}.error-state{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;color:#dc2626}.skeleton-text{height:16px;margin:4px 0;width:80%}.skeleton-cell{height:20px;width:100%}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hasil-jasa-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.hasil-jasa-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px 32px}.hasil-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.hasil-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.hasil-jasa-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.hasil-jasa-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.hasil-jasa-btn-add{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.hasil-jasa-btn-add:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hasil-jasa-btn-add:active{transform:translateY(0)}.hasil-jasa-search-bar{flex:1 1;max-width:400px}.hasil-jasa-search-bar input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.hasil-jasa-search-bar input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hasil-jasa-error,.hasil-jasa-loading{color:#666;font-size:16px;padding:40px;text-align:center}.hasil-jasa-error{background:#fee2e2;border-radius:10px;color:#dc2626;padding:16px}.hasil-jasa-empty-state{color:#666;padding:60px 20px;text-align:center}.hasil-jasa-empty-state-icon{font-size:64px;margin-bottom:16px}.hasil-jasa-empty-state p{font-size:18px;margin:0}.hasil-jasa-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.hasil-jasa-table{background:#fff;border-collapse:collapse;width:100%}.hasil-jasa-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.hasil-jasa-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.hasil-jasa-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.hasil-jasa-table tbody tr:hover{background:#f8f9fa}.hasil-jasa-table td{color:#374151;font-size:14px;padding:16px}.hasil-jasa-table td:first-child{color:#667eea;font-weight:600}.hasil-jasa-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hasil-jasa-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.hasil-jasa-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.hasil-jasa-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0}.hasil-jasa-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.hasil-jasa-modal-close:hover{background:#e5e7eb;color:#374151}.hasil-jasa-form{display:flex;flex-direction:column;gap:20px}.hasil-jasa-form-group{display:flex;flex-direction:column;gap:8px}.hasil-jasa-form-group label{color:#374151;font-size:14px;font-weight:600}.hasil-jasa-form-group input,.hasil-jasa-form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease}.hasil-jasa-form-group input:focus,.hasil-jasa-form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hasil-jasa-form-group input::placeholder{color:#9ca3af}.hasil-jasa-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.hasil-jasa-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.hasil-jasa-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.hasil-jasa-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hasil-jasa-btn-submit:active{transform:translateY(0)}.hasil-jasa-btn-cancel{background:#f3f4f6;color:#374151}.hasil-jasa-btn-cancel:hover{background:#e5e7eb}.hasil-jasa-price{color:#059669;font-size:14px;font-weight:600}@media (max-width:768px){.hasil-jasa-page{padding:16px}.hasil-jasa-header{padding:20px}.hasil-jasa-header h1{font-size:24px}.hasil-jasa-table-container{padding:16px}.hasil-jasa-filter-header{align-items:stretch;flex-direction:column}.hasil-jasa-search-bar{max-width:100%}.hasil-jasa-table-wrapper{overflow-x:scroll}.hasil-jasa-table{min-width:800px}.hasil-jasa-modal-content{margin:10px;padding:24px}.hasil-jasa-form-actions{flex-direction:column}.hasil-jasa-btn{justify-content:center;width:100%}}.cashboan-jasa-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.cashboan-jasa-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 10px 30px #10b9814d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.cashboan-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.cashboan-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.cashboan-jasa-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.cashboan-jasa-search-wrapper{max-width:400px;position:relative}.cashboan-jasa-search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.cashboan-jasa-search-wrapper input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;outline:none}.cashboan-jasa-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.cashboan-jasa-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.cashboan-jasa-table{border-collapse:collapse;width:100%}.cashboan-jasa-table thead{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cashboan-jasa-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.cashboan-jasa-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.cashboan-jasa-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.cashboan-jasa-table tbody td{color:#334155;font-size:14px;padding:18px 20px}.cashboan-jasa-table tbody td:first-child{color:#1e293b;font-weight:600}.cashboan-jasa-price{color:#059669;font-size:15px;font-weight:600}.cashboan-jasa-price.negative{color:#dc2626}.cashboan-jasa-actions{align-items:center;display:flex;gap:8px}.cashboan-jasa-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.cashboan-jasa-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.cashboan-jasa-btn-add:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.cashboan-jasa-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.cashboan-jasa-btn-info:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cashboan-jasa-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.cashboan-jasa-status.belum{background:#fef3c7;color:#d97706}.cashboan-jasa-status.lunas{background:#d1fae5;color:#059669}.cashboan-jasa-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cashboan-jasa-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.cashboan-jasa-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.cashboan-jasa-modal-header h2{font-size:24px;font-weight:700;margin:0}.cashboan-jasa-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.cashboan-jasa-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.cashboan-jasa-form{padding:28px}.cashboan-jasa-form-group{margin-bottom:24px}.cashboan-jasa-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.cashboan-jasa-form-group input[type=number],.cashboan-jasa-form-group input[type=text],.cashboan-jasa-form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.cashboan-jasa-form-group input[type=number]:focus,.cashboan-jasa-form-group input[type=text]:focus,.cashboan-jasa-form-group select:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;outline:none}.cashboan-jasa-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.cashboan-jasa-form-group input[type=file]:hover{background:#f1f5f9;border-color:#10b981}.cashboan-jasa-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cashboan-jasa-btn-cancel,.cashboan-jasa-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.cashboan-jasa-btn-submit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.cashboan-jasa-btn-submit:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.cashboan-jasa-btn-submit:active{transform:translateY(0)}.cashboan-jasa-btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.cashboan-jasa-btn-cancel:hover{background:#e2e8f0;color:#475569}.cashboan-jasa-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cashboan-jasa-detail-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.cashboan-jasa-detail-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.cashboan-jasa-detail-header h3{font-size:24px;font-weight:700;margin:0}.cashboan-jasa-detail-body{padding:28px}.cashboan-jasa-detail-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.cashboan-jasa-detail-item{background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;padding:16px}.cashboan-jasa-detail-item strong{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cashboan-jasa-detail-item span{color:#1e293b;display:block;font-size:18px;font-weight:600}.cashboan-jasa-history-section{margin-top:32px}.cashboan-jasa-history-section h4{color:#1e293b;font-size:18px;margin-bottom:16px}.cashboan-jasa-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:20px;max-width:200px;padding:10px 14px;width:100%}.cashboan-jasa-history-table{border-collapse:collapse;margin-top:16px;width:100%}.cashboan-jasa-history-table thead{background:#f8fafc}.cashboan-jasa-history-table thead th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.cashboan-jasa-history-table tbody tr{border-bottom:1px solid #f1f5f9}.cashboan-jasa-history-table tbody tr:hover{background:#f8fafc}.cashboan-jasa-history-table tbody td{color:#334155;font-size:14px;padding:14px 16px}.cashboan-jasa-history-table tbody td a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s ease}.cashboan-jasa-history-table tbody td a:hover{color:#2563eb;text-decoration:underline}.cashboan-jasa-detail-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.cashboan-jasa-btn-close{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cashboan-jasa-btn-close:hover{background:#e2e8f0;color:#475569}.cashboan-jasa-loading{color:#64748b}.cashboan-jasa-error,.cashboan-jasa-loading{font-size:16px;padding:60px 20px;text-align:center}.cashboan-jasa-error{background:#fef2f2;border-radius:12px;color:#dc2626;margin:20px}.cashboan-jasa-empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.cashboan-jasa-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.cashboan-jasa-input-rupiah{position:relative}.cashboan-jasa-input-rupiah:before{color:#64748b;content:"Rp";font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cashboan-jasa-input-rupiah input{padding-left:48px!important}@media (max-width:768px){.cashboan-jasa-container{padding:16px}.cashboan-jasa-header h1{font-size:24px}.cashboan-jasa-table-wrapper{overflow-x:auto}.cashboan-jasa-modal-content{max-width:95%}.cashboan-jasa-detail-info{grid-template-columns:1fr}}.hutang-jasa-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.hutang-jasa-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.hutang-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.hutang-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.hutang-jasa-filter-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:20px}.hutang-jasa-search-wrapper{max-width:400px;position:relative}.hutang-jasa-search-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.hutang-jasa-search-wrapper input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-jasa-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.hutang-jasa-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.hutang-jasa-table{border-collapse:collapse;width:100%}.hutang-jasa-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hutang-jasa-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.hutang-jasa-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.hutang-jasa-table tbody tr:hover{background:#f8fafc;transform:translateX(4px)}.hutang-jasa-table tbody td{color:#334155;font-size:14px;padding:18px 20px}.hutang-jasa-table tbody td:first-child{color:#1e293b;font-weight:600}.hutang-jasa-price{color:#059669;font-size:15px;font-weight:600}.hutang-jasa-price.negative{color:#dc2626}.hutang-jasa-actions{align-items:center;display:flex;gap:8px}.hutang-jasa-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hutang-jasa-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.hutang-jasa-btn-add:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.hutang-jasa-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.hutang-jasa-btn-info:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hutang-jasa-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.hutang-jasa-status.belum{background:#fef3c7;color:#d97706}.hutang-jasa-status.lunas{background:#d1fae5;color:#059669}.hutang-jasa-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-jasa-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.hutang-jasa-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.hutang-jasa-modal-header h2{font-size:24px;font-weight:700;margin:0}.hutang-jasa-modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.hutang-jasa-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.hutang-jasa-form{padding:28px}.hutang-jasa-form-group{margin-bottom:24px}.hutang-jasa-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.hutang-jasa-form-group input[type=number],.hutang-jasa-form-group input[type=text],.hutang-jasa-form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.hutang-jasa-form-group input[type=number]:focus,.hutang-jasa-form-group input[type=text]:focus,.hutang-jasa-form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hutang-jasa-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.hutang-jasa-form-group input[type=file]:hover{background:#f1f5f9;border-color:#667eea}.hutang-jasa-checkbox-group{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.hutang-jasa-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.hutang-jasa-checkbox-group label{color:#475569;cursor:pointer;font-weight:500;margin:0}.hutang-jasa-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.hutang-jasa-btn-cancel,.hutang-jasa-btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.hutang-jasa-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.hutang-jasa-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hutang-jasa-btn-submit:active{transform:translateY(0)}.hutang-jasa-btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.hutang-jasa-btn-cancel:hover{background:#e2e8f0;color:#475569}.hutang-jasa-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hutang-jasa-detail-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.hutang-jasa-detail-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;color:#fff;padding:24px 28px}.hutang-jasa-detail-header h3{font-size:24px;font-weight:700;margin:0}.hutang-jasa-detail-body{padding:28px}.hutang-jasa-detail-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.hutang-jasa-detail-item{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;padding:16px}.hutang-jasa-detail-item strong{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.hutang-jasa-detail-item span{color:#1e293b;display:block;font-size:18px;font-weight:600}.hutang-jasa-history-section{margin-top:32px}.hutang-jasa-history-section h4{color:#1e293b;font-size:18px;margin-bottom:16px}.hutang-jasa-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:20px;max-width:200px;padding:10px 14px;width:100%}.hutang-jasa-history-table{border-collapse:collapse;margin-top:16px;width:100%}.hutang-jasa-history-table thead{background:#f8fafc}.hutang-jasa-history-table thead th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.hutang-jasa-history-table tbody tr{border-bottom:1px solid #f1f5f9}.hutang-jasa-history-table tbody tr:hover{background:#f8fafc}.hutang-jasa-history-table tbody td{color:#334155;font-size:14px;padding:14px 16px}.hutang-jasa-history-table tbody td a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .3s ease}.hutang-jasa-history-table tbody td a:hover{color:#2563eb;text-decoration:underline}.hutang-jasa-detail-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.hutang-jasa-btn-close{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.hutang-jasa-btn-close:hover{background:#e2e8f0;color:#475569}.hutang-jasa-loading{color:#64748b}.hutang-jasa-error,.hutang-jasa-loading{font-size:16px;padding:60px 20px;text-align:center}.hutang-jasa-error{background:#fef2f2;border-radius:12px;color:#dc2626;margin:20px}.hutang-jasa-empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.hutang-jasa-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.hutang-jasa-input-rupiah{position:relative}.hutang-jasa-input-rupiah:before{color:#64748b;content:"Rp";font-weight:600;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hutang-jasa-input-rupiah input{padding-left:48px!important}@media (max-width:768px){.hutang-jasa-container{padding:16px}.hutang-jasa-header h1{font-size:24px}.hutang-jasa-table-wrapper{overflow-x:auto}.hutang-jasa-modal-content{max-width:95%}.hutang-jasa-detail-info{grid-template-columns:1fr}}.pendapatan-jasa-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.pendapatan-jasa-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px 32px}.pendapatan-jasa-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.pendapatan-jasa-header h1{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.pendapatan-jasa-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.pendapatan-jasa-filter-container{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.pendapatan-jasa-filter-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.pendapatan-jasa-filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:180px}.pendapatan-jasa-filter-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-jasa-filter-group input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:10px 14px;transition:all .3s ease}.pendapatan-jasa-filter-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-jasa-btn-filter{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.pendapatan-jasa-btn-filter:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-jasa-btn-filter:active{transform:translateY(0)}.pendapatan-jasa-error,.pendapatan-jasa-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pendapatan-jasa-error{background:#fee2e2;border-radius:10px;color:#dc2626;padding:16px}.pendapatan-jasa-empty-state{color:#666;padding:60px 20px;text-align:center}.pendapatan-jasa-empty-state-icon{font-size:64px;margin-bottom:16px}.pendapatan-jasa-empty-state p{font-size:18px;margin:0}.pendapatan-jasa-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.pendapatan-jasa-table{background:#fff;border-collapse:collapse;width:100%}.pendapatan-jasa-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.pendapatan-jasa-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pendapatan-jasa-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.pendapatan-jasa-table tbody tr:hover{background:#f8f9fa}.pendapatan-jasa-table td{color:#374151;font-size:14px;padding:16px}.pendapatan-jasa-price{color:#059669;font-size:14px;font-weight:600}.pendapatan-jasa-btn-bayar{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.pendapatan-jasa-btn-bayar:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.pendapatan-jasa-btn-bayar:active{transform:translateY(0)}.pendapatan-jasa-btn-disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.pendapatan-jasa-btn-disabled,.pendapatan-jasa-btn-download{border:none;border-radius:8px;font-size:13px;font-weight:600;padding:8px 16px}.pendapatan-jasa-btn-download{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;gap:6px;transition:all .3s ease}.pendapatan-jasa-btn-download:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pendapatan-jasa-btn-download:active{transform:translateY(0)}.pendapatan-jasa-btn-download-preview{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-jasa-btn-download-preview:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.pendapatan-jasa-btn-download-preview:active{transform:translateY(0)}.pendapatan-jasa-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pendapatan-jasa-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.pendapatan-jasa-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.pendapatan-jasa-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin:0}.pendapatan-jasa-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pendapatan-jasa-modal-close:hover{background:#e5e7eb;color:#374151}.pendapatan-jasa-form{display:flex;flex-direction:column;gap:20px}.pendapatan-jasa-form-group{display:flex;flex-direction:column;gap:8px}.pendapatan-jasa-form-group label{color:#374151;font-size:14px;font-weight:600}.pendapatan-jasa-form-group input[type=file],.pendapatan-jasa-form-group input[type=text]{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease}.pendapatan-jasa-form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pendapatan-jasa-form-group input[readonly]{background:#f8f9fa;color:#6b7280;cursor:not-allowed}.pendapatan-jasa-checkbox-group{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:12px;transition:all .3s ease}.pendapatan-jasa-checkbox-group:hover{background:#f0f0f0;border-color:#667eea}.pendapatan-jasa-checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:10px;margin:0}.pendapatan-jasa-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.pendapatan-jasa-form-group strong{color:#1f2937;font-size:14px;font-weight:600}.pendapatan-jasa-total-transfer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:10px;padding:16px}.pendapatan-jasa-total-transfer strong{color:#0369a1;font-size:16px}.pendapatan-jasa-total-transfer input{background:#0000;border:none;color:#0369a1;font-size:18px;font-weight:700}.pendapatan-jasa-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.pendapatan-jasa-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pendapatan-jasa-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.pendapatan-jasa-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pendapatan-jasa-btn-submit:active{transform:translateY(0)}.pendapatan-jasa-btn-cancel{background:#f3f4f6;color:#374151}.pendapatan-jasa-btn-cancel:hover{background:#e5e7eb}@media (max-width:768px){.pendapatan-jasa-page{padding:16px}.pendapatan-jasa-header{padding:20px}.pendapatan-jasa-header h1{font-size:24px}.pendapatan-jasa-table-container{padding:16px}.pendapatan-jasa-filter-header{align-items:stretch;flex-direction:column}.pendapatan-jasa-filter-group{min-width:100%}.pendapatan-jasa-table-wrapper{overflow-x:scroll}.pendapatan-jasa-table{min-width:800px}.pendapatan-jasa-modal-content{margin:10px;padding:24px}.pendapatan-jasa-form-actions{flex-direction:column}.pendapatan-jasa-btn{justify-content:center;width:100%}}.hpp-container{animation:fadeIn .5s ease-in;background:#f5f5f7;min-height:100vh;padding:24px}.hpp-header{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:24px;padding:32px}.hpp-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0487d8,#17457c);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0}.hpp-stats{display:flex;flex-wrap:wrap;gap:20px}.hpp-stat-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-width:120px;padding:16px 24px;text-align:center;transition:all .3s ease}.hpp-stat-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.hpp-stat-value{color:#667eea;font-size:24px;font-weight:700;margin-bottom:4px}.hpp-stat-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.hpp-filter-section{align-items:center;animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:24px}.hpp-search-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;flex:1 1;font-size:14px;min-width:250px;padding:12px 20px;transition:all .3s ease}.hpp-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hpp-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;font-size:14px;min-width:180px;padding:12px 20px;transition:all .3s ease}.hpp-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hpp-btn-primary{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.hpp-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hpp-btn-primary:active{transform:translateY(0)}.hpp-table-wrapper{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.hpp-table{border-collapse:collapse;width:100%}.hpp-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hpp-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.hpp-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.hpp-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.hpp-table td{color:#333;font-size:14px;padding:16px}.hpp-table img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.hpp-table img:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.1)}.hpp-status-badge{border:none;border-radius:20px;cursor:default;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.hpp-status-urgent{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.hpp-status-normal{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.hpp-status-sementara{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.hpp-status-fix{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d5016}.hpp-status-bermasalah{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#8b0000}.hpp-action-buttons{display:flex;gap:8px}.hpp-btn-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.hpp-btn-icon:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px) scale(1.05)}.hpp-btn-icon:active{transform:translateY(0) scale(1)}.hpp-btn-icon.info{background:linear-gradient(135deg,#17a2b8,#138496)}.hpp-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hpp-modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.hpp-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.hpp-modal-header h2{font-size:24px;font-weight:700;margin:0}.hpp-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.hpp-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.hpp-modal-body{padding:32px}.hpp-form-group{margin-bottom:24px}.hpp-form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.hpp-form-input,.hpp-form-select{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.hpp-form-input:focus,.hpp-form-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.hpp-form-input[type=file]{cursor:pointer;padding:8px}.hpp-form-image-preview{margin-top:12px}.hpp-form-image-preview img{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:120px}.hpp-komponen-section{border-top:2px solid #f0f0f0;margin-top:32px;padding-top:24px}.hpp-komponen-section h3{color:#667eea;font-size:20px;font-weight:700;margin:0 0 20px}.hpp-komponen-row{grid-gap:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px;padding:16px;transition:all .3s ease}.hpp-komponen-row:hover{background:#f0f0f0;border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.hpp-komponen-row input,.hpp-komponen-row select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:13px;padding:10px 12px;transition:all .3s ease}.hpp-komponen-row input:focus,.hpp-komponen-row select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hpp-komponen-row input[readonly]{background:#e9ecef;cursor:not-allowed}.hpp-komponen-remove-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;box-shadow:0 2px 8px #f5576c4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.hpp-komponen-remove-btn:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.hpp-komponen-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.hpp-komponen-add-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hpp-form-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.hpp-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 32px;transition:all .3s ease}.hpp-btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hpp-btn-cancel{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 32px;transition:all .3s ease}.hpp-btn-cancel:hover{background:#5a6268;transform:translateY(-2px)}.hpp-detail-modal{max-width:900px}.hpp-detail-body{padding:32px}.hpp-detail-top{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.hpp-detail-hero{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.hpp-detail-name{color:#2d2f39;font-size:22px;font-weight:800}.hpp-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.hpp-badge{border-radius:10px;box-shadow:0 2px 8px #00000014;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;text-transform:capitalize}.hpp-badge-primary{background:linear-gradient(135deg,#4facfe,#00f2fe)}.hpp-badge-success{background:linear-gradient(135deg,#28a745,#20c997)}.hpp-badge-warning{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.hpp-badge-danger{background:linear-gradient(135deg,#f093fb,#f5576c)}.hpp-badge-muted{background:#e0e0e0;color:#555}.hpp-detail-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hpp-detail-summary-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:12px 16px}.hpp-detail-summary-item.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.hpp-detail-summary-item .label{color:#6b7280;font-size:12px;margin-bottom:4px}.hpp-detail-summary-item .value{color:#2d2f39;font-size:16px;font-weight:700}.hpp-detail-summary-item.highlight .label,.hpp-detail-summary-item.highlight .value{color:#fff}.hpp-detail-summary-item .value.big{font-size:18px}.hpp-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.hpp-detail-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:12px 16px}.hpp-detail-card.full{grid-column:1/-1}.hpp-detail-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.hpp-detail-card .label{color:#6b7280;font-size:12px;margin-bottom:4px}.hpp-detail-card .value{color:#2d2f39;font-size:16px;font-weight:700}.hpp-detail-card.highlight .label,.hpp-detail-card.highlight .value{color:#fff}.hpp-detail-card .value.big{font-size:18px}.hpp-detail-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.hpp-detail-item strong{color:#667eea;font-weight:600}.hpp-detail-item span{color:#333;font-weight:500}.hpp-detail-section{border-top:2px solid #f0f0f0;margin-top:32px;padding-top:24px}.hpp-detail-section h4{color:#667eea;font-size:20px;font-weight:700;margin:0 0 20px}.hpp-komponen-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:16px;overflow:hidden;width:100%}.hpp-komponen-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hpp-komponen-table th{font-size:13px;font-weight:600;padding:14px 16px;text-align:left;text-transform:uppercase}.hpp-komponen-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px}.hpp-komponen-table tbody tr:hover{background:#f8f9fa}.hpp-detail-footer{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;padding:20px 32px}.hpp-btn-close{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.hpp-btn-close:hover{background:#5a6268;transform:translateY(-2px)}.hpp-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;font-size:16px;justify-content:center}.hpp-empty-state,.hpp-loading{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 20px}.hpp-empty-state{color:#999;text-align:center}.hpp-empty-state p{font-size:16px;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{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}}.pk-page{background:#eef2f6;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;padding:18px;width:100%}.pk-shell{background:#fff;border:1px solid #f4f6fa;border-radius:20px;box-shadow:0 20px 40px -15px #0f172a14,inset 0 0 0 1px #ffffffb3;overflow:hidden;width:100%}.pk-content{background:#fafbfc;min-width:0}.pk-topbar{background:#ffffffe6;border-bottom:1px solid #e5eaf2;min-height:86px;padding:16px 24px}.pk-title-group{align-items:center;display:flex;gap:14px}.pk-brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;box-shadow:0 8px 16px #4f46e540;color:#fff;display:inline-flex;flex-shrink:0;font-size:21px;height:46px;justify-content:center;width:46px}.pk-title-group h1{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.pk-title-group p{color:#64748b;font-size:13px;margin:4px 0 0}.pk-main{grid-gap:14px;display:grid;gap:14px;padding:20px 24px 28px}.pk-card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 8px 18px -12px #0f172a29;padding:16px}.pk-search-card{grid-gap:10px;display:grid;gap:10px}.pk-search-head h2{color:#0f172a;font-size:18px;margin:0}.pk-search-head span{color:#64748b;display:block;font-size:12px;margin-top:4px}.tracking-input-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tracking-input-modern{background:#fff;border:1px solid #d1dae8;border-radius:10px;flex:1 1;font-size:14px;height:42px;min-width:280px;outline:none;padding:0 14px;transition:all .2s ease}.tracking-input-modern:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e524}.btn-cancel,.btn-search-modern,.btn-validate,.sku-input button{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;height:42px;padding:0 16px;transition:all .2s ease}.btn-search-modern,.btn-validate,.sku-input button{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 8px 18px -12px #4f46e599;color:#fff}.btn-search-modern:hover,.btn-validate:hover,.sku-input button:hover{filter:brightness(1.02);transform:translateY(-1px)}.btn-search-modern:disabled,.btn-validate:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{background:#f1f5f9;border:1px solid #d6e0ec;color:#334155}.btn-cancel:hover{background:#e8eef6}.packing-message{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;color:#1d4ed8;font-size:12px;padding:10px 12px;white-space:pre-line}.pk-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.pk-kpi-card{background:#fff;border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 8px 18px -12px #0f172a24;padding:14px}.pk-kpi-head{align-items:center;color:#64748b;display:inline-flex;font-size:12px;font-weight:700;gap:7px}.pk-kpi-card strong{color:#0f172a;display:block;font-size:22px;font-weight:800;line-height:1.2;margin-top:8px}.pk-kpi-card small{color:#64748b;display:block;font-size:12px;margin-top:4px}.order-section h2{color:#0f172a;font-size:18px;margin:0}.pk-order-meta{color:#475569;font-size:13px;line-height:1.55;margin:8px 0 0}.pk-table-wrap{margin-top:12px;overflow-x:auto;width:100%}.packing-table{border:1px solid #e5eaf2;border-collapse:initial;border-radius:12px;border-spacing:0;min-width:1020px;overflow:hidden;width:100%}.packing-table td,.packing-table th{background:#fff;border-bottom:1px solid #edf2f8;color:#0f172a;font-size:12px;padding:10px 12px;text-align:left;vertical-align:middle}.packing-table th{background:#f8fafd;border-bottom:1px solid #e5eaf2;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.packing-table tbody tr:hover td{background:#f9fbff}.qty-cell{font-size:14px;font-weight:700;text-align:center}.qty-cell.ordered,.qty-cell.scanned{color:#2563eb}.status-ok,.status-wait{align-items:center;display:inline-flex;font-size:12px;font-weight:700;gap:6px}.status-ok{color:#059669}.status-wait{color:#64748b}.product-image{background:#fff;border:1px solid #dde5f1;border-radius:8px;height:66px;object-fit:cover;width:110px}td img.product-image{display:block;margin:0 auto}.packing-table td input{border:1px solid #d1dae8;border-radius:8px;font-size:12px;height:34px;padding:0 10px;width:120px}.packing-table td input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f;outline:none}.sku-input-wrapper{grid-gap:8px;display:grid;gap:8px;margin-top:14px}.sku-label{color:#334155;font-size:13px;font-weight:700}.sku-input{display:flex;flex-wrap:wrap;gap:8px}.sku-input input{border:1px solid #d1dae8;border-radius:10px;flex:1 1;font-size:14px;height:42px;min-width:260px;padding:0 12px}.sku-input input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f;outline:none}.packing-actions{display:flex;gap:8px;margin-top:14px}@media (max-width:1024px){.pk-kpi-grid{grid-template-columns:1fr}}@media (max-width:760px){.pk-page{padding:10px}.pk-main,.pk-topbar{padding:14px}.pk-title-group h1{font-size:21px}.pk-title-group p{font-size:12px}.sku-input input,.tracking-input-modern{min-width:0;width:100%}.packing-actions,.sku-input,.tracking-input-wrapper{align-items:stretch;flex-direction:column}}.pklog-page{background:#eef2f6;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;height:100%;overflow-y:auto;padding:18px;width:100%}.pklog-shell{background:#fff;border:1px solid #f0f3f8;border-radius:20px;box-shadow:0 20px 40px -15px #0f172a14,inset 0 0 0 1px #ffffffb3;overflow:hidden;width:100%}.pklog-content{background:#fafbfc;min-width:0}.pklog-topbar{background:#ffffffe6;border-bottom:1px solid #e5eaf2;min-height:84px;padding:16px 24px}.pklog-title-group{align-items:center;display:flex;gap:14px}.pklog-brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;box-shadow:0 8px 16px #4f46e540;color:#fff;display:inline-flex;flex-shrink:0;font-size:20px;height:46px;justify-content:center;width:46px}.pklog-title-group h1{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.pklog-title-group p{color:#64748b;font-size:12px;margin:4px 0 0}.pklog-main{display:flex;flex-direction:column;gap:14px;padding:20px 24px 28px}.pklog-card,.pklog-main{box-sizing:border-box;min-width:0;width:100%}.pklog-card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 8px 18px -12px #0f172a29;padding:16px}.pklog-table-card{padding-bottom:14px}.pklog-table-tools{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.pklog-table-tools span{color:#64748b;font-size:12px;font-weight:600}.pklog-table-tools-btns{display:inline-flex;gap:8px;margin-left:auto}.pklog-table-tools-btns button{background:#fff;border:1px solid #d1dae8;border-radius:8px;color:#334155;cursor:pointer;font-size:11px;font-weight:700;height:30px;padding:0 10px}.pklog-table-tools-btns button:hover{border-color:#4f46e5;color:#4f46e5}.pklog-filter-card{padding:14px}.pklog-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.pklog-filter-row>*{min-width:0}.pklog-filter-row input,.pklog-filter-row select{background:#fff;border:1px solid #d1dae8;border-radius:10px;color:#0f172a;font-family:inherit;font-size:12px;height:40px;padding:0 12px;transition:all .2s ease;width:100%}.pklog-filter-row input:focus,.pklog-filter-row select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f;outline:none}.pklog-filter-actions,.pklog-filter-dates,.pklog-filter-selects{grid-gap:10px;align-items:center;display:grid;gap:10px}.pklog-filter-dates{flex:1 1 260px;grid-template-columns:1fr 18px 1fr}.pklog-filter-search{flex:1 1 180px}.pklog-filter-selects{flex:1 1 240px;grid-template-columns:1fr 1fr}.pklog-filter-actions{flex:0 0 auto;grid-template-columns:138px 114px}.pklog-filter-dates input[type=date],.pklog-input-tracking{min-width:0}.pklog-dash{color:#94a3b8;font-weight:700;text-align:center}.pklog-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:7px;height:40px;justify-content:center;padding:0 14px;transition:all .2s ease}.pklog-btn:disabled{cursor:not-allowed;opacity:.65}.pklog-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 8px 16px -10px #4f46e5b3;color:#fff}.pklog-btn-primary:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-1px)}.pklog-btn-export{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.pklog-btn-export:hover:not(:disabled){background:#dcfce7}.pklog-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:12px;margin-top:10px;padding:10px 12px}.pklog-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}.pklog-kpi-card{background:#fff;border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 8px 18px -12px #0f172a24;padding:14px}.pklog-kpi-head{align-items:center;color:#64748b;display:inline-flex;font-size:11px;font-weight:700;gap:7px}.pklog-kpi-card strong{color:#0f172a;display:block;font-size:20px;font-weight:800;line-height:1.2;margin-top:8px}.pklog-kpi-card small{color:#64748b;display:block;font-size:11px;margin-top:5px}.pklog-kasir-card h3{color:#0f172a;font-size:16px;margin:0 0 12px}.pklog-kasir-wrap{overflow-x:auto;width:100%}.pklog-kasir-table{border:1px solid #e5eaf2;border-collapse:initial;border-radius:12px;border-spacing:0;min-width:420px;overflow:hidden;width:100%}.pklog-kasir-table td,.pklog-kasir-table th{background:#fff;border-bottom:1px solid #edf2f8;color:#0f172a;font-size:12px;padding:10px 12px;text-align:left}.pklog-kasir-table th{background:#f8fafd;border-bottom:1px solid #e5eaf2;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pklog-kasir-table tbody tr:hover td{background:#f9fbff}.pklog-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e5eaf2;border-radius:12px;max-width:100%;overflow-x:auto!important;overflow-y:hidden;scrollbar-gutter:stable both-edges;touch-action:pan-x pan-y;width:100%}.pklog-table-inner{min-width:0}.pklog-table{border-collapse:initial;border-spacing:0;min-width:980px!important;table-layout:auto!important;width:100%!important}.pklog-table td,.pklog-table th{background:#fff;border-bottom:1px solid #edf2f8;color:#0f172a;font-size:11px;overflow:hidden;padding:9px 8px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.pklog-table td:first-child,.pklog-table th:first-child{min-width:145px;width:16%}.pklog-table td:nth-child(2),.pklog-table th:nth-child(2){min-width:95px;width:10%}.pklog-table td:nth-child(3),.pklog-table th:nth-child(3){min-width:90px;width:10%}.pklog-table td:nth-child(4),.pklog-table th:nth-child(4){min-width:110px;width:12%}.pklog-table td:nth-child(5),.pklog-table th:nth-child(5){min-width:95px;width:10%}.pklog-table td:nth-child(6),.pklog-table th:nth-child(6){min-width:170px;width:24%}.pklog-table td:nth-child(7),.pklog-table th:nth-child(7){min-width:90px;width:9%}.pklog-table td:nth-child(8),.pklog-table th:nth-child(8){min-width:88px;width:9%}.pklog-table th{background:#f8fafd;border-bottom:1px solid #e5eaf2;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pklog-table tbody tr:hover td{background:#f9fbff}.pklog-table td:nth-child(6){line-height:1.35;white-space:normal;word-break:break-word}.pklog-table-wrap::-webkit-scrollbar{height:10px}.pklog-table-wrap::-webkit-scrollbar-track{background:#edf2f8;border-radius:10px}.pklog-table-wrap::-webkit-scrollbar-thumb{background:#c7d2e2;border-radius:10px}.pklog-table-wrap::-webkit-scrollbar-thumb:hover{background:#a9b8cf}.pklog-empty{color:#64748b;font-size:12px;padding:16px;text-align:center}.pklog-btn-detail{background:#fff;border:1px solid #d1dae8;border-radius:8px;color:#334155;cursor:pointer;font-size:10px;font-weight:700;padding:6px 8px;transition:all .2s ease;white-space:nowrap}.pklog-btn-detail:hover{background:#f8faff;border-color:#4f46e5;color:#4f46e5}.pagination{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.pagination span{color:#475569;font-size:12px;font-weight:600}.pagination button{background:#fff;border:1px solid #d1dae8;border-radius:8px;color:#334155;cursor:pointer;font-size:12px;font-weight:700;height:34px;min-width:68px;transition:all .2s ease}.pagination button:hover:not(:disabled){border-color:#4f46e5;color:#4f46e5}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pklog-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1000}.pklog-modal-content{background:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 20px 50px -15px #0f172a59;max-height:88vh;overflow:auto;padding:18px;width:min(860px,100%)}.pklog-modal-content h3{color:#0f172a;font-size:16px;margin:0 0 14px}.pklog-modal-table-wrap{border:1px solid #e5eaf2;border-radius:10px;overflow-x:auto;width:100%}.pklog-modal-table{border-collapse:initial;border-spacing:0;min-width:500px;width:100%}.pklog-modal-table td,.pklog-modal-table th{background:#fff;border-bottom:1px solid #edf2f8;font-size:12px;padding:10px 12px;text-align:left}.pklog-modal-table th{background:#f8fafd;color:#64748b;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.pklog-modal-content .pklog-btn{margin-top:14px}@media (max-width:1200px){.pklog-filter-actions,.pklog-filter-selects{grid-template-columns:1fr 1fr}}@media (max-width:900px){.pklog-page{padding:12px}.pklog-topbar{padding:14px 16px}.pklog-main{padding:14px 16px 18px}.pklog-filter-row{align-items:stretch;flex-direction:column;gap:12px}.pklog-filter-actions,.pklog-filter-dates,.pklog-filter-selects{grid-template-columns:1fr}.pklog-btn,.pklog-filter-row input,.pklog-filter-row select{width:100%}.pklog-dash{display:none}.pklog-table-tools{align-items:flex-start;flex-direction:column}.pklog-table-tools-btns{margin-left:0}}@media (max-width:640px){.pklog-kpi-grid{grid-template-columns:1fr}.pklog-title-group h1{font-size:18px}.pklog-brand-icon{font-size:17px;height:40px;width:40px}}.bahan-page{background:#fff;min-height:100vh;padding:20px}.bahan-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.bahan-header,.bahan-header-icon{align-items:center;background:#0000;display:flex}.bahan-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.bahan-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.bahan-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.bahan-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.bahan-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.bahan-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.bahan-btn-add:active{transform:translateY(0)}.bahan-search-bar{flex:1 1;max-width:400px;position:relative}.bahan-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.bahan-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.bahan-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.bahan-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.bahan-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.bahan-table thead th:first-child{border-top-left-radius:12px}.bahan-table thead th:last-child{border-top-right-radius:12px}.bahan-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.bahan-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.bahan-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.bahan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.bahan-price{color:#17457c;font-size:14px;font-weight:600}.bahan-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.bahan-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.bahan-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.bahan-btn-icon.delete{background:linear-gradient(135deg,#f44336,#c62828)}.bahan-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.bahan-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.bahan-pagination button:hover:not(:disabled){transform:translateY(-2px)}.bahan-pagination button.active,.bahan-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.bahan-pagination button:disabled{cursor:not-allowed;opacity:.5}.bahan-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.bahan-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:35px;width:100%}.bahan-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.bahan-form{grid-gap:20px;display:grid;gap:20px}.bahan-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bahan-form-group{display:flex;flex-direction:column;gap:8px}.bahan-form-group label{color:#555;font-size:14px;font-weight:600}.bahan-form-group input,.bahan-form-group select,.bahan-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.bahan-form-group input:focus,.bahan-form-group select:focus,.bahan-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.bahan-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.bahan-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.bahan-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.bahan-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.bahan-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.bahan-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.bahan-error,.bahan-loading{color:#666;font-size:16px;padding:40px;text-align:center}.bahan-error{color:#f44336}@media (max-width:1024px){.bahan-table-container{overflow-x:auto}.bahan-table{min-width:800px}}@media (max-width:768px){.bahan-header{padding:20px}.bahan-header h1{font-size:24px}.bahan-header-icon{font-size:32px;padding:12px}.bahan-filter-header{align-items:stretch;flex-direction:column}.bahan-search-bar{max-width:100%}.bahan-modal-content{padding:25px}.bahan-form-row{grid-template-columns:1fr}.bahan-form-actions{flex-direction:column}.bahan-form-actions button{width:100%}}@media (max-width:480px){.bahan-page{padding:10px}.bahan-table-container{padding:15px}.bahan-pagination{gap:5px}.bahan-pagination button{font-size:12px;padding:8px 12px}}.pembelian-bahan-page{background:#fff;min-height:100vh;padding:20px}.pembelian-bahan-header{align-items:center;background:#0000;border-radius:15px;box-shadow:none;color:#17457c;display:flex;gap:15px;margin-bottom:30px;padding:30px}.pembelian-bahan-header-icon{align-items:center;background:#0000;border-radius:12px;color:#0487d8;display:flex;font-size:42px;justify-content:center;padding:15px}.pembelian-bahan-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.pembelian-bahan-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.pembelian-bahan-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pembelian-bahan-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pembelian-bahan-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pembelian-bahan-btn-add:active{transform:translateY(0)}.pembelian-bahan-search-bar{flex:1 1;max-width:400px;position:relative}.pembelian-bahan-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.pembelian-bahan-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pembelian-bahan-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.pembelian-bahan-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.pembelian-bahan-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pembelian-bahan-table thead th:first-child{border-top-left-radius:12px}.pembelian-bahan-table thead th:last-child{border-top-right-radius:12px}.pembelian-bahan-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.pembelian-bahan-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.pembelian-bahan-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.pembelian-bahan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.pembelian-bahan-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pembelian-bahan-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.pembelian-bahan-price{color:#17457c;font-size:14px;font-weight:600}.pembelian-bahan-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.pembelian-bahan-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.pembelian-bahan-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.pembelian-bahan-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.pembelian-bahan-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.pembelian-bahan-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.pembelian-bahan-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.pembelian-bahan-pagination button:hover:not(:disabled){transform:translateY(-2px)}.pembelian-bahan-pagination button.active,.pembelian-bahan-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.pembelian-bahan-pagination button:disabled{cursor:not-allowed;opacity:.5}.pembelian-bahan-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.pembelian-bahan-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.pembelian-bahan-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.pembelian-bahan-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.pembelian-bahan-modal-header{align-items:center;border-bottom:3px solid #0487d8;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.pembelian-bahan-modal-header h2{border-bottom:none;color:#17457c;font-size:26px;font-weight:700;margin:0;padding-bottom:0}.pembelian-bahan-modal-close{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.pembelian-bahan-modal-close:hover{background:#fecaca;transform:rotate(90deg)}.pembelian-bahan-modal-body{padding:0}.pembelian-bahan-form{grid-gap:20px;display:grid;gap:20px}.pembelian-bahan-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pembelian-bahan-form-group{display:flex;flex-direction:column;gap:8px}.pembelian-bahan-form-group label{color:#555;font-size:14px;font-weight:600}.pembelian-bahan-form-group input.error{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.pembelian-bahan-form-group input,.pembelian-bahan-form-group select,.pembelian-bahan-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.pembelian-bahan-form-group input:focus,.pembelian-bahan-form-group select:focus,.pembelian-bahan-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pembelian-bahan-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.pembelian-bahan-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pembelian-bahan-warna-header h4{color:#17457c;font-size:16px;margin:0}.pembelian-bahan-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.pembelian-bahan-rol-item label{font-size:13px;min-width:120px}.pembelian-bahan-rol-item input{flex:1 1}.pembelian-bahan-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.pembelian-bahan-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.pembelian-bahan-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pembelian-bahan-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.pembelian-bahan-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.pembelian-bahan-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pembelian-bahan-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.pembelian-bahan-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.pembelian-bahan-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.pembelian-bahan-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.pembelian-bahan-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pembelian-bahan-detail-item span{color:#333;font-size:15px;font-weight:500}.pembelian-bahan-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.pembelian-bahan-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.pembelian-bahan-error,.pembelian-bahan-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pembelian-bahan-error{color:#f44336}@media (max-width:1024px){.pembelian-bahan-table-container{overflow-x:auto}.pembelian-bahan-table{min-width:1000px}}@media (max-width:768px){.pembelian-bahan-header{padding:20px}.pembelian-bahan-header h1{font-size:24px}.pembelian-bahan-header-icon{font-size:32px;padding:12px}.pembelian-bahan-filter-header{align-items:stretch;flex-direction:column}.pembelian-bahan-search-bar{max-width:100%}.pembelian-bahan-modal-content{padding:25px}.pembelian-bahan-detail-grid,.pembelian-bahan-form-row{grid-template-columns:1fr}.pembelian-bahan-form-actions{flex-direction:column}.pembelian-bahan-form-actions button{width:100%}}@media (max-width:480px){.pembelian-bahan-page{padding:10px}.pembelian-bahan-table-container{padding:15px}.pembelian-bahan-pagination{gap:5px}.pembelian-bahan-pagination button{font-size:12px;padding:8px 12px}}.pabrik-page{background:#fff;min-height:100vh;padding:20px}.pabrik-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.pabrik-header,.pabrik-header-icon{align-items:center;background:#0000;display:flex}.pabrik-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.pabrik-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.pabrik-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.pabrik-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pabrik-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pabrik-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pabrik-btn-add:active{transform:translateY(0)}.pabrik-search-bar{flex:1 1;max-width:400px;position:relative}.pabrik-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.pabrik-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pabrik-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.pabrik-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.pabrik-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pabrik-table thead th:first-child{border-top-left-radius:12px}.pabrik-table thead th:last-child{border-top-right-radius:12px}.pabrik-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.pabrik-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.pabrik-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.pabrik-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.pabrik-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pabrik-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.pabrik-price{color:#17457c;font-size:14px;font-weight:600}.pabrik-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.pabrik-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.pabrik-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.pabrik-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.pabrik-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.pabrik-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.pabrik-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.pabrik-pagination button:hover:not(:disabled){transform:translateY(-2px)}.pabrik-pagination button.active,.pabrik-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.pabrik-pagination button:disabled{cursor:not-allowed;opacity:.5}.pabrik-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.pabrik-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.pabrik-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.pabrik-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.pabrik-form{grid-gap:20px;display:grid;gap:20px}.pabrik-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pabrik-form-group{display:flex;flex-direction:column;gap:8px}.pabrik-form-group label{color:#555;font-size:14px;font-weight:600}.pabrik-form-group input,.pabrik-form-group select,.pabrik-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.pabrik-form-group input:focus,.pabrik-form-group select:focus,.pabrik-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pabrik-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.pabrik-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pabrik-warna-header h4{color:#17457c;font-size:16px;margin:0}.pabrik-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.pabrik-rol-item label{font-size:13px;min-width:120px}.pabrik-rol-item input{flex:1 1}.pabrik-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.pabrik-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.pabrik-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pabrik-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.pabrik-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.pabrik-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.pabrik-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.pabrik-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.pabrik-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.pabrik-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.pabrik-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pabrik-detail-item span{color:#333;font-size:15px;font-weight:500}.pabrik-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.pabrik-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.file-upload-wrapper{margin-top:10px}.file-upload-area{background:#f8fbff;border:2px dashed #b3d9f2;border-radius:10px;cursor:pointer;padding:30px;position:relative;text-align:center;transition:all .3s ease}.file-upload-area.has-file,.file-upload-area:hover{background:#e3f2fd;border-color:#0487d8}.file-upload-icon{color:#0487d8;font-size:32px;margin-bottom:10px}.file-upload-text{color:#17457c;font-weight:600;margin-bottom:5px}.file-upload-hint{color:#666;font-size:12px}.file-upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.uploaded-file{align-items:center;background:#e3f2fd;border-radius:8px;display:flex;gap:10px;justify-content:space-between;margin-top:15px;padding:12px}.uploaded-file-name{color:#17457c;flex:1 1;font-size:14px;font-weight:500}.file-preview{background:#f8fbff;border-radius:8px;font-size:14px;margin-top:10px;padding:10px}.file-preview a{color:#0487d8;font-weight:500;text-decoration:none}.file-preview a:hover{text-decoration:underline}.pabrik-error,.pabrik-loading{color:#666;font-size:16px;padding:40px;text-align:center}.pabrik-error{color:#f44336}@media (max-width:1024px){.pabrik-table-container{overflow-x:auto}.pabrik-table{min-width:1000px}}@media (max-width:768px){.pabrik-header{padding:20px}.pabrik-header h1{font-size:24px}.pabrik-header-icon{font-size:32px;padding:12px}.pabrik-filter-header{align-items:stretch;flex-direction:column}.pabrik-search-bar{max-width:100%}.pabrik-modal-content{padding:25px}.pabrik-detail-grid,.pabrik-form-row{grid-template-columns:1fr}.pabrik-form-actions{flex-direction:column}.pabrik-form-actions button{width:100%}}@media (max-width:480px){.pabrik-page{padding:10px}.pabrik-table-container{padding:15px}.pabrik-pagination{gap:5px}.pabrik-pagination button{font-size:12px;padding:8px 12px}}.gudang-page{background:#fff;min-height:100vh;padding:20px}.gudang-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.gudang-header,.gudang-header-icon{align-items:center;background:#0000;display:flex}.gudang-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.gudang-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.gudang-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.gudang-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.gudang-btn-add{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:10px;box-shadow:0 4px 12px #0487d84d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.gudang-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.gudang-btn-add:active{transform:translateY(0)}.gudang-search-bar{flex:1 1;max-width:400px;position:relative}.gudang-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.gudang-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.gudang-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.gudang-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.gudang-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.gudang-table thead th:first-child{border-top-left-radius:12px}.gudang-table thead th:last-child{border-top-right-radius:12px}.gudang-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.gudang-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.gudang-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.gudang-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.gudang-badge.utuh{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.gudang-badge.sisa{background:linear-gradient(135deg,#0487d8,#1976d2);color:#fff}.gudang-price{color:#17457c;font-size:14px;font-weight:600}.gudang-btn-icon{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s ease}.gudang-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.gudang-btn-icon.view{background:linear-gradient(135deg,#2196f3,#1565c0)}.gudang-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.gudang-btn-icon.delete{background:linear-gradient(135deg,#f44336,#c62828)}.gudang-btn-icon.download{background:linear-gradient(135deg,#0288d1,#01579b)}.gudang-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.gudang-pagination button{background:#fff;border:2px solid #b3d9f2;border-radius:8px;color:#17457c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.gudang-pagination button:hover:not(:disabled){transform:translateY(-2px)}.gudang-pagination button.active,.gudang-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.gudang-pagination button:disabled{cursor:not-allowed;opacity:.5}.gudang-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.gudang-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:35px;width:100%}.gudang-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.gudang-modal-content h3{color:#17457c;font-size:20px;font-weight:600;margin:25px 0 15px}.gudang-form{grid-gap:20px;display:grid;gap:20px}.gudang-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gudang-form-group{display:flex;flex-direction:column;gap:8px}.gudang-form-group label{color:#555;font-size:14px;font-weight:600}.gudang-form-group input,.gudang-form-group select,.gudang-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.gudang-form-group input:focus,.gudang-form-group select:focus,.gudang-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.gudang-warna-section{background:#e3f2fd;border:2px solid #b3d9f2;border-radius:12px;margin-top:15px;padding:20px}.gudang-warna-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.gudang-warna-header h4{color:#17457c;font-size:16px;margin:0}.gudang-rol-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.gudang-rol-item label{font-size:13px;min-width:120px}.gudang-rol-item input{flex:1 1}.gudang-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.gudang-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.gudang-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.gudang-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.gudang-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.gudang-btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.gudang-btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.gudang-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.gudang-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.gudang-detail-item{background:#e3f2fd;border-left:4px solid #0487d8;border-radius:10px;padding:15px}.gudang-detail-item strong{color:#17457c;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.gudang-detail-item span{color:#333;font-size:15px;font-weight:500}.gudang-warna-card{background:#fff;border:2px solid #b3d9f2;border-radius:12px;margin-bottom:15px;padding:18px;transition:all .3s ease}.gudang-warna-card:hover{box-shadow:0 4px 12px #0487d826;transform:translateY(-2px)}.gudang-error,.gudang-loading{color:#666;font-size:16px;padding:40px;text-align:center}.gudang-error{color:#f44336}@media (max-width:1024px){.gudang-table-container{overflow-x:auto}.gudang-table{min-width:1000px}}@media (max-width:768px){.gudang-header{padding:20px}.gudang-header h1{font-size:24px}.gudang-header-icon{font-size:32px;padding:12px}.gudang-filter-header{align-items:stretch;flex-direction:column}.gudang-search-bar{max-width:100%}.gudang-modal-content{padding:25px}.gudang-detail-grid,.gudang-form-row{grid-template-columns:1fr}.gudang-form-actions{flex-direction:column}.gudang-form-actions button{width:100%}}@media (max-width:480px){.gudang-page{padding:10px}.gudang-table-container{padding:15px}.gudang-pagination{gap:5px}.gudang-pagination button{font-size:12px;padding:8px 12px}}.seri-page{background:#f4f6f9;color:#0f172a;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;min-height:100%;width:100%}.seri-page,.seri-page *,.seri-page :after,.seri-page :before{box-sizing:border-box}.seri-page:before{background:linear-gradient(90deg,#2458ce,#6b8ff0);content:"";display:block;flex-shrink:0;height:3px}.seri-topbar{background:#fff;border-bottom:1px solid #e4e9f0;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.seri-title-group,.seri-topbar{align-items:center;display:flex}.seri-title-group{gap:12px}.brand-icon{background:linear-gradient(135deg,#2458ce,#4f79e8);border-radius:10px;box-shadow:0 4px 12px #2458ce4d;flex-shrink:0;height:40px;width:40px}.brand-text h1{color:#0f172a;font-size:18px;line-height:1.2}.brand-text p{color:#64748b;font-size:12px}.seri-actions{align-items:center;display:flex}.search-icon{color:#94a3b8;font-size:14px;left:12px;pointer-events:none}.search-bar input{background:#f8fafc;border:1px solid #dde3ed;border-radius:8px;color:#1e293b;font-size:13px;outline:none;padding:8px 12px 8px 34px;transition:border-color .2s,box-shadow .2s,background .2s;width:260px}.search-bar input::placeholder{color:#94a3b8}.search-bar input:hover{background:#fff;border-color:#b6c2d6}.search-bar input:focus{border-color:#2458ce;box-shadow:0 0 0 3px #2458ce1f}.seri-main{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;padding:20px 24px}.seri-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.seri-kpi-card{background:#fff;border:1px solid #e4e9f0;border-radius:10px;gap:12px;padding:14px 16px}.kpi-icon,.seri-kpi-card{align-items:center;display:flex}.kpi-icon{background:#edf2ff;border-radius:8px;color:#2458ce;flex-shrink:0;height:36px;justify-content:center;width:36px}.seri-kpi-card p{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.seri-kpi-card h3{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:3px 0 0}.btn-secondary-sm{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.btn-secondary-sm:hover{background:#f1f5f9;color:#111827}.modern-table th{background:#f4f7fa;border-bottom:1px solid #e2e8f0;color:#475569;letter-spacing:.06em;padding:16px 20px}.modern-table td{color:#1e293b;font-size:14.5px;padding:16px 20px}.serial-pill{align-items:center;display:inline-flex;gap:8px}.status-dot-sm{background:#4f46e5;flex-shrink:0;height:7px;width:7px}.sku-inline{align-items:center;display:inline-flex;gap:7px}.sku-chip{background:#f0f4ff;border:1px solid #ddd6fe;border-radius:6px;color:#4338ca;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.text-accent{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.btn-download-blue{align-items:center;background:#4f46e5;border:none;border-radius:8px;box-shadow:0 2px 6px #4f46e540;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.btn-download-blue:hover{background:#4338ca;box-shadow:0 4px 10px #4f46e559;transform:translateY(-1px)}.btn-download-blue:active{transform:translateY(0)}.seri-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e4e9f0;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.seri-pagination button{background:#fff;border:1px solid #d1dbe8;border-radius:6px;color:#374151;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.seri-pagination button:hover:not(:disabled){background:#edf2ff;border-color:#93aee8;color:#2458ce}.seri-pagination button:disabled{cursor:not-allowed;opacity:.45}.seri-pagination span{color:#64748b;font-size:12px;font-weight:600}.modal-overlay{inset:0;z-index:500}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;inset:0}.modal-content{border:1px solid #e4e9f0;border-radius:12px;box-shadow:0 20px 50px -10px #0f172a4d;width:min(92vw,520px);z-index:2}.modal-content-compact{width:min(88vw,400px)}.modal-header{border-bottom:1px solid #e4e9f0;gap:12px;padding:20px 22px}.modal-header h2{font-size:18px}.modal-header p{font-size:13px}.close-btn{border-radius:6px;display:inline-flex;flex-shrink:0;transition:all .2s}.close-btn:hover{color:#1e293b}.modal-form{gap:16px;padding:20px 22px}.form-group{gap:6px}.form-row{grid-gap:14px;gap:14px}.form-group label{align-items:center;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.04em;text-transform:uppercase}.form-group input,.form-group select{background:#f8fafc;border-radius:8px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:hover,.form-group select:hover{background:#fff;border-color:#b6c2d6}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#2458ce;box-shadow:0 0 0 3px #2458ce1f}.modal-footer{border-top:1px solid #e4e9f0;gap:8px;margin:0 22px 20px;padding-top:16px}.success-wrap{align-items:center;display:flex;flex-direction:column;padding:32px 24px;text-align:center}.success-icon-wrap{align-items:center;background:#ecfdf5;border-radius:50%;color:#10b981;display:flex;height:68px;justify-content:center;margin-bottom:14px;width:68px}.success-title{color:#0f172a;font-size:18px;font-weight:700;margin:0}.success-text{color:#64748b;font-size:13px;margin:6px 0 20px}.success-btn{justify-content:center;width:100%}@media (max-width:900px){.seri-kpi-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.seri-main,.seri-topbar{padding:14px 16px}.seri-kpi-grid{grid-template-columns:1fr}.search-bar,.search-bar input{width:100%}.table-header{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}}.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%}.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}}.spk-bahan-page{background:#fff;min-height:100vh;padding:20px}.spk-bahan-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.spk-bahan-header,.spk-bahan-header-icon{align-items:center;background:#0000;display:flex}.spk-bahan-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.spk-bahan-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.spk-bahan-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.spk-bahan-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.spk-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}.spk-bahan-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.spk-bahan-btn-add:active{transform:translateY(0)}.spk-bahan-search-bar{flex:1 1;max-width:400px;position:relative}.spk-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%}.spk-bahan-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-bahan-table-wrapper{overflow-x:auto}.spk-bahan-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:0;overflow:hidden;width:100%}.spk-bahan-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.spk-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}.spk-bahan-table thead th:first-child{border-top-left-radius:12px}.spk-bahan-table thead th:last-child{border-top-right-radius:12px}.spk-bahan-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.spk-bahan-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a}.spk-bahan-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.spk-bahan-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.spk-bahan-badge-pending{background:#fff3e0;color:#e65100}.spk-bahan-badge-diproses{background:#e3f2fd;color:#1565c0}.spk-bahan-badge-selesai{background:#e8f5e9;color:#2e7d32}.spk-bahan-badge-dibatalkan{background:#ffebee;color:#c62828}.spk-bahan-badge-proses{background:#e3f2fd;color:#1565c0}.spk-bahan-badge-default{background:#f5f5f5;color:#616161}.spk-bahan-cell-warna{font-size:13px;line-height:1.35;max-width:220px}.spk-bahan-warna-section{background:#f8fcff;border:2px solid #b3d9f2;border-radius:12px;padding:16px}.spk-bahan-warna-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.spk-bahan-warna-section-header label{color:#17457c;font-size:14px;font-weight:600}.spk-bahan-btn-add-row{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.spk-bahan-btn-add-row:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-1px)}.spk-bahan-warna-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 120px 44px;margin-bottom:12px}.spk-bahan-warna-row:last-of-type{margin-bottom:0}.spk-bahan-warna-jumlah input,.spk-bahan-warna-name input{border:2px solid #b3d9f2;border-radius:8px;font-size:14px;padding:10px 12px}.spk-bahan-warna-actions{align-items:center;display:flex;justify-content:center}.spk-bahan-btn-icon-remove{align-items:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;cursor:pointer;display:inline-flex;justify-content:center;padding:10px;transition:all .2s ease}.spk-bahan-btn-icon-remove:hover:not(:disabled){background:#ffcdd2}.spk-bahan-btn-icon-remove:disabled{cursor:not-allowed;opacity:.5}.spk-bahan-warna-total{border-top:1px dashed #b3d9f2;color:#17457c;font-size:14px;margin-top:12px;padding-top:12px}.spk-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}.spk-bahan-modal-content{animation:spkBahanModalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:640px;overflow-y:auto;padding:35px;width:100%}@keyframes spkBahanModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.spk-bahan-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.spk-bahan-form{display:flex;flex-direction:column;gap:20px}.spk-bahan-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.spk-bahan-form-group{display:flex;flex-direction:column;gap:8px}.spk-bahan-form-group label{color:#555;font-size:14px;font-weight:600}.spk-bahan-form-group input,.spk-bahan-form-group select{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.spk-bahan-form-group input:focus,.spk-bahan-form-group select:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.spk-bahan-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:10px;padding-top:20px}.spk-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}.spk-bahan-btn:disabled{cursor:not-allowed;opacity:.7}.spk-bahan-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.spk-bahan-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.spk-bahan-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.spk-bahan-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.spk-bahan-error,.spk-bahan-loading{color:#666;font-size:16px;padding:40px;text-align:center}.spk-bahan-error{color:#f44336}@media (max-width:768px){.spk-bahan-form-row{grid-template-columns:1fr}.spk-bahan-filter-header{align-items:stretch;flex-direction:column}.spk-bahan-search-bar{max-width:100%}.spk-bahan-table-wrapper{overflow-x:scroll}.spk-bahan-table{min-width:780px}.spk-bahan-warna-row{gap:8px;grid-template-columns:1fr 100px 40px}}.pendapatan-pabrik-page{background:#fff;min-height:100vh;padding:20px}.pendapatan-pabrik-header{align-items:center;background:#0000;border-radius:15px;box-shadow:none;color:#17457c;display:flex;gap:15px;margin-bottom:30px;padding:30px}.pendapatan-pabrik-header-icon{align-items:center;background:#0000;border-radius:12px;color:#0487d8;display:flex;font-size:42px;justify-content:center;padding:15px}.pendapatan-pabrik-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.pendapatan-pabrik-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.pendapatan-pabrik-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.pendapatan-pabrik-search-bar{flex:1 1;max-width:400px;position:relative}.pendapatan-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%}.pendapatan-pabrik-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pendapatan-pabrik-table{border-collapse:collapse;margin-top:20px;width:100%}.pendapatan-pabrik-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.pendapatan-pabrik-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.pendapatan-pabrik-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.pendapatan-pabrik-table tbody tr:hover{background:#f0f9ff}.pendapatan-pabrik-table td{color:#374151;font-size:14px;padding:15px}.pendapatan-pabrik-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.pendapatan-pabrik-badge.hutang{background:#fee2e2;color:#dc2626}.pendapatan-pabrik-badge.lunas{background:#d1fae5;color:#059669}.pendapatan-pabrik-badge.belum{background:#fef3c7;color:#d97706}.pendapatan-pabrik-price{color:#17457c;font-weight:600}.pendapatan-pabrik-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.pendapatan-pabrik-btn-icon.view{background:#3b82f6;color:#fff}.pendapatan-pabrik-btn-icon.view:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.pendapatan-pabrik-btn-icon.bayar{background:#10b981;color:#fff}.pendapatan-pabrik-btn-icon.bayar:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.pendapatan-pabrik-loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.pendapatan-pabrik-error{color:#dc2626;font-size:16px;padding:40px;text-align:center}.pendapatan-pabrik-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pendapatan-pabrik-modal-content{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.pendapatan-pabrik-modal-header{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-bottom:2px solid #e5e7eb;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.pendapatan-pabrik-modal-header h2{font-size:24px;font-weight:700;margin:0}.pendapatan-pabrik-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pendapatan-pabrik-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.pendapatan-pabrik-modal-body{padding:30px}.pendapatan-pabrik-info-card{grid-gap:20px;background:#f0f9ff;border:2px solid #b3d9f2;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px;padding:20px}.pendapatan-pabrik-info-item{display:flex;flex-direction:column;gap:8px}.pendapatan-pabrik-info-item strong{color:#17457c;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.pendapatan-pabrik-info-item span{color:#374151;font-size:18px;font-weight:600}.pendapatan-pabrik-total-hutang{color:#dc2626!important;font-size:24px!important;font-weight:700!important}.pendapatan-pabrik-detail-table-container{border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;overflow:hidden}.pendapatan-pabrik-detail-table{border-collapse:collapse;width:100%}.pendapatan-pabrik-detail-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.pendapatan-pabrik-detail-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.pendapatan-pabrik-detail-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.pendapatan-pabrik-detail-table tbody tr:hover{background:#f9fafb}.pendapatan-pabrik-detail-table td{color:#374151;font-size:14px;padding:12px 15px}.pendapatan-pabrik-form{padding:30px}.pendapatan-pabrik-form-group{margin-bottom:20px}.pendapatan-pabrik-form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.pendapatan-pabrik-form-group input[type=date],.pendapatan-pabrik-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.pendapatan-pabrik-form-group input[type=date]:focus,.pendapatan-pabrik-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.pendapatan-pabrik-form-group input[type=checkbox]{accent-color:#0487d8;cursor:pointer;height:18px;width:18px}.pendapatan-pabrik-total-section{align-items:center;background:#f0f9ff;border:2px solid #b3d9f2;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:25px 0;padding:20px}.pendapatan-pabrik-total-item{display:flex;flex-direction:column;gap:8px}.pendapatan-pabrik-total-item strong{color:#17457c;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.pendapatan-pabrik-total-item span{color:#374151;font-size:20px;font-weight:600}.pendapatan-pabrik-form-actions{background:#f9fafb;border-radius:0 0 15px 15px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:25px 30px}.pendapatan-pabrik-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.pendapatan-pabrik-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.pendapatan-pabrik-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.pendapatan-pabrik-btn-primary:disabled{cursor:not-allowed;opacity:.6}.pendapatan-pabrik-btn-secondary{background:#e5e7eb;color:#374151}.pendapatan-pabrik-btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}@media (max-width:768px){.pendapatan-pabrik-page{padding:10px}.pendapatan-pabrik-header{padding:20px}.pendapatan-pabrik-header h1{font-size:24px}.pendapatan-pabrik-table-container{padding:15px}.pendapatan-pabrik-modal-content{margin:10px;max-height:95vh}.pendapatan-pabrik-modal-header{padding:20px}.pendapatan-pabrik-modal-header h2{font-size:20px}.pendapatan-pabrik-form,.pendapatan-pabrik-modal-body{padding:20px}.pendapatan-pabrik-form-actions{flex-direction:column}.pendapatan-pabrik-btn{justify-content:center;width:100%}.pendapatan-pabrik-table{font-size:12px}.pendapatan-pabrik-table td,.pendapatan-pabrik-table th{padding:10px 8px}}.history-pendapatan-pabrik-page{background:#fff;min-height:100vh;padding:20px}.history-pendapatan-pabrik-header{align-items:center;background:#0000;border-radius:15px;box-shadow:none;color:#17457c;display:flex;gap:15px;margin-bottom:30px;padding:30px}.history-pendapatan-pabrik-header-icon{align-items:center;background:#0000;border-radius:12px;color:#0487d8;display:flex;font-size:42px;justify-content:center;padding:15px}.history-pendapatan-pabrik-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.history-pendapatan-pabrik-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.history-pendapatan-pabrik-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.history-pendapatan-pabrik-search-bar{flex:1 1;max-width:400px;position:relative}.history-pendapatan-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%}.history-pendapatan-pabrik-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.history-pendapatan-pabrik-table{border-collapse:collapse;margin-top:20px;width:100%}.history-pendapatan-pabrik-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.history-pendapatan-pabrik-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.history-pendapatan-pabrik-pagination{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.history-pendapatan-pabrik-pagination-info{color:#666;font-size:14px}.history-pendapatan-pabrik-pagination-buttons{align-items:center;display:flex;gap:10px}.history-pendapatan-pabrik-pagination-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#17457c;cursor:pointer;display:flex;gap:5px;padding:8px 16px;transition:all .2s}.history-pendapatan-pabrik-pagination-btn:hover:not(:disabled){background:#f0f8ff;border-color:#0487d8;color:#0487d8}.history-pendapatan-pabrik-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.history-pendapatan-pabrik-pagination-page{color:#17457c;font-weight:600}.history-pendapatan-pabrik-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.history-pendapatan-pabrik-table tbody tr:hover{background:#f0f9ff}.history-pendapatan-pabrik-table td{color:#374151;font-size:14px;padding:15px}.history-pendapatan-pabrik-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.history-pendapatan-pabrik-badge-info{background:#dbeafe;color:#1e40af}.history-pendapatan-pabrik-badge-success{background:#d1fae5;color:#059669}.history-pendapatan-pabrik-badge-primary{background:#e0e7ff;color:#4338ca}.history-pendapatan-pabrik-price{color:#17457c;font-weight:600}.history-pendapatan-pabrik-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.history-pendapatan-pabrik-btn-icon.view{background:#3b82f6;color:#fff}.history-pendapatan-pabrik-btn-icon.view:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.history-pendapatan-pabrik-loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.history-pendapatan-pabrik-error{color:#dc2626;font-size:16px;padding:40px;text-align:center}.history-pendapatan-pabrik-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.history-pendapatan-pabrik-modal-content{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.history-pendapatan-pabrik-modal-header{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border-bottom:2px solid #e5e7eb;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.history-pendapatan-pabrik-modal-header h2{font-size:24px;font-weight:700;margin:0}.history-pendapatan-pabrik-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.history-pendapatan-pabrik-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.history-pendapatan-pabrik-modal-body{padding:30px}.history-pendapatan-pabrik-info-card{grid-gap:20px;background:#f0f9ff;border:2px solid #b3d9f2;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px;padding:20px}.history-pendapatan-pabrik-info-item{display:flex;flex-direction:column;gap:8px}.history-pendapatan-pabrik-info-item strong{color:#17457c;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.history-pendapatan-pabrik-info-item span{color:#374151;font-size:18px;font-weight:600}.history-pendapatan-pabrik-total-bayar{color:#059669!important;font-size:24px!important;font-weight:700!important}.history-pendapatan-pabrik-detail-table-container{border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;overflow:hidden}.history-pendapatan-pabrik-detail-table{border-collapse:collapse;width:100%}.history-pendapatan-pabrik-detail-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.history-pendapatan-pabrik-detail-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.history-pendapatan-pabrik-detail-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.history-pendapatan-pabrik-detail-table tbody tr:hover{background:#f9fafb}.history-pendapatan-pabrik-detail-table td{color:#374151;font-size:14px;padding:12px 15px}.history-pendapatan-pabrik-form-actions{background:#f9fafb;border-radius:0 0 15px 15px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:25px 30px}.history-pendapatan-pabrik-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.history-pendapatan-pabrik-btn-secondary{background:#e5e7eb;color:#374151}.history-pendapatan-pabrik-btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}@media (max-width:768px){.history-pendapatan-pabrik-page{padding:10px}.history-pendapatan-pabrik-header{padding:20px}.history-pendapatan-pabrik-header h1{font-size:24px}.history-pendapatan-pabrik-table-container{padding:15px}.history-pendapatan-pabrik-modal-content{margin:10px;max-height:95vh}.history-pendapatan-pabrik-modal-header{padding:20px}.history-pendapatan-pabrik-modal-header h2{font-size:20px}.history-pendapatan-pabrik-modal-body{padding:20px}.history-pendapatan-pabrik-form-actions{flex-direction:column}.history-pendapatan-pabrik-btn{justify-content:center;width:100%}.history-pendapatan-pabrik-table{font-size:12px}.history-pendapatan-pabrik-table td,.history-pendapatan-pabrik-table th{padding:10px 8px}}:root{--ldp-bg-page:#eef2f6;--ldp-bg-shell:#fff;--ldp-bg-content:#fafbfc;--ldp-bg-card:#fff;--ldp-bg-soft:#f6f8fb;--ldp-text-main:#0f172a;--ldp-text-sub:#475569;--ldp-text-muted:#64748b;--ldp-border-soft:#e5eaf2;--ldp-border-card:#edf1f6;--ldp-brand:#4f46e5;--ldp-brand-strong:#4338ca;--ldp-brand-soft:#eef2ff;--ldp-success:#059669;--ldp-success-soft:#ecfdf5;--ldp-warning:#d97706;--ldp-warning-soft:#fff7ed;--ldp-danger:#dc2626;--ldp-danger-soft:#fef2f2;--ldp-shadow-shell:0 20px 40px -15px #0f172a14,inset 0 0 0 1px #ffffffb3;--ldp-shadow-card:0 8px 18px -12px #0f172a24}.ldp-page{background:#eef2f6;background:var(--ldp-bg-page);box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;padding:18px;width:100%}.ldp-shell{background:#fff;background:var(--ldp-bg-shell);border:1px solid #f4f6fa;border-radius:20px;box-shadow:0 20px 40px -15px #0f172a14,inset 0 0 0 1px #ffffffb3;box-shadow:var(--ldp-shadow-shell);overflow:hidden;width:100%}.ldp-content{background:#fafbfc;background:var(--ldp-bg-content);min-width:0}.ldp-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-bottom:1px solid #e5eaf2;border-bottom:1px solid var(--ldp-border-soft);gap:16px;justify-content:space-between;min-height:84px;padding:16px 28px}.ldp-title-group,.ldp-topbar{align-items:center;display:flex}.ldp-title-group{gap:14px;min-width:0}.ldp-brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--ldp-brand) 0,#6366f1 100%);border-radius:12px;box-shadow:0 8px 18px #4f46e547;color:#fff;display:inline-flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.ldp-brand-text{min-width:0}.ldp-title{color:#1e3a8a;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1;margin:0}.ldp-subtitle{color:#475569;color:var(--ldp-text-sub);font-size:13px;font-weight:500;margin:6px 0 0}.ldp-topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ldp-sync-pill{background:#f4fdf8;border:1px solid #d9f2e6;border-radius:999px;color:#0f8a57;font-size:12px;font-weight:700;height:40px;padding:0 14px}.ldp-date-control,.ldp-sync-pill{align-items:center;display:inline-flex;gap:8px}.ldp-date-control{background:#fff;border:1px solid #e5eaf2;border:1px solid var(--ldp-border-soft);border-radius:11px;box-shadow:0 4px 10px -8px #0f172a52;color:#64748b;color:var(--ldp-text-muted);height:42px;padding:0 12px}.ldp-icon-btn{align-items:center;background:#fff;border:1px solid #e5eaf2;border:1px solid var(--ldp-border-soft);border-radius:50%;color:#475569;cursor:pointer;display:inline-flex;height:42px;justify-content:center;position:relative;transition:all .2s;width:42px}.ldp-icon-btn:hover{border-color:#d3dbe8;color:#334155;transform:translateY(-1px)}.ldp-icon-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:17px;justify-content:center;min-width:17px;padding:0 4px;position:absolute;right:-2px;top:-2px}.ldp-avatar{background:linear-gradient(135deg,#c4b5fd,#6366f1);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0f172a1f;height:42px;width:42px}.ldp-date-input{background:#0000;border:none;color:#0f172a;color:var(--ldp-text-main);font-family:inherit;font-size:13px;font-weight:700;outline:none}.ldp-main{padding:22px}.ldp-container{width:100%}.ldp-main-grid,.ldp-skeleton-grid,.ldp-stat-grid,.ldp-table-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:16px}.ldp-panel-card,.ldp-stat-card{background:#fff;background:var(--ldp-bg-card);border:1px solid #edf1f6;border:1px solid var(--ldp-border-card);border-radius:18px;box-shadow:0 8px 18px -12px #0f172a24;box-shadow:var(--ldp-shadow-card)}.ldp-stat-card{display:flex;flex-direction:column;gap:10px;grid-column:span 6;min-height:170px;padding:18px}.ldp-stat-head{align-items:center;display:flex;gap:12px}.ldp-stat-icon{align-items:center;background:#eef2ff;border-radius:12px;color:#4f46e5;color:var(--ldp-brand);display:inline-flex;font-size:18px;height:42px;justify-content:center;width:42px}.ldp-stat-label{color:#334155;font-size:14px;font-weight:700}.ldp-stat-value{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1}.ldp-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.ldp-chip{background:#f8fafd;border:1px solid #d7dfeb;border-radius:999px;color:#334155;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px;transition:all .2s}.ldp-chip:hover{background:#f1f5fb;border-color:#b9c6da;transform:translateY(-1px)}.ldp-link-btn{align-self:flex-start;background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:15px;font-weight:800;margin-top:auto;padding:0}.ldp-link-btn:hover{color:#0d4da9}.ldp-stat-card-emphasis{background:linear-gradient(180deg,#f7f9ff,#eef2ff);border-color:#dde4ff}.ldp-stat-card-emphasis .ldp-stat-icon{background:#e0e7ff;color:#4f46e5}.ldp-stat-card-emphasis .ldp-progress-text,.ldp-stat-card-emphasis .ldp-stat-label,.ldp-stat-card-emphasis .ldp-stat-value{color:#1f2937}.ldp-input-wrap{margin-top:auto;position:relative}.ldp-number-input{background:#fff;border:1px solid #cfd8ea;border-radius:12px;box-sizing:border-box;color:#0f172a;font-size:22px;font-weight:800;height:50px;padding:0 14px;width:100%}.ldp-number-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124;outline:none}.ldp-number-input::placeholder{color:#94a3b8}.ldp-save-badge{background:#0f9d66;border-radius:999px;color:#fff;font-size:11px;font-weight:700;padding:4px 9px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ldp-progress-wrap{margin-top:auto}.ldp-progress-bar{background:#e8eef7;border-radius:999px;height:10px;overflow:hidden;width:100%}.ldp-progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:inherit;height:100%}.ldp-progress-text{color:#64748b;display:inline-block;font-size:12px;font-weight:700;margin-top:10px}.ldp-main-grid .ldp-panel-card:first-child{grid-column:span 8}.ldp-main-grid .ldp-panel-card:last-child{grid-column:span 4}.ldp-table-grid .ldp-panel-card{grid-column:span 6}.ldp-panel-card{padding:18px}.ldp-panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.ldp-panel-head h3{color:#1e3a8a;font-size:18px;font-weight:800;margin:0}.ldp-list{display:flex;flex-direction:column;gap:10px}.ldp-list-item{align-items:center;background:#fff;border:1px solid #e5eaf2;border:1px solid var(--ldp-border-soft);border-radius:14px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px;text-align:left;transition:all .2s;width:100%}.ldp-list-item:hover{background:#f9fbff;border-color:#ccd7e6}.ldp-list-item span{color:#0f172a;font-weight:800;white-space:nowrap}.ldp-list-left{align-items:center;display:flex;gap:10px}.ldp-list-left strong{color:#1e293b;display:block;font-size:13px}.ldp-list-left p{color:#64748b;font-size:11px;margin:3px 0 0}.ldp-pill-icon{align-items:center;border-radius:9px;display:inline-flex;height:34px;justify-content:center;width:34px}.ldp-pill-ok{background:#ecfdf5;background:var(--ldp-success-soft);color:#059669;color:var(--ldp-success)}.ldp-pill-danger{background:#fef2f2;background:var(--ldp-danger-soft);color:#dc2626;color:var(--ldp-danger)}.ldp-pill-info{background:#eff6ff;color:#2563eb}.ldp-summary-row{align-items:center;border-top:1px solid #e5eaf2;border-top:1px solid var(--ldp-border-soft);color:#475569;display:flex;font-size:13px;justify-content:space-between;margin-top:12px;padding-top:12px}.ldp-summary-row strong{color:#0f172a;font-size:14px}.ldp-warning-panel{background:#fffaf0;border-color:#f3e0b8}.ldp-warning-value{color:#b76d13;font-size:25px;font-weight:800;line-height:1.05;margin:10px 0 14px}.ldp-table-wrap{overflow-x:auto;width:100%}.ldp-table{border-collapse:initial;border-spacing:0;min-width:520px;width:100%}.ldp-table th{background:#f8fafd;border-bottom:1px solid #e5eaf2;border-bottom:1px solid var(--ldp-border-soft);color:#64748b;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:13px 14px;text-align:left;text-transform:uppercase}.ldp-table td{border-bottom:1px solid #eef3f9;color:#0f172a;font-size:12.5px;padding:13px 14px}.ldp-table tbody tr:hover td{background:#fbfdff}.ldp-table tbody tr:last-child td{border-bottom:none}.ldp-table tbody tr td:first-child{font-weight:700}.ldp-table tbody tr[onClick]{cursor:pointer}.ldp-empty-cell{color:#64748b;color:var(--ldp-text-muted);font-style:italic;text-align:center}.ldp-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;padding:5px 10px}.ldp-status-good{background:#ecfdf5;background:var(--ldp-success-soft);color:#059669;color:var(--ldp-success)}.ldp-status-warn{background:#fff7ed;background:var(--ldp-warning-soft);color:#d97706;color:var(--ldp-warning)}.ldp-footer-note{align-items:center;color:#64748b;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-top:6px}.ldp-feedback-card{background:#fff;border:1px solid #e5eaf2;border:1px solid var(--ldp-border-soft);border-radius:18px;box-shadow:0 8px 18px -12px #0f172a24;box-shadow:var(--ldp-shadow-card);display:flex;flex-direction:column;min-height:300px;padding:36px 20px;text-align:center}.ldp-feedback-card,.ldp-feedback-icon{align-items:center;justify-content:center}.ldp-feedback-icon{background:#eff6ff;border-radius:16px;color:#2563eb;display:inline-flex;font-size:26px;height:56px;margin-bottom:12px;width:56px}.ldp-feedback-card h3{color:#0f172a;font-size:20px;margin:0}.ldp-feedback-card p{color:#64748b;font-size:13px;margin:8px 0 0}.ldp-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--ldp-brand) 0,#6366f1 100%);border:none;border-radius:11px;box-shadow:0 8px 16px #4f46e547;color:#fff;cursor:pointer;font-size:13px;font-weight:700;height:42px;margin-top:16px;padding:0 18px}.ldp-btn-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);background:linear-gradient(135deg,var(--ldp-brand-strong) 0,#4f46e5 100%)}.ldp-skeleton-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.ldp-skeleton{animation:ldpShimmer 1.4s infinite;background:linear-gradient(90deg,#edf2f8 25%,#e3ebf4 50%,#edf2f8 75%);background-size:400% 100%;border-radius:12px}.ldp-skeleton-title{height:38px;width:300px}.ldp-skeleton-control{height:42px;width:240px}.ldp-skeleton-card{grid-column:span 6;height:180px}.ldp-skeleton-grid-2 .ldp-skeleton-panel{grid-column:span 6}.ldp-skeleton-panel{height:260px}@keyframes ldpShimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:1280px){.ldp-main-grid .ldp-panel-card:first-child,.ldp-main-grid .ldp-panel-card:last-child,.ldp-skeleton-card,.ldp-skeleton-grid-2 .ldp-skeleton-panel,.ldp-table-grid .ldp-panel-card{grid-column:span 12}}@media (max-width:900px){.ldp-topbar{align-items:flex-start;flex-direction:column;padding:16px}.ldp-topbar-actions{justify-content:flex-start;width:100%}.ldp-main{padding:16px}.ldp-title{font-size:21px}.ldp-main-grid .ldp-panel-card:first-child,.ldp-main-grid .ldp-panel-card:last-child,.ldp-skeleton-card,.ldp-skeleton-grid-2 .ldp-skeleton-panel,.ldp-stat-card,.ldp-table-grid .ldp-panel-card{grid-column:span 12}}.sku-page{background:#fff;min-height:100vh;padding:20px}.sku-header{border-radius:15px;box-shadow:none;color:#17457c;gap:15px;margin-bottom:30px;padding:30px}.sku-header,.sku-header-icon{align-items:center;background:#0000;display:flex}.sku-header-icon{border-radius:12px;color:#0487d8;font-size:42px;justify-content:center;padding:15px}.sku-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.sku-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.sku-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.sku-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}.sku-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.sku-btn-add:active{transform:translateY(0)}.sku-search-bar{flex:1 1;max-width:400px;position:relative}.sku-search-bar input{background:#fff;border:2px solid #b3d9f2;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.sku-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.sku-table-wrapper{overflow-x:auto}.sku-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.sku-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.sku-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.sku-table thead th:first-child{border-top-left-radius:12px}.sku-table thead th:last-child{border-top-right-radius:12px}.sku-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.sku-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a;transform:scale(1.01)}.sku-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.sku-code{color:#17457c;font-family:Courier New,monospace;font-size:15px;font-weight:600}.sku-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.sku-badge.active{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.sku-badge.inactive{background:linear-gradient(135deg,#757575,#424242);color:#fff}.sku-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}.sku-btn-icon:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-2px)}.sku-btn-icon.edit{background:linear-gradient(135deg,#4caf50,#2e7d32)}.sku-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.sku-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}.sku-pagination button:hover:not(:disabled){transform:translateY(-2px)}.sku-pagination button.active,.sku-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#0487d8,#17457c);border-color:#17457c;color:#fff}.sku-pagination button:disabled{cursor:not-allowed;opacity:.5}.sku-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}.sku-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:35px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.sku-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.sku-form{grid-gap:20px;display:grid;gap:20px}.sku-form-group{display:flex;flex-direction:column;gap:8px}.sku-form-group label{color:#555;font-size:14px;font-weight:600}.sku-form-group input,.sku-form-group select,.sku-form-group textarea{border:2px solid #b3d9f2;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.sku-form-group input:focus,.sku-form-group select:focus,.sku-form-group textarea:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.sku-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}.sku-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.sku-btn-primary:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.sku-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.sku-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.sku-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.sku-error,.sku-loading{color:#666;font-size:16px;padding:40px;text-align:center}.sku-error{color:#f44336}@media (max-width:1024px){.sku-table-container{overflow-x:auto}.sku-table{min-width:600px}}@media (max-width:768px){.sku-header{padding:20px}.sku-header h1{font-size:24px}.sku-header-icon{font-size:32px;padding:12px}.sku-filter-header{align-items:stretch;flex-direction:column}.sku-search-bar{max-width:100%}.sku-modal-content{padding:25px}.sku-form-actions{flex-direction:column}.sku-form-actions button{width:100%}}@media (max-width:480px){.sku-page{padding:10px}.sku-table-container{padding:15px}.sku-pagination{gap:5px}.sku-pagination button{font-size:12px;padding:8px 12px}}.gudang-produk-page{background:#fff;min-height:100vh;padding:20px}.gudang-produk-header{align-items:center;background:#0000;border-radius:15px;box-shadow:none;color:#17457c;display:flex;gap:15px;margin-bottom:30px;padding:30px}.gudang-produk-header-icon{align-items:center;background:#0000;border-radius:12px;color:#0487d8;display:flex;font-size:42px;justify-content:center;padding:15px}.gudang-produk-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.gudang-produk-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.gudang-produk-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.gudang-produk-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-produk-btn-add:hover{box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.gudang-produk-btn-add:active{transform:translateY(0)}.gudang-produk-search-bar{flex:1 1;max-width:400px;position:relative}.gudang-produk-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-produk-search-bar input:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.gudang-produk-table-wrapper{overflow-x:auto}.gudang-produk-table{border-collapse:initial;border-radius:12px;border-spacing:0;margin-top:0;overflow:hidden;width:100%}.gudang-produk-table thead{background:linear-gradient(135deg,#0487d8,#17457c);color:#fff}.gudang-produk-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-produk-table thead th:first-child{border-top-left-radius:12px}.gudang-produk-table thead th:last-child{border-top-right-radius:12px}.gudang-produk-table tbody tr{background:#fff;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.gudang-produk-table tbody tr:hover{background:#e3f2fd;box-shadow:0 4px 12px #0487d81a}.gudang-produk-table tbody td{color:#333;font-size:14px;padding:14px 12px;vertical-align:middle}.gudang-produk-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.gudang-produk-badge-draft{background:#fff3e0;color:#e65100}.gudang-produk-badge-terverifikasi{background:#e8f5e9;color:#2e7d32}.gudang-produk-badge-default{background:#f5f5f5;color:#616161}.gudang-produk-detail-list{display:flex;flex-direction:column;gap:4px}.gudang-produk-detail-item{font-size:13px;line-height:1.4}.gudang-produk-verifikasi-info{color:#666;font-size:12px}.gudang-produk-btn-verify{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.gudang-produk-btn-verify:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.gudang-produk-items-section{background:#f8fcff;border:2px solid #b3d9f2;border-radius:12px;padding:20px}.gudang-produk-items-section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.gudang-produk-items-section-header label{color:#17457c;font-size:15px;font-weight:600}.gudang-produk-btn-add-row{align-items:center;background:linear-gradient(135deg,#0487d8,#17457c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.gudang-produk-btn-add-row:hover{box-shadow:0 4px 12px #0487d84d;transform:translateY(-1px)}.gudang-produk-item-row{background:#fff;border:1px solid #eef2f6;border-radius:12px;box-shadow:0 4px 6px #00000005;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:24px;position:relative;transition:all .2s ease}.gudang-produk-item-row:hover{border-color:#b3d9f2;box-shadow:0 8px 15px #0000000d;transform:translateY(-2px)}.gudang-produk-item-row-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.gudang-produk-item-produk,.gudang-produk-item-qty,.gudang-produk-item-rak,.gudang-produk-item-sku{grid-column:span 1}.gudang-produk-item-foto{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-direction:row;gap:20px;grid-column:span 2;margin-top:8px;padding-top:16px}.gudang-produk-item-produk select,.gudang-produk-item-qty input,.gudang-produk-item-sku select{background-color:#fcfdfe;border:1px solid #d1e3f0;border-radius:8px;font-family:inherit;font-size:14px;height:44px;padding:10px 14px;transition:all .3s ease;width:100%}.gudang-produk-item-produk select:focus,.gudang-produk-item-qty input:focus,.gudang-produk-item-sku select:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.gudang-produk-item-foto label:first-child{min-width:80px}.gudang-produk-input-file{display:none}.gudang-produk-btn-upload{align-items:center;background:#fff;border:2px dashed #b3d9f2;border-radius:10px;box-sizing:border-box;color:#0487d8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;height:44px;justify-content:center;min-width:140px;padding:0 20px;transition:all .2s;width:auto}.gudang-produk-btn-upload:hover{background:#f0f8ff;border-color:#0487d8}.gudang-produk-preview-container{align-items:center;display:flex;height:60px;margin-top:0;width:auto}.gudang-produk-preview-img{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000000d;height:60px;object-fit:cover;width:60px}.gudang-produk-item-actions{margin-top:0;position:absolute;right:16px;top:16px}.gudang-produk-btn-icon-remove{align-items:center;background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;color:#e53935;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}@media (max-width:768px){.gudang-produk-item-row-content{grid-template-columns:1fr}.gudang-produk-item-foto,.gudang-produk-item-produk,.gudang-produk-item-qty,.gudang-produk-item-rak,.gudang-produk-item-sku{grid-column:span 1}.gudang-produk-item-foto{align-items:flex-start;flex-direction:column}.gudang-produk-btn-upload{width:100%}}.gudang-produk-verify-section{background:#f8fcff;border:2px solid #b3d9f2;border-radius:12px;padding:16px}.gudang-produk-verify-info{background:#e3f2fd;border-radius:8px;color:#1565c0;font-size:13px;line-height:1.5;margin-bottom:16px;padding:12px}.gudang-produk-verify-row{grid-gap:12px;align-items:center;background:#fff;border:2px solid #b3d9f2;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 150px auto;margin-bottom:12px;padding:12px}.gudang-produk-verify-row:last-of-type{margin-bottom:0}.gudang-produk-verify-row.match{background:#e8f5e9;border-color:#4caf50}.gudang-produk-verify-row.mismatch{background:#fff3e0;border-color:#ff9800}.gudang-produk-verify-sku{display:flex;flex-direction:column;gap:4px}.gudang-produk-verify-acuan{color:#666;font-size:12px}.gudang-produk-verify-qty input{border:2px solid #b3d9f2;border-radius:8px;font-size:14px;padding:10px 12px}.gudang-produk-match-indicator{color:#2e7d32;font-size:13px;font-weight:600}.gudang-produk-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-produk-modal-content{animation:gudangProdukModalSlideIn .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 gudangProdukModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.gudang-produk-modal-content h2{border-bottom:3px solid #0487d8;color:#17457c;font-size:26px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.gudang-produk-form{display:flex;flex-direction:column;gap:20px}.gudang-produk-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.gudang-produk-form-group{display:flex;flex-direction:column;gap:8px}.gudang-produk-form-group label{color:#555;font-size:14px;font-weight:600}.gudang-produk-form-group input,.gudang-produk-form-group select{border:2px solid #b3d9f2;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.gudang-produk-form-group input:focus,.gudang-produk-form-group select:focus{border-color:#0487d8;box-shadow:0 0 0 3px #0487d81a;outline:none}.gudang-produk-form-actions{border-top:2px solid #b3d9f2;display:flex;gap:15px;justify-content:flex-end;margin-top:10px;padding-top:20px}.gudang-produk-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-produk-btn:disabled{cursor:not-allowed;opacity:.7}.gudang-produk-btn-primary{background:linear-gradient(135deg,#0487d8,#17457c);box-shadow:0 4px 12px #0487d84d;color:#fff}.gudang-produk-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0487d866;transform:translateY(-2px)}.gudang-produk-btn-secondary{background:linear-gradient(135deg,#757575,#424242);box-shadow:0 4px 12px #0003;color:#fff}.gudang-produk-btn-secondary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.gudang-produk-error,.gudang-produk-loading{color:#666;font-size:16px;padding:40px;text-align:center}.gudang-produk-error{color:#f44336}@media (max-width:768px){.gudang-produk-form-row{grid-template-columns:1fr}.gudang-produk-filter-header{align-items:stretch;flex-direction:column}.gudang-produk-search-bar{max-width:100%}.gudang-produk-table-wrapper{overflow-x:scroll}.gudang-produk-table{min-width:1000px}.gudang-produk-item-row{gap:12px;grid-template-columns:1fr}.gudang-produk-item-actions{align-items:flex-start;justify-content:flex-start}.gudang-produk-verify-row{gap:8px;grid-template-columns:1fr}}.gudang-produk-rak-info{color:#1976d2;font-size:12px;font-weight:500;margin-left:4px}.stok-gudang-produk-page{background:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:24px}.stok-gudang-produk-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;color:#1e293b;display:flex;gap:20px;margin-bottom:24px;padding:24px 32px}.stok-gudang-produk-header-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:14px;box-shadow:0 4px 12px #0ea5e940;color:#fff;display:flex;font-size:32px;justify-content:center;padding:16px}.stok-gudang-produk-header h1{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.sgp-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.sgp-summary-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:20px;padding:24px;transition:transform .2s}.sgp-summary-card:hover{transform:translateY(-2px)}.sgp-card-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.sgp-card-icon.blue{background:#e0f2fe;color:#0284c7}.sgp-card-icon.green{background:#dcfce7;color:#16a34a}.sgp-card-icon.purple{background:#f3e8ff;color:#9333ea}.sgp-card-info{display:flex;flex-direction:column}.sgp-card-value{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2}.sgp-card-label{color:#64748b;font-size:14px;font-weight:500}.sgp-controls-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;padding:20px}.sgp-filter-bar{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:20px}.sgp-filter-group{align-items:center;display:flex;gap:10px}.sgp-input,.sgp-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.sgp-input:focus,.sgp-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.sgp-input.small{width:100px}.sgp-btn-apply{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.sgp-btn-apply:hover{background:#0284c7}.sgp-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.sgp-view-toggle{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.sgp-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s}.sgp-view-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#0ea5e9}.stok-gudang-produk-search-bar input{border:1px solid #cbd5e1;border-radius:10px;font-size:14px;padding:10px 16px;width:300px}.stok-gudang-produk-table-container{background:#0000;border-radius:0;box-shadow:none;padding:0}.stok-gudang-produk-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.stok-gudang-produk-table{border-collapse:collapse;width:100%}.stok-gudang-produk-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.stok-gudang-produk-table thead th{color:#475569;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-transform:uppercase;transition:background .2s;-webkit-user-select:none;user-select:none}.stok-gudang-produk-table thead th:hover{background:#f1f5f9;color:#0ea5e9}.stok-gudang-produk-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.stok-gudang-produk-table tbody tr:last-child{border-bottom:none}.stok-gudang-produk-table tbody td{color:#333;font-size:14px;padding:10px 16px;vertical-align:middle}.stok-gudang-produk-produk-header:hover{background:#f8fafc!important}.sort-icon{color:#94a3b8;margin-left:6px;vertical-align:middle}.sort-icon.active{color:#0ea5e9}.sgp-grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sgp-grid-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.sgp-grid-card:hover{border-color:#bae6fd;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.sgp-grid-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px}.sgp-grid-img{border:1px solid #f1f5f9;border-radius:10px;height:64px;object-fit:cover;width:64px}.sgp-grid-title h3{color:#1e293b;font-size:16px;line-height:1.4;margin:0 0 4px}.sgp-grid-subtitle{color:#64748b;font-size:13px}.sgp-grid-body{flex:1 1;padding:16px}.sgp-grid-stats{display:flex;justify-content:space-between;margin-bottom:16px}.sgp-stat-item{text-align:center}.sgp-stat-label{color:#94a3b8;display:block;font-size:12px;margin-bottom:4px}.sgp-stat-val{color:#334155;font-weight:700}.sgp-grid-raks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.sgp-grid-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 16px}.sgp-btn-detail{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.sgp-btn-detail:hover{border-color:#0ea5e9;color:#0ea5e9}.sgp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sgp-modal-content{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sgp-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.sgp-modal-header h2{color:#0f172a;font-size:20px;margin:0}.sgp-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:background .2s}.sgp-modal-close:hover{background:#e2e8f0;color:#ef4444}.sgp-modal-body{overflow-y:auto;padding:24px}.sgp-modal-sku-list{display:flex;flex-direction:column;gap:12px}.sgp-sku-item{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px}.sgp-sku-img{background:#f1f5f9;border-radius:8px;height:60px;object-fit:cover;width:60px}.sgp-sku-info{flex:1 1}.sgp-sku-title{color:#334155;display:block;font-weight:600}.sgp-sku-code{color:#94a3b8;font-size:13px}.stok-gudang-produk-pagination{background:#0000;border:none;box-shadow:none;margin-top:0;padding:20px 0 0}.stok-gudang-produk-error,.stok-gudang-produk-loading{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px}.picking-queue-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.page-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.batch-pick-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.batch-pick-form{max-width:500px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.input-group{display:flex;gap:10px}.form-control{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;padding:10px}.btn-batch-process{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-batch-process:hover{background-color:#0056b3}.btn-batch-process:disabled{background-color:#ccc;cursor:not-allowed}.table-responsive{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.picking-table{border-collapse:collapse;width:100%}.picking-table td,.picking-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.picking-table th{background-color:#f1f1f1;color:#555;font-weight:600}.picking-table tr:hover{background-color:#f9f9f9}.btn-mark-picked{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.btn-mark-picked:hover{background-color:#218838}.loading,.text-center{text-align:center}.loading{color:#666;font-size:18px;padding:20px}.cutting-dashboard-page{background:#f4f6fb;box-sizing:border-box;color:#111827;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px 32px 32px}.cutting-dashboard-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.cutting-dashboard-title h1{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.03em;margin:0}.cutting-dashboard-date{align-items:center;color:#64748b;display:inline-flex;font-size:14px;gap:8px;margin-top:6px}.cutting-dashboard-date svg{color:#0ea5e9}.cutting-dashboard-controls{align-items:center;display:flex;gap:16px}.cutting-date-filter{align-items:center;background:#fff;border:1px solid #94a3b899;border-radius:999px;box-shadow:0 1px 2px #0f172a0f;color:#0f172a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.cutting-date-filter:hover{border-color:#0ea5e9}.cutting-tab-group{align-items:center;background:#e5edff;border-radius:999px;display:inline-flex;padding:4px}.cutting-tab{background:#0000;border:none;border-radius:999px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px}.cutting-tab-active{background:#2563eb;box-shadow:0 6px 16px #2563eb59;color:#fff}.cutting-dashboard-error{background:#f8717114;border:1px solid #f8717199;border-radius:12px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 14px}.cutting-dashboard-top-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.cutting-dashboard-bottom-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.5fr 2fr 1.4fr}.cutting-card{background:#fff;border:1px solid #94a3b829;border-radius:18px;box-shadow:0 14px 30px #0f172a0a;box-sizing:border-box;padding:18px 18px 20px}.cutting-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cutting-card-label{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cutting-card-main-value{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.04em}.cutting-card-sub{color:#6b7280;font-size:13px;margin-top:6px}.cutting-card-status-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:18px}.cutting-card-status-item{align-items:center;color:#4b5563;display:flex;font-size:12px;gap:6px}.cutting-progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-top:14px;overflow:hidden;width:100%}.cutting-progress-bar-week{background:#e0f2fe}.cutting-progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:999px;height:100%;transition:width .3s ease}.cutting-progress-bar-fill-week{background:linear-gradient(90deg,#22c55e,#0ea5e9);border-radius:999px;height:100%;transition:width .3s ease}.cutting-card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cutting-link-button{background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;padding:0}.cutting-deadline-list{display:flex;flex-direction:column;gap:10px}.cutting-deadline-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;justify-content:space-between;padding:10px 12px}.cutting-deadline-main{display:flex;flex-direction:column;gap:2px}.cutting-deadline-id{color:#ef4444;font-size:13px;font-weight:700}.cutting-deadline-product{color:#0f172a;font-size:13px}.cutting-deadline-meta{align-items:center;display:flex}.cutting-card-chart{display:flex;flex-direction:column}.cutting-chart-wrapper{height:230px;margin-top:8px;position:relative}.cutting-empty-text{align-items:center;color:#9ca3af;display:flex;font-size:13px;height:100%;justify-content:center}.cutting-card-status{display:flex;flex-direction:column}.cutting-status-content{align-items:center;display:flex;gap:18px;justify-content:flex-start;margin-top:10px}.cutting-status-chart{height:130px;position:relative;width:130px}.cutting-status-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.cutting-status-center-value{color:#0f172a;font-size:20px;font-weight:800}.cutting-status-center-label{color:#6b7280;font-size:11px}.cutting-status-legend{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.cutting-status-legend-item{align-items:center;display:flex;gap:10px}.cutting-status-legend-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.cutting-status-legend-text span:first-child{color:#111827;font-size:13px;font-weight:600}.cutting-status-legend-sub{color:#6b7280;font-size:11px}.cutting-status-legend-value{color:#0f172a;font-size:13px;font-weight:700}.cutting-performance-section{align-items:stretch;display:flex;gap:18px;margin-top:24px}.cutting-card-performance{flex:3 1;margin:0;max-width:none;padding-bottom:20px;padding-top:18px;position:relative}.cutting-card-income{flex:2 1;margin:0;max-width:420px}@media (max-width:1100px){.cutting-dashboard-bottom-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.cutting-card-status{grid-column:span 2}.cutting-performance-section{flex-direction:column}.cutting-card-income{max-width:none}}@media (max-width:900px){.cutting-dashboard-page{padding:16px}.cutting-dashboard-header{align-items:flex-start;flex-direction:column}.cutting-dashboard-controls{align-self:stretch;justify-content:space-between}.cutting-dashboard-bottom-grid,.cutting-dashboard-top-grid{grid-template-columns:1fr}.cutting-card-status{grid-column:auto}}.jasa-dashboard-page{background:#f4f6fb;box-sizing:border-box;color:#111827;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px 32px 32px}.jasa-dashboard-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.jasa-dashboard-title h1{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.03em;margin:0}.jasa-dashboard-date{align-items:center;color:#64748b;display:inline-flex;font-size:14px;gap:8px;margin-top:6px}.jasa-dashboard-date svg{color:#0ea5e9}.jasa-dashboard-controls{align-items:center;display:flex;gap:16px}.jasa-date-filter{align-items:center;background:#fff;border:1px solid #94a3b899;border-radius:999px;box-shadow:0 1px 2px #0f172a0f;color:#0f172a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.jasa-date-filter:hover{border-color:#0ea5e9}.jasa-tab-group{align-items:center;background:#e5edff;border-radius:999px;display:inline-flex;padding:4px}.jasa-tab{background:#0000;border:none;border-radius:999px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px}.jasa-tab-active{background:#2563eb;box-shadow:0 6px 16px #2563eb59;color:#fff}.jasa-dashboard-error{background:#f8717114;border:1px solid #f8717199;border-radius:12px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 14px}.jasa-dashboard-top-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.jasa-dashboard-bottom-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.5fr 2fr 1.4fr}.jasa-card{background:#fff;border:1px solid #94a3b829;border-radius:18px;box-shadow:0 14px 30px #0f172a0a;box-sizing:border-box;padding:18px 18px 20px}.jasa-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.jasa-card-label{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.jasa-card-main-value{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.04em}.jasa-card-sub{color:#6b7280;font-size:13px;margin-top:6px}.jasa-card-status-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:18px}.jasa-card-status-item{align-items:center;color:#4b5563;display:flex;font-size:12px;gap:6px}.status-dot{border-radius:999px;height:10px;width:10px}.status-dot-orange{background:#f97316}.status-dot-blue{background:#0ea5e9}.status-dot-green{background:#22c55e}.status-name{font-weight:500}.status-value{font-weight:700;margin-left:4px}.jasa-progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-top:14px;overflow:hidden;width:100%}.jasa-progress-bar-week{background:#e0f2fe}.jasa-progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#22c55e)}.jasa-progress-bar-fill,.jasa-progress-bar-fill-week{border-radius:999px;height:100%;transition:width .3s ease}.jasa-progress-bar-fill-week{background:linear-gradient(90deg,#22c55e,#0ea5e9)}.jasa-card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.jasa-link-button{background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;padding:0}.jasa-deadline-list{display:flex;flex-direction:column;gap:10px}.jasa-deadline-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;justify-content:space-between;padding:10px 12px}.jasa-deadline-main{display:flex;flex-direction:column;gap:2px}.jasa-deadline-id{color:#ef4444;font-size:13px;font-weight:700}.jasa-deadline-product{color:#0f172a;font-size:13px}.jasa-deadline-meta{align-items:center;display:flex}.deadline-badge-danger{background:#fee2e2;color:#b91c1c}.deadline-badge-danger,.deadline-badge-warning{border-radius:999px;font-size:11px;font-weight:700;padding:4px 10px}.deadline-badge-warning{background:#fef3c7;color:#b45309}.deadline-badge-safe{background:#dcfce7;color:#166534;font-weight:700}.deadline-badge-neutral,.deadline-badge-safe{border-radius:999px;font-size:11px;padding:4px 10px}.deadline-badge-neutral{background:#e5e7eb;color:#4b5563;font-weight:600}.jasa-card-chart{display:flex;flex-direction:column}.jasa-chart-wrapper{height:230px;margin-top:8px;position:relative}.jasa-empty-text{align-items:center;color:#9ca3af;display:flex;font-size:13px;height:100%;justify-content:center}.jasa-card-status{display:flex;flex-direction:column}.jasa-status-content{align-items:center;display:flex;gap:18px;justify-content:flex-start;margin-top:10px}.jasa-status-chart{height:130px;position:relative;width:130px}.jasa-status-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.jasa-status-center-value{color:#0f172a;font-size:20px;font-weight:800}.jasa-status-center-label{color:#6b7280;font-size:11px}.jasa-status-legend{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.jasa-status-legend-item{align-items:center;display:flex;gap:10px}.jasa-status-legend-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.jasa-status-legend-text span:first-child{color:#111827;font-size:13px;font-weight:600}.jasa-status-legend-sub{color:#6b7280;font-size:11px}.jasa-status-legend-value{color:#0f172a;font-size:13px;font-weight:700}.jasa-performance-section{align-items:stretch;display:flex;gap:18px;margin-top:24px}.jasa-card-performance{flex:3 1;margin:0;max-width:none;padding-bottom:20px;padding-top:18px;position:relative}.jasa-card-income{flex:2 1;margin:0;max-width:420px}.performance-header-row{margin-bottom:10px}.performance-filter-pill{align-items:center;background:#f3f4ff;border:1px solid #d1d5ff;border-radius:999px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.income-filter-pill{background:#eef2ff;border-color:#c7d2fe}.performance-filter-dropdown{background:#fff;border:1px solid #94a3b838;border-radius:12px;box-shadow:0 18px 45px #0f172a2e;min-width:150px;padding:6px 0;position:absolute;right:24px;top:52px;z-index:10}.performance-filter-option{background:#0000;border:none;color:#4b5563;cursor:pointer;font-size:13px;padding:8px 14px;text-align:left;width:100%}.performance-filter-option:hover{background:#f3f4ff;color:#1d4ed8}.performance-filter-option-active{background:#e0ebff;color:#1d4ed8;font-weight:600}.performance-table-wrapper{overflow-x:auto;width:100%}.performance-table{border-collapse:collapse;font-size:13px;width:100%}.performance-table thead tr{background:#f3f4f6}.performance-table td,.performance-table th{padding:10px 14px;text-align:left;white-space:nowrap}.performance-table th{border-bottom:1px solid #e5e7eb;color:#111827;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.performance-table thead th:first-child{border-top-left-radius:12px}.performance-table thead th:last-child{border-top-right-radius:12px}.performance-table tbody tr{background:#fff}.performance-table tbody tr+tr td{border-top:1px solid #f3f4f6}.performance-user-cell{align-items:center;display:flex;gap:10px}.performance-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:999px;box-shadow:0 4px 10px #2563eb66;color:#fff;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.performance-name{color:#111827;font-size:13px;font-weight:600}.performance-number{color:#111827;font-size:13px;font-weight:700;text-align:center}.performance-pcs-cell{align-items:center;display:flex;gap:10px}.performance-pcs-bar{background:#e5e7eb;border-radius:999px;flex:1 1;height:6px;overflow:hidden}.performance-pcs-bar-fill{border-radius:999px;height:100%}.performance-bar-fill-blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.performance-bar-fill-green{background:linear-gradient(90deg,#22c55e,#16a34a)}.performance-bar-fill-red{background:linear-gradient(90deg,#f97373,#ef4444)}.performance-bar-fill-orange{background:linear-gradient(90deg,#fb923c,#f97316)}.performance-pcs-value{color:#111827;font-size:13px;font-weight:700}.income-list-wrapper{margin-top:4px}.income-list{list-style:none;margin:4px 0 0;padding:0}.income-item{align-items:center;display:flex;gap:10px;padding:6px 2px}.income-rank{color:#64748b;font-size:13px;font-weight:700;width:18px}.income-user{flex:1 1;gap:8px;min-width:0}.income-avatar,.income-user{align-items:center;display:flex}.income-avatar{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;color:#fff;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.income-name{color:#111827;font-size:13px;font-weight:600}.income-amount{font-size:13px;font-weight:700}.income-amount-green{color:#16a34a}.income-amount-blue{color:#2563eb}.income-amount-orange{color:#ea580c}.income-amount-red{color:#dc2626}.performance-income-cell{min-width:140px;text-align:right}.performance-income-positive{color:#16a34a;font-size:13px;font-weight:700}.performance-error{margin-bottom:10px;margin-top:0}@media (max-width:1100px){.jasa-dashboard-bottom-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.jasa-card-status{grid-column:span 2}.jasa-performance-section{flex-direction:column}.jasa-card-income{max-width:none}}@media (max-width:900px){.jasa-dashboard-page{padding:16px}.jasa-dashboard-header{align-items:flex-start;flex-direction:column}.jasa-dashboard-controls{align-self:stretch;justify-content:space-between}.jasa-dashboard-bottom-grid,.jasa-dashboard-top-grid{grid-template-columns:1fr}.jasa-card-status{grid-column:auto}}:root{--qc-bg-page:#eef2f6;--qc-bg-shell:#fff;--qc-bg-content:#fafbfc;--qc-surface:#fff;--qc-surface-soft:#f8fafd;--qc-border-soft:#e5eaf2;--qc-border-strong:#d5ddea;--qc-text-main:#0f172a;--qc-text-subtle:#475569;--qc-text-muted:#64748b;--qc-brand:#4f46e5;--qc-brand-strong:#4338ca;--qc-brand-soft:#eef2ff;--qc-success:#0f8b58;--qc-success-soft:#ebfbf3;--qc-success-border:#b8ebd0;--qc-warning:#a16207;--qc-warning-soft:#fffbeb;--qc-danger:#dc2626;--qc-danger-soft:#fef2f2;--qc-radius-sm:10px;--qc-radius-md:14px;--qc-radius-lg:18px;--qc-shadow-shell:0 20px 40px -15px #0f172a14,inset 0 0 0 1px #ffffffb3;--qc-shadow-card:0 8px 18px -12px #0f172a29}.qc-page{background:#eef2f6;background:var(--qc-bg-page);box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;padding:18px;width:100%}.qc-shell{background:#fff;background:var(--qc-bg-shell);border:1px solid #f4f6fa;border-radius:20px;box-shadow:0 20px 40px -15px #0f172a14,inset 0 0 0 1px #ffffffb3;box-shadow:var(--qc-shadow-shell);overflow:hidden;width:100%}.qc-content{background:#fafbfc;background:var(--qc-bg-content);min-width:0}.qc-container{color:#0f172a;color:var(--qc-text-main);margin:0 auto;max-width:1440px;min-height:100vh;padding:22px 24px 28px}.text-muted{color:#64748b;color:var(--qc-text-muted)}.text-primary{color:#1d4ed8;font-weight:700}.text-small{font-size:12px}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-medium{font-weight:600}.td-center,.th-center{text-align:center}.td-action,.th-action{text-align:right}.qc-header{margin-bottom:14px}.qc-header-content{grid-gap:16px;align-items:center;background:#ffffffe6;border:1px solid #e5eaf2;border:1px solid var(--qc-border-soft);border-radius:18px;border-radius:var(--qc-radius-lg);display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;min-height:92px;padding:14px 18px}.qc-title-wrapper{align-items:center;display:flex;gap:14px;min-width:0}.qc-brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--qc-brand) 0,#6366f1 100%);border-radius:12px;box-shadow:0 8px 16px #4f46e542;color:#fff;display:inline-flex;flex-shrink:0;font-size:21px;height:46px;justify-content:center;width:46px}.qc-title-block{min-width:0}.qc-title{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.qc-subtitle{color:#475569;color:var(--qc-text-subtle);font-size:13px;margin:4px 0 0}.qc-shortcut-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.qc-shortcut-pill{align-items:center;background:#fff;border:1px solid #e5eaf2;border:1px solid var(--qc-border-soft);border-radius:999px;color:#475569;color:var(--qc-text-subtle);display:inline-flex;font-size:11px;gap:6px;padding:4px 10px}.qc-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.qc-icon-btn{align-items:center;background:#fff;border:1px solid #e5eaf2;border:1px solid var(--qc-border-soft);border-radius:50%;color:#475569;cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:relative;width:40px}.qc-icon-btn:hover{background:#f9fbff;color:#334155}.qc-icon-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;position:absolute;right:-2px;top:-2px}.qc-avatar{background:linear-gradient(135deg,#c4b5fd,#6366f1);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0f172a1f;height:40px;width:40px}.qc-btn-clear,.qc-btn-ghost,.qc-btn-primary,.qc-scan-toggle{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--qc-radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:7px;height:40px;justify-content:center;padding:0 14px;transition:all .18s ease}.qc-btn-primary,.qc-scan-toggle{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--qc-brand) 0,#6366f1 100%);box-shadow:0 8px 18px -12px #0f172a29;box-shadow:var(--qc-shadow-card);color:#fff}.qc-btn-primary:hover:not(:disabled),.qc-scan-toggle:hover{filter:brightness(1.03);transform:translateY(-1px)}.qc-btn-clear,.qc-btn-ghost{background:#fff;border-color:#d5ddea;border-color:var(--qc-border-strong);color:#0f172a;color:var(--qc-text-main)}.qc-btn-clear:hover,.qc-btn-ghost:hover:not(:disabled){background:#f8fafd}.qc-scan-toggle.scanning{background:#fff;border-color:#f8c3c0;color:#dc2626;color:var(--qc-danger)}.qc-scan-toggle.scanning:hover{background:#fef2f2;background:var(--qc-danger-soft)}.qc-btn-ghost:disabled,.qc-btn-primary:disabled,.qc-scan-toggle:disabled{cursor:not-allowed;opacity:.6;transform:none}.qc-cockpit-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);margin-bottom:16px}.qc-scan-panel,.qc-session-panel,.qc-stat-card,.qc-table-section{background:#fff;background:var(--qc-surface);border:1px solid #e5eaf2;border:1px solid var(--qc-border-soft);border-radius:18px;border-radius:var(--qc-radius-lg)}.scan-hero{box-shadow:0 8px 18px -12px #0f172a29;box-shadow:var(--qc-shadow-card);padding:16px}.scan-hero.active{border-color:#cdd9fb}.qc-scan-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.qc-status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;gap:8px;letter-spacing:.04em;padding:6px 10px;text-transform:uppercase}.qc-status-badge .dot{border-radius:50%;height:8px;width:8px}.qc-status-badge.idle{background:#eef2f8;border-color:#dbe6f5;color:#4f6077}.qc-status-badge.idle .dot{background:#6d7f98}.qc-status-badge.ready{background:#ecf5ff;border-color:#c0dafd;color:#1659b7}.qc-status-badge.ready .dot{background:#2d70cf}.qc-status-badge.scanning{background:#fffbeb;background:var(--qc-warning-soft);border-color:#f2d188;color:#a16207;color:var(--qc-warning)}.qc-status-badge.scanning .dot{animation:qc-pulse 1s ease-in-out infinite;background:#c88100}.qc-status-badge.success{background:#ebfbf3;background:var(--qc-success-soft);border-color:#b8ebd0;border-color:var(--qc-success-border);color:#0f8b58;color:var(--qc-success)}.qc-status-badge.success .dot{background:#0f8b58;background:var(--qc-success)}.qc-status-badge.error{background:#fef2f2;background:var(--qc-danger-soft);border-color:#f0bbb7;color:#dc2626;color:var(--qc-danger)}.qc-status-badge.error .dot{background:#dc2626;background:var(--qc-danger)}@keyframes qc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.82)}}.qc-status-text{color:#475569;color:var(--qc-text-subtle);font-size:13px;font-weight:600}.qc-error-banner{align-items:center;background:#fef2f2;background:var(--qc-danger-soft);border:1px solid #f0bbb7;border-radius:10px;border-radius:var(--qc-radius-sm);color:#9f2019;display:flex;font-size:12px;gap:8px;margin-bottom:10px;padding:8px 10px}.qc-scan-form{display:flex;gap:10px}.qc-input-group{align-items:center;display:flex;flex:1 1;position:relative}.qc-input-icon{color:#7e92ad;left:12px;position:absolute}.qc-scan-input{background:#fff;border:1px solid #d5ddea;border:1px solid var(--qc-border-strong);border-radius:10px;border-radius:var(--qc-radius-sm);font-size:14px;height:46px;padding:0 38px;width:100%}.qc-per-page:focus,.qc-scan-input:focus,.qc-search-input:focus,.qc-sku-filter:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124;outline:none}.qc-scan-helper{color:#64748b;color:var(--qc-text-muted);font-size:12px;margin:8px 0 0}.qc-quick-undo{align-items:center;background:#fff7dd;border:1px solid #f7d488;border-radius:14px;border-radius:var(--qc-radius-md);display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-top:10px;padding:9px 10px}.qc-quick-undo strong{color:#8b5600}.qc-spinner{animation:qc-spin .7s linear infinite;border:2px solid #d7e2ef;border-radius:50%;border-top-color:#2563c4;height:22px;width:22px}.qc-spinner.small{height:16px;position:absolute;right:12px;width:16px}.spin{animation:qc-spin .7s linear infinite}@keyframes qc-spin{to{transform:rotate(1turn)}}.qc-scan-result{animation:qc-enter .2s ease;background:#ebfbf3;background:var(--qc-success-soft);border:1px solid #b8ebd0;border:1px solid var(--qc-success-border);border-radius:14px;border-radius:var(--qc-radius-md);margin-top:11px;padding:12px}@keyframes qc-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.qc-result-header{align-items:center;color:#0f8b58;color:var(--qc-success);display:flex;font-weight:800;gap:8px;margin-bottom:8px}.qc-result-data{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.qc-result-item .label{color:#1d6f4d;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.qc-result-item .value{color:#185740;font-size:13px}.qc-result-item .highlight{font-weight:800}.qc-session-panel{box-shadow:0 8px 18px -12px #0f172a29;box-shadow:var(--qc-shadow-card);padding:15px;position:-webkit-sticky;position:sticky;top:14px}.qc-session-title{font-size:14px;margin:0 0 10px}.qc-session-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.qc-session-card{background:#fcfdff;border:1px solid #e5eaf2;border:1px solid var(--qc-border-soft);border-radius:14px;border-radius:var(--qc-radius-md);padding:10px}.qc-session-card .label{align-items:center;color:#64748b;color:var(--qc-text-muted);display:inline-flex;font-size:12px;gap:6px}.qc-session-card strong{color:#0f172a;color:var(--qc-text-main);display:block;font-size:20px;font-weight:800;margin-top:4px}.qc-target-wrap{background:#f9fcff;border:1px solid #e5eaf2;border:1px solid var(--qc-border-soft);border-radius:14px;border-radius:var(--qc-radius-md);margin-top:10px;padding:10px}.qc-target-head{align-items:center;color:#475569;color:var(--qc-text-subtle);display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.qc-target-head strong{color:#1f4f9f;font-size:13px}.qc-target-track{background:#deebfb;border-radius:999px;height:8px;overflow:hidden}.qc-target-bar{background:linear-gradient(90deg,#2f79dd,#0f4ba0);border-radius:999px;height:100%;transition:width .24s ease}.qc-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:16px}.qc-stat-card{align-items:center;box-shadow:0 8px 18px -12px #0f172a29;box-shadow:var(--qc-shadow-card);display:flex;gap:12px;grid-column:span 4;padding:14px;position:relative}.qc-stat-card:before{background:#d6e4ff;border-radius:14px 0 0 14px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.qc-stat-icon{align-items:center;background:#eef2ff;border:1px solid #dbe3ff;border-radius:10px;color:#4f46e5;display:flex;height:40px;justify-content:center;width:40px}.qc-stat-label{color:#64748b;color:var(--qc-text-muted);font-size:12px}.qc-stat-value{font-size:22px;font-weight:800;line-height:1.1}.qc-table-section{box-shadow:0 8px 18px -12px #0f172a29;box-shadow:var(--qc-shadow-card);overflow:hidden}.qc-table-header{grid-gap:10px;align-items:start;background:#fff;border-bottom:1px solid #e5eaf2;border-bottom:1px solid var(--qc-border-soft);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.qc-table-header>div:first-child{min-width:0}.qc-table-title{font-size:18px;font-weight:800;margin:0}.qc-table-subtitle{color:#64748b;color:var(--qc-text-muted);font-size:12px;margin:4px 0 0}.qc-table-tools{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.qc-filter-chips{display:flex;gap:6px}.qc-chip{background:#fff;border:1px solid #d5ddea;border:1px solid var(--qc-border-strong);border-radius:999px;color:#475569;color:var(--qc-text-subtle);cursor:pointer;font-size:12px;font-weight:700;height:30px;padding:0 11px}.qc-chip.active{background:#eef2ff;background:var(--qc-brand-soft);border-color:#c9d1ff;color:#4338ca;color:var(--qc-brand-strong)}.qc-search-block{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.qc-sku-filter{background:#fff;border:1px solid #d5ddea;border:1px solid var(--qc-border-strong);border-radius:10px;border-radius:var(--qc-radius-sm);color:#0f172a;color:var(--qc-text-main);font-size:12px;height:38px;padding:0 10px}.qc-search-wrapper{max-width:100%;position:relative;width:320px}.qc-search-icon{color:#7e92ad;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.qc-search-input{border:1px solid #d5ddea;border:1px solid var(--qc-border-strong);border-radius:10px;border-radius:var(--qc-radius-sm);font-size:13px;height:38px;padding:0 10px 0 32px;width:100%}.qc-table-container{background:#fff;max-height:420px;min-height:190px;overflow:auto}.qc-skeleton-wrap{grid-gap:8px;display:grid;gap:8px;padding:16px}.qc-skeleton-line{animation:qc-shimmer 1.2s infinite;background:linear-gradient(90deg,#edf2f9 25%,#f9fcff 50%,#edf2f9 75%);background-size:260% 100%;border-radius:8px;height:14px}@keyframes qc-shimmer{to{background-position:-100% 0}}.qc-empty-state{align-items:center;color:#64748b;color:var(--qc-text-muted);display:flex;flex-direction:column;justify-content:center;min-height:210px;padding:18px}.qc-empty-icon{color:#bfd1e8;font-size:35px;margin-bottom:8px}.qc-empty-state h3{color:#0f172a;color:var(--qc-text-main);font-size:15px;margin:0 0 3px}.qc-empty-state p{font-size:13px;margin:0}.qc-data-table{border-collapse:collapse;font-size:13px;min-width:860px;width:100%}.qc-data-table th{background:#f8fafd;border-bottom:1px solid #e5eaf2;border-bottom:1px solid var(--qc-border-soft);color:#64748b;color:var(--qc-text-muted);font-size:11px;font-weight:700;letter-spacing:.03em;padding:11px 12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.qc-data-table td{border-bottom:1px solid #ecf2fa;padding:11px 12px;vertical-align:middle}.qc-data-table tbody tr:nth-child(2n){background:#fcfdff}.qc-data-table tbody tr:hover{background:#f7faff}.qc-code{background:#f7fbff;border:1px solid #d9e6f6;border-radius:8px;color:#13355f;font-size:12px;padding:4px 8px}.qc-code,.qc-pill{display:inline-block}.qc-pill{border-radius:999px;font-size:11px;font-weight:800;padding:2px 10px}.qc-pill-success{background:#ebfbf3;background:var(--qc-success-soft);border:1px solid #b8ebd0;border:1px solid var(--qc-success-border);color:#0f8b58;color:var(--qc-success)}.qc-btn-outline{align-items:center;background:#fff;border:1px solid #d5ddea;border:1px solid var(--qc-border-strong);border-radius:9px;color:#0f172a;color:var(--qc-text-main);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;height:32px;padding:0 10px}.qc-btn-outline:hover:not(:disabled){background:#f4f8ff;border-color:#aac2df}.qc-btn-outline:disabled{cursor:not-allowed;opacity:.58}.qc-spacer-row td{background:#0000!important;border:none!important;padding:0!important}.qc-pagination{align-items:center;background:#fbfdff;border-top:1px solid #e5eaf2;border-top:1px solid var(--qc-border-soft);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.qc-pagination-info{display:flex;flex-direction:column;font-size:12px;gap:3px}.qc-pagination-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.qc-per-page{background:#fff;border:1px solid #d5ddea;border:1px solid var(--qc-border-strong);border-radius:10px;border-radius:var(--qc-radius-sm);color:#0f172a;color:var(--qc-text-main);font-size:12px;height:38px;padding:0 10px}@media (max-width:1000px){.qc-cockpit-grid{grid-template-columns:1fr}.qc-session-panel{position:static}.qc-stats-grid{grid-template-columns:1fr}.qc-stat-card{grid-column:span 1}}@media (max-width:760px){.qc-page{padding:10px}.qc-container{padding:14px}.qc-header-actions,.qc-header-content,.qc-scan-form,.qc-search-block,.qc-table-tools{align-items:stretch;flex-direction:column;width:100%}.qc-header-content{grid-template-columns:1fr}.qc-btn-clear,.qc-filter-chips,.qc-search-wrapper,.qc-sku-filter{width:100%}.qc-filter-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.qc-session-grid{grid-template-columns:1fr}.qc-pagination,.qc-quick-undo{align-items:flex-start;flex-direction:column}.qc-pagination-actions{margin-left:0}.qc-table-header{grid-template-columns:1fr}}:root{--qcr-bg:#eef3f9;--qcr-surface:#fff;--qcr-soft:#f8fafc;--qcr-border:#dbe3ee;--qcr-border-strong:#c6d3e2;--qcr-text:#0f172a;--qcr-subtle:#334155;--qcr-muted:#64748b;--qcr-primary:#1140a0;--qcr-primary-hover:#0f388c;--qcr-primary-soft:#eff6ff;--qcr-danger:#b42318;--qcr-danger-soft:#fff1f2;--qcr-radius-sm:10px;--qcr-radius-md:14px;--qcr-radius-lg:18px;--qcr-shadow-sm:0 4px 12px #0f172a0d;--qcr-shadow-md:0 14px 32px #0f172a14}.qcr-container{background:radial-gradient(circle at 0 0,#1140a00f,#0000 34%),linear-gradient(180deg,#f8fbff,#eef3f9);background:radial-gradient(circle at 0 0,#1140a00f,#0000 34%),linear-gradient(180deg,#f8fbff 0,var(--qcr-bg) 100%);color:#0f172a;color:var(--qcr-text);font-family:Plus Jakarta Sans,Segoe UI,Roboto,Arial,sans-serif;margin:0 auto;max-width:1320px;min-height:100vh;padding:30px 28px 40px}.qcr-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px}.qcr-title{font-size:clamp(1.45rem,2vw,1.95rem);font-weight:800;letter-spacing:-.02em;margin:0}.qcr-subtitle{color:#334155;color:var(--qcr-subtle);line-height:1.45;margin:6px 0 0;max-width:720px}.qcr-header-actions{display:flex;gap:8px}.qcr-btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--qcr-radius-sm);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:700;gap:7px;height:40px;padding:0 14px;transition:background-color .16s ease,transform .16s ease,border-color .16s ease}.qcr-btn-primary{background:#1140a0;background:var(--qcr-primary);box-shadow:0 4px 12px #0f172a0d;box-shadow:var(--qcr-shadow-sm);color:#fff}.qcr-btn-primary:hover:not(:disabled){background:#0f388c;background:var(--qcr-primary-hover);transform:translateY(-1px)}.qcr-btn-ghost{background:#fff;border-color:#c6d3e2;border-color:var(--qcr-border-strong);color:#0f172a;color:var(--qcr-text)}.qcr-btn-ghost:hover:not(:disabled){background:#f8fafc;background:var(--qcr-soft)}.qcr-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.spin{animation:qcr-spin .7s linear infinite}@keyframes qcr-spin{to{transform:rotate(1turn)}}.qcr-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.qcr-stat-card{align-items:center;background:linear-gradient(180deg,#fff,#fcfdff);border:1px solid #dbe3ee;border:1px solid var(--qcr-border);border-radius:14px;border-radius:var(--qcr-radius-md);box-shadow:0 4px 12px #0f172a0d;box-shadow:var(--qcr-shadow-sm);display:flex;gap:12px;padding:14px;position:relative}.qcr-stat-card:before{background:#dbeafe;border-radius:14px 0 0 14px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.qcr-stat-icon{align-items:center;background:#eff6ff;background:var(--qcr-primary-soft);border:1px solid #dbeafe;border-radius:10px;color:#1140a0;color:var(--qcr-primary);display:flex;height:40px;justify-content:center;width:40px}.qcr-stat-label{color:#64748b;color:var(--qcr-muted);font-size:.8rem}.qcr-stat-value{font-size:1.3rem;font-weight:800;line-height:1.1}.qcr-form-panel,.qcr-table-section{background:#fff;background:var(--qcr-surface);border:1px solid #dbe3ee;border:1px solid var(--qcr-border);border-radius:18px;border-radius:var(--qcr-radius-lg);box-shadow:0 4px 12px #0f172a0d;box-shadow:var(--qcr-shadow-sm)}.qcr-form-panel{box-shadow:0 14px 32px #0f172a14;box-shadow:var(--qcr-shadow-md);margin-bottom:16px;padding:16px}.qcr-form-header{font-size:1.05rem;font-weight:800;margin-bottom:10px}.qcr-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.qcr-form-field{display:flex;flex-direction:column;gap:6px}.qcr-form-field label{color:#64748b;color:var(--qcr-muted);font-size:.8rem;font-weight:700}.qcr-dropdown-input,.qcr-form-field input,.qcr-search-box input,.qcr-select{background:#fff;border:1px solid #c6d3e2;border:1px solid var(--qcr-border-strong);border-radius:10px;border-radius:var(--qcr-radius-sm);font-size:.88rem;height:40px;padding:0 10px;width:100%}.qcr-dropdown-input:disabled,.qcr-select:disabled{background:#f8fafc;background:var(--qcr-soft);color:#94a3b8}.qcr-dropdown-input:focus,.qcr-form-field input:focus,.qcr-search-box input:focus,.qcr-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f621;outline:none}.qcr-dropdown-input-wrap,.qcr-dropdown-wrap{position:relative}.qcr-dropdown-input{padding-right:28px}.qcr-dropdown-arrow{color:#64748b;color:var(--qcr-muted);font-size:.7rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.qcr-dropdown-list{background:#fff;border:1px solid #dbe3ee;border:1px solid var(--qcr-border);border-radius:12px;box-shadow:0 12px 24px #0f172a1f;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.qcr-dropdown-item{cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:9px 10px}.qcr-dropdown-item.active,.qcr-dropdown-item:hover{background:#eef4ff}.qcr-dd-seri{color:#0f172a;color:var(--qcr-text);font-size:.84rem;font-weight:700}.qcr-dd-sku{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.qcr-dd-sku,.qcr-dropdown-empty{color:#64748b;color:var(--qcr-muted)}.qcr-dropdown-empty{font-size:.82rem;padding:10px}.qcr-form-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end;margin-top:2px}.qcr-table-header{align-items:center;border-bottom:1px solid #dbe3ee;border-bottom:1px solid var(--qcr-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 16px}.qcr-table-header h2{font-size:1.02rem;font-weight:800;margin:0}.qcr-search-box{max-width:100%;position:relative;width:320px}.qcr-search-box svg{color:#94a3b8;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.qcr-search-box input{padding-left:32px}.qcr-table-wrap{min-height:180px;overflow-x:auto}.qcr-empty{align-items:center;color:#64748b;color:var(--qcr-muted);display:flex;font-size:.92rem;justify-content:center;min-height:200px;padding:12px}.qcr-table{border-collapse:collapse;font-size:.86rem;min-width:760px;width:100%}.qcr-table td,.qcr-table th{border-bottom:1px solid #eef2f7;padding:11px 12px;text-align:left}.qcr-table th{background:#f8fafc;color:#64748b;color:var(--qcr-muted);font-size:.72rem;font-weight:700;letter-spacing:.03em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.qcr-table tbody tr:nth-child(2n){background:#fcfdff}.qcr-table tbody tr:hover{background:#f2f7ff}.qcr-table code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;font-size:.79rem;padding:3px 6px}@media (max-width:768px){.qcr-container{padding:18px 12px 26px}.qcr-btn,.qcr-form-actions,.qcr-header-actions{width:100%}.qcr-form-actions{flex-direction:column}}.ts-modal-form{padding:32px}.ts-field-group input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s}.ts-field-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.ts-modal-bottom{padding-top:24px}@media (max-width:768px){.ts-topbar{flex-direction:column;gap:16px;height:auto;padding:20px}.ts-actions{justify-content:space-between;width:100%}.ts-table-header{align-items:flex-start;flex-direction:column;gap:16px}}.ts-page{background:#eef2f6;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;padding:18px;width:100%}.ts-shell{background:#fff;border-radius:20px;box-shadow:0 20px 40px -15px #0000000d,inset 0 0 0 1px #ffffffb3;display:flex;overflow:hidden;width:100%}.ts-content{background:#fafafb;display:flex;flex:1 1;flex-direction:column}.ts-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #f0f0f4;height:88px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.ts-title-group,.ts-topbar{align-items:center;display:flex}.ts-title-group{gap:16px}.ts-brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;box-shadow:0 8px 16px #4f46e540;display:flex;height:48px;justify-content:center;width:48px}.ts-brand-text h1{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.ts-brand-text p{color:#6b7280;font-size:13px;font-weight:500;margin:2px 0 0}.ts-actions{gap:16px}.ts-actions,.ts-search-bar{align-items:center;display:flex}.ts-search-bar{position:relative}.ts-search-icon-inside{color:#9ca3af;font-size:16px;left:14px;position:absolute}.ts-search-bar input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#111827;font-family:inherit;font-size:14px;min-width:260px;padding:10px 16px 10px 38px;transition:all .2s}.ts-search-bar input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.ts-main{flex:1 1;padding:32px}.ts-table-card{background:#fff;border:1px solid #f0f0f4;border-radius:20px;box-shadow:0 10px 25px -5px #00000008,0 8px 10px -6px #00000003;display:flex;flex-direction:column;overflow:hidden;padding:0}.ts-table-header{align-items:center;border-bottom:1px solid #f0f0f4;display:flex;justify-content:space-between;padding:24px 32px}.ts-table-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.ts-table-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.ts-btn-primary{align-items:center;background:#4f46e5;border:none;border-radius:10px;box-shadow:0 4px 10px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.ts-btn-primary:hover{background:#4338ca;box-shadow:0 6px 14px #4f46e566;transform:translateY(-2px)}.ts-btn-primary:active{transform:translateY(0)}.ts-table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;width:100%}.ts-table-container::-webkit-scrollbar{height:10px}.ts-table-container::-webkit-scrollbar-track{background:#f8fafc;border-radius:6px;margin:0 12px}.ts-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:6px}.ts-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ts-modern-table{border-collapse:initial;border-spacing:0;text-align:left;width:100%}.ts-modern-table th{background:#f4f7fa;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.06em;padding:16px 20px;text-transform:uppercase}.ts-modern-table td{border-bottom:1px solid #f8fafc;color:#1e293b;font-size:14.5px;font-weight:500;padding:16px 20px;vertical-align:middle}.ts-modern-table tr:hover td{background:#fcfcfd}.ts-modern-table tr:last-child td{border-bottom:none}.ts-modern-table td:last-child,.ts-modern-table th:last-child{background:#fff;box-shadow:-4px 0 10px #00000005;position:-webkit-sticky;position:sticky;right:0;z-index:5}.ts-modern-table th:last-child{background:#f4f7fa;font-weight:700;z-index:10}.ts-modern-table tr:hover td:last-child{background:#fcfcfd}.font-mono{font-family:monospace;font-size:13px}.action-btn.view:hover{background:#ecfdf5;color:#059669}.action-btn.assign:hover{background:#f3e8ff;color:#9333ea}.ts-modal-overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.ts-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;height:100%;left:0;position:absolute;top:0;width:100%}.ts-modal-box{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;padding:0;position:relative;width:100%;z-index:10}.ts-modal-box.small-modal{max-width:400px}.ts-modal-top{align-items:flex-start;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.ts-modal-top h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.ts-modal-top p{color:#64748b;font-size:14px;margin:4px 0 0}.ts-modal-form{gap:20px;overflow-y:auto;padding:24px 32px}.ts-field-group,.ts-modal-form{display:flex;flex-direction:column}.ts-field-group{gap:8px}.ts-field-group label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:6px}.text-danger{color:#ef4444}.ts-field-group input,.ts-field-group select,.ts-field-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s}.ts-field-group input:focus,.ts-field-group select:focus,.ts-field-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.ts-modal-bottom{background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;margin-top:12px;padding:20px 32px}.ts-btn-secondary{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;justify-content:center;padding:10px 20px;transition:all .2s}.ts-btn-secondary:hover{background:#e2e8f0;color:#0f172a}.ts-modal-top.borderless{border-bottom:none}.center-header{justify-content:center;padding-bottom:0;position:relative}.absolute-right{position:absolute;right:24px;top:24px}.danger-icon-wrap{align-items:center;background:#fef2f2;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #fef2f2;color:#ef4444;display:flex;height:64px;justify-content:center;margin-top:8px;width:64px}.center-text{text-align:center}.pt-0{padding-top:16px}.delete-desc{color:#64748b;font-size:14px;line-height:1.5;margin-top:-8px}.evenly{border-top:none;justify-content:space-between;padding-top:0}.flex-1{flex:1 1;width:100%}.flex-1,.ts-btn-danger{display:flex;justify-content:center}.ts-btn-danger{align-items:center;background:#ef4444;border:none;border-radius:10px;box-shadow:0 4px 10px #ef44444d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.ts-btn-danger:hover{background:#dc2626;box-shadow:0 6px 14px #ef444466;transform:translateY(-2px)}.spk-sample-modal{border:1px solid #e2e8f0;box-shadow:0 30px 70px -30px #02061773}.spk-sample-modal .ts-modal-top{background:linear-gradient(180deg,#fff,#fbfdff);padding:24px 28px}.spk-sample-modal .close-btn{align-items:center;border:1px solid #e2e8f0;display:inline-flex;height:36px;justify-content:center;width:36px}.spk-sample-modal .close-btn svg{height:18px;width:18px}.spk-sample-form-pro{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1.6fr 1fr;overflow-y:auto;padding:32px}@media (max-width:900px){.spk-sample-form-pro{grid-template-columns:1fr}}.spk-sample-form-main{grid-gap:16px;align-content:start;display:grid;gap:16px}.spk-sample-form-row-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.spk-sample-form-side{border-left:1px solid #f1f5f9;padding-left:32px}@media (max-width:900px){.spk-sample-form-side{border-left:none;padding-left:0}}.spk-sample-form-group{display:flex;flex-direction:column;gap:8px;min-width:0}.spk-sample-form-group label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.spk-sample-form-group input,.spk-sample-form-group select,.spk-sample-form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;font-family:inherit;font-size:14px;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.spk-sample-form-group textarea{min-height:112px;resize:vertical}.spk-sample-form-group input:focus,.spk-sample-form-group select:focus,.spk-sample-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f124;outline:none}.spk-sample-side-card{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:24px;text-align:center}.spk-sample-side-head{align-items:center;color:#475569;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px}.spk-sample-side-preview-wrap{margin-bottom:14px}.spk-sample-photo-preview-large{aspect-ratio:4/3;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;object-fit:cover;width:100%}.spk-sample-photo-placeholder{align-items:center;aspect-ratio:4/3;background:#fff;border-radius:8px;color:#94a3b8;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;margin-bottom:16px;padding:20px;text-align:center}.spk-sample-photo-placeholder-large{min-height:100%}.spk-sample-upload-btn-full{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#4f46e5;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:.2s;width:100%}.spk-sample-upload-btn-full:hover{background:#eef2ff;border-color:#a5b4fc}.spk-sample-upload-btn-full input{display:none}.spk-sample-status{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:20px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.spk-sample-status.urgent{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.spk-sample-badge-tahap{background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;color:#166534;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.spk-sample-tahap-locked{align-items:center;display:flex;gap:6px}.spk-sample-lock-hint{cursor:help;font-size:16px;opacity:.6}.spk-sample-select-inline{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;outline:none;padding:6px 28px 6px 12px;transition:all .2s}.spk-sample-select-inline:hover{border-color:#94a3b8}.spk-sample-select-inline:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.spk-sample-select-tahap{background-color:#f0fdf4;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#86efac;color:#15803d}.spk-sample-detail-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:32px}@media (max-width:900px){.spk-sample-detail-layout{grid-template-columns:1fr}}.spk-sample-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.spk-sample-d-row{border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 20px}.spk-sample-d-row:last-child{border-bottom:none}.spk-sample-d-icon-wrap{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;height:40px;justify-content:center;width:40px}.spk-sample-d-content{display:flex;flex-direction:column;gap:4px}.spk-sample-d-content span{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.spk-sample-d-content p,.spk-sample-d-content strong{color:#1e293b;font-size:14px;margin:0}.spk-sample-detail-photo-wrapper{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;display:flex;height:calc(100% - 30px);justify-content:center;min-height:400px;overflow:hidden}.spk-sample-detail-photo-view{height:100%;object-fit:cover;width:100%}.spk-sample-tukang-badge{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#334155;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:4px 10px}.spk-sample-unassigned{color:#94a3b8;font-style:italic}.spk-sample-photo{border:1px solid #e2e8f0;border-radius:8px;height:48px;object-fit:cover;width:48px}.spk-sample-assign-body{overflow-y:auto;padding:24px 32px}.spk-sample-assign-list{display:flex;flex-direction:column;gap:12px}.spk-sample-assign-card{align-items:center;background:#fff;border:1.5px solid #dbe5f1;border-radius:14px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.spk-sample-assign-card:hover{background:#f8fafc;border-color:#a5b4fc}.spk-sample-assign-card.selected{background:#eef2ff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.spk-sample-assign-card input{display:none}.spk-sample-assign-avatar{align-items:center;background:#e0e7ff;border-radius:50%;color:#4338ca;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.spk-sample-assign-avatar.unassigned{background:#f1f5f9;color:#64748b}.spk-sample-assign-info{display:flex;flex-direction:column;gap:4px}.spk-sample-assign-info strong{color:#1e293b;font-size:15px}.spk-sample-assign-info span{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.spk-sample-detail-section-title{color:#0f172a;display:block;font-size:16px;font-weight:700;margin:0 0 16px}.spk-sample-form-actions-pro{align-items:center;background:#fff;border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding:18px 28px;position:-webkit-sticky;position:sticky;z-index:5}.spk-sample-form-actions-pro .ts-btn-danger,.spk-sample-form-actions-pro .ts-btn-primary,.spk-sample-form-actions-pro .ts-btn-secondary{border-radius:10px;height:42px;min-width:120px}.spk-sample-form-actions-pro .ts-btn-secondary{background:#f8fafc;border:1px solid #d8e1eb}.spk-sample-full-btn{justify-content:center;width:100%}.spk-sample-empty{color:#64748b;padding:30px 12px;text-align:center}.spk-sample-empty h3{color:#0f172a;font-size:18px;margin:8px 0 6px}.spk-sample-empty p{margin:0}.bg-danger{background:#fee2e2;color:#b91c1c}.bg-primary{background:#e0e7ff;color:#3730a3}.text-urgent{color:#b91c1c!important}.text-normal{color:#0f172a!important}.spk-sample-modal-form{max-height:min(92vh,820px)}.spk-sample-modal-detail{max-height:min(92vh,840px)}.spk-sample-modal-assign{max-height:min(86vh,700px)}.spk-sample-modal-assign .spk-sample-assign-body{max-height:52vh;padding-bottom:18px}@media (max-width:900px){.spk-sample-modal .ts-modal-top{padding:18px}.spk-sample-form-pro{gap:18px;padding:18px}.spk-sample-form-actions-pro{padding:14px 18px}.spk-sample-assign-body{padding:16px 18px}.spk-sample-form-actions-pro .ts-btn-danger,.spk-sample-form-actions-pro .ts-btn-primary,.spk-sample-form-actions-pro .ts-btn-secondary{flex:1 1;min-width:0}}.spk-sample-page .ts-table-container{max-width:100%;min-width:0;overflow:hidden;padding-bottom:8px;width:100%}.spk-sample-page .ts-content,.spk-sample-page .ts-main,.spk-sample-page .ts-table-card{min-width:0}.spk-sample-page .spk-sample-scroll-x{-webkit-overflow-scrolling:touch;display:block;max-width:100%;min-width:0;overflow-x:scroll;overflow-y:hidden;scrollbar-gutter:stable both-edges;width:100%}.spk-sample-page .spk-sample-scroll-x::-webkit-scrollbar{height:10px}.spk-sample-page .spk-sample-scroll-x::-webkit-scrollbar-track{background:#f8fafc;border-radius:6px;margin:0 12px}.spk-sample-page .spk-sample-scroll-x::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:6px}.spk-sample-page .spk-sample-scroll-x::-webkit-scrollbar-thumb:hover{background:#94a3b8}.spk-sample-page .ts-modern-table{border-collapse:initial;border-spacing:0;min-width:1700px;text-align:left;width:-webkit-max-content;width:max-content}.spk-sample-page .ts-modern-table td,.spk-sample-page .ts-modern-table th{white-space:nowrap}.summary-spk-page{-webkit-overflow-scrolling:touch;background:#eef2f6;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;height:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:18px;width:100%}.summary-spk-shell{background:#fff;border:1px solid #f4f6fa;border-radius:20px;box-shadow:0 20px 40px -15px #0f172a14,inset 0 0 0 1px #ffffffb3;overflow:hidden;width:100%}.summary-spk-content{background:#fafbfc;min-height:100%}.summary-spk-container{box-sizing:border-box;color:#0f172a;margin:0 auto;max-width:1440px;min-height:auto;padding:22px 24px 28px}.summary-spk-topbar{background:#ffffffe6;border:1px solid #e5eaf2;border-radius:18px;margin-bottom:14px;min-height:84px;padding:14px 18px}.summary-spk-title-group{align-items:center;display:flex;gap:14px}.summary-spk-brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;box-shadow:0 8px 16px #4f46e542;color:#fff;display:inline-flex;flex-shrink:0;font-size:21px;height:46px;justify-content:center;width:46px}.summary-spk-title-group h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.summary-spk-title-group p{color:#475569;font-size:13px;margin:4px 0 0}.summary-spk-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.summary-spk-kpi-card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 8px 18px -12px #0f172a29;padding:14px}.summary-spk-kpi-head{align-items:center;color:#475569;display:flex;font-size:12px;font-weight:700;gap:8px}.summary-spk-kpi-icon{align-items:center;background:#eef2ff;border-radius:10px;color:#4f46e5;display:inline-flex;height:32px;justify-content:center;width:32px}.summary-spk-kpi-card strong{display:block;font-size:24px;letter-spacing:-.01em;line-height:1;margin-top:8px}.summary-spk-kpi-card small{color:#64748b;display:block;font-size:12px;margin-top:6px}.summary-spk-header-box{align-items:center;background-color:#fff;border:1px solid #e5eaf2;border-radius:14px;color:#334155;display:flex;font-size:13px;font-weight:600;gap:10px;margin-bottom:12px;padding:14px 16px}.summary-spk-icon{color:#4f46e5;flex-shrink:0;font-size:20px}.summary-spk-table-wrapper{background-color:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 8px 18px -12px #0f172a29;overflow-x:auto}.summary-spk-table{border-collapse:initial;border-spacing:0;min-width:980px;width:100%}.summary-spk-table th{background-color:#f8fafd;border-bottom:1px solid #e5eaf2;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;padding:13px 14px;text-align:left;text-transform:uppercase}.summary-spk-table td{background-color:#fff;border-bottom:1px solid #edf2f8;color:#0f172a;font-size:13px;font-weight:500;padding:12px 14px;vertical-align:middle}.summary-spk-table tbody tr:hover td{background-color:#f9fbff}.summary-spk-table tbody tr:last-child td{border-bottom:1px solid #dbe6f3}.summary-spk-value-box{background-color:#eef2ff;border:1px solid #d7dcff;border-radius:999px;color:#4338ca;display:inline-block;font-size:12px;font-weight:700;min-width:96px;padding:6px 12px;text-align:center}.summary-spk-circle{border-radius:50%;display:inline-block;height:11px;margin:0 auto;width:11px}.urgent-circle{background-color:#dc2626;box-shadow:0 0 8px #dc262633}.normal-circle{background-color:#10b981;box-shadow:0 0 8px #10b98133}.summary-spk-table tfoot td{background-color:#f8fafd;border-bottom:none;color:#1e3a8a;font-size:13px;font-weight:800;padding:14px}@media (max-width:1024px){.summary-spk-kpi-grid{grid-template-columns:1fr}}@media (max-width:760px){.summary-spk-page{padding:10px}.summary-spk-container{padding:14px}.summary-spk-title-group{align-items:flex-start}.summary-spk-title-group h1{font-size:21px}.summary-spk-title-group p{font-size:12px}}.blank-page{align-items:center;background:#eef2f6;display:flex;font-family:Plus Jakarta Sans,sans-serif;justify-content:center;min-height:100vh;padding:18px}.blank-shell{background:#fff;border-radius:20px;box-shadow:0 20px 40px -15px #0000000d,1px border solid #ffffffb3;display:flex;max-width:1440px;min-height:calc(100vh - 36px);overflow:hidden;width:100%}.blank-content{background:#fafafb;display:flex;flex:1 1;flex-direction:column}.blank-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #f0f0f4;display:flex;height:88px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.blank-title-group{align-items:center;display:flex;gap:16px}.status-dropdown{margin-left:24px;position:relative}.status-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 2px 4px #00000005;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.status-btn:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000000a}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.intransit{background:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.status-dot.delivered{background:#10b981;box-shadow:0 0 0 4px #10b98126}.status-dot.pending{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.chevron{color:#9ca3af;transition:transform .3s cubic-bezier(.4,0,.2,1)}.status-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;left:0;min-width:160px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:50}.status-option{align-items:center;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;transition:background .2s}.status-option:hover{background:#f3f4f6;color:#111827}.blank-actions{align-items:center;display:flex;gap:16px}.blank-avatar{background:url(https://i.pravatar.cc/150?img=33) 50%/cover;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000000d;cursor:pointer;height:44px;margin-left:8px;width:44px}.blank-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:32px}.blank-card{background:#fff;border:1px solid #f0f0f4;border-radius:20px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;display:flex;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.blank-card:hover{border-color:#e5e7eb;box-shadow:0 12px 20px -5px #0000000d,0 8px 10px -5px #00000005;transform:translateY(-4px)}.card-header{gap:12px;margin-bottom:20px}.card-header,.icon-wrap{align-items:center;display:flex}.icon-wrap{border-radius:10px;height:40px;justify-content:center;width:40px}.bg-blue{background:#eff6ff;color:#3b82f6}.bg-green{background:#ecfdf5;color:#10b981}.bg-purple{background:#f3e8ff;color:#a855f7}.blank-card h4{color:#111827;font-size:16px;font-weight:600;margin:0}.dummy-chart-bars{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:12px;height:90px;margin-top:auto;overflow:hidden;position:relative}.dummy-chart-bars:after{background:repeating-linear-gradient(90deg,#0000,#0000 10px,#e2e8f0 0,#e2e8f0 30px);border-radius:0 0 12px 12px;bottom:0;content:"";height:70%;left:0;opacity:.5;position:absolute;width:100%}.dummy-chart-bars.small{height:70px}.score-wrap{align-items:baseline;display:flex;gap:12px;margin-top:auto}.score-wrap.bottom{flex-direction:column;gap:4px}.dummy-score{color:#111827;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}.dummy-score .unit{color:#6b7280;font-size:20px;font-weight:600;margin-left:4px}.trend{border-radius:6px;font-size:13px;font-weight:600;padding:4px 8px}.trend.positive{background:#ecfdf5;color:#059669}.caller-card{justify-content:center}.caller-info{gap:16px;margin-top:16px}.caller-avatar,.caller-info{align-items:center;display:flex}.caller-avatar{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;color:#4b5563;font-size:18px;font-weight:700;height:54px;justify-content:center;width:54px}.caller-name{color:#111827;font-size:16px;font-weight:700;margin:0}.caller-role{color:#6b7280;font-size:13px;font-weight:500;margin:4px 0 0}.tracking-number{color:#4f46e5;font-size:24px;font-weight:700;margin:12px 0 20px}.tracking-path{align-items:center;display:flex;width:100%}.point{background:#e5e7eb;border-radius:50%;height:14px;width:14px;z-index:2}.point.active{background:#4f46e5;box-shadow:0 0 0 4px #4f46e533}.point.pending{background:#f3f4f6;border:2px solid #d1d5db;height:10px;width:10px}.line{background:#e5e7eb;flex:1 1;height:4px;margin:0 -2px}.line.half{background:linear-gradient(90deg,#4f46e5 50%,#e5e7eb 0)}.blank-card.tall{grid-row:span 2}.blank-card.large{grid-column:span 2}.truck-box{align-items:center;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:12px;justify-content:center;margin-top:16px}.placeholder-icon{color:#cbd5e1}.map-card{background:#f1f5f9;overflow:hidden;padding:0;position:relative}.card-header-overlay{align-items:center;display:flex;justify-content:space-between;left:24px;position:absolute;right:24px;top:24px;z-index:10}.card-header-overlay h4{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:8px}.card-header-overlay h4,.map-btn{box-shadow:0 4px 6px #0000000d;padding:8px 16px}.map-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:8px;transition:all .2s}.map-btn:hover{background:#f9fafb}.map-box{align-items:center;background:radial-gradient(circle at center,#e2e8f0 0,#f1f5f9 100%);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='M0 0h1v20H0zm0 19h20v1H0z' fill='%23cbd5e1' fill-opacity='.4'/%3E%3C/svg%3E");display:flex;height:100%;justify-content:center;width:100%}.map-glow{animation:pulse 2s infinite;background:radial-gradient(circle,#4f46e533 0,#fff0 70%);border-radius:50%;height:120px;width:120px}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}.metrics-card .subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}@media (max-width:1024px){.blank-grid{grid-template-columns:repeat(2,1fr)}.blank-card.large{grid-column:span 2}}@media (max-width:768px){.blank-topbar{flex-direction:column;gap:16px;height:auto;padding:20px}.blank-actions{justify-content:center;width:100%}.blank-grid{grid-template-columns:1fr;padding:20px}.blank-card.large{grid-column:span 1}}.blank2-page{align-items:center;background:#eef2f6;display:flex;font-family:Plus Jakarta Sans,sans-serif;justify-content:center;min-height:100vh;padding:18px}.blank2-shell{background:#fff;border-radius:20px;box-shadow:0 20px 40px -15px #0000000d,inset 0 0 0 1px #ffffffb3;display:flex;max-width:1440px;min-height:calc(100vh - 36px);overflow:hidden;width:100%}.blank2-content{background:#fafafb;display:flex;flex:1 1;flex-direction:column}.blank2-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #f0f0f4;display:flex;height:88px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.blank2-title-group{align-items:center;display:flex;gap:16px}.brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;box-shadow:0 8px 16px #4f46e540;display:flex;height:48px;justify-content:center;width:48px}.brand-text h1{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.brand-text p{color:#6b7280;font-size:13px;font-weight:500;margin:2px 0 0}.blank2-actions{gap:16px}.blank2-actions,.search-bar{align-items:center;display:flex}.search-bar{position:relative}.search-icon{color:#9ca3af;font-size:16px;left:14px;position:absolute}.search-bar input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#111827;font-family:inherit;font-size:14px;min-width:260px;padding:10px 16px 10px 38px;transition:all .2s}.search-bar input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s;width:44px}.icon-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#4f46e5;transform:translateY(-1px)}.badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:99px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-2px;top:-2px}.blank2-avatar{background:url(https://i.pravatar.cc/150?img=33) 50%/cover;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000000d;cursor:pointer;height:44px;margin-left:8px;transition:transform .2s;width:44px}.blank2-avatar:hover{transform:scale(1.05)}.blank2-main{flex:1 1;padding:32px}.table-card{background:#fff;border:1px solid #f0f0f4;border-radius:20px;box-shadow:0 10px 25px -5px #00000008,0 8px 10px -6px #00000003;display:flex;flex-direction:column;overflow:hidden;padding:0}.table-header{align-items:center;border-bottom:1px solid #f0f0f4;display:flex;justify-content:space-between;padding:24px 32px}.table-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.table-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.btn-primary{align-items:center;background:#4f46e5;border:none;border-radius:10px;box-shadow:0 4px 10px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:#4338ca;box-shadow:0 6px 14px #4f46e566;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.table-container{overflow-x:auto;width:100%}.modern-table{border-collapse:initial;border-spacing:0;text-align:left;width:100%}.modern-table th{background:#f8fafc;border-bottom:1px solid #f0f0f4;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.05em;padding:16px 32px;text-transform:uppercase}.modern-table td{border-bottom:1px solid #f8fafc;color:#111827;font-size:14px;font-weight:500;padding:20px 32px;vertical-align:middle}.modern-table tr:hover td{background:#fcfcfd}.modern-table tr:last-child td{border-bottom:none}.text-right{text-align:right}.text-muted{color:#6b7280!important}.font-semibold{font-weight:600}.text-accent{color:#4f46e5}.status-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.status-dot-sm{border-radius:50%;height:6px;width:6px}.badge-success{background:#ecfdf5;color:#059669}.badge-success .status-dot-sm{background:#10b981}.badge-info{background:#eff6ff;color:#2563eb}.badge-info .status-dot-sm{background:#3b82f6}.badge-warning{background:#fefce8;color:#ca8a04}.badge-warning .status-dot-sm{background:#eab308}.badge-neutral{background:#f3f4f6;color:#4b5563}.badge-neutral .status-dot-sm{background:#9ca3af}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.action-btn:hover{background:#f1f5f9;color:#111827}.action-btn.edit:hover{background:#eff6ff;color:#2563eb}.action-btn.delete:hover{background:#fef2f2;color:#dc2626}.empty-state{color:#6b7280;font-style:italic;padding:40px!important;text-align:center}.empty-row td.empty-state:hover{background:#0000}.modal-overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-width:520px;padding:0;position:relative;width:100%;z-index:10}.modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.modal-header p{color:#64748b;font-size:14px;margin:4px 0 0}.close-btn{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:24px;padding:4px;transition:color .2s}.close-btn:hover{background:#f1f5f9;color:#0f172a}.modal-form{gap:20px;padding:32px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{color:#475569;font-size:13px;font-weight:600}.form-group input,.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;margin-top:12px;padding-top:24px}.btn-secondary{background:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;color:#0f172a}@media (max-width:768px){.blank2-topbar{flex-direction:column;gap:16px;height:auto;padding:20px}.blank2-actions{justify-content:space-between;width:100%}.table-header{align-items:flex-start;flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.a6f56b2d.css.map*/