@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--clr-primary:#3b6fe0;--clr-primary-hover:#2b5fd8;--clr-primary-dark:#1a4fd1;--clr-primary-light:#dbe6fd;--clr-bg-page:#eef3fb;--clr-bg-white:#fff;--clr-bg-soft:#f5f9ff;--clr-bg-row-hover:#deeafb;--clr-bg-row-selected:#a8c8f5;--clr-border-default:#c5d8f8;--clr-border-table:#eaecf4;--clr-border-section:#deeafb;--clr-border-header:#1f65de66;--clr-text-primary:#1a2e4a;--clr-text-muted:#6b7a99;--clr-text-faint:#8b99b5;--clr-text-mid:#4a5568;--clr-text-inactive:#bbb;--clr-text-white:#fff;--clr-danger:#dc3545;--clr-danger-dark:#dc2626;--clr-danger-bg:#fee2e2;--clr-danger-border:#fca5a5;--clr-danger-text:#991b1b;--clr-success-bg:#d1fae5;--clr-success-border:#a7f3d0;--clr-success-text:#065f46;--clr-loader-track:#deeafb;--clr-loader-spin:#1f65de;--clr-loader-overlay:#0a142880;--clr-modal-overlay:#0a142873;--clr-picker-overlay:#0a14286b;--clr-icon-bg:#1f65de;--clr-toolbar-accent:#1f65de;--clr-th-shine:#ffffff1f;--clr-focus-ring:#1f65de2e;--clr-focus-ring-picker:#1f65de26;--clr-shadow-box:#00000040;--clr-shadow-light:#00000014;--clr-shadow-toast:#00000026;--clr-green:#16a34a;--clr-green-bg:#e0edff;--clr-export:#059669;--clr-pay-hdr-secondary:#2d4a9f;--clr-ps-bg:#f8faff;--clr-ps-col-hdr-bg:#f0f4fc;--clr-ps-col-hdr-border:#dde6f5;--clr-ps-icon:#7895c8;--clr-ps-placeholder:#aab4cc;--clr-ps-row-stripe:#fafbff;--clr-ps-row-border:#f3f5fb;--clr-ps-close-bg:#ffffff26;--clr-ps-close-hover-bg:#ffffff4d;--clr-ps-count-bg:#ffffff26;--clr-ps-count-text:#ffffffa6;--clr-entry-row-bg:#f0f7ff;--clr-cell-focus-border:#93c5fd;--clr-cell-focus-ring:#3b82f626;--clr-divider:#dde6f5;--clr-badge-bg:#e0edff;--clr-badge-warn-bg:#fff3cd;--clr-badge-warn-text:#856404;--clr-calc-text:#475569;--clr-stock-label:#dc2626;--clr-verr:#dc2626;--clr-topay:#dc2626;--blue:#1f65de;--blue-dark:#1b3a8f;--blue-light:#3b6fe0;--blue-pale:#eaf0fd;--blue-glow:#1f65de2e;--blue-hover:#1750b0;--blue-select:#a8c8f5;--text-dark:#0f1c38;--text-mid:#4a5568;--text-soft:#94a3b8;--text-inactive:#bbb;--white:#fff;--bg-form:#f7f9ff;--bg-page:#eef3fb;--bg-row-hover:#deeafb;--border:#dde4f0;--border-default:#c5d8f8;--border-table:#eaecf4;--border-header:#1f65de66;--gradient-brand:linear-gradient(135deg, #1b3a8f 0%, #2563eb 55%, #06b6d4 100%);--danger:#dc3545;--danger-dark:#dc2626;--danger-bg:#fee2e2;--danger-border:#fca5a5;--danger-text:#991b1b;--success-bg:#d1fae5;--success-border:#a7f3d0;--success-text:#065f46;--green:#16a34a;--export:#059669;--overlay-loader:#0a142880;--overlay-modal:#0a142873;--overlay-picker:#0a14286b;--white-shine:#ffffff1f;--shadow-box:#00000040;--shadow-light:#00000014;--shadow-toast:#00000026;--badge-bg:#e0edff;--badge-warn-bg:#fff3cd;--badge-warn-text:#856404;--entry-row-bg:#f0f7ff;--cell-focus-border:#93c5fd;--cell-focus-ring:#3b82f626;--pay-header-secondary:#2d4a9f;--ps-bg:#f8faff;--ps-col-hdr-bg:#f0f4fc;--ps-col-hdr-border:#dde6f5;--ps-icon:#7895c8;--ps-placeholder:#aab4cc;--ps-row-stripe:#fafbff;--ps-row-border:#f3f5fb;--ps-close-bg:#ffffff26;--ps-close-hover-bg:#ffffff4d;--ps-count-bg:#ffffff26;--ps-count-text:#ffffffa6;--font-family:"DM Sans", sans-serif;--font-heading:"Playfair Display", serif;--clr-si-border-soft:#d0ddf5;--clr-si-input-border:#b8ccee;--clr-si-input-border-light:#d4dbe8;--clr-si-border-mid:#c8d8ee;--clr-si-border-light:#e2e8f0;--clr-si-divider-soft:#edf0f7;--clr-si-invalid-bg:#fff7f7;--clr-si-invalid-border:#ef4444;--clr-si-warn-bg2:#fef3c7;--clr-si-amber:#f59e0b;--clr-si-amber-hover:#c08115;--clr-btn-columns-hover:#d6a754;--clr-si-amber-text:#92400e;--clr-si-danger-border-light:#fecaca;--clr-si-row-stripe-alt:#f8fafc;--clr-si-header-bg:#f5f8fd;--clr-si-edit-btn-bg:#e8f0fe;--clr-si-info-border:#dde9f8;--clr-si-purple:#8b5cf6;--clr-si-purple-hover:#5b448f;--clr-si-th-batch-bg:#1e4d8c;--clr-si-shadow-blue-strong:#1f65de38;--clr-si-shadow-blue-md:#1f65de33;--clr-si-white-75:#ffffffbf;--font-size-base:1.4rem;--font-size-sm:1.1rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-xxl:2.8rem;--font-size-xxxl:3rem;--font-weight-bold:600;--font-size-9-5:.95rem;--font-size-10:1rem;--font-size-10-5:1.05rem;--font-size-11-5:1.15rem;--font-size-12:1.2rem;--font-size-13:1.3rem;--font-size-13-5:1.35rem;--font-size-16:1.6rem;--font-size-18:1.8rem;--clr-btn-save:var(--clr-primary);--clr-btn-save-hover:var(--clr-primary-hover);--clr-btn-new:var(--clr-green);--clr-btn-new-hover:#15803d;--clr-btn-refresh:#0891b2;--clr-btn-refresh-hover:#0e7490;--clr-btn-opening:#4f46e5;--clr-btn-opening-hover:#4338ca;--clr-btn-export:var(--clr-export);--clr-btn-export-hover:#047857;--clr-btn-import:#e221b2;--clr-btn-import-hover:#7e2d6a;--clr-btn-barcode:#535961;--clr-btn-barcode-hover:#858e9b;--clr-btn-delete:#ef4444;--clr-btn-delete-hover:var(--clr-danger-dark);--clr-btn-cancel:#ee149ac5;--clr-btn-cancel-hover:#c91f8885;--clr-btn-barcode-bg:var(--clr-bg-white);--clr-btn-barcode-border:var(--clr-border-default);--clr-btn-barcode-text:var(--clr-text-mid);--clr-btn-barcode-hover-bg:var(--clr-bg-row-hover);--clr-btn-barcode-hover-border:var(--clr-text-faint);--clr-btn-barcode-hover-text:var(--clr-text-primary)}html{font-size:10px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-dark);background:var(--bg-form)}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes floatImg{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orb1Pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}@keyframes orb2Pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.12)}}.login-main{flex-direction:row-reverse;min-height:100vh;display:flex}.login-left{background:var(--gradient-brand);background-size:220% 220%;flex:1;justify-content:center;align-items:center;height:100vh;animation:10s infinite gradientShift;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.login-left:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#63d2ff47 0%,#2563eb1f 45%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:7s ease-in-out infinite orb1Pulse;position:absolute;top:-120px;right:-120px}.login-left-overlay{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:48px 40px;display:flex;position:relative}.login-left-overlay:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d438 0%,#0000 65%);border-radius:50%;width:400px;height:400px;animation:9s ease-in-out 1.5s infinite orb2Pulse;position:absolute;bottom:-100px;left:-80px}.login-left-brand{text-align:center;z-index:2;margin-bottom:36px;position:relative}.left-logo-ring{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 18px;display:flex;box-shadow:0 0 0 6px #ffffff0f,0 8px 32px #00000038,inset 0 1px #ffffff40}.left-logo-letter{font-family:var(--font-heading);color:var(--white);text-shadow:0 0 24px #93d2ffb3,0 2px 12px #0000004d;font-size:3.2rem;font-weight:800}.left-brand-title{font-family:var(--font-heading);font-size:var(--font-size-xxl);color:var(--white);letter-spacing:-.02em;text-shadow:0 2px 20px #00000040;margin-bottom:6px;font-weight:700}.left-brand-sub{font-size:var(--font-size-sm);color:#bae6fdcc;letter-spacing:.08em;text-transform:uppercase;font-weight:400}.login-hero-img{object-fit:contain;z-index:2;filter:drop-shadow(0 24px 48px #00000061)drop-shadow(0 4px 16px #06b6d438);width:min(400px,78%);animation:4.5s ease-in-out infinite floatImg;position:relative}.left-floating-card{-webkit-backdrop-filter:blur(20px);z-index:3;background:#ffffff1a;border:1px solid #ffffff38;border-radius:16px;align-items:center;gap:12px;padding:13px 20px;transition:box-shadow .3s,background .3s;animation:5s ease-in-out infinite floatCard;display:flex;position:absolute;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff2e,inset 0 0 0 .5px #ffffff14}.left-floating-card:hover{background:#ffffff29;box-shadow:0 12px 40px #00000047,0 0 24px #63d2ff2e,inset 0 1px #ffffff40}.left-card-1{animation-delay:0s;bottom:22%;left:8%}.left-card-2{animation-delay:1.8s;top:22%;right:6%}.lfc-icon{font-size:var(--font-size-xl);filter:drop-shadow(0 2px 6px #0003);line-height:1}.lfc-title{color:var(--white);letter-spacing:-.01em;text-shadow:0 1px 8px #0003;font-size:1.45rem;font-weight:700;line-height:1}.lfc-sub{color:#bae6fdcc;letter-spacing:.02em;margin-top:3px;font-size:.85rem}.login-right{background:var(--white);flex:1;justify-content:center;align-items:center;height:100vh;display:flex;box-shadow:-8px 0 40px #1f65de0f}.login-right-container{flex-direction:column;align-items:center;gap:0;width:80%;max-width:420px;display:flex}.login-logo{margin-bottom:28px}.login-logo img{object-fit:contain;width:350px;height:100px;box-shadow:0 4px 20px var(--blue-glow);border:2px solid var(--blue-pale);border-radius:16px}.login-center{text-align:center;width:100%}.login-center h2{font-family:var(--font-heading);font-size:var(--font-size-xxxl);color:var(--text-dark);letter-spacing:-.02em;margin-bottom:6px;font-weight:800}.login-center p{font-size:var(--font-size-lg);color:var(--text-soft);margin-bottom:36px;font-weight:400}.login-center form{text-align:left;flex-direction:column;gap:0;display:flex}.input-group{margin-bottom:16px;position:relative}.input-icon{font-size:var(--font-size-lg);pointer-events:none;opacity:.45;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}form input[type=email],form input[type=password],form input[type=text]{border:1.5px solid var(--border);background:var(--bg-form);width:100%;color:var(--text-dark);border-radius:12px;outline:none;padding:15px 16px 15px 42px;transition:border-color .25s,box-shadow .25s,background .25s}form input::placeholder{color:#b0bdc9}form input[type=email]:focus,form input[type=password]:focus,form input[type=text]:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px #1f65de1a}.pass-input-div{position:relative}.pass-input-div svg{cursor:pointer;color:var(--text-soft);font-size:1.8rem;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pass-input-div svg:hover{color:var(--blue)}.login-center-options{justify-content:space-between;align-items:center;margin:14px 0 28px;display:flex}.remember-div{align-items:center;column-gap:8px;display:flex}.remember-div input[type=checkbox]{appearance:none;border:1.5px solid var(--border);background:var(--bg-form);cursor:pointer;border-radius:5px;flex-shrink:0;width:17px;height:17px;margin-top:1px;transition:all .2s;position:relative}.remember-div input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}.remember-div input[type=checkbox]:checked:after{content:"";border:2px solid var(--white);border-top:none;border-left:none;width:5px;height:8px;position:absolute;top:2px;left:4px;transform:rotate(45deg)}.remember-div label{font-size:var(--font-size-md);color:var(--text-mid);cursor:pointer;margin-top:0;font-weight:500}.forgot-pass-link{font-size:var(--font-size-md);color:var(--blue);font-weight:600;text-decoration:none;transition:opacity .2s}.forgot-pass-link:hover{opacity:.75;text-decoration:underline}.login-center-buttons{flex-direction:column;row-gap:12px;margin-top:0;display:flex}form button[type=button]{width:100%;font-family:var(--font-family);font-size:var(--font-size-lg);cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;padding:15px 20px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.login-center-buttons button:first-child{color:var(--white);background:var(--gradient-brand);background-size:200% 200%;animation:5s infinite gradientShift;box-shadow:0 10px 25px #2563eb59}.login-center-buttons button:first-child:hover{transform:translateY(-2px);box-shadow:0 15px 30px #2563eb73}.login-center-buttons button:first-child:active{transform:scale(.98)}.login-center-buttons button:first-child:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.login-center-buttons button:nth-child(2){background:var(--white);color:var(--text-dark);border:1.5px solid var(--border);justify-content:center;align-items:center;column-gap:10px;display:flex;box-shadow:0 2px 8px #0000000d}.login-center-buttons button:nth-child(2):hover{background:var(--bg-form);border-color:#c4cfe0;transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.login-center-buttons button:nth-child(2) img{object-fit:contain;width:22px;height:22px}.login-bottom-p{text-align:center;font-size:var(--font-size-base);color:var(--text-soft);margin-top:28px;padding-bottom:0}.login-bottom-p a{color:var(--blue);font-weight:700;text-decoration:none;transition:opacity .2s}.login-bottom-p a:hover{opacity:.8;text-decoration:underline}.login-powered{color:#c8d4e4;letter-spacing:.04em;text-align:center;margin-top:20px;font-size:1.05rem}@media (width<=900px){.login-left{display:none}.login-right{flex:1}}@media (width<=480px){.login-right-container{width:90%}}:root{--kd-bg:#f0f2f8;--kd-surface:#fff;--kd-border:#e4e8f2;--kd-text:#0f1729;--kd-muted:#8491ad;--kd-blue:#3d6ff8;--kd-blue-lt:#3d6ff81a;--kd-teal:#00bfa5;--kd-teal-lt:#00bfa51f;--kd-orange:#f76d3c;--kd-orange-lt:#f76d3c1f;--kd-green:#22c55e;--kd-green-lt:#22c55e1f;--kd-navy:#1e3a8a;--kd-navy-lt:#1e3a8a1a;--kd-red:#ef4444;--kd-amber:#f59e0b;--kd-shadow-sm:0 1px 4px #0f17290f;--kd-shadow-md:0 4px 16px #0f172914;--kd-shadow-lg:0 12px 36px #0f17291a;--kd-radius:14px;--kd-radius-sm:8px;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace}.kd-root{background:var(--kd-bg);min-height:100vh;color:var(--kd-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.kd-topbar{z-index:100;background:var(--kd-surface);border-bottom:1px solid var(--kd-border);height:60px;box-shadow:var(--kd-shadow-sm);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.kd-topbar-left{align-items:center;gap:10px;display:flex}.kd-logo-mark{background:var(--kd-blue);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:9px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.kd-logo-text{font-family:var(--font-display);color:var(--kd-text);letter-spacing:.3px;font-size:16px;font-weight:600}.kd-logo-text strong{color:var(--kd-blue);font-weight:800}.kd-topbar-right{align-items:center;gap:10px;display:flex}.kd-icon-btn{border:1px solid var(--kd-border);cursor:pointer;width:38px;height:38px;color:var(--kd-muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:all .18s;display:flex;position:relative}.kd-icon-btn svg{width:17px;height:17px}.kd-icon-btn:hover{background:var(--kd-blue-lt);border-color:var(--kd-blue);color:var(--kd-blue)}.kd-notif-dot{background:var(--kd-orange);border:1.5px solid var(--kd-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.kd-user-pill{border:1px solid var(--kd-border);cursor:pointer;border-radius:40px;align-items:center;gap:9px;padding:5px 12px 5px 5px;transition:all .18s;display:flex}.kd-user-pill:hover{border-color:var(--kd-blue);box-shadow:0 0 0 3px var(--kd-blue-lt)}.kd-avatar{background:linear-gradient(135deg, var(--kd-blue), #7ba8ff);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.kd-user-info{flex-direction:column;display:flex}.kd-user-name{font-size:12px;font-weight:600;line-height:1.2}.kd-user-role{color:var(--kd-muted);font-size:10.5px}.kd-content-wrap{width:100%;min-width:0;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (width>=769px){.kd-content-wrap--shifted{margin-left:80px}}.kd-main{flex-direction:column;gap:20px;width:100%;padding:28px;display:flex}.kd-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kd-page-title{font-family:var(--font-display);color:var(--kd-text);letter-spacing:-.3px;font-size:26px;font-weight:800}.kd-page-sub{color:var(--kd-muted);margin-top:3px;font-size:13.5px}.kd-page-date{color:var(--kd-muted);white-space:nowrap;margin-top:6px;font-size:12.5px;font-weight:500}.kd-metric-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kd-metric-card{background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius);box-shadow:var(--kd-shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .2s,transform .2s;display:flex}.kd-metric-card:hover{box-shadow:var(--kd-shadow-md);transform:translateY(-2px)}.kd-metric-icon{background:var(--kd-blue-lt);width:44px;height:44px;color:var(--kd-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kd-metric-icon svg{width:20px;height:20px}.kd-metric-body{flex:1;min-width:0}.kd-metric-label{color:var(--kd-muted);font-size:11.5px;font-weight:500}.kd-metric-value{font-family:var(--font-mono);color:var(--kd-text);word-break:break-word;overflow-wrap:anywhere;margin-top:2px;font-size:22px;font-weight:500;line-height:1.1}.kd-metric-delta{border-radius:20px;flex-shrink:0;align-items:center;gap:2px;padding:3px 8px;font-size:11.5px;font-weight:700;display:flex}.kd-metric-delta svg{width:12px;height:12px}.delta-up{background:var(--kd-green-lt);color:var(--kd-green)}.delta-down{background:var(--kd-orange-lt);color:var(--kd-orange)}.kd-stat-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kd-stat-card{background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius);box-shadow:var(--kd-shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.kd-stat-card:hover{box-shadow:var(--kd-shadow-md);transform:translateY(-2px)}.kd-stat-bar{border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.kd-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kd-stat-icon svg{width:19px;height:19px}.kd-stat-value{font-family:var(--font-mono);font-size:28px;font-weight:500;line-height:1}.kd-stat-label{color:var(--kd-muted);margin-top:4px;font-size:12px;font-weight:500}.accent-orange .kd-stat-icon{background:var(--kd-orange-lt);color:var(--kd-orange)}.accent-orange .kd-stat-bar{background:var(--kd-orange)}.accent-orange .kd-stat-value{color:var(--kd-orange)}.accent-teal .kd-stat-icon{background:var(--kd-teal-lt);color:var(--kd-teal)}.accent-teal .kd-stat-bar{background:var(--kd-teal)}.accent-teal .kd-stat-value{color:var(--kd-teal)}.accent-navy .kd-stat-icon{background:var(--kd-navy-lt);color:var(--kd-navy)}.accent-navy .kd-stat-bar{background:var(--kd-navy)}.accent-navy .kd-stat-value{color:var(--kd-navy)}.accent-green .kd-stat-icon{background:var(--kd-green-lt);color:var(--kd-green)}.accent-green .kd-stat-bar{background:var(--kd-green)}.accent-green .kd-stat-value{color:var(--kd-green)}.kd-panel{background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius);box-shadow:var(--kd-shadow-sm)}.kd-panel-header{border-bottom:1px solid var(--kd-border);justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.kd-panel-title{font-family:var(--font-display);color:var(--kd-text);font-size:15px;font-weight:700}.kd-chart-subtitle{color:var(--kd-muted);margin-top:4px;font-size:11.5px}.kd-badge{letter-spacing:.2px;border-radius:20px;padding:3px 9px;font-size:10.5px;font-weight:700}.kd-badge-blue{background:var(--kd-blue-lt);color:var(--kd-blue)}.kd-badge-green{background:var(--kd-green-lt);color:var(--kd-green)}.kd-mid-row{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);align-items:start;gap:14px;display:grid}.kd-chart-panel{min-height:440px}.kd-mid-row .kd-table-panel{min-width:0}.kd-chart-legend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.kd-legend-item{color:var(--kd-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.kd-legend-dot{border-radius:999px;width:10px;height:10px}.kd-legend-dot-prev{background:#654cc9}.kd-legend-dot-current{background:#43b2e6}.kd-chart-wrap{gap:14px;height:360px;padding:22px 20px 24px;display:flex}.kd-chart-y{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;padding-bottom:34px;display:flex}.kd-chart-y span{color:#7f8ea9;font-size:12px;font-weight:500}.kd-chart-bars{border-bottom:1.5px solid var(--kd-border);flex:1;align-items:stretch;gap:18px;padding:0 10px 0 8px;display:flex;position:relative}.kd-chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.kd-chart-grid-line{border-top:1px solid #e5eaf3;width:100%;display:block}.kd-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.kd-bar-pair{justify-content:center;align-items:flex-end;gap:4px;width:100%;max-width:66px;height:100%;display:flex}.kd-bar{transform-origin:bottom;cursor:pointer;border-radius:3px 3px 0 0;width:30px;min-height:4px;transition:opacity .2s,filter .2s,transform .2s;animation:.55s cubic-bezier(.34,1.56,.64,1) both kd-grow}@keyframes kd-grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.kd-bar:hover{filter:brightness(1.18)}.kd-bar-prev{background:#654cc9}.kd-bar-current{background:#43b2e6}.kd-bar-label{color:#7f8ea9;font-size:12px;font-weight:500}.kd-tooltip{background:var(--kd-text);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:8px;gap:3px;padding:7px 10px;font-size:10.5px;font-weight:600;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0f172929}.kd-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--kd-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.kd-feed{padding:8px 0;list-style:none}.kd-feed-item{border-bottom:1px solid var(--kd-border);align-items:flex-start;gap:12px;padding:11px 20px;transition:background .15s;animation:.4s both kd-fadein;display:flex}.kd-feed-item:last-child{border-bottom:none}.kd-feed-item:hover{background:#3d6ff808}@keyframes kd-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kd-feed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.kd-feed-body{flex:1;min-width:0}.kd-feed-msg{color:var(--kd-text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.kd-feed-sub{color:var(--kd-muted);margin-top:1px;font-size:11.5px}.kd-feed-time{color:var(--kd-muted);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:10.5px}.kd-table-controls{align-items:center;gap:10px;display:flex}.kd-search-wrap{align-items:center;display:flex;position:relative}.kd-search-icon{color:var(--kd-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:9px}.kd-search-icon svg{width:14px;height:14px}.kd-search{border:1px solid var(--kd-border);border-radius:var(--kd-radius-sm);color:var(--kd-text);background:var(--kd-bg);outline:none;width:190px;padding:6px 10px 6px 30px;font-size:12.5px;transition:border-color .18s,box-shadow .18s}.kd-search:focus{border-color:var(--kd-blue);box-shadow:0 0 0 3px var(--kd-blue-lt);background:var(--kd-surface)}.kd-page-size{border:1px solid var(--kd-border);border-radius:var(--kd-radius-sm);background:var(--kd-bg);color:var(--kd-text);cursor:pointer;outline:none;padding:6px 8px;font-size:12.5px}.kd-table-wrap{overflow-x:auto}.kd-table{border-collapse:collapse;width:100%}.kd-table thead th{letter-spacing:.7px;text-transform:uppercase;color:var(--kd-muted);background:var(--kd-bg);text-align:left;border-bottom:1px solid var(--kd-border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:11px 16px;font-size:10.5px;font-weight:700}.kd-th-sort{cursor:pointer;transition:color .15s}.kd-th-sort:hover{color:var(--kd-blue)}.kd-sort-icon{margin-left:4px;font-size:11px}.kd-sort-idle{color:var(--kd-border)}.kd-sort-active{color:var(--kd-blue)}.kd-tr{border-bottom:1px solid var(--kd-border);transition:background .15s;animation:.3s both kd-fadein}.kd-tr:hover{background:#3d6ff808}.kd-tr:last-child{border-bottom:none}.kd-table tbody td{padding:12px 16px;font-size:13px}.kd-td-muted{color:var(--kd-muted);font-size:12px;font-weight:600}.kd-td-bold{color:var(--kd-text);font-weight:600}.kd-td-num{font-family:var(--font-mono);font-size:12.5px;font-weight:500}.kd-td-amt{font-family:var(--font-mono);color:var(--kd-text);font-size:12.5px;font-weight:600}.kd-cat-pill{background:var(--kd-bg);color:var(--kd-muted);border:1px solid var(--kd-border);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.kd-empty{text-align:center;color:var(--kd-muted);padding:32px;font-size:13px}.kd-pagination{border-top:1px solid var(--kd-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.kd-pag-info{color:var(--kd-muted);font-size:12px;font-weight:500}.kd-pag-btns{align-items:center;gap:4px;display:flex}.kd-pag-btn{border-radius:var(--kd-radius-sm);border:1px solid var(--kd-border);background:var(--kd-surface);cursor:pointer;width:30px;height:30px;color:var(--kd-muted);justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex}.kd-pag-btn svg{width:14px;height:14px}.kd-pag-btn:hover:not(:disabled):not(.kd-pag-active){border-color:var(--kd-blue);color:var(--kd-blue)}.kd-pag-btn:disabled{opacity:.35;cursor:default}.kd-pag-active{background:var(--kd-blue);border-color:var(--kd-blue);color:#fff!important}@media (width<=1100px){.kd-metric-row,.kd-stat-row{grid-template-columns:repeat(2,1fr)}.kd-mid-row{grid-template-columns:1fr}}@media (width<=640px){.kd-main{gap:14px;padding:16px}.kd-metric-row,.kd-stat-row{grid-template-columns:1fr 1fr;gap:10px}.kd-topbar{padding:0 16px}.kd-logo-text,.kd-page-date{display:none}.kd-table-controls{flex-wrap:wrap;gap:8px}.kd-search{width:140px}.kd-panel-header{flex-wrap:wrap;gap:8px}.kd-chart-wrap{gap:10px;height:300px;padding:18px 12px 20px}.kd-chart-bars{gap:10px;padding:0 2px}.kd-bar-pair{gap:3px;max-width:44px}.kd-bar{width:18px}.kd-chart-y span,.kd-bar-label{font-size:10px}}.kd-logout-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;margin-left:8px;padding:8px 14px;font-family:inherit;font-size:1.3rem;font-weight:600;transition:all .2s;display:flex}.kd-logout-btn:hover{color:#dc2626;background:#fff1f1;border-color:#fca5a5}.kd-logout-btn svg{flex-shrink:0}:root{--ms-w:340px;--ms-bg:#fff;--ms-surface:#f8fafc;--ms-surface-hover:#f1f5f9;--ms-border:#e2e8f0;--ms-border-light:#f1f5f9;--ms-accent:#2563eb;--ms-accent-light:#3b82f6;--ms-accent-pale:#eff6ff;--ms-accent-dim:#2563eb1a;--ms-accent-glow:#2563eb40;--ms-txt-hi:#0f172a;--ms-txt-mid:#475569;--ms-txt-lo:#94a3b8;--ms-txt-xlo:#cbd5e1;--ms-green:#10b981;--ms-green-pale:#10b98126;--ms-r:8px;--ms-r-lg:12px;--ms-r-pill:999px;--ms-ease:cubic-bezier(.4, 0, .2, 1);--ms-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ms-speed:.28s;--ms-speed-fast:.16s;--ms-sub-item-h:36px;--ms-font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.ms-toggle{z-index:1200;border:1.5px solid var(--ms-border);border-radius:var(--ms-r);cursor:pointer;background:var(--ms-bg);width:38px;height:38px;color:var(--ms-txt-mid);transition:background var(--ms-speed-fast) var(--ms-ease), color var(--ms-speed-fast) var(--ms-ease), border-color var(--ms-speed-fast) var(--ms-ease), box-shadow var(--ms-speed-fast) var(--ms-ease), transform .12s var(--ms-ease-spring);justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:12px;left:14px;box-shadow:0 1px 4px #0f172a0f,0 1px 2px #0f172a0a}.ms-toggle svg{width:18px;height:18px;transition:transform .2s var(--ms-ease-spring);display:block}.ms-toggle:hover{background:var(--ms-accent-pale);color:var(--ms-accent);box-shadow:0 4px 12px var(--ms-accent-glow);border-color:#2563eb40}.ms-toggle--open{background:var(--ms-accent);border-color:var(--ms-accent);color:#fff;box-shadow:0 4px 16px var(--ms-accent-glow)}.ms-toggle{transition:left .25s}.ms-toggle--open{left:260px}.ms-toggle--open:hover{background:var(--ms-accent-light);color:#fff}.ms-toggle:active{transform:scale(.93)}.kd-topbar{padding-left:68px!important}.ms-backdrop{pointer-events:none!important;display:none!important}.ms-sidebar{z-index:1100;width:var(--ms-w);height:100vh;font-family:var(--ms-font);background:var(--ms-bg);border-right:1px solid var(--ms-border);box-shadow:1px 0 0 var(--ms-border-light), 4px 0 16px #0f172a0f, 16px 0 48px #0f172a0a;transform:translateX(calc(-1 * var(--ms-w) - 8px));transition:transform var(--ms-speed) var(--ms-ease), box-shadow var(--ms-speed) var(--ms-ease);will-change:transform;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.ms-sidebar--open{box-shadow:1px 0 0 var(--ms-border), 6px 0 24px #0f172a14, 24px 0 64px #0f172a0f;transform:translate(0)}.ms-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 16px 16px;display:flex}.ms-brand{align-items:center;gap:11px;min-width:0;display:flex}.ms-brand-logo{border-radius:var(--ms-r);background:var(--ms-accent);color:#fff;width:38px;height:38px;font-size:17px;font-weight:800;font-family:var(--ms-font);box-shadow:0 0 0 3px var(--ms-accent-pale), 0 4px 12px var(--ms-accent-glow);letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ms-brand-logo:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff38 0%,#0000 60%);position:absolute;inset:0}.ms-brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ms-brand-name{color:var(--ms-txt-hi);letter-spacing:-.2px;font-size:19px;font-weight:700;line-height:1.2}.ms-brand-name strong{color:var(--ms-accent);font-weight:800}.ms-brand-sub{color:var(--ms-txt-lo);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:500}.ms-close{border-radius:var(--ms-r);border:1.5px solid var(--ms-border);cursor:pointer;background:var(--ms-surface);width:30px;height:30px;color:var(--ms-txt-lo);transition:background var(--ms-speed-fast) var(--ms-ease), color var(--ms-speed-fast) var(--ms-ease), border-color var(--ms-speed-fast) var(--ms-ease), transform .12s var(--ms-ease-spring);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ms-close svg{width:14px;height:14px}.ms-close:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5;transform:rotate(90deg)}.ms-close:active{transform:rotate(90deg)scale(.9)}.ms-divider{background:var(--ms-border);flex-shrink:0;height:1px;margin:0}.ms-user-strip{background:var(--ms-surface);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.ms-user-avatar{border-radius:var(--ms-r);background:linear-gradient(135deg, var(--ms-accent) 0%, #60a5fa 100%);color:#fff;width:34px;height:34px;font-size:13px;font-weight:700;font-family:var(--ms-font);box-shadow:0 2px 8px var(--ms-accent-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ms-user-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ms-user-name{color:var(--ms-txt-hi);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.ms-user-role{color:var(--ms-txt-lo);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:500}.ms-online-dot{background:var(--ms-green);width:8px;height:8px;box-shadow:0 0 0 2px var(--ms-green-pale), 0 0 8px #10b98166;border-radius:50%;flex-shrink:0;animation:2.5s ease-in-out infinite ms-pulse}@keyframes ms-pulse{0%,to{box-shadow:0 0 0 2px var(--ms-green-pale), 0 0 6px #10b9814d}50%{box-shadow:0 0 0 4px var(--ms-green-pale), 0 0 12px #10b98180}}.ms-section-label{letter-spacing:1.5px;color:var(--ms-txt-lo);text-transform:uppercase;flex-shrink:0;padding:12px 16px 4px;font-size:9.5px;font-weight:700}.ms-section-divider{background:var(--ms-border-light);height:1px;margin:6px 12px;list-style:none}.ms-item--fav-group{background:var(--ms-accent-pale);border-radius:var(--ms-r-lg);border:1px solid #2563eb1a;margin-bottom:4px;overflow:hidden}.ms-fav-header{letter-spacing:1.2px;color:var(--ms-accent);text-transform:uppercase;align-items:center;gap:7px;padding:10px 12px 6px;font-size:10px;font-weight:700;display:flex}.ms-fav-icon{opacity:.75;align-items:center;display:flex}.ms-fav-icon svg{width:11px;height:11px;stroke:var(--ms-accent);fill:#2563eb33}.ms-fav-list{background:0 0!important;padding-left:24px!important}.ms-fav-list:before{background:#2563eb33!important;left:14px!important}.ms-nav{scrollbar-width:thin;scrollbar-color:var(--ms-border) transparent;flex:1;padding:8px;overflow:hidden auto}.ms-nav::-webkit-scrollbar{width:4px}.ms-nav::-webkit-scrollbar-track{background:0 0}.ms-nav::-webkit-scrollbar-thumb{background:var(--ms-border);border-radius:var(--ms-r-pill)}.ms-nav::-webkit-scrollbar-thumb:hover{background:var(--ms-txt-xlo)}.ms-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ms-item{list-style:none}.ms-parent-btn{border-radius:var(--ms-r);cursor:pointer;text-align:left;width:100%;font-family:var(--ms-font);color:var(--ms-txt-mid);letter-spacing:-.1px;transition:background var(--ms-speed-fast) var(--ms-ease), color var(--ms-speed-fast) var(--ms-ease), padding-left var(--ms-speed-fast) var(--ms-ease);background:0 0;border:none;align-items:center;gap:9px;padding:9px 11px;font-size:13.5px;font-weight:500;line-height:1.4;display:flex;position:relative}.ms-parent-btn:hover{background:var(--ms-surface-hover);color:var(--ms-txt-hi)}.ms-parent-btn--expanded{background:var(--ms-accent-pale);color:var(--ms-accent);font-weight:600}.ms-parent-btn--has-active{color:var(--ms-accent);font-weight:600}.ms-parent-btn--expanded:before,.ms-parent-btn--has-active:before{content:"";background:var(--ms-accent);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:20%;left:0}.ms-item-icon{width:18px;height:18px;color:var(--ms-txt-lo);transition:color var(--ms-speed-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ms-item-icon svg{width:15px;height:15px}.ms-parent-btn:hover .ms-item-icon,.ms-parent-btn--expanded .ms-item-icon,.ms-parent-btn--has-active .ms-item-icon{color:var(--ms-accent)}.ms-item-count{border-radius:var(--ms-r-pill);background:var(--ms-surface-hover);color:var(--ms-txt-lo);border:1px solid var(--ms-border);transition:background var(--ms-speed-fast), color var(--ms-speed-fast), border-color var(--ms-speed-fast);flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.ms-parent-btn--expanded .ms-item-count,.ms-parent-btn:hover .ms-item-count{background:var(--ms-accent-dim);color:var(--ms-accent);border-color:#2563eb33}.ms-chevron{width:14px;height:14px;color:var(--ms-txt-lo);transition:transform var(--ms-speed) var(--ms-ease), color var(--ms-speed-fast);flex-shrink:0}.ms-chevron--open{color:var(--ms-accent);transform:rotate(180deg)}.ms-sub-wrap{transition:grid-template-rows var(--ms-speed) var(--ms-ease);grid-template-rows:0fr;display:grid;overflow:hidden}.ms-item--open>.ms-sub-wrap{grid-template-rows:1fr}.ms-sub-wrap>.ms-sub-list{overflow:hidden}.ms-sub-list{flex-direction:column;gap:1px;margin:0;padding:4px 0 6px 30px;list-style:none;display:flex;position:relative}.ms-sub-list:before{content:"";background:var(--ms-border);border-radius:1px;width:1px;position:absolute;top:8px;bottom:10px;left:17px}.ms-sub-item{list-style:none}.ms-item--open .ms-sub-item{animation:ms-sub-in .2s var(--ms-ease) both;animation-delay:calc(var(--i,0) * 25ms)}@keyframes ms-sub-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.ms-sub-link{min-height:var(--ms-sub-item-h);border-radius:var(--ms-r);font-family:var(--ms-font);color:var(--ms-txt-mid);transition:background var(--ms-speed-fast) var(--ms-ease), color var(--ms-speed-fast) var(--ms-ease);align-items:center;gap:9px;padding:0 8px;font-size:15px;font-weight:400;text-decoration:none;display:flex;position:relative}.ms-sub-link:hover{background:var(--ms-surface-hover);color:var(--ms-txt-hi)}.ms-sub-link--active{font-weight:600;background:var(--ms-accent-pale)!important;color:var(--ms-accent)!important}.ms-sub-link--active:before{content:"";background:var(--ms-accent);border-radius:0 2px 2px 0;width:2.5px;height:50%;position:absolute;top:25%;left:0}.ms-sub-icon{width:16px;height:16px;color:var(--ms-txt-lo);transition:color var(--ms-speed-fast);flex-shrink:0}.ms-sub-icon svg{width:14px;height:14px}.ms-sub-link:hover .ms-sub-icon{color:var(--ms-accent)}.ms-sub-link--active .ms-sub-icon{color:var(--ms-accent)!important}.ms-footer{border-top:1px solid var(--ms-border);background:var(--ms-surface);flex-shrink:0;padding:10px 16px 14px}.ms-footer-inner{align-items:center;gap:8px;display:flex}.ms-footer-text{color:var(--ms-txt-lo);letter-spacing:.3px;font-size:10.5px;font-family:var(--ms-font)}.ms-footer-dot{background:var(--ms-txt-xlo);border-radius:50%;flex-shrink:0;width:3px;height:3px}@keyframes ms-item-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.ms-sidebar--open .ms-item{animation:ms-item-in .22s var(--ms-ease) both}.ms-sidebar--open .ms-item:first-child{animation-delay:40ms}.ms-sidebar--open .ms-item:nth-child(2){animation-delay:80ms}.ms-sidebar--open .ms-item:nth-child(3){animation-delay:.12s}.ms-sidebar--open .ms-item:nth-child(4){animation-delay:.16s}.ms-sidebar--open .ms-item:nth-child(5){animation-delay:.19s}.ms-sidebar--open .ms-item:nth-child(6){animation-delay:.22s}.ms-sidebar--open .ms-item:nth-child(7){animation-delay:.24s}.ms-sidebar--open .ms-item:nth-child(8){animation-delay:.26s}@media (width<=768px){.ms-sidebar{width:min(90vw,300px)}.kd-content-wrap--shifted{margin-left:0!important}body:has(.ms-sidebar--open) .kd-topbar{padding-left:68px!important}}.ms-toggle:focus-visible,.ms-close:focus-visible,.ms-parent-btn:focus-visible,.ms-sub-link:focus-visible{outline:2px solid var(--ms-accent);outline-offset:2px;border-radius:var(--ms-r)}@media print{.ms-sidebar,.ms-toggle,.ms-backdrop{display:none!important}}.ms-item-label,.ms-sub-text{word-break:break-word;line-height:1.4;white-space:normal!important;text-overflow:unset!important;overflow:visible!important}body{overflow:auto!important}.kd-content-wrap,.kd-content,.main-content{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;pointer-events:auto!important}body:has(.ms-sidebar--open) .kd-content-wrap{filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}body:has(.ms-sidebar--open) .kd-content{filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}body:has(.ms-sidebar--open) .main-content{filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}body:has(.ms-sidebar--open) .dashboard-wrap{filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}body:has(.ms-sidebar--open) #root>:not(.ms-sidebar):not(.ms-toggle){filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}@keyframes thGradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes mp-spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.bm-layout{padding:12px}.bm-card-body{padding:16px}.bm-actions{justify-content:stretch}.bm-btn{flex:1;justify-content:center;padding:0 14px}}@keyframes si-spin{to{transform:rotate(360deg)}}.mp-gscroll{cursor:grab;-webkit-user-select:none;user-select:none;flex:1;width:100%;min-height:0;overflow:auto}.mp-tbl th,.mp-tbl td{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mp-ov{background:var(--overlay-loader);z-index:9000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-modal-box{background:var(--white);box-shadow:0 16px 48px var(--shadow-box);border-radius:8px;flex-direction:column;animation:.14s mpPopIn;display:flex;overflow:hidden}@keyframes mpPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.mp-modal-hdr{background:var(--blue);color:var(--white);font-size:var(--font-size-13);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-weight:700;display:flex}.mp-modal-hdr button{color:var(--white);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:17px;line-height:1}.mp-modal-hdr button:hover{opacity:.75}.mp-modal-body{flex:1;padding:12px;overflow-y:auto}.mp-modal-ftr{border-top:1px solid var(--border);background:var(--bg-form);flex-shrink:0;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.mp-wrap .mp-ibody{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px!important}.mp-verr{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.mp-pgbtn{border:1px solid var(--border-default);background:var(--white);cursor:pointer;width:26px;height:24px;color:var(--blue);border-radius:4px;font-size:11px;font-weight:600;transition:all .1s}.mp-pgbtn:hover{background:var(--bg-row-hover);border-color:var(--blue)}.mp-pgbtn.on{background:var(--blue);color:var(--white);border-color:var(--blue)}.mp-gscroll{cursor:grab;-webkit-user-select:none;user-select:none;flex:1;min-height:0;overflow:auto}.mp-gscroll:active{cursor:grabbing}.mp-filter-row{height:0;line-height:0}.mp-filter-row th{z-index:5;box-sizing:border-box;height:28px;position:sticky;top:0;background:var(--bg-page)!important;border:none!important;border-bottom:1px solid var(--border-default)!important;padding:3px!important}.mp-filter-row th:empty{border-top:none;border-bottom:none;height:26px;font-size:0;line-height:0;background:var(--bg-page)!important}tfoot tr td{background:var(--blue-select)!important}.mp-tbl tbody tr.editing,.mp-tbl tbody tr.editing td{background:var(--bg-row-hover)!important}.mp-filter-row th:not(:has(input)){background:var(--bg-page)!important;border:none!important;padding:0!important}.mp-col-filter{border:1px solid var(--blue-select);width:100%;height:22px;color:var(--clr-text-primary);background:var(--white);box-sizing:border-box;border-radius:3px;outline:none;padding:1px 5px;font-family:inherit;font-size:10px;display:block}.mp-col-filter:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--clr-focus-ring)}.mp-col-filter::placeholder{color:var(--text-soft);font-size:9.5px;font-style:italic}tfoot tr{background:var(--entry-row-bg)}.mp-entry-sno{text-align:center;color:var(--blue);background:var(--bg-row-hover);border:1px solid var(--border-default);white-space:nowrap;padding:3px 5px;font-size:10px;font-weight:700}.mp-entry-actions{text-align:center;border:1px solid var(--border-default);padding:2px 4px}.mp-entry-save{background:var(--green);width:26px;height:24px;color:var(--white);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:13px;transition:background .12s;display:inline-flex}.mp-entry-save:hover{background:var(--green);opacity:.85}.mp-entry-clear{background:var(--danger);width:26px;height:24px;color:var(--white);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:13px;transition:background .12s;display:inline-flex}.mp-entry-clear:hover{background:var(--danger-dark)}.mp-entry-hint{color:var(--text-soft);letter-spacing:.3px;font-size:10px;font-weight:700}.mp-dd-empty{text-align:center;color:var(--text-soft);padding:18px 14px;font-size:11px}.mp-dd-item{cursor:pointer;border-bottom:1px solid var(--border-table);color:var(--clr-text-primary);padding:6px 14px;font-size:12px;transition:background 70ms}.mp-dd-item:hover,.mp-dd-item.hi{background:var(--bg-row-hover);color:var(--blue);font-weight:600}.mp-dd-create{color:var(--blue);cursor:pointer;border-top:2px solid var(--bg-row-hover);background:var(--clr-bg-soft);padding:8px 14px;font-size:11px;font-weight:700;transition:background .1s}.mp-dd-create:hover{background:var(--bg-row-hover)}.mp-utbl{border-collapse:collapse;width:100%;font-size:12px}.mp-utbl th{background:var(--blue);color:var(--white);text-align:left;padding:5px 8px;font-size:11px;font-weight:600}.mp-utbl td{border:1px solid var(--border-table);padding:3px 5px}.mp-utbl input,.mp-utbl select{border:1px solid var(--border-default);border-radius:3px;outline:none;width:100%;height:24px;padding:2px 6px;font-size:11px}.mp-utbl input:focus,.mp-utbl select:focus{border-color:var(--blue)}.gtbl tbody tr.mod{background:var(--badge-warn-bg)!important}.gtbl tbody tr.mod td{border-bottom:1px solid var(--badge-warn-bg)!important}.gtbl tbody tr.mod td:first-child{border-left:3px solid var(--blue)!important}.gtbl thead tr:first-child th{background:var(--bg-page)!important;border:1px solid var(--border-default)!important;border-bottom:2px solid var(--blue)!important;padding:4px 3px!important}.mp-col-filter,.grid-col-filter{width:100%;height:24px;color:var(--clr-text-primary);box-sizing:border-box;outline:none;font-size:11px;border:1px solid var(--blue-select)!important;background:var(--white)!important;border-radius:4px!important;padding:2px 6px!important}.mp-col-filter:focus,.grid-col-filter:focus{border-color:var(--blue)!important;box-shadow:0 0 0 2px var(--clr-focus-ring)!important}.gtbl tbody tr{height:34px!important}.gtbl td{height:34px!important;font-size:var(--font-size-13)!important;vertical-align:middle!important;border:1px solid var(--clr-divider)!important;padding:4px 8px!important;font-weight:600!important}.gtbl td input,.gtbl td select{height:28px!important;font-size:var(--font-size-13)!important;color:var(--clr-text-primary)!important;padding:3px 6px!important;font-weight:600!important}.gtbl thead tr:last-child th{background:var(--blue)!important;color:var(--white)!important;border:1px solid var(--blue-hover)!important;font-size:var(--font-size-12)!important;height:34px!important;padding:7px 8px!important;font-weight:700!important}.gtbl tbody tr.sel td{background:var(--bg-row-hover)!important}.gtbl tbody tr:hover td{background:var(--entry-row-bg)!important}.gtbl tbody tr.sel:hover td{background:var(--bg-row-hover)!important}.cc-overlay{background:linear-gradient(160deg,#eef3fb 0%,#dbe6f7 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:fixed;inset:0}.cc-modal{background:var(--white,#fff);border:2px solid var(--blue,#1f65de);border-radius:8px;width:100%;max-width:400px;font-family:DM Sans,sans-serif;overflow:hidden;box-shadow:0 20px 50px #0f1c3847}.cc-titlebar{background:linear-gradient(180deg, var(--blue-light,#4d8eff) 0%, var(--blue,#1f65de) 100%);color:#fff;justify-content:space-between;align-items:center;padding:10px 14px;font-size:1.4rem;font-weight:600;display:flex}.cc-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex}.cc-close-btn:hover{background:var(--blue-dark,#1550b8)}.cc-body{padding:22px 24px 20px}.cc-heading{text-align:center;color:var(--blue-dark,#1550b8);margin-bottom:18px;font-size:2rem;font-weight:800}.cc-fieldset{border:1px solid var(--border,#dde4f0);border-radius:4px;margin-bottom:20px;padding:12px 16px 20px}.cc-fieldset legend{color:var(--text-mid,#4a5568);padding:0 6px;font-size:1.25rem}.cc-field-row{grid-template-columns:100px 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.cc-field-row:first-of-type{margin-top:4px}.cc-field-row label{color:var(--text-dark,#0f1c38);font-size:1.3rem;font-weight:500}.cc-field-row input{width:100%;color:var(--text-dark,#0f1c38);border:1px solid var(--blue-light,#4d8eff);background:#fff;border-radius:3px;outline:none;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:1.3rem;transition:border-color .2s,box-shadow .2s}.cc-field-row input:focus{border-color:var(--blue,#1f65de);box-shadow:0 0 0 3px var(--blue-glow,#1f65de2e)}.cc-field-row input:disabled{background:var(--bg-form,#f7f9ff);cursor:not-allowed}.cc-actions{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.cc-btn{color:var(--text-dark,#0f1c38);border:1.5px solid var(--blue-light,#4d8eff);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:7px;padding:7px 18px;font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 6px #1f65de1f}.cc-btn:hover{background:var(--blue-pale,#eaf0fd);transform:translateY(-1px);box-shadow:0 4px 12px #1f65de2e}.cc-btn:active{transform:translateY(0)}.cc-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cc-icon-save{color:#16a34a}.cc-icon-cancel{color:#dc2626}.cc-existing-login{text-align:center}.cc-existing-login a{color:#dc2626;font-size:1.25rem;font-weight:700;text-decoration:underline}.cc-existing-login a:hover{opacity:.85}@media (width<=420px){.cc-field-row{grid-template-columns:88px 1fr}}@media (width<=768px){.bm-layout{padding:12px}.bm-card-body{padding:16px}.bm-actions{justify-content:stretch}.bm-btn{flex:1;justify-content:center;padding:0 14px}}@media (width<=768px){.bm-layout{padding:12px}.bm-card-body{padding:16px}.bm-actions{justify-content:stretch}.bm-btn{flex:1;justify-content:center;padding:0 14px}}.sm-picker-overlay{z-index:8500;background:#0a14286b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sm-picker-box{background:#fff;border-radius:8px;flex-direction:column;width:280px;max-height:420px;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000040}.sm-picker-hdr{color:#fff;background:#1f65de;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.sm-picker-hdr button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.sm-picker-search{border-bottom:1px solid #deeafb;flex-shrink:0;padding:7px 10px}.sm-picker-search input{border:1px solid #c5d8f8;border-radius:4px;outline:none;width:100%;height:28px;padding:0 8px;font-size:12px}.sm-picker-search input:focus{border-color:#1f65de;box-shadow:0 0 0 2px #1f65de26}.sm-picker-list{flex:1;overflow-y:auto}.sm-picker-item{color:#1a2e4a;cursor:pointer;border-bottom:1px solid #f0f4fb;outline:none;padding:7px 14px;font-size:12px}.sm-picker-item:hover,.sm-picker-item.focused{color:#1f65de;background:#deeafb}.sm-picker-empty{text-align:center;color:#94a3b8;padding:14px;font-size:11px}.sm-active-sel{color:#1a2e4a;cursor:pointer;background:#fff;border:1px solid #c5d8f8;border-radius:3px;outline:none;width:100%;height:26px;padding:2px 4px;font-size:12px}.sm-active-sel:focus{border-color:#1f65de}.mp-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:15px;line-height:1;transition:background .1s}.mp-edit-btn:hover{background:#deeafb}.mp-empty{text-align:center;color:#94a3b8;padding:24px;font-size:12px}.supplier-page .mp-wrap{box-sizing:border-box;width:100%;min-height:100vh}.supplier-page .mp-body{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px!important}.supplier-page .mp-grid-wrap{overflow:hidden!important}.supplier-page .mp-tbl{table-layout:fixed;border-collapse:collapse;width:100%}.supplier-page .mp-toolbar{box-sizing:border-box;width:100%}.supplier-page .mp-tbl th:last-child,.supplier-page .mp-tbl td:last-child{text-align:center}@media (width<=768px){.bm-layout{padding:12px}.bm-card-body{padding:16px}.bm-actions{justify-content:stretch}.bm-btn{flex:1;justify-content:center;padding:0 14px}}@keyframes sb-spin{to{transform:rotate(360deg)}}:root{--pm-blue:var(--clr-primary);--pm-blue-dark:var(--clr-primary-hover);--pm-blue-navy:var(--clr-primary-dark);--pm-blue-2d:var(--clr-pay-hdr-secondary);--pm-blue-light:var(--clr-bg-row-hover);--pm-blue-pale:var(--clr-bg-soft);--pm-blue-mid:var(--clr-border-default);--pm-blue-sel:var(--clr-bg-row-selected);--pm-green:var(--clr-green);--pm-green-lt:#22c55e;--pm-red:var(--clr-danger);--pm-red-dk:var(--clr-danger-dark);--pm-amber:#f59e0b;--pm-amber-bg:#fef3c7;--pm-amber-dk:#92400e;--pm-navy:var(--clr-text-primary);--pm-slate:var(--clr-text-muted);--pm-slate-lt:var(--clr-text-faint);--pm-border:var(--clr-border-table);--pm-border-mid:var(--clr-border-default);--pm-surface:var(--clr-bg-soft);--pm-bg:var(--clr-bg-page);--pm-white:var(--clr-bg-white);--pm-text:var(--clr-text-primary);--pm-font:"Inter", sans-serif;--pm-mono:"IBM Plex Mono", "Courier New", monospace;--pm-radius:4px;--pm-radius-md:6px;--pm-shadow:0 2px 8px #1f65de1a;--pm-shadow-lg:0 16px 48px var(--clr-shadow-box)}.pur-root{background:var(--pm-bg);height:100vh;font-family:var(--pm-font);color:var(--pm-text);flex-direction:column;font-size:12.5px;display:flex;overflow:hidden}.pur-toolbar{background:var(--pm-white);border:1px solid var(--pm-border-mid);border-left:4px solid var(--pm-blue);border-radius:var(--pm-radius-md);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.pur-bill-no{color:var(--pm-blue);font-size:11px;font-family:var(--pm-mono);background:var(--pm-surface);border:1px solid var(--pm-border-mid);border-radius:10px;margin-left:6px;padding:1px 8px}.pur-master{background:var(--pm-white);border:1px solid var(--pm-border-mid);border-left:4px solid var(--pm-blue);border-radius:var(--pm-radius-md);box-shadow:var(--pm-shadow);flex-shrink:0;margin-bottom:6px;padding:8px 12px 6px}.form-ctrl:focus{border-color:var(--pm-blue);box-shadow:0 0 0 2px var(--clr-focus-ring-picker);background:var(--pm-white)}.tax-mode-group{gap:12px;margin-left:auto;display:flex}.radio-label{cursor:pointer;color:var(--pm-navy);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.radio-label input{accent-color:var(--pm-blue);cursor:pointer}.igst-label{cursor:pointer;color:var(--pm-blue);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.igst-label input{accent-color:var(--pm-blue);cursor:pointer}.supplier-dd{z-index:9000;background:var(--pm-white);border:1px solid var(--pm-border-mid);border-radius:0 0 var(--pm-radius-md) var(--pm-radius-md);box-shadow:0 8px 24px var(--clr-focus-ring-picker);max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.pur-grid thead th{white-space:nowrap;text-align:left;height:32px;padding:6px 8px;font-size:11px;font-weight:600;background:var(--pm-blue-navy)!important;background-color:var(--pm-blue-navy)!important;color:var(--clr-text-white)!important;border:1px solid var(--clr-border-header)!important}.grid-cell.readonly{color:var(--pm-navy);padding:0 7px;font-size:13px}.cell-input{width:100%;height:100%;font-size:13px;font-weight:var(--font-weight-bold);color:var(--pm-navy);background:0 0;border:none;outline:none;padding:0 6px}.cell-input.right{text-align:right}.cell-input:focus{background:var(--pm-white);border:1px solid var(--clr-cell-focus-border);box-shadow:0 0 0 2px var(--clr-cell-focus-ring);border-radius:3px}.pur-grid .cell-input,.pur-grid .grid-cell.readonly,.pur-grid select.cell-input{font-family:var(--pm-font)!important;font-weight:700!important}.pur-bottom{background:0 0;flex-shrink:0;gap:6px;max-height:148px;padding:4px 0;display:flex;overflow:auto}.panel-title{color:var(--clr-text-white);text-transform:uppercase;letter-spacing:.4px;padding:5px 10px;font-size:11px;font-weight:700;background:var(--clr-primary-dark)!important}.gst-table thead th{color:var(--clr-text-white);text-align:right;border:1px solid #ffffff26;padding:4px 8px;font-size:10.5px;font-weight:700;background:var(--clr-primary)!important}.charges-qty-row{flex-wrap:wrap;gap:6px;display:flex}.charges-qty-row .other-fields-panel{flex:200px;min-width:200px}.qty-display{font-family:var(--pm-mono);color:var(--pm-blue);background:var(--pm-surface);border:1px solid var(--pm-border-mid);border-radius:var(--pm-radius);text-align:right;min-width:80px;padding:3px 8px;font-size:13px;font-weight:700}.remarks-row input{flex:1}.total-value{font-family:var(--pm-mono);color:var(--pm-navy);font-size:11.5px;font-weight:700}.total-row.net .total-value{color:#fde68a;letter-spacing:.4px;font-size:15px;font-weight:700}.bill-amt-display{border:1px solid var(--pm-border-mid);border-radius:var(--pm-radius);background:var(--pm-surface);height:26px;font-family:var(--pm-mono);color:var(--pm-navy);letter-spacing:.3px;white-space:nowrap;justify-content:flex-end;align-items:center;min-width:120px;padding:0 10px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}.bill-amt-display.bill-amt-match{border-color:var(--pm-green);color:var(--pm-green);background:#dcfce7;box-shadow:0 0 0 2px #22c55e2e}.bill-amt-display.bill-amt-mismatch{border-color:var(--pm-red-dk);color:var(--pm-red-dk);background:#fff0f0;box-shadow:0 0 0 2px #dc262626}.pur-search-section{background:var(--pm-white);border-bottom:1px solid var(--pm-border);flex-shrink:0;padding:7px 14px}.view-grid thead th{color:var(--clr-text-white);text-transform:uppercase;letter-spacing:.3px;border-right:1px solid var(--clr-border-header);text-align:left;padding:6px 10px;font-size:11px;font-weight:700;background:var(--blue-light)!important;background-color:var(--blue-light)!important}.nested-grid thead th{border-right:1px solid #ffffff26;padding:4px 8px;font-size:11px;font-weight:700;background:var(--pm-blue-2d)!important;color:var(--clr-text-white)!important}.tbtn-sm.delete{background:var(--clr-danger-bg);color:var(--pm-red-dk);border-color:var(--clr-danger-border)}.mp-ov,.popup-overlay{background:var(--clr-modal-overlay);z-index:9000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.product-popup{width:820px;height:80vh}.f5-popup{flex-direction:column;width:980px;height:600px;display:flex}.mp-modal-hdr button,.popup-close{background:var(--clr-ps-close-bg);color:var(--clr-text-white);cursor:pointer;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;transition:background .13s;display:flex}.popup-table thead th{background:var(--pm-blue-navy);color:var(--clr-text-white);text-transform:uppercase;border-right:1px solid var(--clr-border-header);letter-spacing:.3px;text-align:left;padding:5px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.toast{background:var(--pm-blue);color:var(--clr-text-white);border-radius:var(--pm-radius-md);box-shadow:0 4px 12px var(--clr-shadow-toast);border-left:5px solid var(--pm-blue-light);padding:10px 20px;font-size:13px;font-weight:600;animation:.3s ease-out forwards slideInRight}.mp-loader-ov,.loading-overlay{background:var(--clr-modal-overlay);z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}@keyframes pmSpin{to{transform:rotate(360deg)}}@media (width<=1024px){.master-row{gap:6px 10px}.field-group.wide{min-width:160px}.pur-bottom{max-height:unset;flex-direction:column}.bottom-left{flex-wrap:wrap}.totals-panel{min-width:unset;width:100%}.product-popup{width:96vw}}@media (width<=768px){.mp-btn span{display:none}.mp-btn{padding:4px 8px}.mp-hint{gap:10px}}.f5-modal-box{flex-direction:column;width:980px;max-height:85vh;display:flex}.f5-filter-panel{border-bottom:1px solid var(--clr-border-default);background:var(--clr-bg-soft);padding:12px}.f5-filter-grid{grid-template-columns:90px 140px 80px 140px 180px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.f5-supplier-wrap{width:100%;position:relative}.f5-supplier-dropdown{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);z-index:9999;width:100%;max-height:200px;box-shadow:0 4px 6px var(--clr-shadow-light);border-radius:3px;position:absolute;top:100%;left:0;overflow-y:auto}.f5-supplier-option{cursor:pointer;color:var(--clr-text-primary);background:0 0;padding:6px 8px;font-size:13px}.f5-supplier-option.hilite{background:var(--clr-bg-row-hover)}.f5-supplier-empty{color:var(--clr-text-faint);padding:6px 8px;font-size:13px}.f5-filter-row{align-items:center;gap:10px;display:flex}.f5-label-w90{width:90px}.f5-input-w140{width:140px}.f5-table{border-collapse:collapse;width:100%}.view-grid f5-table{background:var(--blue-light)}.f5-th-toggle{width:32px}.f5-no-data{text-align:center;color:var(--clr-text-faint);padding:18px}.f5-row{cursor:pointer}.f5-row.expanded{background:var(--clr-bg-row-hover)}.f5-toggle-cell{text-align:center;-webkit-user-select:none;user-select:none;width:32px;font-size:12px}.f5-detail-cell{background:var(--clr-bg-soft);border-bottom:2px solid var(--clr-primary-light);padding:6px 24px 10px 42px}.f5-detail-empty{color:var(--clr-text-faint);font-size:12px}.f5-detail-header-row{background:var(--clr-pay-hdr-secondary);color:var(--clr-text-white)}.f5-detail-col-code{width:100px}.f5-detail-col-desc{width:220px}.f5-detail-col-mrp{width:80px}.f5-detail-col-rate{width:90px}.f5-detail-col-qty,.f5-detail-col-gst{width:70px}.f5-detail-col-gstamt{width:80px}.f5-detail-col-disc{width:70px}.f5-detail-col-discamt{width:80px}.f5-detail-row{background:var(--clr-bg-white)}.f5-detail-row.odd{background:var(--clr-bg-soft)}:root{--pr-blue:#1f65de;--pr-blue-dark:#1750b0;--pr-blue-navy:#1b3a8f;--pr-blue-2d:#2d4a9f;--pr-blue-light:#deeafb;--pr-blue-pale:#f5f9ff;--pr-blue-mid:#c5d8f8;--pr-blue-sel:#a8c8f5;--pr-green:#16a34a;--pr-green-lt:#22c55e;--pr-red:#dc3545;--pr-red-dk:#dc2626;--pr-amber:#f59e0b;--pr-amber-bg:#fef3c7;--pr-amber-dk:#92400e;--pr-navy:#1a2e4a;--pr-slate:#6b7a99;--pr-slate-lt:#8b99b5;--pr-border:#eaecf4;--pr-border-mid:#c5d8f8;--pr-surface:#f5f9ff;--pr-bg:#eef3fb;--pr-white:#fff;--pr-text:#1a2e4a;--pr-font:"Inter", sans-serif;--pr-mono:"IBM Plex Mono", "Courier New", monospace;--pr-radius:4px;--pr-radius-md:6px;--pr-shadow:0 2px 8px #1f65de1a;--pr-shadow-lg:0 16px 48px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.pr-root{background:var(--pr-bg);height:100vh;font-family:var(--pr-font);color:var(--pr-text);flex-direction:column;font-size:12.5px;display:flex;overflow:hidden}.pr-toolbar{background:var(--pr-white);border:1px solid var(--pr-border-mid);border-left:4px solid var(--pr-blue);border-radius:var(--pr-radius-md);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.toolbar-brand{align-items:center;gap:8px;display:flex}.toolbar-icon{font-size:18px}.toolbar-title{color:var(--pr-navy);letter-spacing:.5px;font-size:14px;font-weight:700}.pr-bill-no{font-size:var(--font-size-12);color:var(--pr-blue);font-family:var(--pr-font);background:var(--pr-surface);border:1px solid var(--pr-border-mid);border-radius:10px;margin-left:6px;padding:1px 8px}.toolbar-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.mp-btn{border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius);cursor:pointer;background:var(--pr-surface);height:28px;color:var(--pr-navy);font-size:11px;font-weight:600;font-family:var(--pr-font);align-items:center;gap:4px;padding:4px 10px;transition:all .12s;display:flex}.mp-btn:hover{background:var(--pr-blue-light);border-color:var(--pr-blue)}.mp-btn:active{transform:scale(.97)}.mp-btn.nw:hover{background:var(--pr-blue);color:#fff}.tbtn{border-radius:var(--pr-radius);height:28px;font-family:var(--pr-font);cursor:pointer;background:var(--pr-surface);color:var(--pr-navy);border:1px solid #0000;border-color:var(--pr-border-mid);align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.tbtn:hover{background:var(--pr-blue-light);border-color:var(--pr-blue)}.tbtn-save{background:var(--pr-blue);color:#fff;border-color:var(--pr-blue-dark)}.tbtn-save:hover{background:var(--pr-blue-dark)}.pr-master{background:var(--pr-white);border:1px solid var(--pr-border-mid);border-left:4px solid var(--pr-blue);border-radius:var(--pr-radius-md);box-shadow:var(--pr-shadow);flex-shrink:0;margin-bottom:6px;padding:8px 12px 6px}.master-row{flex-wrap:wrap;align-items:flex-end;gap:5px 12px;display:flex}.field-group{flex-direction:column;gap:2px;min-width:120px;display:flex}.field-group.wide{flex:180px;min-width:200px}.field-group label{color:var(--pr-slate);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.field-group label .req{color:var(--pr-red-dk);margin-left:2px}.form-ctrl{border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius);background:var(--pr-white);height:26px;font-family:var(--pr-font);color:var(--pr-text);outline:none;width:100%;padding:0 7px;font-size:12.5px;transition:border-color .12s,box-shadow .12s}.form-ctrl:focus{border-color:var(--pr-blue);background:var(--pr-white);box-shadow:0 0 0 2px #1f65de26}.form-ctrl.disabled{background:var(--pr-surface);color:var(--pr-slate);cursor:default;font-family:var(--pr-font);font-weight:700}.form-ctrl.right{text-align:right;font-family:var(--pr-font)}.form-ctrl.sm{height:24px;font-size:12px}select.form-ctrl{cursor:pointer}input[type=date].form-ctrl{font-family:var(--pr-font)}.supplier-strip{background:var(--pr-surface);border-radius:var(--pr-radius);border:1px solid var(--pr-border-mid);flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;padding:4px 8px;display:flex}.supplier-badge{color:var(--pr-navy);border:1px solid var(--pr-border-mid);background:#fffc;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.supplier-badge.bal{color:var(--pr-amber-dk);background:var(--pr-amber-bg);border-color:#fde68a;font-weight:700}.supplier-dd-wrap{flex:200px;position:relative}.supplier-dd{z-index:9000;background:var(--pr-white);border:1px solid var(--pr-border-mid);border-radius:0 0 var(--pr-radius-md) var(--pr-radius-md);max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #1f65de26}.supplier-dd-item{cursor:pointer;border-bottom:1px solid var(--pr-surface);color:var(--pr-navy);padding:5px 10px;font-size:12.5px;transition:background 70ms}.supplier-dd-item:hover,.supplier-dd-item.hi{background:var(--pr-blue-light);color:var(--pr-blue);border-left:3px solid var(--pr-blue);padding-left:7px;font-weight:600}.grid-wrap{background:var(--pr-white);border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius-md);flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.grid-header{background:var(--pr-blue-navy);color:#fff;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:700}.grid-scroll{flex:1;width:100%;min-height:0;overflow:auto}.pur-grid{border-collapse:collapse;width:100%;min-width:100%;font-size:12.5px;font-family:var(--pr-font)}.pur-grid thead tr{z-index:10;position:sticky;top:0}.pur-grid thead th{white-space:nowrap;text-align:left;-webkit-user-select:none;user-select:none;cursor:pointer;height:32px;padding:6px 8px;font-size:11px;font-weight:600;background:var(--pr-blue-navy)!important;background-color:var(--pr-blue-navy)!important;color:#fff!important;border:1px solid #1f65de66!important}.pur-grid thead th:hover{background:var(--pr-blue-2d)!important}.pur-grid thead th.right{text-align:right}.pur-grid thead th.sno-col{text-align:center;width:44px}.pur-grid thead th.del-col{text-align:center;width:38px}.grid-row,.grid-row:nth-child(2n),.grid-row:nth-child(odd){cursor:pointer;transition:background 70ms;background:var(--pr-white)!important}.grid-row:hover td{background:var(--pr-blue-light)!important}.grid-row.row-active td{background:var(--pr-blue-sel)!important}.grid-row.row-active td:first-child{border-left:3px solid var(--pr-blue)!important}.grid-cell{border-right:1px solid var(--pr-border);border-bottom:1px solid var(--pr-border);vertical-align:middle;height:30px;padding:0}.grid-cell.readonly{font-family:var(--pr-font);font-size:var(--font-size-12);color:var(--pr-slate);padding:0 7px;font-weight:600}.grid-cell.right,.grid-cell.readonly.right{text-align:right}.grid-cell.selected{box-shadow:inset 0 0 0 2px #93c5fd;background:var(--pr-white)!important}.grid-cell.sno-col{text-align:center;color:var(--pr-slate-lt);width:44px;padding:0 4px;font-size:11px}.grid-cell.del-col{text-align:center;width:38px}.grid-cell.center{text-align:center}.cell-input{width:100%;height:100%;font-family:var(--pr-font);font-size:12px;font-weight:var(--font-weight-bold);color:var(--pr-text);background:0 0;border:none;outline:none;padding:0 6px}.cell-input[type=date]{font-size:11px}.cell-input.right{text-align:right;font-family:var(--pr-font)}.cell-input:focus{background:var(--pr-white);border:1px solid #93c5fd;border-radius:3px;box-shadow:0 0 0 2px #3b82f626}.del-row-btn{cursor:pointer;color:var(--pr-red-dk);border-radius:var(--pr-radius);background:0 0;border:none;padding:2px 5px;font-size:16px;font-weight:600;line-height:1;transition:background .1s}.del-row-btn:hover{background:#fee2e2}.sno-col{text-align:center;width:44px;color:var(--pr-slate-lt);padding:0 4px;font-size:11px}.pr-bottom{background:0 0;flex-shrink:0;gap:6px;max-height:148px;padding:4px 0;display:flex;overflow:auto}.bottom-left{flex:auto;gap:6px;display:flex}.gst-split-panel,.other-fields-panel,.totals-panel{background:var(--pr-white);border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius-md);overflow:hidden}.gst-split-panel{min-width:400px}.other-fields-panel{min-width:230px}.totals-panel{flex:1;min-width:640px}.panel-title{background:var(--pr-blue-navy);color:#fff;text-transform:uppercase;letter-spacing:.4px;padding:5px 10px;font-size:11px;font-weight:700}.gst-table{border-collapse:collapse;width:100%;font-size:11.5px}.gst-table thead th{background:var(--pr-blue-2d);color:#fff;text-align:right;border:1px solid #ffffff26;padding:4px 8px;font-size:10.5px;font-weight:700}.gst-table thead th:first-child{text-align:left}.gst-table tbody td{border-bottom:1px solid var(--pr-border);font-family:var(--pr-font);text-align:right;color:var(--pr-navy);padding:2px 8px;font-size:11px;font-weight:600}.gst-table tbody td:first-child{text-align:left;color:var(--pr-blue);font-weight:700}.other-row{border-bottom:1px solid var(--pr-border);align-items:center;gap:6px;padding:3px 8px;display:flex}.other-row:last-child{border-bottom:none}.other-row label{color:var(--pr-slate);min-width:68px;font-size:11px;font-weight:600}.qty-remarks-panel{background:var(--pr-white);border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius-md);flex:200px;min-width:200px;overflow:hidden}.qty-display{font-family:var(--pr-font);font-size:var(--font-size-12);color:var(--pr-blue);background:var(--pr-surface);border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius);text-align:right;min-width:80px;padding:3px 8px;font-weight:700}.totals-grid{padding:2px 0}.total-row{border-bottom:1px solid var(--pr-border);justify-content:space-between;align-items:center;padding:2px 8px;display:flex}.total-row:last-child{border-bottom:none}.total-row.net{background:linear-gradient(90deg, var(--pr-blue), var(--pr-blue-dark));margin-top:2px;padding:4px 8px}.total-label{color:var(--pr-slate);font-size:11px;font-weight:500}.total-value{font-family:var(--pr-font);font-size:var(--font-size-12);color:var(--pr-navy);font-weight:700}.total-row.net .total-label{color:#bfdbfe;font-size:var(--font-size-12);font-weight:700}.total-row.net .total-value{color:#fde68a;font-size:var(--font-size-12);letter-spacing:.4px;font-weight:700}.bill-summary-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11.5px}.bill-summary-table tbody tr{border-bottom:1px solid var(--pr-border)}.bill-summary-table tbody tr:last-child{border-bottom:none}.bill-summary-table .bs-label{width:13%;color:var(--pr-slate);white-space:nowrap;background:var(--pr-surface);border-right:1px solid var(--pr-border);padding:4px 4px 4px 8px;font-size:11px;font-weight:600}.bill-summary-table .bs-value{text-align:right;width:12%;font-family:var(--pr-font);color:var(--pr-navy);white-space:nowrap;border-right:2px solid var(--pr-border-mid);padding:4px 10px 4px 4px;font-size:11.5px;font-weight:700}.bill-summary-table .bs-value:last-child{border-right:none}.pr-search-section{background:var(--pr-white);border-bottom:1px solid var(--pr-border);flex-shrink:0;padding:7px 14px}.search-bar{align-items:center;gap:8px;margin-bottom:7px;display:flex}.search-title{color:var(--pr-blue);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;font-size:11px;font-weight:700}.search-input{flex:0 0 240px}.view-grid-wrap{max-height:300px;overflow:auto}.view-grid{border-collapse:collapse;width:100%;font-size:12px}.view-grid thead tr{z-index:5;position:sticky;top:0}.view-grid thead th{color:#fff;text-transform:uppercase;letter-spacing:.3px;text-align:left;border-right:1px solid #1f65de66;padding:6px 10px;font-size:11px;font-weight:700;background:var(--blue-light)!important}.view-grid thead th.right{text-align:right}.view-grid tbody .view-row{border-bottom:1px solid var(--pr-surface);cursor:pointer;background:var(--pr-white)}.view-grid tbody .view-row:nth-child(2n){background:var(--pr-surface)}.view-grid tbody .view-row:hover{background:var(--pr-blue-light)}.view-grid tbody td{color:var(--pr-navy);padding:4px 10px;font-size:12px}.view-grid tbody td.right{text-align:right;font-family:var(--pr-font);font-weight:600}.nested-detail-row td{background:var(--pr-bg);padding:0}.nested-grid-inner{border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius);margin:6px 12px;overflow:hidden}.nested-grid-inner table{border-collapse:collapse;width:100%;font-size:11.5px}.nested-grid-inner thead th{border-right:1px solid #ffffff26;padding:4px 8px;font-size:11px;font-weight:700;background:var(--pr-blue-2d)!important;color:#fff!important}.nested-grid-inner tbody td{border-bottom:1px solid var(--pr-border);color:var(--pr-navy);padding:3px 8px;font-size:11.5px}.nested-grid-inner tbody td.right{text-align:right;font-family:var(--pr-font);font-weight:600}.expand-btn{cursor:pointer;color:var(--pr-blue);border-radius:var(--pr-radius);background:0 0;border:none;padding:2px 6px;font-size:14px;font-weight:700;transition:background .1s}.expand-btn:hover{background:var(--pr-blue-light)}.mp-hint,.shortcut-bar{background:var(--pr-surface);border:1px solid var(--pr-blue-light);border-radius:var(--pr-radius);color:var(--pr-slate-lt);flex-wrap:wrap;flex-shrink:0;gap:8px;padding:4px 10px;font-size:10px;display:flex}.mp-hint kbd,.shortcut-bar kbd{background:var(--pr-blue);color:#fff;font-size:9px;font-weight:700;font-family:var(--pr-font);border-radius:2px;padding:1px 4px}.mp-ov,.popup-overlay{z-index:9000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a142873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-modal-box,.popup-window{background:var(--pr-white);border-radius:var(--pr-radius-md);box-shadow:var(--pr-shadow-lg);flex-direction:column;animation:.14s prPopIn;display:flex;overflow:hidden}@keyframes prPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.product-popup{width:820px;max-height:80vh}.f12-popup{width:460px;max-height:80vh}.f5-popup{width:980px;max-height:85vh}.loadpm-popup{width:340px;max-height:70vh}.loadpd-popup{min-width:700px;max-width:95vw;max-height:70vh}.payment-popup{width:545px;max-height:70vh}.editpwd-popup{width:300px}.mp-modal-hdr,.popup-header{background:var(--pr-blue);color:#fff;letter-spacing:.2px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.mp-modal-hdr button,.popup-close{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;transition:background .13s;display:flex}.mp-modal-hdr button:hover,.popup-close:hover{background:#ffffff4d}.mp-modal-body,.popup-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.mp-modal-ftr,.popup-footer{border-top:1px solid var(--pr-border);background:var(--pr-surface);flex-shrink:0;justify-content:flex-end;gap:7px;padding:10px 14px;display:flex}.popup-footer .btn,.mp-modal-ftr .btn{border-radius:var(--pr-radius);font-family:var(--pr-font);cursor:pointer;border:none;align-items:center;gap:4px;padding:5px 16px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.btn-primary{background:var(--pr-blue);color:#fff}.btn-primary:hover{background:var(--pr-blue-dark)}.btn-secondary{color:var(--pr-navy);background:#e2e8f0}.btn-secondary:hover{background:#cbd5e1}.btn-sm{height:26px;padding:3px 12px;font-size:11px}.popup-search-input{border:2px solid var(--pr-border-mid);border-radius:var(--pr-radius);height:30px;font-family:var(--pr-font);outline:none;width:100%;padding:0 10px;font-size:13px;transition:border-color .12s}.popup-search-input:focus{border-color:var(--pr-blue);box-shadow:0 0 0 2px #1f65de26}.popup-list-wrap{border:1px solid var(--pr-border);border-radius:var(--pr-radius);flex:auto;overflow-y:auto}.popup-table{border-collapse:collapse;width:100%;font-size:12px}.popup-table thead th{background:var(--pr-blue-navy);color:#fff;text-transform:uppercase;letter-spacing:.3px;text-align:left;border-right:1px solid #1f65de66;padding:5px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.popup-table tbody .popup-row{border-bottom:1px solid var(--pr-surface);cursor:pointer}.popup-table tbody .popup-row:hover{background:var(--pr-blue-light)}.popup-table tbody .popup-row.selected{background:var(--pr-blue-sel)}.popup-table tbody td{border:1px solid var(--pr-border);color:var(--pr-navy);padding:4px 8px}.popup-table tbody td.right{text-align:right;font-family:var(--pr-font);font-weight:600}.loadpd-table{border-collapse:collapse;width:100%;font-size:12px}.loadpd-table thead th{background:var(--pr-blue-navy);color:#fff;text-align:left;white-space:nowrap;border-right:1px solid #1f65de4d;padding:5px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.loadpd-table thead th.right{text-align:right}.loadpd-table tbody tr{border-bottom:1px solid var(--pr-border);cursor:pointer}.loadpd-table tbody tr:hover td{background:var(--pr-blue-light)}.loadpd-table tbody tr.active-pd td{background:var(--pr-blue-sel)!important}.loadpd-table tbody td{color:var(--pr-navy);padding:3px 8px;font-size:12px}.loadpd-table tbody td.right{text-align:right;font-family:var(--pr-font);font-weight:600}.loadpd-table .cell-input{font-size:12px}.f12-table{border-collapse:collapse;width:100%;font-size:12px}.f12-table thead th{background:var(--pr-blue-navy);color:#fff;text-align:left;border-right:1px solid #1f65de4d;padding:5px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.f12-table tbody tr{border-bottom:1px solid var(--pr-border)}.f12-table tbody tr:hover td{background:var(--pr-blue-light)}.f12-table tbody td{color:var(--pr-navy);vertical-align:middle;padding:4px 8px}.f12-width-input{border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius);width:70px;height:24px;font-family:var(--pr-font);color:var(--pr-navy);text-align:right;outline:none;padding:0 5px;font-size:12px;font-weight:600}.f12-width-input:focus{border-color:var(--pr-blue);box-shadow:0 0 0 2px #1f65de1f}.focus-toggle{cursor:pointer;border:none;border-radius:999px;width:46px;height:24px;padding:0;transition:all .25s;position:relative}button.focus-toggle.on{background-color:var(--pr-green-lt)!important}button.focus-toggle.off{background-color:#cbd5e1!important}.focus-toggle-slider{background:var(--pr-white);pointer-events:none;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:2px;left:2px;transform:translate(0)}.focus-toggle.on .focus-toggle-slider{transform:translate(22px)}.focus-toggle.off .focus-toggle-slider{transform:translate(0)}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-cash{color:var(--pr-green);background:#dcfce7}.badge-credit{background:var(--pr-blue-light);color:var(--pr-blue-dark)}.tbtn-sm{border-radius:var(--pr-radius);cursor:pointer;height:24px;font-size:11px;font-weight:600;font-family:var(--pr-font);border:1px solid #0000;align-items:center;gap:3px;margin-right:4px;padding:3px 9px;transition:all .1s;display:inline-flex}.tbtn-sm.edit{background:var(--pr-blue-light);color:var(--pr-blue-dark);border-color:var(--pr-border-mid)}.tbtn-sm.edit:hover{background:var(--pr-blue);color:#fff}.tbtn-sm.delete{color:var(--pr-red-dk);background:#fee2e2;border-color:#fca5a5}.tbtn-sm.delete:hover{background:var(--pr-red-dk);color:#fff}.toast{background:var(--pr-blue);color:#fff;border-radius:var(--pr-radius-md);border-left:5px solid var(--pr-blue-light);padding:10px 20px;font-size:13px;font-weight:600;animation:.3s ease-out forwards slideInRight;box-shadow:0 4px 12px #00000026}.toast.err{color:#991b1b;border-color:#fca5a5;border-left-color:var(--pr-red-dk);background:#fee2e2}.mp-loader-ov,.loading-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a142873;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.mp-ldr-box{background:var(--pr-white);border-radius:var(--pr-radius-md);box-shadow:var(--pr-shadow-lg);flex-direction:column;align-items:center;gap:10px;min-width:150px;padding:20px 28px;display:flex}.mp-spin,.spinner{border:3px solid var(--pr-blue-light);border-top-color:var(--pr-blue);border-radius:50%;width:30px;height:30px;animation:.5s linear infinite prSpin}.mp-ldr-msg,.loading-overlay span{color:var(--pr-navy);font-size:12px;font-weight:600}@keyframes prSpin{to{transform:rotate(360deg)}}.mp-badge{background:var(--pr-blue);color:#fff;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.mp-badge-warn{background:var(--pr-amber-bg);color:var(--pr-amber-dk);border:1px solid #fbbf24;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:600}.mp-verr{border-radius:var(--pr-radius);color:#991b1b;background:#fff0f0;border:1px solid #f5c2c7;padding:3px 10px;font-size:11px;font-weight:600}.mp-msg.ok{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.mp-msg.err{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.no-data{color:var(--pr-slate-lt);padding:14px;font-size:12px;font-style:italic;text-align:center!important}.grid-cell select.cell-input{height:100%;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0 2px;font-family:inherit}.grid-cell.selected select.cell-input{background:#e8f0fe}.pwd-input-wrap{flex-direction:column;gap:8px;padding:8px 0;display:flex}.pwd-input-wrap label{color:var(--pr-slate);font-size:11px;font-weight:600}.pwd-input{border:1px solid var(--pr-border-mid);border-radius:var(--pr-radius);height:30px;font-family:var(--pr-font);outline:none;width:100%;padding:0 10px;font-size:13px}.pwd-input:focus{border-color:var(--pr-blue);box-shadow:0 0 0 2px #1f65de26}.pwd-error{color:var(--pr-red-dk);font-size:11px;font-weight:600}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--pr-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--pr-border-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pr-blue)}@media (width<=1024px){.master-row{gap:6px 10px}.field-group.wide{min-width:160px}.pr-bottom{max-height:unset;flex-direction:column}.bottom-left{flex-wrap:wrap}.totals-panel{min-width:unset;width:100%}.product-popup{width:96vw}.loadpd-popup{min-width:unset;width:96vw}}@media (width<=768px){.mp-btn span{display:none}.mp-btn{padding:4px 8px}.mp-hint{gap:10px}}.ppv-card{max-width:1180px}.ppv-subtitle{text-align:center;color:var(--clr-text-muted);margin-top:-8px;font-size:11px}.ppv-filter-grid{grid-template-columns:170px 170px minmax(260px,1fr) minmax(220px,1fr);align-items:end;gap:14px 16px;display:grid}.ppv-field{flex-direction:column;gap:6px;display:flex}.ppv-field label{color:var(--clr-text-primary);font-size:12px;font-weight:700}.ppv-field-wide{min-width:0}.ppv-check-row{flex-wrap:wrap;gap:18px;padding:2px 2px 0;display:flex}.ppv-check{color:var(--clr-text-primary);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.ppv-check input{accent-color:var(--clr-primary)}.ppv-hints{border:1px solid var(--clr-border-table);color:var(--clr-text-muted);background:#f8fbff;border-radius:8px;flex-wrap:wrap;gap:16px;padding:10px 12px;font-size:11.5px;font-weight:600;display:flex}.ppv-error{color:var(--clr-danger-dark);font-size:12px;font-weight:700}.ppv-grid-wrap{height:430px;max-height:430px}.ppv-grid td{vertical-align:middle}.ppv-right{text-align:right}.ppv-center{text-align:center}.ppv-open-btn{justify-content:center;height:30px;margin:0 auto;padding:0 16px;font-size:12px}@media (width<=1100px){.ppv-filter-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=768px){.ppv-filter-grid{grid-template-columns:1fr}.ppv-check-row{gap:12px}.ppv-hints{gap:10px}}@media (width<=768px){.bm-layout{padding:12px}.bm-card-body{padding:16px}.bm-actions{justify-content:stretch}.bm-btn{flex:1;justify-content:center;padding:0 14px}}:where(.quotation-theme-local-vars){--clr-primary:#1f65de;--clr-primary-hover:#1750b0;--clr-primary-dark:#1b3a8f;--clr-primary-light:#a8c8f5;--clr-bg-page:#eef3fb;--clr-bg-white:#fff;--clr-bg-soft:#f5f9ff;--clr-bg-row-hover:#deeafb;--clr-bg-row-selected:#a8c8f5;--clr-border-default:#c5d8f8;--clr-border-table:#eaecf4;--clr-border-section:#deeafb;--clr-border-header:#1f65de66;--clr-text-primary:#1a2e4a;--clr-text-muted:#6b7a99;--clr-text-faint:#8b99b5;--clr-text-mid:#4a5568;--clr-text-inactive:#bbb;--clr-text-white:#fff;--clr-danger:#dc3545;--clr-danger-dark:#dc2626;--clr-danger-bg:#fee2e2;--clr-danger-border:#fca5a5;--clr-danger-text:#991b1b;--clr-success-bg:#d1fae5;--clr-success-border:#a7f3d0;--clr-success-text:#065f46;--clr-loader-track:#deeafb;--clr-loader-spin:#1f65de;--clr-loader-overlay:#0a142880;--clr-modal-overlay:#0a142873;--clr-picker-overlay:#0a14286b;--clr-icon-bg:#1f65de;--clr-toolbar-accent:#1f65de;--clr-th-shine:#ffffff1f;--clr-focus-ring:#1f65de2e;--clr-focus-ring-picker:#1f65de26;--clr-shadow-box:#00000040;--clr-shadow-light:#00000014;--clr-shadow-toast:#00000026;--clr-green:#16a34a;--clr-green-bg:#e0edff;--clr-export:#059669;--clr-pay-hdr-secondary:#2d4a9f;--clr-ps-bg:#f8faff;--clr-ps-col-hdr-bg:#f0f4fc;--clr-ps-col-hdr-border:#dde6f5;--clr-ps-icon:#7895c8;--clr-ps-placeholder:#aab4cc;--clr-ps-row-stripe:#fafbff;--clr-ps-row-border:#f3f5fb;--clr-ps-close-bg:#ffffff26;--clr-ps-close-hover-bg:#ffffff4d;--clr-ps-count-bg:#ffffff26;--clr-ps-count-text:#ffffffa6;--clr-entry-row-bg:#f0f7ff;--clr-cell-focus-border:#93c5fd;--clr-cell-focus-ring:#3b82f626;--clr-divider:#dde6f5;--clr-badge-bg:#e0edff;--clr-badge-warn-bg:#fff3cd;--clr-badge-warn-text:#856404;--clr-calc-text:#475569;--clr-stock-label:#dc2626;--clr-verr:#dc2626;--clr-topay:#dc2626}.sb-row-del{color:var(--clr-danger);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 4px;font-size:12px;font-weight:700;line-height:1;transition:background .1s,color .1s}.sb-row-del:hover{background:var(--clr-danger-bg);color:var(--clr-danger-dark)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.mp-wrap{background:var(--clr-bg-page);flex-direction:column;width:100vw;max-width:100vw;height:100vh;font-size:12.5px;display:flex;overflow:hidden}button.mp-toggle:focus{outline:none;box-shadow:0 0 0 3px #3b82f673}button.mp-toggle.on:focus{box-shadow:inset 0 0 0 1px #15803d,0 0 0 3px #3b82f673}button.mp-toggle.off:focus{box-shadow:inset 0 0 0 1px #b0bec5,0 0 0 3px #3b82f673}.mp-icon{background:var(--clr-icon-bg);width:32px;height:32px;color:var(--clr-text-white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex}.mp-title{color:var(--clr-text-primary);font-size:14px;font-weight:700}.mp-sub{color:var(--clr-text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:1px;font-size:10px}.mp-back{border:1px solid var(--clr-border-default);color:var(--clr-primary);cursor:pointer;background:#ffffff14;border-radius:4px;padding:5px 14px;font-size:11px;font-weight:600;transition:all .15s}.mp-body{box-sizing:border-box;flex-direction:column;flex:1;gap:10px;width:80%;min-height:0;margin:0 auto;padding:10vh 0;display:flex;overflow:hidden}.mp-toolbar-title{color:var(--clr-text-primary);letter-spacing:.5px;font-size:18px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.mp-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;height:30px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .12s;display:flex}.mp-msg{border-radius:4px;margin-left:6px;padding:4px 10px;font-size:11px;font-weight:600}.mp-grid-wrap{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-radius:6px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mp-tbl thead tr{margin:0;padding:0;line-height:1}.mp-col-row th{z-index:4;text-align:left;white-space:nowrap;box-sizing:border-box;height:30px;font-size:11px;font-weight:600;position:sticky;top:28px;background:var(--clr-primary-dark)!important;color:var(--clr-text-white)!important;border:1px solid var(--clr-primary-hover)!important;padding:6px 8px!important}.mp-tbl th,.mp-tbl thead th,.mp-tbl thead tr th{color:var(--clr-text-white);border:1px solid var(--clr-border-header);text-align:left;white-space:nowrap;padding:7px 10px;font-size:11px;font-weight:600;animation:5s infinite thGradientShift;position:relative;overflow:hidden;background:var(--clr-primary-dark)!important;background-color:var(--clr-primary-dark)!important}.mp-tbl td{border:1px solid var(--clr-border-table);color:var(--clr-text-primary);padding:3px 5px;font-size:12px}.mp-tbl tbody tr,.mp-tbl tbody tr:nth-child(2n),.mp-tbl tbody tr:nth-child(odd){cursor:pointer;transition:background 70ms;background:var(--clr-bg-white)!important}.mp-cell-input{border:1px solid var(--clr-border-default);width:100%;font-size:12px;font-weight:var(--font-weight-bold);background:var(--clr-bg-white);height:26px;color:var(--clr-text-primary);border-radius:3px;outline:none;padding:3px 7px;transition:border-color .12s}.mp-cell-select{border:1px solid var(--clr-border-default);background:var(--clr-bg-white);width:100%;height:26px;color:var(--clr-text-primary);cursor:pointer;border-radius:3px;outline:none;padding:2px 5px;font-size:12px}.mp-del-btn{cursor:pointer;color:var(--clr-danger-dark);background:0 0;border:none;border-radius:3px;padding:2px 5px;font-size:18px;font-weight:600;line-height:1;transition:background .1s}.mp-hint{background:var(--clr-bg-soft);border:1px solid var(--clr-border-section);color:var(--clr-text-faint);border-radius:4px;flex-shrink:0;padding:6px 12px;font-size:10.5px}.mp-hint kbd{background:var(--clr-primary);color:var(--clr-text-white);border-radius:3px;padding:1px 5px;font-family:Inter,monospace;font-size:9.5px;font-weight:700}.mp-ldr-msg{color:var(--clr-text-mid);font-size:12px;font-weight:600}.dd-create-new{color:var(--clr-primary);cursor:pointer;border-top:2px solid var(--clr-border-section);background:var(--clr-bg-soft);padding:8px 14px;font-size:11px;font-weight:700;transition:background .1s}.mp-modal h3{color:var(--clr-text-primary);margin-bottom:10px;font-size:13px;font-weight:700}.mp-modal p{color:var(--clr-text-mid);margin-bottom:16px;font-size:12px;line-height:1.5}.mp-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:5px 16px;font-size:12px;font-weight:600;transition:all .12s}.mp-picker{background:var(--clr-bg-white);box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;flex-direction:column;width:700px;max-width:90vw;max-height:500px;display:flex}.mp-picker-search input{border:1px solid var(--clr-border-default);border-radius:4px;outline:none;width:100%;height:28px;padding:0 8px;font-size:12px}.mp-picker-tbl th{background:var(--clr-primary-hover);color:var(--clr-text-white);text-align:left;padding:5px 8px;font-size:11px;position:sticky;top:0}.mp-picker-tbl td{border-bottom:1px solid var(--clr-border-table);color:var(--clr-text-primary);padding:5px 8px;font-size:12px}.mp-picker-create{color:var(--clr-primary);cursor:pointer;border-top:2px solid var(--clr-border-section);background:var(--clr-bg-soft);padding:8px 12px;font-size:11px;font-weight:700}.mp-pwd-modal h3{color:var(--clr-primary);margin-bottom:10px;font-size:12px;font-weight:700}.mp-pwd-input{border:1px solid var(--clr-border-default);letter-spacing:3px;border-radius:4px;outline:none;width:100%;height:28px;padding:0 8px;font-size:13px}.mp-page-btn{border:1px solid var(--clr-border-default);background:var(--clr-bg-white);color:var(--clr-primary);cursor:pointer;border-radius:3px;padding:3px 9px;font-size:11px;font-weight:600}.mp-rec-count{color:var(--clr-text-faint);margin-left:6px;font-size:11px;font-weight:600}.toast{background:var(--clr-primary);color:var(--clr-text-white);box-shadow:0 4px 12px var(--clr-shadow-toast);border-left:5px solid var(--clr-primary-light);border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;animation:.3s ease-out forwards slideInRight}.mp-gscroll{flex:1;width:100%;min-height:0;overflow:auto}@media (width<=768px){.bm-layout{padding:12px}.bm-card-body{padding:16px}.bm-actions{justify-content:stretch}.bm-btn{flex:1;justify-content:center;padding:0 14px}}.si-popup-overlay{background:var(--overlay-modal);z-index:9800;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.si-popup-panel{background:var(--white);border:1px solid var(--clr-si-border-soft);box-shadow:0 16px 48px var(--clr-si-shadow-blue-strong);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.si-popup-header{background:linear-gradient(135deg, var(--blue-dark) 0%, var(--blue) 100%);align-items:center;gap:8px;display:flex}.si-popup-header-title{color:var(--white);font-weight:700}.si-popup-header-badge{color:var(--ps-count-text);background:var(--ps-count-bg);border-radius:10px}.si-popup-header-close{background:var(--ps-close-bg);color:var(--white);cursor:pointer;border:none;border-radius:50%}.si-popup-colhdr{background:var(--clr-ps-col-hdr-bg);border-bottom:1px solid var(--clr-ps-col-hdr-border);color:var(--clr-text-muted);text-transform:uppercase}.si-popup-empty{text-align:center;color:var(--text-soft)}.si-popup-row{cursor:pointer;border-bottom:1px solid var(--clr-ps-row-border);border-left:3px solid #0000;align-items:center;display:grid}.si-popup-row.even{background:var(--white)}.si-popup-row.odd{background:var(--clr-ps-row-stripe)}.si-popup-row.hilite{background:var(--bg-row-hover);border-left-color:var(--blue)}.si-popup-footer{background:var(--clr-ps-bg);border-top:1px solid var(--border-table);display:flex}.si-popup-hint{color:var(--clr-text-faint);align-items:center;display:flex}.si-kbd{background:var(--blue);color:var(--white);border-radius:2px;font-weight:700}.si-cell-code{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.si-cell-primary{color:var(--clr-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.si-cell-mid{color:var(--clr-calc-text)}.si-cell-rate{color:var(--green);font-weight:600}.si-cell-stock-ok{color:var(--clr-text-primary)}.si-cell-stock-low{color:var(--danger-dark)}.si-cell-expiry{color:var(--clr-si-purple)}.si-combo-dropdown{background:var(--white);border:1px solid var(--border-default);box-shadow:0 8px 24px var(--clr-focus-ring-picker)}.si-combo-option{color:var(--clr-text-primary);border-left:3px solid #0000}.si-combo-option.even{background:var(--white)}.si-combo-option.odd{background:var(--clr-ps-row-stripe)}.si-combo-option.hilite{background:var(--bg-row-hover);border-left-color:var(--blue)}.si-grid-select{border:1px solid var(--border-default);color:var(--clr-text-primary);background:0 0}.si-pwmodal-title{color:var(--blue);font-weight:700}.si-pwmodal-input{border:1px solid var(--border-default)}.si-prodsearch-panel{background:var(--white);border:1px solid var(--border-default);box-shadow:0 16px 48px var(--clr-si-shadow-blue-md)}.si-prodsearch-searchbar{border-bottom:1px solid var(--clr-si-divider-soft)}.si-prodsearch-icon{color:var(--ps-icon)}.si-prodsearch-input{color:var(--clr-text-primary)}.si-prodsearch-footer{background:var(--clr-ps-bg);border-top:1px solid var(--clr-si-divider-soft);color:var(--clr-text-muted)}.si-f5-filterbar{background:var(--clr-bg-soft);border-bottom:1px solid var(--clr-ps-col-hdr-border)}.si-f5-filterlabel{color:var(--text-mid);font-weight:700}.si-f5-dateinput{border:1px solid var(--border-default)}.si-f5-footer{border-top:1px solid var(--border-table);background:var(--clr-ps-bg)}.si-th-dark{z-index:3;font-size:12px;font-weight:var(--font-weight-bold);white-space:nowrap;padding:6px 8px;position:sticky;top:0}.sb-cell-calc{font-weight:var(--font-weight-bold);padding:0 4px;display:block}.si-cell-sno{color:var(--clr-text-faint);text-align:center;font-size:var(--font-weight-bold);padding:2px 4px;font-weight:600}.si-grid-input{border:1px solid var(--border-default);background:0 0;border-radius:3px;outline:none;width:100%;padding:3px 6px;font-size:12px;font-weight:600}.si-th-dark{background:var(--clr-primary-dark);color:var(--white)}.si-th-dark.batch{background:var(--clr-si-th-batch-bg)}.si-table-row.even{background:var(--white)}.si-table-row.odd{background:var(--clr-ps-row-stripe)}.si-table-row.selected{background:var(--blue-select)}.si-table-row{border-bottom:1px solid var(--border-table)}.si-cell-muted{color:var(--clr-text-muted)}.si-inline-btn{border:1px solid var(--border-default);cursor:pointer;font-weight:600}.si-inline-btn.edit{background:var(--clr-si-edit-btn-bg);color:var(--blue)}.si-inline-btn.del{background:var(--danger-bg);border-color:var(--clr-si-danger-border-light)}.si-table-row-f12.even{background:var(--clr-si-row-stripe-alt)}.si-table-row-f12.odd{background:var(--white)}.si-td-bordered{border-bottom:1px solid var(--border-table)}.si-badge-warn{background:var(--clr-si-warn-bg2);color:var(--clr-si-amber-text)}.si-f12-widthinput{border:1px solid var(--clr-si-input-border-light)}.si-modebar{background:var(--clr-primary-dark);flex-shrink:0;align-items:center;gap:0;padding:0 12px;display:flex}.si-modebar-title{white-space:nowrap;color:var(--white);margin-right:20px;font-size:13px;font-weight:700}.si-mode-tab{cursor:pointer;color:var(--clr-si-white-75);background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 20px;font-size:12px;font-weight:700;transition:all .15s}.si-mode-tab.active{background:var(--white);color:var(--blue-dark);border-bottom-color:var(--blue)}.si-badge-amber{background:var(--clr-si-amber);color:var(--clr-text-primary)}.si-headerpanels{background:var(--clr-si-header-bg);border-bottom:1px solid var(--clr-si-border-soft)}.si-panel{border:1px solid var(--clr-si-border-mid);background:var(--white)}.si-ptitle{color:var(--text-mid);border-bottom:1px solid var(--clr-si-border-light)}.si-lbl{color:var(--text-mid)}.si-inp{border:1px solid var(--clr-si-input-border);background:var(--white);color:var(--clr-text-primary)}.si-partyinfo{background:var(--entry-row-bg);border:1px solid var(--clr-si-info-border)}.si-partyinfo-addr{color:var(--text-mid)}.si-partyinfo-phone{color:var(--blue)}.si-total-amt{color:var(--green)}.si-total-divider{border-bottom:1px solid var(--clr-si-border-light)}.si-strong-navy{color:var(--blue-dark)}.si-page{background:var(--bg-page)}.si-grid-wrap{background:var(--white);flex:1;overflow:auto}.si-grid-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:800px;font-size:12px}.si-th-dark{z-index:3;white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.si-th-sno{text-align:center;width:44px;padding:6px 4px}.si-th-col.si-th-right{text-align:right}.si-th-col.si-th-left{text-align:left}.si-th-action{width:38px;padding:6px 4px}.si-th-batch-label{opacity:.7;font-size:8px;display:block}.si-table-row{cursor:pointer}.si-cell-sno{color:var(--clr-text-faint);text-align:center;padding:2px 4px;font-size:11px}.si-td{padding:1px 2px}.si-td-right{text-align:right}.si-td-left{text-align:left}.si-td-action{text-align:center;padding:1px 2px}.sb-cell-calc{padding:0 4px;display:block}.si-cell-amt{color:var(--blue);font-weight:700}.si-grid-input{border:1px solid var(--border-default);background:0 0;border-radius:3px;outline:none;width:100%;padding:3px 6px;font-size:12px}.si-grid-input-num{text-align:right}.si-grid-input.invalid{border-color:var(--clr-si-invalid-border);background:var(--clr-si-invalid-bg)}.si-row-delete-btn{color:var(--danger-dark);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:15px}.si-totalbar{background:var(--entry-row-bg);border-top:1px solid var(--clr-si-border-soft)}.si-vdivider{background:var(--clr-si-border-mid)}.si-strong-primary{color:var(--clr-text-primary)}.si-strong-green{color:var(--green)}.si-strong-blue{color:var(--blue)}.si-toolbar{background:var(--white);border-top:1px solid var(--clr-si-border-soft);border-left:4px solid var(--blue)}.si-kbd.muted{background:var(--clr-text-muted)}.si-loading-overlay{background:var(--overlay-loader)}.si-loading-box{background:var(--white);box-shadow:0 16px 48px var(--shadow-box)}.si-spinner{border:4px solid var(--clr-loader-track);border-top-color:var(--clr-loader-spin)}.si-loading-text{color:var(--text-mid)}.si-overlay{background:var(--overlay-modal);z-index:8000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.si-modal{background:var(--white);box-shadow:0 16px 48px var(--shadow-box);border:1px solid var(--clr-si-border-soft);border-radius:8px;overflow:hidden}.f5-td-muted{color:var(--text-soft)}.f5-th-center{text-align:center}.si-modal-hdr{background:linear-gradient(135deg, var(--blue-dark), var(--blue));color:var(--white);align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.si-modal-hdr span{flex:1}.si-modal-hdr button{background:var(--ps-close-bg);color:var(--white);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;font-size:12px}.si-btn{border:1px solid var(--border-default);cursor:pointer;background:var(--white);height:30px;color:var(--clr-text-primary);border-radius:4px;align-items:center;gap:4px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .12s;display:inline-flex}.si-btn:hover{background:var(--entry-row-bg);border-color:var(--blue)}.si-btn:disabled{opacity:.45;cursor:not-allowed}.si-btn.sv{background:var(--blue);color:var(--white);border-color:var(--blue)}.si-btn.sv:hover{background:var(--blue-hover)}.si-btn.dl{color:var(--danger);border-color:var(--danger)}.si-btn.dl:hover{background:var(--danger-bg)}.si-select{border:1px solid var(--clr-si-input-border);background:var(--white);height:24px;color:var(--clr-text-primary);border-radius:3px;outline:none;width:100%;padding:0 6px;font-size:12px}.si-select:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--clr-focus-ring)}tbody tr:hover td{background:var(--bg-row-hover)!important}.f5-modal-box{flex-direction:column;width:1050px;height:85vh;display:flex}.f5-filter-bar{background:var(--clr-bg-soft);border-bottom:1px solid var(--clr-si-border-soft);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.f5-filter-label{color:var(--text-mid);font-size:11px;font-weight:700}.f5-filter-date{border:1px solid var(--clr-si-input-border);background:var(--white);height:28px;color:var(--clr-text-primary);border-radius:4px;padding:0 6px;font-size:12px}.f5-filter-select{border:1px solid var(--clr-si-input-border);background:var(--white);min-width:140px;height:28px;color:var(--clr-text-primary);border-radius:4px;padding:0 6px;font-size:12px}.f5-search-btn{height:28px;padding:0 14px;font-size:11px}.f5-total{color:var(--green);margin-left:auto;font-size:15px;font-weight:700}.f5-modal-body{flex:1;padding:0;overflow-y:auto}.f5-table{border-collapse:collapse;width:100%;font-size:12px}.f5-th-toggle{background:var(--clr-primary-dark);color:var(--white);text-align:center;z-index:2;width:28px;padding:6px;position:sticky;top:0}.f5-th{background:var(--blue-light);color:var(--white);text-align:left;z-index:2;padding:6px 10px;position:sticky;top:0}.f5-th-amount{text-align:right}.f5-empty-row{text-align:center;color:var(--text-soft);padding:20px}.f5-row-even{background:var(--white);border-bottom:1px solid var(--border-table)}.f5-row-odd{background:var(--clr-ps-row-stripe);border-bottom:1px solid var(--border-table)}.f5-td-toggle{text-align:center;width:28px;padding:5px 6px}.f5-toggle-btn{cursor:pointer;color:var(--blue);background:0 0;border:none;padding:0;font-size:13px;transition:transform .15s;display:inline-block;transform:rotate(0)}.f5-toggle-btn.expanded{transform:rotate(90deg)}.f5-td{color:var(--clr-text-primary);padding:5px 10px}.f5-td-strong{color:var(--clr-text-primary);padding:5px 10px;font-weight:700}.f5-td-amount{text-align:right;color:var(--clr-text-primary);padding:5px 10px;font-weight:700}.f5-td-actions{text-align:center;padding:5px 10px}.f5-btn-edit{border:1px solid var(--clr-si-input-border);background:var(--clr-si-edit-btn-bg);color:var(--blue);cursor:pointer;border-radius:4px;margin-right:6px;padding:3px 10px;font-size:11px;font-weight:600}.f5-btn-delete{border:1px solid var(--clr-si-danger-border-light);background:var(--danger-bg);color:var(--danger-dark);cursor:pointer;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.f5-detail-cell{background:var(--clr-si-header-bg);padding:0}.f5-detail-wrap{margin:10px}.f5-detail-empty{color:var(--text-soft);padding:8px 12px;font-size:11px}.f5-detail-table{border-collapse:collapse;width:100%;font-size:11px}.f5-detail-th{background:var(--blue);color:var(--white);text-align:left;padding:4px 8px;font-size:11px;font-weight:600}.f5-detail-th-right{text-align:right}.f5-detail-row-even{background:var(--white);border-bottom:1px solid var(--border-table)}.f5-detail-row-odd{background:var(--clr-ps-row-stripe);border-bottom:1px solid var(--border-table)}.f5-detail-td{color:var(--clr-text-primary);padding:3px 8px}.f5-detail-td-right{text-align:right;color:var(--clr-text-primary);padding:3px 8px}.f5-total{margin-left:auto;font-size:15px;font-weight:700}.f5-badge-credit-note{background:var(--clr-badge-crn-bg);color:var(--danger-dark)}.f5-badge-debit-note{background:var(--clr-badge-drn-bg);color:var(--clr-badge-drn-text)}.f5-btn-delete-plain{border:1px solid var(--clr-si-danger-border-light);background:var(--danger-bg);cursor:pointer;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.f5-filter-bar-quote{background:var(--clr-quote-filter-bg);border-bottom:1px solid var(--clr-quote-filter-border)}.f5-filter-date-quote{border-color:var(--clr-quote-input-border)}.f5-row-odd-quote{background:var(--clr-ps-row-stripe);border-bottom:1px solid var(--border-table)}.f5-badge-quote{background:var(--clr-quote-badge-bg);color:var(--clr-quote-badge-text);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.f5-btn-edit-quote{border:1px solid var(--clr-quote-input-border);background:var(--clr-quote-edit-btn-bg);color:var(--clr-quote-badge-text);cursor:pointer;border-radius:4px;margin-right:6px;padding:3px 10px;font-size:11px;font-weight:600}.f5-detail-cell-quote{background:var(--clr-si-header-bg);padding:0}.f5-detail-th-quote{background:var(--clr-quote-detail-hdr-bg);color:var(--white);text-align:left;padding:4px 8px;font-size:11px;font-weight:600}.f5w-overlay{background:var(--overlay-modal);z-index:9000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.f5w-window{background:var(--white);width:800px;max-width:95vw;max-height:85vh;box-shadow:0 16px 48px var(--shadow-box);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.f5w-header{background:var(--blue);color:var(--white);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.f5w-header-title{align-items:center;gap:8px;display:flex}.f5w-close-btn{color:var(--white);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:background .12s;display:flex}.f5w-close-btn:hover{background:#ffffff4d}.f5w-filter-bar{background:var(--white);border-bottom:none;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:14px 18px;display:flex}.f5w-filter-label{color:var(--clr-text-primary);font-size:13px;font-weight:600}.f5w-date-input{border:1px solid var(--border-default);border-radius:5px;width:150px;height:32px;font-size:13px}.f5w-supplier-input{cursor:pointer;border:1px solid var(--border-default);background:var(--white);border-radius:5px;width:180px;height:32px;font-size:13px}.f5w-clear-btn{padding:2px 7px;font-size:11px}.f5w-search-btn{background:var(--blue);height:32px;color:var(--white);cursor:pointer;border:none;border-radius:5px;padding:0 18px;font-size:13px;font-weight:700;transition:background .12s}.f5w-search-btn:hover{background:var(--blue-hover)}.f5w-search-btn:disabled{opacity:.5;cursor:not-allowed}.f5w-total{color:var(--clr-text-primary);margin-left:auto;font-size:15px;font-weight:700}.f5w-total-amt{color:var(--success-text)}.f5w-grid-wrap{flex:1;min-height:120px;overflow-y:auto}.f5w-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.f5w-table thead tr{background:var(--blue)}.f5w-table th{color:var(--white);text-align:left;padding:10px 12px;font-size:13px;font-weight:700}.f5w-th-sno{width:60px}.f5w-th-date{width:100px}.f5w-th-amt{text-align:right;width:100px}.f5w-th-amt-wide{text-align:right;width:110px}.f5w-row,.f5w-row-sel{cursor:pointer;border-bottom:1px solid var(--border-table)}.f5w-row{background:var(--white)}.f5w-row:hover{background:var(--bg-row-hover)}.f5w-row-sel{background:var(--blue-select)}.f5w-td-sno{text-align:center;color:var(--text-soft);padding:8px 12px}.f5w-td{color:var(--clr-text-primary);padding:8px 12px}.f5w-td-amt{text-align:right;color:var(--clr-text-primary);padding:8px 12px}.f5w-td-amt-strong{text-align:right;color:var(--clr-text-primary);padding:8px 12px;font-weight:700}.f5w-empty{text-align:center;color:var(--text-soft);padding:40px 20px;font-size:13px}.f5w-footer{background:var(--clr-bg-soft);border-top:1px solid var(--border-table);flex-shrink:0;justify-content:flex-end;align-items:center;gap:14px;padding:14px 18px;display:flex}.f5w-hint{color:var(--text-soft);margin-right:auto;font-size:11px}.f5w-close-plain-btn{color:var(--clr-text-primary);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:13px;font-weight:600}.f5w-close-plain-btn:hover{text-decoration:underline}.f5-footer-split{justify-content:space-between;align-items:center;display:flex}.f5-filter-select-quote{border:1px solid var(--clr-quote-input-border);background:var(--white);width:150px;height:28px;color:var(--clr-text-primary);border-radius:4px;padding:0 6px;font-size:12px}.f5-total-amt{color:var(--success-text)}.f5-hint{color:var(--text-soft);margin-right:auto;font-size:11px}.sb-wrap{background:var(--clr-bg-page);flex-direction:column;width:100vw;height:100vh;font-family:Inter,sans-serif;font-size:12.5px;display:flex;overflow:hidden}.sb-body{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:6px 12px;display:flex;overflow:hidden}.sb-header-panel{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-left:4px solid var(--clr-primary);border-radius:6px;flex-wrap:nowrap;flex-shrink:0;align-items:stretch;gap:8px;padding:8px 12px;display:flex}.sb-action-btns{flex-shrink:0;align-items:center;gap:4px;display:flex}.sb-action-btn{border:1px solid var(--clr-border-default);background:var(--clr-bg-soft);cursor:pointer;width:52px;height:52px;color:var(--clr-primary);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:700;transition:all .12s;display:flex}.sb-action-btn:hover{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.sb-action-btn .btn-icon{font-size:18px}.sb-divider{background:var(--clr-divider);flex-shrink:0;width:1px;margin:0 4px}.sb-fields-center{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.sb-field-row{align-items:center;gap:8px;display:flex}.sb-field-lbl{color:var(--clr-text-mid);white-space:nowrap;flex-shrink:0;width:90px;font-size:11px;font-weight:600}.sb-field-lbl-sm{color:var(--clr-text-mid);white-space:nowrap;flex-shrink:0;width:70px;font-size:11px;font-weight:600}.sb-select{border:1px solid var(--clr-border-default);height:26px;color:var(--clr-text-primary);background:var(--clr-bg-white);cursor:pointer;border-radius:4px;outline:none;flex:1;min-width:0;padding:0 6px;font-size:12px}.sb-select:focus{border-color:var(--clr-primary);box-shadow:0 0 0 2px var(--clr-focus-ring-picker)}.sb-input{border:1px solid var(--clr-border-default);height:26px;color:var(--clr-text-primary);background:var(--clr-bg-white);border-radius:4px;outline:none;flex:1;min-width:0;padding:0 6px;font-size:12px}.sb-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 2px var(--clr-focus-ring-picker)}.language-mode-badge{border:1px solid var(--clr-border-default);cursor:pointer;appearance:none;border-radius:999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;height:24px;padding:0 8px;font-family:inherit;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.language-mode-badge:hover{filter:brightness(.97)}.language-mode-badge:active{transform:translateY(1px)}.language-mode-badge:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.language-mode-badge.tamil{color:#b45309;background:#fff4d6;border-color:#f59e0b}.language-mode-badge.english{background:var(--clr-bg-soft);color:var(--clr-text-mid)}.sb-badge-green{color:var(--clr-green);min-width:55px;font-size:12px;font-weight:700}.sb-badge-red{color:var(--clr-danger-dark);min-width:55px;font-size:12px;font-weight:700}.sb-bill-info{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:4px;min-width:150px;display:flex}.sb-bill-amount{color:var(--clr-green);letter-spacing:.5px;font-size:20px;font-weight:800}.sb-bill-row{align-items:center;gap:6px;font-size:11px;display:flex}.sb-bill-row label{color:var(--clr-text-muted);font-weight:600}.sb-bill-row span{color:var(--clr-text-primary);font-weight:700}.sb-date-input{border:1px solid var(--clr-border-default);border-radius:3px;outline:none;width:100px;height:22px;padding:0 4px;font-size:11px}.sb-date-input:focus{border-color:var(--clr-primary)}.sb-content{flex:1;gap:8px;min-height:0;margin-top:6px;display:flex;overflow:hidden}.sb-grid-wrap{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-radius:6px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.sb-grid-scroll{flex:1;min-height:0;overflow:auto}.sb-tbl{border-collapse:collapse;table-layout:fixed;width:100%;min-width:700px}.sb-tbl thead th{background:var(--clr-primary-dark);color:var(--clr-text-white);border:1px solid var(--clr-border-headera);text-align:left;white-space:nowrap;z-index:3;padding:6px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.sb-tbl thead th.right{text-align:right}.sb-tbl td{border:1px solid var(--clr-border-table);color:var(--clr-text-primary);padding:2px 4px;font-size:12px}.sb-tbl tbody tr{cursor:pointer;background:var(--clr-bg-white);transition:background 70ms}.sb-tbl tbody tr:hover{background:var(--clr-bg-row-hover)}.sb-tbl tbody tr.sel{background:var(--clr-bg-row-selected)!important}.sb-tbl tbody tr.empty-row td{color:var(--clr-text-faint);text-align:center;font-style:italic}.sb-cell-input{width:100%;color:var(--clr-text-primary);background:0 0;border:none;outline:none;padding:2px 4px;font-family:inherit;font-size:12px;font-weight:600}.sb-cell-input:focus{background:var(--clr-bg-white);border:1px solid var(--clr-cell-focus-border);box-shadow:0 0 0 2px var(--clr-cell-focus-ring);border-radius:3px}.sb-cell-input.right{text-align:right}.sb-cell-calc{text-align:right;color:var(--clr-calc-text);padding:2px 6px;font-size:12px;display:block}.sb-tbl tfoot tr{background:var(--clr-entry-row-bg)!important}.sb-tbl tfoot td{border:1px solid var(--clr-border-default);padding:2px 4px}.sb-entry-sno{text-align:center;color:var(--clr-primary);font-size:11px;font-weight:700}.sb-payment-panel{flex-direction:column;flex-shrink:0;gap:6px;width:230px;display:flex}.sb-pay-grid{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-radius:6px;flex-shrink:0;overflow:hidden}.sb-pay-hdr{background:var(--clr-primary-dark);color:var(--clr-text-white);padding:5px 10px;font-size:11px;font-weight:700}.sb-pay-tbl{border-collapse:collapse;width:100%}.sb-pay-tbl th{background:var(--clr-pay-hdr-secondary);color:var(--clr-text-white);text-align:left;border:1px solid #ffffff26;padding:4px 8px;font-size:10.5px;font-weight:600}.sb-pay-tbl th.right{text-align:right}.sb-pay-tbl td{border:1px solid var(--clr-border-table);padding:3px 6px;font-size:12px}.sb-pay-input{text-align:right;width:100%;color:var(--clr-text-primary);background:0 0;border:none;outline:none;padding:1px 2px;font-size:12px;font-weight:600}.sb-pay-input:focus{background:var(--clr-bg-white);border:1px solid var(--clr-cell-focus-border);border-radius:2px}.sb-totals{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-radius:6px;flex-shrink:0;padding:8px 10px}.sb-total-row{justify-content:space-between;align-items:center;padding:2px 0;font-size:11.5px;display:flex}.sb-total-row label{color:var(--clr-text-muted);font-weight:600}.sb-total-row span{color:var(--clr-text-primary);font-weight:700}.sb-total-row.net label{color:var(--clr-primary);font-size:13px;font-weight:800}.sb-total-row.net span{color:var(--clr-green);font-size:14px;font-weight:800}.sb-total-sep{background:var(--clr-border-table);height:1px;margin:3px 0}.sb-recv-amt{color:var(--clr-green);text-align:center;padding:3px 0;font-size:12px;font-weight:700}.sb-topay-amt{color:var(--clr-topay);text-align:center;padding:3px 0;font-size:12px;font-weight:700}.sb-remarks-wrap{padding:4px 6px}.sb-remarks-input{border:1px solid var(--clr-border-default);box-sizing:border-box;text-transform:uppercase;border-radius:3px;outline:none;width:100%;height:26px;padding:0 6px;font-size:12px}.sb-remarks-input:focus{border-color:var(--clr-primary)}.sb-toolbar{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-left:4px solid var(--clr-primary);border-radius:6px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:5px;margin-top:6px;padding:6px 10px;display:flex}.sb-btn{border:1px solid var(--clr-border-default);cursor:pointer;background:var(--clr-bg-soft);height:28px;color:var(--clr-text-primary);border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .12s;display:flex}.sb-btn:hover{background:var(--clr-bg-row-hover);border-color:var(--clr-primary)}.sb-btn.sv{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.sb-btn.sv:hover{background:var(--clr-primary-hover)}.sb-btn.sv:disabled{opacity:.45;cursor:not-allowed}.sb-btn.nw{background:var(--clr-bg-white);color:var(--clr-primary);border-color:var(--clr-primary)}.sb-btn.nw:hover{background:var(--clr-primary);color:var(--clr-text-white)}.sb-btn.dl{background:var(--clr-bg-white);color:var(--clr-danger);border-color:var(--clr-danger)}.sb-btn.dl:hover{background:var(--clr-danger);color:var(--clr-text-white)}.sb-btn.ex{background:var(--clr-bg-white);color:var(--clr-export);border-color:var(--clr-export)}.sb-btn.ex:hover{background:var(--clr-export);color:var(--clr-text-white)}.sb-hint{background:var(--clr-bg-soft);border:1px solid var(--clr-border-section);color:var(--clr-text-faint);border-radius:4px;flex-wrap:wrap;flex-shrink:0;gap:8px;margin-top:4px;padding:4px 10px;font-size:10px;display:flex}.sb-hint kbd{background:var(--clr-primary);color:var(--clr-text-white);border-radius:2px;padding:1px 4px;font-size:9px;font-weight:700}.sb-gst-wrap{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-radius:6px;flex-shrink:0;overflow:hidden}.sb-gst-hdr{background:var(--clr-primary-dark);color:var(--clr-text-white);padding:4px 8px;font-size:10.5px;font-weight:700}.sb-gst-tbl{border-collapse:collapse;width:100%}.sb-gst-tbl th{background:var(--clr-pay-hdr-secondary);color:var(--clr-text-white);border:1px solid #ffffff26;padding:3px 6px;font-size:10px}.sb-gst-tbl td{border:1px solid var(--clr-border-table);text-align:right;padding:2px 6px;font-size:10.5px}.sb-gst-tbl td:first-child{text-align:center}.sb-f5-modal{width:800px;max-height:80vh}.sb-f5-tbl{border-collapse:collapse;width:100%;font-size:11.5px}.sb-f5-tbl th{background:var(--clr-primary-dark);color:var(--clr-text-white);text-align:left;z-index:2;padding:6px 10px;position:sticky;top:0}.sb-f5-tbl td{border:1px solid var(--clr-border-table);cursor:pointer;padding:4px 10px}.sb-f5-tbl tbody tr:hover{background:var(--clr-bg-row-hover)}.sb-f5-tbl tbody tr.sel{background:var(--clr-bg-row-selected)}.sb-hold-modal{width:380px}.sb-prod-search{background:var(--clr-bg-white);border:1px solid var(--clr-border-section);box-shadow:0 12px 40px #1f65de2e, 0 2px 8px var(--clr-shadow-light);z-index:8500;border-radius:10px;flex-direction:column;width:560px;max-height:420px;display:flex;position:fixed;overflow:hidden}.sb-prod-search-hdr{background:linear-gradient(135deg, var(--clr-primary-dark) 0%, var(--clr-primary) 100%);border-radius:10px 10px 0 0;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.sb-ps-title{color:var(--clr-text-white);letter-spacing:.3px;flex:1;font-size:12px;font-weight:700}.sb-ps-count{color:var(--clr-ps-count-text);background:var(--clr-ps-count-bg);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.sb-ps-close{background:var(--clr-ps-close-bg);color:var(--clr-text-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:background .12s;display:flex}.sb-ps-close:hover{background:var(--clr-ps-close-hover-bg)}.sb-ps-input-wrap{border-bottom:1px solid var(--clr-border-table);background:var(--clr-ps-bg);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.sb-ps-icon{color:var(--clr-ps-icon);flex-shrink:0;font-size:16px}.sb-ps-input{color:var(--clr-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.sb-ps-input::placeholder{color:var(--clr-ps-placeholder)}.sb-ps-cols{background:var(--clr-ps-col-hdr-bg);border-bottom:1px solid var(--clr-ps-col-hdr-border);color:var(--clr-text-muted);letter-spacing:.4px;text-transform:uppercase;flex-shrink:0;gap:8px;padding:4px 10px;font-size:9.5px;font-weight:700;display:flex}.sb-prod-list{flex:1;min-height:0;overflow-y:auto}.sb-ps-empty{color:var(--clr-text-faint);text-align:center;padding:20px 14px;font-size:12px}.sb-prod-item{cursor:pointer;border-bottom:1px solid var(--clr-ps-row-border);align-items:center;gap:8px;padding:5px 10px;font-size:11.5px;transition:background 70ms;display:flex}.sb-prod-item:nth-child(2n){background:var(--clr-ps-row-stripe)}.sb-prod-item:hover,.sb-prod-item.hi{background:var(--clr-bg-row-hover);border-left:3px solid var(--clr-primary);padding-left:7px}.sb-prod-code{width:90px;color:var(--clr-primary);flex-shrink:0;font-size:11px;font-weight:700}.sb-prod-name{color:var(--clr-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.sb-prod-rate{text-align:right;width:72px;color:var(--clr-green);flex-shrink:0;font-weight:700}.sb-prod-stock{text-align:right;width:60px;color:var(--clr-text-faint);flex-shrink:0;font-size:11px}.sb-ps-footer{background:var(--clr-ps-bg);border-top:1px solid var(--clr-border-table);flex-shrink:0;gap:12px;padding:5px 12px;display:flex}.sb-ps-footer span{color:var(--clr-text-faint);align-items:center;gap:3px;font-size:9.5px;display:flex}.sb-ps-footer kbd{background:var(--clr-primary);color:var(--clr-text-white);border-radius:2px;padding:1px 4px;font-size:8.5px;font-weight:700}.sb-cell-input.right[readonly]{cursor:default;color:var(--clr-primary);font-weight:700}.sb-prod-search input{border:1px solid var(--clr-border-default);box-sizing:border-box;border-radius:3px;outline:none;width:calc(100% - 16px);height:26px;margin:5px 8px;padding:0 8px;font-size:12px}.sb-loader-ov{background:var(--clr-modal-overlay);z-index:99999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sb-ldr-box{background:var(--clr-bg-white);box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:20px 28px;display:flex}.sb-spin{border:3px solid var(--clr-loader-track);border-top-color:var(--clr-loader-spin);border-radius:50%;width:30px;height:30px;animation:.5s linear infinite sb-spin}.sb-ldr-msg{color:var(--clr-text-mid);font-size:12px;font-weight:600}.sb-badge{background:var(--clr-badge-bg);color:var(--clr-primary);border-radius:10px;padding:1px 8px;font-size:10.5px;font-weight:700}.sb-badge-warn{background:var(--clr-badge-warn-bg);color:var(--clr-badge-warn-text);border-radius:10px;padding:1px 8px;font-size:10.5px;font-weight:700}.sb-verr{color:var(--clr-verr);font-size:11px;font-weight:600}.sb-stock-lbl{color:var(--clr-stock-label);font-size:11px;font-weight:700}.sb-sno{text-align:center;color:var(--clr-text-faint);font-size:11px}html,body,#root{height:100%;margin:0;padding:0}.mp-wrap{background:var(--clr-bg-page);min-height:100vh;font-size:var(--font-size-md);flex-direction:column;display:flex}.mp-hdr{background:var(--clr-bg-white);height:50px;box-shadow:0 2px 8px var(--clr-shadow-light);border-bottom:1px solid var(--clr-divider);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.mp-hdr-left{align-items:center;gap:10px;display:flex}.mp-icon{background:var(--clr-primary);width:32px;height:32px;font-size:var(--font-size-16);color:var(--clr-text-white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.mp-title{font-size:var(--font-size-base);color:var(--clr-text-primary);font-weight:700}.mp-sub{font-size:var(--font-size-10);color:var(--clr-text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:1px}.mp-back{border:1px solid var(--clr-border-default);color:var(--clr-primary);cursor:pointer;font-size:var(--font-size-sm);background:#ffffff14;border-radius:4px;padding:5px 14px;font-weight:600;transition:all .15s}.mp-back:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text-white)}.mp-body{flex-direction:column;flex:1;gap:10px;width:100%;max-width:1100px;margin:0 auto;padding:16px 20px;display:flex}.mp-toolbar{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-left:4px solid var(--clr-primary);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.mp-btn{font-size:var(--font-size-11-5);cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;height:30px;padding:5px 12px;font-weight:600;transition:all .12s;display:flex}.mp-btn.sv{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.mp-btn.sv:disabled{opacity:.45;cursor:not-allowed}.mp-btn.nw{background:var(--clr-bg-white);color:var(--clr-primary);border-color:var(--clr-primary)}.mp-btn.nw:hover{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.mp-btn.dl{background:var(--clr-bg-white);color:var(--clr-danger);border-color:var(--clr-danger)}.mp-btn.dl:hover{background:var(--clr-danger);color:var(--clr-text-white)}.mp-msg{font-size:var(--font-size-sm);border-radius:4px;margin-left:6px;padding:4px 10px;font-weight:600}.mp-grid-wrap{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-radius:6px;flex:1;overflow:auto}.mp-tbl{border-collapse:collapse;table-layout:fixed;width:100%;min-width:400px}.mp-tbl thead tr{z-index:2;position:sticky;top:0}.mp-tbl th{background:var(--clr-primary);color:var(--clr-text-white);border:1px solid var(--clr-primary-hover);font-size:var(--font-size-sm);text-align:left;white-space:nowrap;padding:7px 10px;font-weight:600}.mp-tbl tbody tr{cursor:pointer;transition:background 70ms}.mp-tbl tbody tr:nth-child(2n){background:var(--clr-bg-soft)}.mp-tbl tbody tr.inact td{color:var(--clr-text-inactive)}.mp-tbl tbody tr.mod td:first-child{border-left:3px solid var(--clr-primary)}.mp-cell-input{border:1px solid var(--clr-border-default);font-size:var(--font-size-12);background:var(--clr-bg-white);width:100%;height:26px;color:var(--clr-text-primary);border-radius:3px;outline:none;padding:3px 7px;font-weight:700;transition:border-color .12s}.mp-del-btn{cursor:pointer;font-size:var(--font-size-base);background:0 0;border:none;border-radius:3px;padding:2px 5px;line-height:1;transition:background .1s}.mp-hint{background:var(--clr-bg-soft);border:1px solid var(--clr-bg-row-hover);font-size:var(--font-size-10-5);color:var(--clr-text-faint);border-radius:4px;flex-shrink:0;padding:6px 12px}.mp-hint kbd{background:var(--clr-primary);color:var(--clr-text-white);font-size:var(--font-size-9-5);font-weight:700;font-family:var(--font-family), monospace;border-radius:3px;padding:1px 5px}.dd-create-new{font-size:var(--font-size-sm);color:var(--clr-primary);cursor:pointer;border-top:2px solid var(--clr-bg-row-hover);background:var(--clr-bg-soft);padding:8px 14px;font-weight:700;transition:background .1s}.dd-create-new:hover{background:var(--clr-bg-row-hover)}.mp-modal{background:var(--clr-bg-white);min-width:320px;max-width:460px;box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;padding:24px}.mp-modal h3{font-size:var(--font-size-13);color:var(--clr-text-primary);margin-bottom:10px;font-weight:700}.mp-modal p{font-size:var(--font-size-12);color:var(--clr-text-mid);margin-bottom:16px;line-height:1.5}.mp-modal-btn{font-size:var(--font-size-12);cursor:pointer;border:1px solid #0000;border-radius:4px;padding:5px 16px;font-weight:600;transition:all .12s}.mp-modal-btn.yes:hover{background:var(--clr-primary-hover);border-color:var(--clr-primary-hover)}.mp-modal-btn.no:hover{background:var(--clr-bg-soft)}.mp-picker-close{color:var(--clr-text-white);cursor:pointer;font-size:var(--font-size-16);background:0 0;border:none;line-height:1}.mp-picker-search{border-bottom:1px solid var(--clr-bg-row-hover);padding:7px 10px}.mp-picker-search input{border:1px solid var(--clr-border-default);width:100%;height:28px;font-size:var(--font-size-12);border-radius:4px;outline:none;padding:0 8px}.mp-picker-search input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 2px var(--clr-focus-ring-picker)}.mp-picker-create{font-size:var(--font-size-sm);color:var(--clr-primary);cursor:pointer;border-top:2px solid var(--clr-bg-row-hover);background:var(--clr-bg-soft);padding:8px 12px;font-weight:700}.mp-picker-create:hover{background:var(--clr-bg-row-hover)}.mp-pwd-modal{background:var(--clr-bg-white);min-width:200px;box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;padding:20px}.mp-pwd-modal h3{font-size:var(--font-size-12);color:var(--clr-primary);margin-bottom:10px;font-weight:700}.mp-pwd-input{border:1px solid var(--clr-border-default);width:100%;height:28px;font-size:var(--font-size-13);letter-spacing:3px;border-radius:4px;outline:none;padding:0 8px}.mp-pwd-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 2px var(--clr-focus-ring-picker)}.mp-page-btn{border:1px solid var(--clr-border-default);background:var(--clr-bg-white);color:var(--clr-primary);font-size:var(--font-size-sm);cursor:pointer;border-radius:3px;padding:3px 9px;font-weight:600}.mp-rec-count{font-size:var(--font-size-sm);color:var(--clr-text-faint);margin-left:6px;font-weight:600}.mp-btn.info{background:var(--clr-bg-white);color:var(--clr-primary);border-color:var(--clr-primary)}.mp-btn.info:hover{background:var(--clr-primary);color:var(--clr-text-white)}.toasts{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--clr-success-bg);color:var(--clr-success-text);border:1px solid var(--clr-success-border);font-size:var(--font-size-12);box-shadow:0 4px 16px var(--clr-shadow-toast);border-radius:6px;padding:8px 16px;font-weight:600;animation:.2s toast-in}.toast.err{background:var(--clr-danger-bg);color:var(--clr-danger-text);border-color:var(--clr-danger-border)}.toasts{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:15px;bottom:auto;right:15px}.toast{background:var(--clr-primary);color:var(--clr-text-white);font-size:var(--font-size-13);box-shadow:0 4px 12px var(--clr-shadow-toast);border-left:5px solid var(--clr-primary-light);border-radius:6px;padding:10px 20px;font-weight:600;animation:.3s ease-out forwards slideInRight}.entry-row{background:var(--clr-bg-white)}*,:before,:after{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.mp-wrap{background:var(--clr-bg-page);width:100vw;max-width:100vw;height:100vh;font-size:var(--font-size-13-5);flex-direction:column;font-weight:500;display:flex;overflow:hidden}.mp-header{background:var(--clr-primary-dark);height:56px;box-shadow:0 2px 8px var(--clr-shadow-light);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative}.mp-icon{width:34px;height:34px;color:var(--clr-text-white);letter-spacing:-1px;background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:900;display:flex}.mp-title{font-size:var(--font-size-lg);color:var(--clr-text-white);letter-spacing:.2px;font-weight:700}.mp-sub{font-size:var(--font-size-10);color:var(--clr-primary-light);letter-spacing:.8px;text-transform:uppercase;opacity:.85;margin-top:1px}.mp-back{color:var(--clr-text-white);cursor:pointer;font-size:var(--font-size-11-5);font-weight:var(--font-weight-bold);letter-spacing:.2px;background:#ffffff1a;border:1px solid #ffffff40;border-radius:4px;padding:5px 16px;transition:all .15s}.mp-back:hover{background:#ffffff38;border-color:#ffffff73}.mp-body{box-sizing:border-box;flex-direction:column;flex:1;gap:14px;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:20px 32px 24px;display:flex;overflow:hidden}.mp-toolbar{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);border-left:4px solid var(--clr-toolbar-accent);box-shadow:0 1px 6px var(--clr-shadow-light);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:12px 18px;display:flex}.mp-radio-group{border-right:1px solid var(--clr-border-section);flex-wrap:wrap;align-items:center;gap:6px;margin-right:4px;padding-right:14px;display:flex}.mp-radio-item{border:1px solid var(--clr-border-default);cursor:pointer;font-size:var(--font-size-13);font-weight:var(--font-weight-bold);color:var(--clr-text-mid);background:var(--clr-bg-soft);-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.mp-radio-item:hover{background:var(--clr-bg-row-hover);border-color:var(--clr-primary);color:var(--clr-primary)}.mp-radio-item:has(input:checked){background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text-white);box-shadow:0 1px 4px var(--clr-shadow-light)}.mp-radio-item input[type=radio]{appearance:none;cursor:pointer;opacity:.7;background:0 0;border:2px solid;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .12s;position:relative}.mp-radio-item input[type=radio]:checked{background:var(--clr-text-white);border-color:var(--clr-text-white);opacity:1}.mp-radio-item input[type=radio]:checked:after{content:"";background:var(--clr-primary);border-radius:50%;position:absolute;inset:2px}.mp-search-input{border:1px solid var(--clr-border-default);background:var(--clr-bg-soft);height:32px;color:var(--clr-text-primary);font-size:var(--font-size-13);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%238b99b5' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;border-radius:5px;width:220px;padding:0 12px 0 32px;font-weight:500;transition:all .15s}.mp-search-input::placeholder{color:var(--clr-text-faint)}.mp-search-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-focus-ring);background-color:var(--clr-bg-white);outline:none}.mp-btn{height:32px;font-size:var(--font-size-md);cursor:pointer;white-space:nowrap;letter-spacing:.2px;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 16px;font-weight:700;transition:all .15s;display:inline-flex}.mp-toolbar .mp-btn+.mp-btn{margin-left:2px}.mp-btn:disabled{opacity:.45;cursor:not-allowed}.mp-btn.sv{background:var(--clr-btn-save);border-color:var(--clr-btn-save);color:var(--clr-text-white)}.mp-btn.sv:hover{background:var(--clr-btn-save-hover);border-color:var(--clr-btn-save-hover)}.mp-btn.nw{background:var(--clr-btn-new);border-color:var(--clr-btn-new);color:var(--clr-text-white)}.mp-btn.nw:hover{background:var(--clr-btn-new-hover);border-color:var(--clr-btn-new-hover)}.mp-btn.col{background:var(--clr-si-purple);border-color:var(--clr-si-purple);color:var(--clr-text-white)}.mp-btn.col:hover{background:var(--clr-si-purple-hover);border-color:var(--clr-si-purple-hover)}.mp-btn.rf{background:var(--clr-si-amber);border-color:var(--clr-si-amber);color:var(--clr-text-white)}.mp-btn.rf:hover{background:var(--clr-si-amber-hover);border-color:var(--clr-si-amber-hover)}.mp-btn.ob{background:var(--clr-btn-refresh);border-color:var(--clr-btn-refresh);color:var(--clr-text-white)}.mp-btn.ob:hover{background:var(--clr-btn-refresh-hover);border-color:var(--clr-btn-refresh-hover)}.mp-btn.ex{background:var(--clr-btn-save);border-color:var(--clr-btn-save);color:var(--clr-text-white)}.mp-btn.ex:hover{background:var(--clr-btn-save-hover);border-color:var(--clr-btn-save-hover)}.mp-btn.exup{background:var(--clr-btn-new-hover);border-color:var(--clr-btn-new-hover);color:var(--clr-text-white)}.mp-btn.exup:hover{background:#14532d;border-color:#14532d}.mp-btn.bc{background:var(--clr-btn-barcode);border-color:var(--clr-btn-barcode);color:var(--clr-text-white)}.mp-btn.bc:hover{background:var(--clr-btn-barcode-hover);border-color:var(--clr-btn-barcode-hover)}.mp-btn.dl{background:var(--clr-btn-delete);border-color:var(--clr-btn-delete);color:var(--clr-text-white)}.mp-btn.dl:hover{background:var(--clr-btn-delete-hover);border-color:var(--clr-btn-delete-hover)}.mp-btn.cn{background:var(--clr-btn-cancel);border-color:var(--clr-btn-cancel);color:var(--clr-text-white)}.mp-btn.cn:hover{background:var(--clr-btn-cancel-hover);border-color:var(--clr-btn-cancel-hover)}.mp-hint{background:var(--clr-bg-soft);border:1px solid var(--clr-border-section);font-size:var(--font-size-10-5);color:var(--clr-text-faint);border-radius:4px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;display:flex}.mp-hint kbd{background:var(--clr-primary);color:var(--clr-text-white);font-size:var(--font-size-9-5);border-radius:3px;padding:1px 6px;font-family:Inter,monospace;font-weight:700}.mp-grid-wrap{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);min-height:0;box-shadow:0 1px 6px var(--clr-shadow-light);border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.mp-tree-wrap{position:relative}.mp-empty-state{height:220px;color:var(--clr-text-faint);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:.2px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.mp-empty-state:before{content:"";background:var(--clr-bg-soft);border:1px solid var(--clr-border-section);border-radius:10px;width:40px;height:40px;display:block}.mp-tree-ul{margin:0;padding:0;list-style:none}.mp-tree-root{scrollbar-width:thin;scrollbar-color:var(--clr-border-default) transparent;padding:8px 6px;overflow-y:auto}.mp-tree-root::-webkit-scrollbar{width:5px}.mp-tree-root::-webkit-scrollbar-track{background:0 0}.mp-tree-root::-webkit-scrollbar-thumb{background:var(--clr-border-default);border-radius:3px}.mp-tree-li{display:block}.mp-tree-row{cursor:pointer;height:36px;font-size:var(--font-size-13-5);color:var(--clr-text-mid);-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:6px;margin:1px 4px;font-weight:500;transition:background .1s,color .1s;display:flex;position:relative}.mp-tree-row:hover{background:var(--clr-bg-row-hover);color:var(--clr-text-primary)}.mp-tree-row.sel{background:var(--clr-bg-row-selected);color:var(--clr-primary-dark);font-weight:700}.mp-tree-row.sel:before{content:"";background:var(--clr-primary);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:-4px}.mp-tree-row.visible-item .mp-tree-label{color:var(--clr-text-primary)}.mp-tree-row.visible-item .mp-tree-label:after{content:"●";color:var(--clr-green);vertical-align:middle;margin-left:8px;font-size:7px}.mp-tree-toggle{width:20px;height:20px;font-size:var(--font-size-10);color:var(--clr-text-faint);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex}.mp-tree-toggle:hover{background:var(--clr-bg-row-hover);color:var(--clr-primary)}.mp-tree-toggle-spacer{flex-shrink:0;width:20px;display:inline-block}.mp-tree-label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-13-5);letter-spacing:.1px;flex:1;font-weight:500;overflow:hidden}.mp-tree-ul .mp-tree-ul{position:relative}.mp-tree-ul .mp-tree-ul:before{content:"";background:var(--clr-border-section);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:20px}.mp-context-menu{z-index:9200;background:var(--clr-bg-white);border:1px solid var(--clr-border-default);min-width:160px;box-shadow:0 8px 24px var(--clr-shadow-box);border-radius:5px;padding:4px 0;list-style:none;position:fixed}.mp-context-menu li{font-size:var(--font-size-13);font-weight:var(--font-weight-bold);color:var(--clr-text-mid);cursor:pointer;align-items:center;gap:8px;padding:9px 18px;transition:background .1s;display:flex}.mp-context-menu li:hover{background:var(--clr-bg-row-hover);color:var(--clr-primary)}.mp-loader-ov{background:var(--clr-loader-overlay);z-index:9000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-ldr-box{background:var(--clr-bg-white);box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;flex-direction:column;align-items:center;gap:12px;min-width:160px;padding:24px 36px;display:flex}.mp-spin{border:4px solid var(--clr-loader-track);border-top-color:var(--clr-loader-spin);border-radius:50%;width:32px;height:32px;animation:.55s linear infinite mp-spin}.mp-ldr-msg{font-size:var(--font-size-12);color:var(--clr-text-mid);font-weight:var(--font-weight-bold)}.mp-modal-ov{background:var(--clr-modal-overlay);z-index:8000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-modal{background:var(--clr-bg-white);min-width:340px;max-width:460px;box-shadow:0 20px 56px var(--clr-shadow-box);border-top:3px solid var(--clr-primary);border-radius:10px;padding:26px 28px}.mp-modal h3{color:var(--clr-primary-dark);border-bottom:1px solid var(--clr-border-section);letter-spacing:.2px;margin-bottom:14px;padding-bottom:10px;font-size:14.5px;font-weight:800}.mp-modal p{font-size:var(--font-size-13-5);color:var(--clr-text-mid);margin-bottom:18px;font-weight:500;line-height:1.7}.mp-modal p strong{color:var(--clr-text-primary);font-weight:var(--font-weight-bold)}.mp-modal-btns{justify-content:flex-end;gap:10px;display:flex}.mp-modal-btn{font-size:var(--font-size-13);cursor:pointer;border:1px solid #0000;border-radius:5px;height:32px;padding:5px 20px;font-weight:700;transition:all .15s}.mp-modal-btn.yes{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.mp-modal-btn.yes:hover:not(:disabled){background:var(--clr-primary-hover);border-color:var(--clr-primary-hover)}.mp-modal-btn.yes:disabled{opacity:.5;cursor:not-allowed}.mp-modal-btn.no{background:var(--clr-bg-white);color:var(--clr-text-mid);border-color:var(--clr-border-default)}.mp-modal-btn.no:hover:not(:disabled){background:var(--clr-bg-soft);border-color:var(--clr-primary);color:var(--clr-primary)}.mp-pwd-modal{background:var(--clr-bg-white);min-width:300px;box-shadow:0 20px 56px var(--clr-shadow-box);border-top:3px solid var(--clr-primary);border-radius:10px;padding:26px 28px}.mp-pwd-modal h3{color:var(--clr-primary-dark);border-bottom:1px solid var(--clr-border-section);margin-bottom:12px;padding-bottom:8px;font-size:14.5px;font-weight:800}.mp-pwd-input{border:1px solid var(--clr-border-default);width:100%;height:32px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:3px;color:var(--clr-text-primary);background:var(--clr-bg-soft);border-radius:4px;outline:none;padding:0 10px;transition:all .12s}.mp-pwd-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-focus-ring);background:var(--clr-bg-white)}.mp-pwd-input:disabled{opacity:.5;cursor:not-allowed}.toasts{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:15px;right:15px}.toast{background:var(--clr-primary);color:var(--clr-text-white);font-size:var(--font-size-base);box-shadow:0 4px 12px var(--clr-shadow-toast);border-left:5px solid var(--clr-primary-light);border-radius:6px;max-width:320px;padding:10px 20px;font-weight:700;animation:.3s ease-out forwards slideInRight}.toast.err{background:var(--clr-danger-bg);color:var(--clr-danger-text);border-color:var(--clr-danger-border);border-left-color:var(--clr-danger-dark)}.toast.ok{background:var(--clr-success-bg);color:var(--clr-success-text);border-left-color:var(--clr-success-border)}.mp-msg{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:4px;margin-left:6px;padding:4px 10px}.mp-msg.ok{background:var(--clr-success-bg);color:var(--clr-success-text);border:1px solid var(--clr-success-border)}.mp-msg.err{background:var(--clr-danger-bg);color:var(--clr-danger-text);border:1px solid var(--clr-danger-border)}.mp-tbl{border-collapse:collapse;table-layout:fixed;width:100%}.mp-tbl th{color:var(--clr-text-white);border:1px solid var(--clr-border-header);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;padding:7px 10px;position:relative;overflow:hidden;background:var(--clr-primary-dark)!important}.mp-tbl th:after{content:"";background:linear-gradient(135deg, var(--clr-th-shine) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.mp-tbl td{border:1px solid var(--clr-border-table);font-size:var(--font-size-12);color:var(--clr-text-primary);padding:3px 5px}.mp-tbl tbody tr{cursor:pointer;transition:background 70ms;background:var(--clr-bg-white)!important}.mp-tbl tbody tr:hover{background:var(--clr-bg-row-hover)!important}.mp-tbl tbody tr.sel{background:var(--clr-bg-row-selected)!important}.mp-tbl td.sno{text-align:center;color:var(--clr-text-faint);font-size:var(--font-size-sm)}.mp-pagination{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mp-page-btn{border:1px solid var(--clr-border-default);background:var(--clr-bg-white);color:var(--clr-primary);font-size:var(--font-size-sm);cursor:pointer;font-weight:var(--font-weight-bold);border-radius:3px;padding:3px 9px}.mp-page-btn.active{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.mp-page-btn:hover:not(.active){background:var(--clr-bg-row-hover);border-color:var(--clr-primary)}.mp-rec-count{font-size:var(--font-size-sm);color:var(--clr-text-faint);font-weight:var(--font-weight-bold);margin-left:6px}.mp-cell-input{border:1px solid var(--clr-border-default);font-size:var(--font-size-12);width:100%;font-weight:var(--font-weight-bold);background:var(--clr-bg-white);height:26px;color:var(--clr-text-primary);border-radius:3px;outline:none;padding:3px 7px;transition:border-color .12s}.mp-cell-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 2px var(--clr-focus-ring)}.mp-cell-select{border:1px solid var(--clr-border-default);font-size:var(--font-size-12);background:var(--clr-bg-white);width:100%;height:26px;color:var(--clr-text-primary);cursor:pointer;border-radius:3px;outline:none;padding:2px 5px}.mp-cell-select:focus{border-color:var(--clr-primary)}.mp-del-btn{cursor:pointer;font-size:var(--font-size-18);color:var(--clr-danger-dark);font-weight:var(--font-weight-bold);background:0 0;border:none;border-radius:3px;padding:2px 5px;line-height:1;transition:background .1s}.mp-del-btn:hover{background:var(--clr-danger-bg)}.mp-picker-ov{background:var(--clr-picker-overlay);z-index:8500;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-picker{background:var(--clr-bg-white);box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;flex-direction:column;width:260px;max-height:420px;display:flex}.mp-picker header{background:var(--clr-primary);color:var(--clr-text-white);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mp-picker header h3{font-size:var(--font-size-12);font-weight:700}.mp-picker-close{color:var(--clr-text-white);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.mp-picker-list{flex:1;overflow-y:auto}.mp-picker-tbl{border-collapse:collapse;width:100%}.mp-picker-tbl th{background:var(--clr-primary-hover);color:var(--clr-text-white);font-size:var(--font-size-sm);text-align:left;padding:5px 8px;position:sticky;top:0}.mp-picker-tbl td{border-bottom:1px solid var(--clr-border-table);font-size:var(--font-size-12);color:var(--clr-text-primary);padding:5px 8px}.mp-picker-tbl tbody tr:hover{background:var(--clr-bg-row-hover);cursor:pointer}.mp-picker-tbl tbody tr.psel{background:var(--clr-bg-row-selected)}@media (width<=640px){.mp-header{height:50px;padding:0 14px}.mp-body{gap:10px;padding:12px 14px 16px}.mp-toolbar{gap:8px;padding:10px 12px}.mp-radio-group{border-right:none;margin-right:0;padding-right:0}.mp-search-input{width:150px}.mp-title{font-size:var(--font-size-13)}.mp-modal,.mp-pwd-modal{min-width:unset;width:92vw;padding:18px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mctr-radio-group{flex-wrap:wrap;align-items:center;gap:18px;margin-left:14px;display:flex}.mctr-radio{font-size:var(--font-size-12);color:var(--clr-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-weight:600;display:flex}.mctr-radio input[type=radio]{width:15px;height:15px;accent-color:var(--clr-primary);cursor:pointer}.mctr-tree-wrap{padding:10px 14px;overflow-y:auto}.mctr-tree,.mctr-children{margin:0;padding:0;list-style:none}.mctr-children{margin-left:4px}.mctr-node{margin:0;padding:0}.mctr-node-row{cursor:default;border-radius:4px;align-items:center;gap:6px;padding:5px 6px;transition:background .12s;display:flex}.mctr-node-row:hover{background:var(--clr-bg-row-hover)}.mctr-toggle{width:16px;height:16px;color:var(--clr-text-faint);font-size:var(--font-size-11-5);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mctr-toggle:hover{background:var(--clr-bg-soft);color:var(--clr-primary)}.mctr-toggle-leaf{cursor:default;pointer-events:none}.mctr-label{font-size:var(--font-size-md);line-height:1.3}.mctr-label.mctr-visible{color:var(--clr-green);font-weight:700}.mctr-label.mctr-hidden{color:var(--clr-text-primary);font-weight:400}.mp-empty{height:100%;min-height:120px;font-size:var(--font-size-md);color:var(--clr-text-faint);text-align:center;justify-content:center;align-items:center;padding:24px;display:flex}.mctr-context-menu{background:var(--clr-bg-white);border:1px solid var(--clr-border-default);min-width:120px;box-shadow:0 8px 24px var(--clr-shadow-box);z-index:9500;border-radius:6px;margin:0;padding:4px;list-style:none;position:fixed}.mctr-context-menu li{font-size:var(--font-size-12);color:var(--clr-text-primary);cursor:pointer;border-radius:4px;padding:7px 12px;font-weight:600;transition:background .12s}.mctr-context-menu li:hover{background:var(--clr-bg-row-hover);color:var(--clr-primary)}@media (width<=1024px){.mctr-radio-group{gap:14px;width:100%;margin-left:0}}@media (width<=640px){.mctr-radio-group{flex-direction:column;align-items:flex-start;gap:8px}.mctr-node-row{padding:6px 4px}.mctr-label{font-size:var(--font-size-12)}}.bm-shell{background:var(--bg-page);min-height:100vh;font-family:var(--font-family);flex-direction:column;display:flex}.bm-layout{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:24px;display:flex}.bm-card{background:var(--white);border:2px solid var(--clr-primary-hover);width:100%;max-width:900px;box-shadow:0 4px 16px var(--blue-glow);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.bm-card-header{background:linear-gradient(135deg, var(--clr-primary-dark), var(--clr-primary-hover));flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bm-card-header-title{font-size:var(--font-size-base);color:var(--white);letter-spacing:.2px;font-weight:700}.bm-close-x{font-size:var(--font-size-base);color:var(--white);cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:6px 8px;line-height:1;transition:background .15s}.bm-close-x:hover{background:#ffffff47}.bm-card-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:22px 26px 24px;display:flex}.bm-report-title{text-align:center;font-size:var(--font-size-xl);color:var(--blue);margin:0 0 4px;font-weight:800}.bm-grid-wrap{border:1px solid var(--border-default);border-radius:8px;flex-shrink:0;height:420px;max-height:420px;overflow:auto}.bm-tbl{border-collapse:collapse;table-layout:fixed;width:100%;min-width:420px}.bm-tbl thead th{background:linear-gradient(135deg, var(--blue-light), var(--blue-light));color:var(--white);font-size:var(--font-size-11-5);text-align:left;border:1px solid var(--blue-dark);white-space:nowrap;z-index:1;padding:9px 10px;font-weight:700;position:sticky;top:0}.bm-tbl td{border:1px solid var(--border-table);font-size:var(--font-size-md);color:var(--text-dark);padding:5px 8px}.bm-tbl tbody tr{background:var(--white);cursor:pointer;transition:background .1s}.bm-tbl tbody tr:hover{background:var(--bg-row-hover)}.bm-tbl tbody tr.sel{background:var(--blue-select)}.bm-tbl tbody tr.inact td{color:var(--text-inactive)}.bm-tbl tbody tr.mod td:first-child{border-left:3px solid var(--blue)}.bm-tbl td.sno{text-align:center;color:var(--text-soft);font-size:var(--font-size-sm)}.bm-cell-input{border:1px solid var(--border-default);font-size:var(--font-size-13-5);color:var(--text-dark);background:var(--white);box-sizing:border-box;border-radius:4px;outline:none;width:100%;height:30px;padding:0 10px;font-weight:600;transition:border-color .15s,box-shadow .15s}.bm-cell-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.bm-cell-input[readonly]{color:var(--text-dark);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);cursor:default;background:0 0;border-color:#0000;padding:0}.bm-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:4px 6px;transition:background .12s;display:inline-flex}.bm-icon-btn.edit{color:var(--blue)}.bm-icon-btn.edit:hover{background:var(--bg-row-hover)}.bm-icon-btn.edit.active{color:var(--success-text);cursor:default}.bm-icon-btn.del{color:var(--danger)}.bm-icon-btn.del:hover{background:var(--danger-bg)}.bm-empty{text-align:center;color:var(--text-soft);font-size:var(--font-size-13);padding:26px}.bm-actions{border-top:1px solid var(--border-table);flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:12px;margin-top:4px;padding-top:16px;display:flex}.bm-btn{border:1px solid var(--blue);height:38px;font-size:var(--font-size-13-5);cursor:pointer;background:var(--white);color:var(--blue);border-radius:6px;align-items:center;gap:8px;padding:0 26px;font-weight:700;transition:opacity .15s,background .15s;display:flex}.bm-btn:disabled{opacity:.5;cursor:not-allowed}.bm-btn:not(:disabled):hover{background:var(--bg-row-hover)}.bm-btn-primary{border-color:var(--success-text);color:var(--success-text)}.bm-btn-primary:not(:disabled):hover{background:var(--success-bg)}.bm-btn-secondary{border-color:var(--danger);color:var(--danger)}.bm-btn-secondary:not(:disabled):hover{background:var(--danger-bg)}@media (width<=768px){.bm-layout{padding:12px}.bm-card-body{padding:16px}.bm-actions{justify-content:stretch}.bm-btn{flex:1;justify-content:center;padding:0 14px}}.so-shell{background:var(--clr-bg-page);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.so-topbar{background:linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));color:var(--clr-text-white);height:52px;box-shadow:0 2px 8px var(--clr-shadow-toast);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.so-topbar-title{letter-spacing:.3px;font-size:15px;font-weight:600}.so-close-btn{background:var(--clr-ps-close-bg);color:var(--clr-text-white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.so-close-btn:hover{background:var(--clr-ps-close-hover-bg)}.so-wrap{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex}.so-titlebar{border-bottom:1px solid var(--clr-border-table);background:linear-gradient(180deg, var(--clr-bg-white), var(--clr-bg-soft));justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.so-title{color:var(--clr-primary-dark);letter-spacing:.1px;margin:0;font-size:22px;font-weight:800}.so-subtitle{color:var(--clr-text-mid);margin:6px 0 0;font-size:13px;line-height:1.45}.so-badge{border:1px solid var(--clr-primary);background:var(--clr-focus-ring-picker);min-height:28px;color:var(--clr-primary-dark);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.so-alert{border-radius:8px;margin:16px 24px 0;padding:10px 14px;font-size:13px;font-weight:600}.so-alert-err{background:var(--clr-danger-bg);color:var(--clr-danger-text);border:1px solid var(--clr-danger-border)}.so-alert-ok{background:var(--clr-success-bg);color:var(--clr-success-text);border:1px solid var(--clr-success-border)}.so-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:24px;display:grid}.so-field-span-2{grid-column:span 2}.so-inline-note{color:var(--clr-text-mid);flex-wrap:wrap;gap:10px 18px;padding:0 24px;font-size:12px;display:flex}.so-layout{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex}.so-card{background:var(--clr-bg-white);border:2px solid var(--clr-primary);width:100%;max-width:740px;box-shadow:0 4px 16px var(--clr-focus-ring);border-radius:10px;overflow:hidden}.mp-so-card{background:var(--clr-bg-white);border:2px solid var(--clr-primary);width:100%;max-width:500px;box-shadow:0 4px 16px var(--clr-focus-ring);border-radius:10px;overflow:hidden}.so-card-header{background:linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));border-bottom:1px solid var(--clr-primary-dark);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.so-card-header-title{color:var(--clr-text-white);letter-spacing:.2px;font-size:14px;font-weight:700}.so-close-x{background:var(--clr-ps-close-bg);color:var(--clr-text-white);cursor:pointer;border:none;border-radius:6px;padding:6px 8px;font-size:14px;line-height:1;transition:background .15s}.so-close-x:hover{background:var(--clr-ps-close-hover-bg)}.so-card-body{padding:24px 32px 30px}.so-report-title{text-align:center;color:var(--clr-primary-dark);margin:0 0 26px;font-size:22px;font-weight:800}.so-content{gap:32px;display:flex}.so-left{flex-direction:column;flex:0 0 190px;gap:14px;display:flex}.so-right{flex-direction:column;flex:1;gap:16px;max-width:320px;display:flex}.so-radio-row{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--clr-text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.so-radio-row input[type=radio]{width:16px;height:16px;accent-color:var(--clr-primary);cursor:pointer;flex-shrink:0}.so-basis-row{border-top:1px solid var(--clr-border-table);flex-direction:column;gap:10px;margin-top:4px;padding-top:10px;display:flex}.so-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--clr-text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.so-checkbox input{opacity:0;width:0;height:0;position:absolute}.so-checkbox-box{border:1px solid var(--clr-border-default);background:var(--clr-bg-white);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.so-checkbox input:checked~.so-checkbox-box{background:var(--clr-primary);border-color:var(--clr-primary)}.so-checkbox input:focus-visible~.so-checkbox-box{box-shadow:0 0 0 3px var(--clr-focus-ring)}.so-checkbox-box svg{opacity:0;width:10px;height:10px;transition:opacity .12s,transform .12s;transform:scale(.6)}.so-checkbox input:checked~.so-checkbox-box svg{opacity:1;transform:scale(1)}.so-field{align-items:center;gap:14px;display:flex}.so-label{color:var(--clr-text-primary);flex-shrink:0;width:96px;font-size:13px;font-weight:600}.so-input{border:1px solid var(--clr-border-default);height:34px;color:var(--clr-text-primary);background:var(--clr-bg-white);box-sizing:border-box;border-radius:4px;outline:none;width:100%;padding:0 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.so-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-focus-ring-picker)}select.so-input{appearance:auto;cursor:pointer}.so-date-wrap{border:1px solid var(--clr-border-default);background:var(--clr-bg-white);box-sizing:border-box;border-radius:4px;align-items:center;width:100%;height:34px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.so-date-wrap:focus-within{border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-focus-ring-picker)}.so-date-wrap-disabled{background:var(--clr-bg-soft);opacity:.7}.so-date-segments{flex:1;align-items:center;min-width:0;display:flex}.so-date-seg{color:var(--clr-text-primary);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:13px}.so-date-seg::placeholder{color:var(--clr-ps-placeholder)}.so-date-seg:disabled{color:var(--clr-text-inactive);cursor:not-allowed}.so-date-seg-dd,.so-date-seg-mm{width:18px}.so-date-seg-yyyy{width:34px}.so-date-sep{color:var(--clr-text-muted);-webkit-user-select:none;user-select:none;padding:0 2px;font-size:13px}.so-date-icon-btn{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin-left:8px;padding:0;transition:color .15s;display:flex}.so-date-icon-btn:hover:not(:disabled){color:var(--clr-primary)}.so-date-icon-btn:disabled{cursor:not-allowed;opacity:.6}.so-date-native-hidden{opacity:0;pointer-events:none;border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute}.so-combo{width:100%;position:relative}.so-combo-list{z-index:20;background:var(--clr-bg-white);border:1px solid var(--clr-border-default);max-height:200px;box-shadow:0 6px 20px var(--clr-shadow-toast);border-radius:6px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.so-combo-item{color:var(--clr-text-primary);cursor:pointer;border-radius:4px;padding:7px 10px;font-size:13px}.so-combo-item:hover{background:var(--clr-bg-row-hover)}.so-combo-empty{color:var(--clr-text-mid);padding:7px 10px;font-size:13px}.so-actions{border-top:1px solid var(--clr-border-table);justify-content:center;gap:12px;margin-top:32px;padding-top:22px;display:flex}.so-btn{border:1px solid var(--clr-primary);cursor:pointer;background:var(--clr-bg-white);height:38px;color:var(--clr-primary);border-radius:6px;align-items:center;gap:8px;padding:0 30px;font-size:14px;font-weight:700;transition:opacity .15s,box-shadow .15s,background .15s;display:flex}.so-btn:disabled{opacity:.5;cursor:not-allowed}.so-btn:not(:disabled):hover{background:var(--clr-bg-row-hover)}.so-btn-primary{border-color:var(--clr-green);color:var(--clr-green)}.so-btn-primary .so-icon-save{color:var(--clr-green)}.so-btn-secondary{border-color:var(--clr-danger);color:var(--clr-danger)}.so-btn-secondary .so-icon-cancel{color:var(--clr-danger)}.so-msg{text-align:center;border-radius:8px;margin-top:18px;padding:10px 14px;font-size:13px;font-weight:500}.so-msg.err{background:var(--clr-danger-bg);color:var(--clr-danger-text);border:1px solid var(--clr-danger-border)}.so-msg.ok{background:var(--clr-success-bg);color:var(--clr-success-text);border:1px solid var(--clr-success-border)}@media (width<=620px){.so-wrap{padding:16px}.so-titlebar{flex-direction:column;align-items:flex-start;padding:18px 18px 14px}.so-grid{grid-template-columns:1fr;gap:14px;padding:18px}.so-field-span-2{grid-column:span 1}.so-inline-note{padding:0 18px}.so-card-body{padding:20px}.so-content{flex-direction:column;gap:22px}.so-left{flex:none}.so-right{max-width:none}}.so-card-wide{max-width:900px}.so-content-groupby{flex-wrap:wrap;align-items:flex-start;gap:40px}.so-groupby-col{flex:1.4;min-width:340px}.so-filters-col{border-left:1px solid var(--clr-border-table);flex-direction:column;flex:1;min-width:260px;padding-left:32px;display:flex}.so-col-title{text-transform:uppercase;letter-spacing:.8px;color:var(--clr-text-muted);margin-bottom:16px;font-size:11px;font-weight:700}.so-groupby-grid{grid-template-columns:128px 1fr;align-items:center;gap:14px 16px;display:grid}.so-filters-grid{grid-template-columns:96px 1fr;align-items:center;gap:14px 16px;display:grid}.so-groupby-grid .so-label,.so-filters-grid .so-label{width:auto}.so-input:disabled{background:var(--clr-bg-soft);color:var(--clr-text-inactive);cursor:not-allowed}.so-toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.so-toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--clr-primary);cursor:pointer;flex-shrink:0}.so-toggle-row span{color:var(--clr-text-primary);font-size:13px}.so-filters-col .so-actions{justify-content:flex-start}@media (width<=900px){.so-content-groupby{flex-direction:column}.so-filters-col{border-left:none;border-top:1px solid var(--clr-border-table);margin-top:4px;padding-top:22px;padding-left:0}}@media (width<=620px){.so-groupby-grid{grid-template-columns:100px 1fr}.so-filters-grid{grid-template-columns:90px 1fr}}