@import "https://fonts.googleapis.com/css2?family=Changa+One&family=Poppins:wght@500;700&display=swap";:root{--bg:#eef0f3;--sidebar:#313a45;--sidebar-soft:#3a4450;--text:#1f2937;--muted:#6b7280;--card:#fff;--border:#d9dde3;--accent:#e84c5b;--accent-dark:#cf3b49;--shadow:0 1px 2px #0000000a;--radius:10px;--soft:#f8f9fb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Poppins,sans-serif;font-weight:500}.app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;flex-direction:column;width:214px;padding:18px 0 12px;display:flex}.brand{letter-spacing:.4px;border-bottom:1px solid #ffffff14;margin-bottom:10px;padding:0 22px 18px;font-family:Changa One,cursive;font-size:18px;font-weight:700}.brand small{opacity:.75;margin-top:2px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;display:block}.nav{flex:1;padding:8px 0}.nav a{color:#e9edf3;border-left:3px solid #0000;padding:12px 22px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;text-decoration:none;display:block}.nav a:hover,.nav a.active{background:var(--sidebar-soft);border-left-color:#9cc2ff}.sidebar-footer{color:#ffffffb3;border-top:1px solid #ffffff14;padding:14px 22px 0;font-family:Poppins,sans-serif;font-size:12px;font-weight:700}.content{flex:1;padding:24px 20px 40px}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.topbar-title{color:#202733;letter-spacing:.4px;font-family:Changa One,cursive;font-size:24px}.topbar-right{align-items:center;gap:12px;display:flex}.user-info{align-items:center;gap:10px;display:flex}.user-text{text-align:right}.user-name{color:#202733;font-size:13px;font-weight:700}.user-role{color:#6b7280;font-size:11px}.user-avatar{background:var(--accent);color:#fff;width:38px;height:38px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.welcome-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.welcome-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.welcome-left{align-items:center;gap:14px;display:flex}.welcome-photo{background:var(--accent);color:#fff;width:62px;height:62px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.welcome-username{color:var(--muted);margin-bottom:3px;font-size:12px}.welcome-title{letter-spacing:.4px;color:#202733;margin-bottom:4px;font-family:Changa One,cursive;font-size:24px;line-height:1.1}.welcome-subtitle{color:var(--muted);font-size:13px}.welcome-meta{flex-wrap:wrap;gap:8px;display:flex}.meta-box{background:var(--soft);border:1px solid var(--border);color:#4b5563;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-height:168px;padding:16px}.card-label{color:#4b5563;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:700}.card-value{color:#202733;margin-bottom:6px;font-size:28px;font-weight:700;line-height:1.1}.card-desc{color:var(--muted);margin-bottom:12px;font-size:12px;line-height:1.45}.mini-list{gap:8px;display:grid}.mini-item{border:1px dashed var(--border);background:var(--soft);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.mini-item strong{color:#202733;font-size:12px;font-weight:700}.badge{color:#b93846;background:#fdecef;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}@media (width<=1100px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sidebar{display:none}.content{padding:18px 14px 30px}.topbar{margin-bottom:16px}.grid{grid-template-columns:1fr}}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-title{letter-spacing:.3px;color:#202733;font-family:Changa One,cursive;font-size:22px}.section-subtitle{color:var(--muted);margin-top:3px;font-size:12px}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-secondary{border-color:var(--border);color:#4b5563;background:#fff}.btn-secondary:hover{background:var(--soft)}.btn-icon{font-size:18px;line-height:1}.alert{border-radius:var(--radius);margin-bottom:14px;padding:12px 14px;font-size:13px}.alert-success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.alert-error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.alert ul{margin:8px 0 0 18px;padding:0}.filter-card,.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.filter-grid{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(150px,1fr)) auto;align-items:end;gap:12px;display:grid}.filter-actions{gap:8px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#4b5563;font-size:12px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9cc2ff;box-shadow:0 0 0 3px #528be51f}.form-group input:disabled{background:var(--soft);color:var(--muted)}.required,.field-error{color:#be123c}.field-error,.field-help{font-size:11px}.field-help{color:var(--muted)}.list-summary{color:var(--muted);margin:10px 2px;font-size:12px}.supplier-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.supplier-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;transition:opacity .15s,transform .15s;position:relative}.supplier-card:hover{transform:translateY(-1px)}.supplier-card.is-inactive{opacity:.68}.supplier-card-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.supplier-code{color:var(--accent);font-size:11px;font-weight:700}.supplier-name{color:#202733;margin-top:3px;font-size:16px;font-weight:700}.status-badge{border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:10px;font-weight:700}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#6b7280;background:#e5e7eb}.supplier-meta{gap:8px;padding:12px 0;display:grid}.supplier-meta-item{justify-content:space-between;gap:12px;font-size:11px;display:flex}.supplier-meta-item span{color:var(--muted)}.supplier-meta-item strong{color:#374151;text-align:right}.supplier-address{border-top:1px dashed var(--border);min-height:38px;color:var(--muted);margin-bottom:12px;padding-top:10px;font-size:11px;line-height:1.55}.supplier-actions{justify-content:flex-end;gap:8px;display:flex}.supplier-actions form{margin:0}.icon-action{border:1px solid var(--border);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;font-weight:700;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.icon-action:hover{transform:translateY(-1px)}.icon-action.edit{color:#1d4ed8}.icon-action.disable{color:#be123c}.icon-action.enable{color:#15803d}.empty-state{background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;grid-column:1/-1;padding:40px 20px}.empty-state-title{color:#202733;font-size:17px;font-weight:700}.empty-state p{color:var(--muted);font-size:12px}.simple-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.page-link{border:1px solid var(--border);color:#374151;background:#fff;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.page-link.disabled{color:#9ca3af;background:var(--soft);cursor:not-allowed}.page-info{color:var(--muted);font-size:11px}.form-card{overflow:hidden}.form-section{padding:18px}.form-section+.form-section{border-top:1px solid var(--border)}.form-section-title{color:#202733;font-size:14px;font-weight:700}.form-section-desc{color:var(--muted);margin-top:3px;margin-bottom:14px;font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.full-width{grid-column:1/-1}.checkbox-row{cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;width:fit-content;display:inline-flex!important}.checkbox-row input{width:18px;height:18px;margin-top:2px}.checkbox-row span{gap:2px;display:grid}.checkbox-row strong{color:#374151;font-size:12px}.checkbox-row small{color:var(--muted);font-size:10px;font-weight:500}.form-actions{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);background:#eef0f3eb;justify-content:flex-end;gap:8px;margin-top:14px;padding:12px;display:flex;position:sticky;bottom:0}@media (width<=1180px){.supplier-list,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-search{grid-column:1/-1}}@media (width<=720px){.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar .btn{width:100%}.supplier-list,.filter-grid,.form-grid{grid-template-columns:1fr}.filter-search,.full-width{grid-column:auto}.filter-actions,.form-actions{grid-template-columns:1fr 1fr;display:grid}.simple-pagination{flex-wrap:wrap}.page-info{text-align:center;order:-1;width:100%}}.logout-button{border:1px solid var(--border);color:#4b5563;cursor:pointer;background:#fff;border-radius:8px;min-height:34px;padding:7px 11px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700}.logout-button:hover{background:var(--soft);color:var(--accent-dark)}.login-body{background:radial-gradient(circle at top left, #e84c5b1a, transparent 36%), var(--bg);min-height:100vh}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 18px 20px;display:flex}.login-panel{border:1px solid var(--border);background:#fff;border-radius:14px;width:min(100%,410px);padding:30px;box-shadow:0 12px 35px #1f293714}.login-brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-logo{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;font-family:Changa One,cursive;font-size:27px;display:grid}.login-brand-name{color:#202733;letter-spacing:.5px;font-family:Changa One,cursive;font-size:22px}.login-brand-subtitle{color:var(--muted);margin-top:1px;font-size:10px}.login-heading{margin-bottom:24px}.login-heading h1{color:#202733;letter-spacing:.3px;margin:0;font-family:Changa One,cursive;font-size:28px;font-weight:400}.login-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.login-error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin-bottom:18px;padding:10px 12px;font-size:11px}.login-field{margin-bottom:20px}.login-field label{color:#4b5563;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.login-field input{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;outline:0;padding:9px 1px;font-family:Poppins,sans-serif;font-size:13px}.login-field input:focus{border-bottom-color:var(--accent)}.login-remember{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin:2px 0 20px;font-size:11px;display:inline-flex}.login-remember input{width:16px;height:16px}.login-submit{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;width:100%;min-height:44px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700}.login-submit:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.login-footer{color:var(--muted);margin-top:18px;font-size:10px;font-weight:700}@media (width<=560px){.login-page{justify-content:flex-start;padding-top:24px}.login-panel{padding:24px 20px}.topbar-right{gap:7px}.logout-button{padding-inline:9px}}.nav-section{color:#ffffff7a;letter-spacing:.8px;text-transform:uppercase;padding:18px 22px 6px;font-size:10px;font-weight:700}.nav a.nav-child{padding-left:34px;font-size:13px}.user-filter-grid{grid-template-columns:minmax(230px,2fr) repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:12px;display:grid}.user-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.user-management-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;transition:opacity .15s,transform .15s}.user-management-card:hover{transform:translateY(-1px)}.user-management-card.is-inactive{opacity:.66}.user-card-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:13px;display:flex}.user-card-identity{align-items:center;gap:11px;min-width:0;display:flex}.user-card-avatar{background:var(--accent);color:#fff;border-radius:50%;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:15px;font-weight:700;display:grid}.user-card-id{color:var(--accent);font-size:10px;font-weight:700}.user-card-name{color:#202733;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;font-weight:700;overflow:hidden}.user-card-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.user-card-meta{gap:8px;padding:12px 0;display:grid}.user-card-meta div{justify-content:space-between;gap:12px;font-size:11px;display:flex}.user-card-meta span{color:var(--muted)}.user-card-meta strong{color:#374151;text-align:right}.current-account-note{color:#1d4ed8;text-align:center;background:#eef6ff;border-radius:7px;margin-bottom:12px;padding:7px 9px;font-size:10px;font-weight:700}@media (width<=1240px){.user-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-filter-search{grid-column:1/-1}.user-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.user-filter-grid,.user-card-list{grid-template-columns:1fr}.user-filter-search{grid-column:auto}}.nav-settings{margin-top:7px;padding:0 12px 8px}.nav-settings-parent{color:#e9edf3;background:#ffffff09;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:10px;font-size:15px;font-weight:500;display:flex}.nav-settings-arrow{color:#ffffff8c;font-size:14px;line-height:1}.nav-submenu{background:#ffffff05;border-left:1px solid #ffffff1f;padding:4px 0 4px 10px}.nav a.nav-subitem{color:#e9edf3d1;border-left:0;border-radius:6px;margin:2px 0;padding:9px 12px;font-size:13px}.nav a.nav-subitem:hover{color:#fff;background:#ffffff0e;border-left-color:#0000}.nav a.nav-subitem.active{background:var(--sidebar-soft);color:#fff;border-left-color:#0000;box-shadow:inset 3px 0 #9cc2ff}@media (width<=900px){.nav-settings{padding-inline:10px}}.master-info-banner{border-radius:var(--radius);color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:14px;padding:12px 14px;font-size:11px;line-height:1.55}.role-card-list,.division-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.role-management-card,.division-management-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px}.division-management-card.is-inactive{opacity:.66}.role-card-head,.division-card-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.role-code,.division-code{color:var(--accent);font-size:10px;font-weight:700}.role-name,.division-name{color:#202733;margin-top:3px;font-size:16px;font-weight:700}.role-stat-grid,.division-stat-grid{gap:8px;padding:12px 0;display:grid}.role-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.division-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-stat,.division-stat-grid div{border:1px dashed var(--border);background:var(--soft);border-radius:7px;padding:9px}.role-stat span,.division-stat-grid span{color:var(--muted);font-size:9px;display:block}.role-stat strong,.division-stat-grid strong{color:#202733;margin-top:2px;font-size:15px;display:block}.role-description{min-height:54px;color:var(--muted);font-size:11px;line-height:1.55}.division-filter-grid{grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) auto;align-items:end;gap:12px;display:grid}@media (width<=1180px){.role-card-list,.division-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.role-card-list,.division-card-list,.division-filter-grid{grid-template-columns:1fr}.division-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.product-filter-grid{grid-template-columns:minmax(230px,2fr) repeat(3,minmax(145px,1fr)) auto;align-items:end;gap:12px;display:grid}.product-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-management-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;transition:opacity .15s,transform .15s}.product-management-card:hover{transform:translateY(-1px)}.product-management-card.is-inactive{opacity:.66}.product-card-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.product-code{color:var(--accent);letter-spacing:.25px;font-size:10px;font-weight:700}.product-name{color:#202733;margin-top:3px;font-size:16px;font-weight:700;line-height:1.35}.product-meta-grid{gap:8px;padding:12px 0;display:grid}.product-meta-grid>div{justify-content:space-between;gap:12px;font-size:11px;display:flex}.product-meta-grid span{color:var(--muted)}.product-meta-grid strong{color:#374151;text-align:right}@media (width<=1280px){.product-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-filter-search{grid-column:1/-1}}@media (width<=1180px){.product-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.product-filter-grid,.product-card-list{grid-template-columns:1fr}.product-filter-search{grid-column:auto}}.customer-filter-grid{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(150px,1fr)) auto;align-items:end;gap:12px;display:grid}.customer-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.customer-management-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;transition:opacity .15s,transform .15s}.customer-management-card:hover{transform:translateY(-1px)}.customer-management-card.is-inactive{opacity:.66}.customer-card-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.customer-code{color:var(--accent);letter-spacing:.25px;font-size:10px;font-weight:700}.customer-name{color:#202733;margin-top:3px;font-size:16px;font-weight:700;line-height:1.35}.customer-badge-row{padding-top:11px}.customer-type-badge{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.customer-meta-grid{gap:8px;padding:12px 0;display:grid}.customer-meta-grid>div{justify-content:space-between;gap:12px;font-size:11px;display:flex}.customer-meta-grid span{color:var(--muted)}.customer-meta-grid strong{overflow-wrap:anywhere;color:#374151;text-align:right;max-width:65%}.customer-address{border-top:1px dashed var(--border);min-height:38px;color:var(--muted);margin-bottom:12px;padding-top:10px;font-size:11px;line-height:1.55}@media (width<=1180px){.customer-card-list,.customer-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-filter-search{grid-column:1/-1}}@media (width<=720px){.customer-card-list,.customer-filter-grid{grid-template-columns:1fr}.customer-filter-search{grid-column:auto}}.work-order-filter-grid{grid-template-columns:minmax(240px,2fr) minmax(180px,1.2fr) minmax(150px,1fr) repeat(2,minmax(145px,.9fr)) auto;align-items:end;gap:12px;display:grid}.work-order-list{gap:14px;display:grid}.work-order-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.work-order-card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 16px;display:flex}.work-order-number{color:var(--accent);letter-spacing:.35px;font-size:11px;font-weight:700}.work-order-customer{color:#202733;margin-top:3px;font-size:17px;font-weight:700}.work-order-head-meta{color:#374151;text-align:right;gap:3px;font-size:11px;font-weight:700;display:grid}.work-order-head-meta small{color:var(--muted);font-size:10px;font-weight:500}.work-order-notes{border-bottom:1px dashed var(--border);background:var(--soft);color:var(--muted);padding:10px 16px;font-size:11px;line-height:1.55}.work-order-items{display:grid}.work-order-item{padding:14px 16px}.work-order-item+.work-order-item{border-top:1px dashed var(--border)}.wo-item-main{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.wo-item-product{color:#202733;font-size:13px;font-weight:700}.wo-item-file{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:11px}.wo-item-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.priority-badge,.progress-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.priority-urgent{color:#b91c1c;background:#fee2e2}.priority-segera{color:#c2410c;background:#ffedd5}.priority-normal{color:#1d4ed8;background:#dbeafe}.priority-tidak_mendesak{color:#6b7280;background:#f3f4f6}.progress-pending{color:#4b5563;background:#f3f4f6}.progress-dalam_antrian{color:#92400e;background:#fef3c7}.progress-proses_cetak{color:#1d4ed8;background:#dbeafe}.progress-finishing{color:#6d28d9;background:#ede9fe}.progress-selesai{color:#166534;background:#dcfce7}.wo-item-meta{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:11px;display:grid}.wo-item-meta>div{border:1px dashed var(--border);background:var(--soft);border-radius:7px;min-width:0;padding:8px 9px}.wo-item-meta span{color:var(--muted);font-size:9px;display:block}.wo-item-meta strong{overflow-wrap:anywhere;color:#374151;margin-top:2px;font-size:10px;display:block}.work-order-card-footer{border-top:1px solid var(--border);background:var(--soft);justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:9px 16px;display:flex}.wo-created-by{color:var(--muted);font-size:10px}.work-order-item-section{margin-top:14px}.work-order-item-section-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px;padding:0 2px;display:flex}.work-order-item-editors{gap:14px;display:grid}.work-order-item-editor{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.item-editor-head{border-bottom:1px solid var(--border);background:var(--soft);justify-content:space-between;align-items:flex-start;gap:12px;min-height:58px;padding:12px 15px;display:flex}.item-editor-kicker{color:var(--accent);letter-spacing:.5px;font-size:9px;font-weight:700}.item-editor-title{color:#202733;margin-top:2px;font-size:13px;font-weight:700}.item-remove-button{color:#be123c;cursor:pointer;background:#fff;border:1px solid #fecdd3;border-radius:50%;width:32px;height:32px;padding:0;font-size:20px;line-height:1}.item-remove-button:disabled{border-color:var(--border);color:#c7cbd1;cursor:not-allowed}.item-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:15px;display:grid}.item-product-field,.item-file-field,.item-deadline-field{grid-column:span 2}.item-product-info{color:var(--muted);flex-wrap:wrap;gap:6px 12px;font-size:9px;display:flex}.item-size-field{transition:opacity .15s}.item-size-field.is-disabled{opacity:.48}@media (width<=1320px){.work-order-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wo-filter-search{grid-column:1/-1}.item-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.wo-item-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.item-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-product-field,.item-file-field,.item-deadline-field{grid-column:span 2}}@media (width<=720px){.work-order-filter-grid,.item-editor-grid{grid-template-columns:1fr}.wo-filter-search,.item-product-field,.item-file-field,.item-deadline-field{grid-column:auto}.work-order-card-head,.wo-item-main,.work-order-item-section-head{flex-direction:column;align-items:stretch}.work-order-head-meta{text-align:left}.wo-item-badges{justify-content:flex-start}.wo-item-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.work-order-item-section-head .btn{width:100%}}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.production-quantity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.production-quantity-grid>div{border:1px dashed var(--border);background:#fff;border-radius:7px;min-width:0;padding:8px 9px}.production-quantity-grid span{color:var(--muted);font-size:9px;display:block}.production-quantity-grid strong{overflow-wrap:anywhere;color:#374151;margin-top:2px;font-size:10px;display:block}.workflow-action-area{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:11px;padding-top:11px;display:flex}.workflow-button{cursor:pointer;border:0;border-radius:7px;min-height:34px;padding:8px 12px;font-family:inherit;font-size:10px;font-weight:700}.workflow-button.queue{color:#92400e;background:#fef3c7}.workflow-button.start{color:#1d4ed8;background:#dbeafe}.workflow-button.complete{color:#166534;background:#dcfce7}.workflow-button:hover{filter:brightness(.97)}.workflow-completed-label{color:#166534;background:#dcfce7;border-radius:7px;min-height:34px;padding:8px 12px;font-size:10px;font-weight:700}.completion-panel{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;width:min(100%,560px)}.completion-panel summary{color:#166534;cursor:pointer;min-height:34px;padding:8px 12px;font-size:10px;font-weight:700;list-style-position:inside}.completion-panel[open] summary{border-bottom:1px solid #bbf7d0}.completion-panel form{padding:12px}.completion-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.completion-form-note{color:#4b5563;margin:9px 0;font-size:9px;line-height:1.5}.production-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.production-summary-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:14px}.production-summary-card span{color:var(--muted);font-size:10px}.production-summary-card strong{color:#202733;margin-top:4px;font-size:22px;display:block}.production-report-filter-grid{grid-template-columns:repeat(2,minmax(140px,.9fr)) repeat(2,minmax(170px,1.2fr)) auto;align-items:end;gap:12px;display:grid}.production-report-list{gap:12px;display:grid}.production-report-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.production-report-head{border-bottom:1px solid var(--border);background:var(--soft);justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 15px;display:flex}.production-report-action{color:var(--accent);font-size:10px;font-weight:700}.production-report-work-order{color:#202733;margin-top:3px;font-size:13px;font-weight:700}.production-report-time{color:#374151;text-align:right;gap:2px;font-size:10px;display:grid}.production-report-time span{color:var(--muted)}.production-report-item{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px 15px;display:grid}.production-report-item>div{border:1px dashed var(--border);border-radius:7px;min-width:0;padding:8px 9px}.production-report-item span,.production-report-quantity span{color:var(--muted);font-size:9px;display:block}.production-report-item strong,.production-report-quantity strong{overflow-wrap:anywhere;color:#374151;margin-top:2px;font-size:10px;display:block}.production-report-progress{align-items:center;gap:7px;padding:0 15px 13px;display:flex}.progress-arrow{color:var(--muted);font-size:12px}.production-report-quantity{grid-template-columns:repeat(2,minmax(0,160px));gap:8px;padding:0 15px 13px;display:grid}.production-report-quantity>div{background:#f0fdf4;border-radius:7px;padding:9px}.production-report-notes{border-top:1px dashed var(--border);color:var(--muted);padding:10px 15px;font-size:10px;line-height:1.55}@media (width<=1100px){.production-report-filter-grid,.production-report-item{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.production-quantity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-summary-grid{grid-template-columns:1fr}}@media (width<=720px){.toolbar-actions,.production-report-head{flex-direction:column;align-items:stretch}.toolbar-actions .btn{width:100%}.production-report-filter-grid,.production-report-item,.completion-form-grid{grid-template-columns:1fr}.production-report-time{text-align:left}.production-report-quantity{grid-template-columns:repeat(2,minmax(0,1fr))}.completion-panel{width:100%}}.work-order-form-actions{justify-content:space-between;align-items:center}.work-order-save-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.icon-action.print{color:#4338ca;background:#eef2ff}.icon-action.share{color:#0e7490;background:#ecfeff}.share-work-order-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.share-work-order-head{border-bottom:1px solid var(--border);background:var(--soft);justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 15px;display:flex}.share-work-order-number{color:var(--accent);font-size:10px;font-weight:700}.share-work-order-customer{color:#202733;margin-top:3px;font-size:16px;font-weight:700}.share-work-order-preview{color:#374151;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;margin:0;padding:16px;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.6;overflow-x:auto}.share-work-order-actions{border-top:1px solid var(--border);background:var(--soft);flex-wrap:wrap;gap:8px;padding:13px 15px;display:flex}.share-copy-status{background:var(--soft);color:#166534;min-height:30px;padding:0 15px 12px;font-size:10px;font-weight:700}@media (width<=720px){.work-order-form-actions,.share-work-order-head{flex-direction:column;align-items:stretch}.work-order-save-actions{grid-template-columns:1fr;display:grid}.work-order-form-actions>.btn,.work-order-save-actions .btn,.share-work-order-actions .btn{width:100%}.share-work-order-actions{grid-template-columns:1fr;display:grid}}.action-svg{flex:0 0 18px;width:18px;height:18px;display:block}.button-inline-icon{flex:0 0 16px;width:16px;height:16px;display:block}.work-order-save-actions .btn,.share-work-order-head .btn,.share-work-order-actions .btn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.icon-action.print,.icon-action.share{justify-content:center;align-items:center;line-height:1;display:inline-flex}.production-template-filter-grid{grid-template-columns:minmax(240px,2fr) minmax(190px,1.3fr) minmax(145px,.8fr) auto;align-items:end;gap:12px;display:grid}.production-template-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.production-template-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:15px;transition:opacity .15s,transform .15s;overflow:hidden}.production-template-card:hover{transform:translateY(-1px)}.production-template-card.is-inactive{opacity:.66}.production-template-card-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.production-template-code{color:var(--accent);letter-spacing:.25px;font-size:10px;font-weight:700}.production-template-name{color:#202733;margin-top:3px;font-size:16px;font-weight:700;line-height:1.35}.production-template-product{gap:3px;padding:12px 0;display:grid}.production-template-product span{color:var(--muted);font-size:9px}.production-template-product strong{color:#374151;font-size:11px;line-height:1.45}.production-template-product small{color:var(--muted);font-size:9px}.production-template-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-bottom:12px;display:grid}.production-template-stat-grid>div{border:1px dashed var(--border);background:var(--soft);border-radius:7px;padding:8px}.production-template-stat-grid span{color:var(--muted);font-size:8px;display:block}.production-template-stat-grid strong{color:#202733;margin-top:2px;font-size:14px;display:block}.production-template-notes{border-top:1px dashed var(--border);color:var(--muted);margin-bottom:12px;padding-top:10px;font-size:10px;line-height:1.55}.production-template-steps-section{margin-top:14px}.production-template-steps-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px;padding:0 2px;display:flex}.production-template-step-list{gap:14px;display:grid}.production-template-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.template-step-head{border-bottom:1px solid var(--border);background:var(--soft);justify-content:space-between;align-items:flex-start;gap:12px;min-height:58px;padding:12px 15px;display:flex}.template-step-kicker{color:var(--accent);letter-spacing:.5px;font-size:9px;font-weight:700}.template-step-title{color:#202733;margin-top:2px;font-size:13px;font-weight:700}.template-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:15px;display:grid}.template-step-name,.template-step-dependency{grid-column:span 2}.template-step-options{min-width:0}.quantity-multiplier-field{transition:opacity .15s}.quantity-multiplier-field.is-disabled{opacity:.48}@media (width<=1260px){.production-template-card-list,.production-template-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-filter-search{grid-column:1/-1}.template-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.template-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-step-name,.template-step-dependency{grid-column:span 2}.production-template-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.production-template-card-list,.production-template-filter-grid,.template-step-grid{grid-template-columns:1fr}.template-filter-search,.template-step-name,.template-step-dependency{grid-column:auto}.production-template-steps-head{flex-direction:column;align-items:stretch}.production-template-steps-head .btn{width:100%}}.template-item-product{grid-column:span 2}.template-product-preview{grid-column:span 2;grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:7px;display:grid}.template-product-preview>div{border:1px dashed var(--border);background:var(--soft);border-radius:7px;min-width:0;padding:9px}.template-product-preview span{color:var(--muted);font-size:8px;display:block}.template-product-preview strong{color:#202733;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;line-height:1.35;display:block;overflow:hidden}.price-override-field{transition:opacity .15s}.price-override-field.is-disabled{opacity:.48}.template-item-summary-list{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);gap:7px;padding:12px 0;display:grid}.template-item-summary{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.template-item-order{border:1px solid var(--border);background:var(--soft);width:34px;height:34px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.template-item-summary-main{min-width:0}.template-item-summary-main strong{color:#202733;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.template-item-summary-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;display:block;overflow:hidden}.template-item-price-mode{background:var(--soft);color:#4b5563;white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:700}.template-included-note{color:#92400e;background:#fffbeb;border:1px dashed #f59e0b;border-radius:7px;margin-top:10px;padding:8px 9px;font-size:9px;line-height:1.45}@media (width<=1260px){.template-product-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.template-item-product,.template-product-preview{grid-column:span 2}}@media (width<=720px){.template-item-product,.template-product-preview{grid-column:auto}.template-product-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.template-item-summary{grid-template-columns:34px minmax(0,1fr)}.template-item-price-mode{grid-column:2;justify-self:start}}.wo-preset-builder{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);margin-top:14px;padding:15px}.wo-preset-builder-head,.wo-preset-preview-head,.wo-preset-picker{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.wo-preset-status-label{color:#166534;white-space:nowrap;background:#ecfdf5;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.wo-preset-picker{margin-top:14px}.wo-preset-select-field{flex:1}.wo-preset-preview{border:1px dashed var(--border);background:var(--soft);border-radius:9px;margin-top:14px;padding:14px}.wo-preset-preview-head span{color:var(--accent);font-size:9px;font-weight:700;display:block}.wo-preset-preview-head strong{color:#202733;margin-top:2px;font-size:16px;display:block}.wo-preset-preview-head small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.wo-preset-common-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.wo-preset-file-field{grid-column:span 2}.wo-preset-step-list{margin-top:14px}.wo-preset-step-list-title{color:#202733;margin-bottom:8px;font-size:11px;font-weight:700}#wo-preset-steps{gap:8px;display:grid}.wo-preset-step{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px}.wo-preset-step-check{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.wo-preset-step-check input{margin-top:2px}.wo-preset-step-check strong{color:#202733;font-size:10px;display:block}.wo-preset-step-check small{color:var(--muted);margin-top:2px;font-size:8px;display:block}.wo-preset-step-meta{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.wo-preset-step-meta span{background:var(--soft);color:#4b5563;border-radius:999px;padding:4px 6px;font-size:8px;font-weight:700}.wo-preset-step-meta .preset-proof-badge{color:#9a3412;background:#fff7ed}.preset-manual-qty{color:#374151;gap:5px;max-width:180px;margin-top:9px;font-size:9px;font-weight:700;display:grid}.wo-preset-message{min-height:26px;color:var(--muted);padding:8px 0;font-size:9px;font-weight:700}.wo-preset-message.error{color:#b91c1c}.wo-preset-message.success{color:#166534}.work-order-item-editor.is-template-item{border-color:#c7d2fe}.wo-template-item-banner{background:#eef2ff;border-bottom:1px solid #c7d2fe;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 13px;display:flex}.wo-template-item-banner>div{min-width:0}.wo-template-badge{color:#fff;vertical-align:middle;background:#4338ca;border-radius:999px;margin-right:5px;padding:3px 5px;font-size:7px;font-weight:700;display:inline-block}.wo-template-item-banner strong{color:#312e81;font-size:10px}.wo-template-item-banner small{color:#6366f1;margin-top:3px;font-size:8px;display:block}.template-group-remove-button{color:#4338ca;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c7d2fe;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:700}.wo-template-item-detail{border-top:1px dashed var(--border);background:#fafafa;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 14px 13px;display:grid}.wo-template-item-detail>div{min-width:0}.wo-template-item-detail .full-width{grid-column:1/-1}.wo-template-item-detail span{color:var(--muted);font-size:8px;display:block}.wo-template-item-detail strong{color:#374151;margin-top:2px;font-size:9px;line-height:1.45;display:block}.wo-list-template-line{margin-bottom:5px}.wo-list-template-line span{color:#4338ca;background:#eef2ff;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:700;display:inline-block}.wo-list-template-line small{color:var(--muted);margin-left:4px;font-size:8px}.workflow-waiting-label,.workflow-proof-label{border-radius:7px;width:100%;padding:7px 9px;font-size:9px;font-weight:700}.workflow-waiting-label{color:#92400e;background:#fffbeb;border:1px dashed #f59e0b}.workflow-proof-label{color:#9a3412;background:#fff7ed;border:1px dashed #fb923c}@media (width<=1020px){.wo-preset-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.wo-preset-builder-head,.wo-preset-preview-head,.wo-preset-picker,.wo-template-item-banner{flex-direction:column;align-items:stretch}.wo-preset-common-grid,.wo-template-item-detail{grid-template-columns:1fr}.wo-preset-file-field,.wo-template-item-detail .full-width{grid-column:auto}.wo-preset-picker .btn,#add-preset-to-work-order,.template-group-remove-button{width:100%}}.production-report-package{color:#4338ca;background:#eef2ff;border:1px dashed #c7d2fe;border-radius:7px;margin:10px 0 0;padding:7px 9px;font-size:8px;font-weight:700}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.mobile-menu-button,.sidebar-close-button,.sidebar-backdrop{appearance:none;display:none!important}.mobile-menu-button svg,.sidebar-close-button svg,.icon-action-svg{pointer-events:none;flex:none;width:21px;height:21px;display:block}.icon-action{line-height:1}.icon-action-svg{width:17px;height:17px}.icon-action.disable .icon-action-svg,.icon-action.enable .icon-action-svg{width:18px;height:18px}@media (width<=900px){html,body{max-width:100%;overflow-x:hidden}body.sidebar-open{touch-action:none;overflow:hidden}.content{width:100%;min-width:0}.topbar{z-index:20;align-items:center;gap:10px;position:relative}.topbar-left{flex:auto;min-width:0}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:21px;line-height:1.2;overflow:hidden}.mobile-menu-button{border:1px solid var(--border)!important;color:#202733!important;width:42px!important;min-width:42px!important;height:42px!important;box-shadow:var(--shadow)!important;cursor:pointer!important;background:#fff!important;border-radius:9px!important;flex:0 0 42px!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.mobile-menu-button:active{transform:scale(.97)}.sidebar{overscroll-behavior:contain;box-shadow:18px 0 40px #0f172a47;z-index:1001!important;visibility:visible!important;opacity:1!important;width:min(82vw,280px)!important;max-width:280px!important;min-height:100dvh!important;padding-top:18px!important;transition:transform .22s!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;overflow-y:auto!important;transform:translate(-105%)!important}body.sidebar-open .sidebar{transform:translate(0)!important}.sidebar .brand{padding-right:62px}.sidebar-close-button{z-index:2!important;color:#fff!important;cursor:pointer!important;background:#ffffff17!important;border:1px solid #ffffff2e!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:inline-flex!important;position:absolute!important;top:14px!important;right:14px!important}.sidebar-backdrop{z-index:1000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:#0f172a85!important;border:0!important;width:100%!important;height:100%!important;padding:0!important;transition:opacity .2s,visibility .2s!important;display:block!important;position:fixed!important;inset:0!important}body.sidebar-open .sidebar-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}}@media (width<=560px){.topbar-right{gap:6px}.user-text{display:none}.user-avatar{flex:0 0 36px;width:36px;height:36px}.logout-button{min-height:36px;padding:7px 9px;font-size:10px}.topbar-title{font-size:19px}}.supplier-compact-filter{margin-bottom:8px;padding:9px 10px}.supplier-compact-filter-grid{grid-template-columns:minmax(180px,1.45fr) minmax(120px,.75fr) minmax(110px,.65fr) auto;gap:8px}.supplier-compact-filter .form-group{gap:4px}.supplier-compact-filter .form-group label{font-size:9px;line-height:1.2}.supplier-compact-filter .form-group input,.supplier-compact-filter .form-group select{border-radius:7px;min-height:34px;padding:6px 9px;font-size:10px}.supplier-compact-filter .filter-actions{gap:6px}.supplier-compact-filter .filter-actions .btn{border-radius:7px;min-height:34px;padding:6px 10px;font-size:9px}.supplier-compact-filter+.list-summary{margin-top:6px;margin-bottom:7px;font-size:10px}@media (width<=1080px){.supplier-compact-filter-grid{grid-template-columns:minmax(170px,1.4fr) repeat(2,minmax(110px,.8fr))}.supplier-compact-filter .filter-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=720px){.supplier-compact-filter{padding:8px}.supplier-compact-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.supplier-compact-filter .filter-search{grid-column:1/-1}.supplier-compact-filter .filter-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.supplier-compact-filter .filter-actions .btn{width:100%}}.filter-card{margin-bottom:8px!important;padding:9px 10px!important}.filter-card :is(.filter-grid,.product-filter-grid,.customer-filter-grid,.work-order-filter-grid,.production-report-filter-grid,.user-filter-grid,.division-filter-grid,.production-template-filter-grid){align-items:end;gap:8px!important}.filter-card .form-group{min-width:0;gap:4px!important}.filter-card .form-group label{line-height:1.2;font-size:9px!important}.filter-card .form-group input,.filter-card .form-group select{height:34px;border-radius:7px!important;min-height:34px!important;padding:6px 9px!important;font-size:10px!important}.filter-card .filter-actions{gap:6px!important}.filter-card .filter-actions .btn{height:34px;border-radius:7px!important;min-height:34px!important;padding:6px 10px!important;font-size:9px!important}.filter-card .filter-grid{grid-template-columns:minmax(180px,1.3fr) repeat(2,minmax(115px,.8fr)) auto!important}.filter-card .product-filter-grid,.filter-card .user-filter-grid{grid-template-columns:minmax(180px,1.25fr) repeat(3,minmax(115px,.8fr)) auto!important}.filter-card .customer-filter-grid{grid-template-columns:minmax(180px,1.25fr) repeat(2,minmax(115px,.8fr)) auto!important}.filter-card .work-order-filter-grid{grid-template-columns:minmax(180px,1.25fr) minmax(135px,.95fr) minmax(115px,.8fr) repeat(2,minmax(120px,.8fr)) auto!important}.filter-card .production-report-filter-grid{grid-template-columns:repeat(2,minmax(110px,.75fr)) repeat(2,minmax(140px,1fr)) auto!important}.filter-card .division-filter-grid{grid-template-columns:minmax(180px,1.25fr) minmax(115px,.8fr) auto!important}.filter-card .production-template-filter-grid{grid-template-columns:minmax(180px,1.25fr) minmax(145px,1fr) minmax(115px,.75fr) auto!important}.filter-card+.list-summary,.filter-card~.list-summary{margin-top:6px!important;margin-bottom:7px!important;font-size:10px!important}@media (width<=900px){.filter-card{margin-bottom:6px!important;padding:7px!important}.filter-card :is(.filter-grid,.product-filter-grid,.customer-filter-grid,.work-order-filter-grid,.production-report-filter-grid,.user-filter-grid,.division-filter-grid,.production-template-filter-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;display:grid!important}.filter-card :is(.filter-search,.product-filter-search,.customer-filter-search,.wo-filter-search,.user-filter-search,.template-filter-search),.filter-card .division-filter-grid>.form-group:first-child{grid-column:1/-1!important}.filter-card .form-group{gap:3px!important}.filter-card .form-group label{font-size:8px!important}.filter-card .form-group input,.filter-card .form-group select{border-radius:6px!important;width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:4px 7px!important;font-size:9px!important}.filter-card .filter-actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important;gap:5px!important;display:grid!important}.filter-card .filter-actions .btn{border-radius:6px!important;width:100%!important;height:30px!important;min-height:30px!important;padding:4px 8px!important;font-size:8px!important}}@media (width<=430px){.filter-card{padding:6px!important}.filter-card :is(.filter-grid,.product-filter-grid,.customer-filter-grid,.work-order-filter-grid,.production-report-filter-grid,.user-filter-grid,.division-filter-grid,.production-template-filter-grid){gap:5px!important}.filter-card .form-group input,.filter-card .form-group select{height:29px!important;min-height:29px!important;padding-inline:6px!important}.filter-card .filter-actions .btn{height:29px!important;min-height:29px!important}}