@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";*{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1f65de;--blue-dark:#1550b8;--blue-light:#4d8eff;--blue-pale:#eaf0fd;--blue-glow:#1f65de2e;--text-dark:#0f1c38;--text-mid:#4a5568;--text-soft:#94a3b8;--border:#dde4f0;--white:#fff;--bg-form:#f7f9ff}html{font-size:10px}body{background:var(--bg-form);font-family:DM Sans,sans-serif}.login-main{min-height:100vh;display:flex}@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-left{background:linear-gradient(135deg,#1b3a8f 0%,#2563eb 55%,#06b6d4 100%) 0 0/220% 220%;flex:1.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: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-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-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{color:#fff;text-shadow:0 0 24px #93d2ffb3,0 2px 12px #0000004d;font-family:Playfair Display,serif;font-size:3.2rem;font-weight:800}.left-brand-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px #00000040;margin-bottom:6px;font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700}.left-brand-sub{color:#bae6fdcc;letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem;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{filter:drop-shadow(0 2px 6px #0003);font-size:2rem;line-height:1}.lfc-title{color:#fff;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:.9;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{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:6px;font-family:Playfair Display,serif;font-size:3rem;font-weight:800}.login-center p{color:var(--text-soft);margin-bottom:36px;font-size:1.5rem;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{pointer-events:none;opacity:.45;font-size:1.5rem;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;margin-bottom:0;padding:15px 16px 15px 42px;font-family:DM Sans,sans-serif;font-size:1.4rem;transition:border-color .25s,box-shadow .25s,background .25s}form input[type=email]::placeholder,form input[type=password]::placeholder,form input[type=text]::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 #fff;border-top:none;border-left:none;width:5px;height:8px;position:absolute;top:2px;left:4px;transform:rotate(45deg)}.remember-div label{color:var(--text-mid);cursor:pointer;margin-top:0;font-size:1.25rem;font-weight:500}.forgot-pass-link{color:var(--blue);font-size:1.25rem;font-weight:600;text-decoration:none;transition:opacity .2s}.forgot-pass-link:hover{opacity:.75;text-decoration:underline}form button[type=button]{cursor:pointer;letter-spacing:.01em;color:#fff;background:linear-gradient(135deg,#1b3a8f 0%,#2563eb 55%,#06b6d4 100%) 0 0/200% 200%;border:none;border-radius:12px;width:100%;padding:15px 20px;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);animation:5s infinite gradientShift;position:relative;overflow:hidden;box-shadow:0 10px 25px #2563eb59}form button[type=button]:after{content:"";background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}form button[type=button]:hover{transform:translateY(-2px);box-shadow:0 15px 30px #2563eb73}.login-center-buttons button:first-child{color:#fff;background:linear-gradient(135deg,#1b3a8f 0%,#2563eb 55%,#06b6d4 100%) 0 0/200% 200%;border:none;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;color:var(--text-soft);margin-top:28px;padding-bottom:0;font-size:1.4rem}.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%}}.login-main{flex-direction:row-reverse;display:flex}.login-left,.login-right{flex:1}: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);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-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:1fr 300px;align-items:start;gap:14px;display:grid}.kd-chart-wrap{gap:8px;height:220px;padding:16px 20px 20px;display:flex}.kd-chart-y{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;padding-bottom:20px;display:flex}.kd-chart-y span{color:var(--kd-muted);font-size:10px;font-weight:500}.kd-chart-bars{border-bottom:1.5px solid var(--kd-border);flex:1;align-items:flex-end;gap:8px;padding-bottom:0;display:flex;position:relative}.kd-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:relative}.kd-bar{transform-origin:bottom;cursor:pointer;border-radius:5px 5px 0 0;width:100%;min-height:4px;transition:opacity .2s,filter .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-label{color:var(--kd-muted);font-size:10.5px;font-weight:600}.kd-tooltip{background:var(--kd-text);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.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-blue);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-status{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.kd-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-green{background:var(--kd-green-lt);color:var(--kd-green)}.status-amber{color:var(--kd-amber);background:#f59e0b1f}.status-red{color:var(--kd-red);background:#ef44441f}.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-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{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)}}.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{z-index:9000;background:#0a142880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-modal-box{background:#fff;border-radius:8px;flex-direction:column;animation:.14s mpPopIn;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000047}@keyframes mpPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.mp-modal-hdr{color:#fff;background:#1f65de;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{color:#fff;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{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.mp-badge{color:#fff;background:#1f65de;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.mp-wrap .mp-ibody{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px!important}.mp-badge-warn{color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:600}.mp-verr{color:#991b1b;background:#fff0f0;border:1px solid #f5c2c7;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.mp-pgbtn{cursor:pointer;color:#1f65de;background:#fff;border:1px solid #c5d8f8;border-radius:4px;width:26px;height:24px;font-size:11px;font-weight:600;transition:all .1s}.mp-pgbtn:hover{background:#deeafb;border-color:#1f65de}.mp-pgbtn.on{color:#fff;background:#1f65de;border-color:#1f65de}.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:#eef3fb!important;border:none!important;border-bottom:1px solid #c5d8f8!important;padding:3px!important}.mp-filter-row th:empty{border-top:none;border-bottom:none;height:26px;font-size:0;line-height:0;background:#eef3fb!important}tfoot tr td{background:#93c5fd!important}.mp-tbl tbody tr.editing,.mp-tbl tbody tr.editing td{background:#dbeafe!important}.mp-filter-row th:not(:has(input)){background:#eef3fb!important;border:none!important;padding:0!important}.mp-col-filter{color:#1a2e4a;box-sizing:border-box;background:#fff;border:1px solid #a8c8f5;border-radius:3px;outline:none;width:100%;height:22px;padding:1px 5px;font-family:inherit;font-size:10px;display:block}.mp-col-filter:focus{border-color:#1f65de;box-shadow:0 0 0 2px #1f65de2e}.mp-col-filter::placeholder{color:#b0bbd4;font-size:9.5px;font-style:italic}tfoot tr{background:#f0f6ff}.mp-entry-sno{text-align:center;color:#1f65de;white-space:nowrap;background:#deeafb;border:1px solid #c5d8f8;padding:3px 5px;font-size:10px;font-weight:700}.mp-entry-actions{text-align:center;border:1px solid #c5d8f8;padding:2px 4px}.mp-entry-save{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:24px;font-size:13px;transition:background .12s;display:inline-flex}.mp-entry-save:hover{background:#16a34a}.mp-entry-clear{color:#fff;cursor:pointer;background:#f87171;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:24px;font-size:13px;transition:background .12s;display:inline-flex}.mp-entry-clear:hover{background:#dc2626}.mp-entry-hint{color:#94a3b8;letter-spacing:.3px;font-size:10px;font-weight:700}.mp-dd-empty{text-align:center;color:#b0bbd4;padding:18px 14px;font-size:11px}.mp-dd-item{cursor:pointer;color:#1a2e4a;border-bottom:1px solid #f0f2f8;padding:6px 14px;font-size:12px;transition:background 70ms}.mp-dd-item:hover,.mp-dd-item.hi{color:#1f65de;background:#deeafb;font-weight:600}.mp-dd-create{color:#1f65de;cursor:pointer;background:#f5f9ff;border-top:2px solid #deeafb;padding:8px 14px;font-size:11px;font-weight:700;transition:background .1s}.mp-dd-create:hover{background:#deeafb}.mp-utbl{border-collapse:collapse;width:100%;font-size:12px}.mp-utbl th{color:#fff;text-align:left;background:#1f65de;padding:5px 8px;font-size:11px;font-weight:600}.mp-utbl td{border:1px solid #eaecf4;padding:3px 5px}.mp-utbl input,.mp-utbl select{border:1px solid #c5d8f8;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:#1f65de}.gtbl tbody tr.mod{background:#fffbeb!important}.gtbl tbody tr.mod td{border-bottom:1px solid #fde68a!important}.gtbl tbody tr.mod td:first-child{border-left:3px solid #1f65de!important}.gtbl thead tr:first-child th{background:#eef3fb!important;border:1px solid #c5d8f8!important;border-bottom:2px solid #1f65de!important;padding:4px 3px!important}.mp-col-filter,.grid-col-filter{color:#1a2e4a;box-sizing:border-box;outline:none;width:100%;height:24px;font-size:11px;background:#fff!important;border:1px solid #a8c8f5!important;border-radius:4px!important;padding:2px 6px!important}.mp-col-filter:focus,.grid-col-filter:focus{border-color:#1f65de!important;box-shadow:0 0 0 2px #1f65de2e!important}.gtbl tbody tr{height:34px!important}.gtbl td{vertical-align:middle!important;border:1px solid #dde6f5!important;height:34px!important;padding:4px 8px!important;font-size:13px!important;font-weight:600!important}.gtbl td input,.gtbl td select{color:#1a2e4a!important;height:28px!important;padding:3px 6px!important;font-size:13px!important;font-weight:600!important}.gtbl thead tr:last-child th{color:#fff!important;background:#1f65de!important;border:1px solid #1750b0!important;height:34px!important;padding:7px 8px!important;font-size:12px!important;font-weight:700!important}.gtbl tbody tr.sel td{background:#deeafb!important}.gtbl tbody tr:hover td{background:#f0f6ff!important}.gtbl tbody tr.sel:hover td{background:#deeafb!important}.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 auto!important}.supplier-page .mp-grid-wrap>div,.supplier-page .mp-grid-wrap>table{overflow-x:auto}.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}.grp-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:8000;background:#0a142880;justify-content:center;align-items:center;animation:.15s grpFadeIn;display:flex;position:fixed;inset:0}@keyframes grpFadeIn{0%{opacity:0}to{opacity:1}}.grp-window{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;width:100%;min-width:320px;max-width:460px;animation:.15s grpPopIn;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000038,0 2px 10px #0000001f}@keyframes grpPopIn{0%{opacity:0;transform:scale(.9)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.grp-win-hdr{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#1e3a5f,#2563eb);justify-content:space-between;align-items:center;padding:12px 16px 10px;font-size:14px;font-weight:600;display:flex}.grp-win-hdr button{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:15px;font-weight:700;line-height:1;transition:background .15s;display:flex}.grp-win-hdr button:hover{background:#ffffff52}.grp-win-body{flex-direction:column;gap:8px;padding:12px 14px 10px;display:flex}.grp-search{box-sizing:border-box;color:#1e293b;background:#f8fafc;border:1.5px solid #93c5fd;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.grp-search:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.grp-list{background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:240px;overflow-y:auto}.grp-list::-webkit-scrollbar{width:6px}.grp-list::-webkit-scrollbar-track{background:#f1f5f9}.grp-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.grp-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.grp-list-item{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f1f5f9;outline:none;padding:8px 12px;font-size:13px;transition:background .1s,color .1s}.grp-list-item:last-child{border-bottom:none}.grp-list-item:hover,.grp-list-item:focus{color:#1d4ed8;background:#eff6ff}.grp-list-item.sel{color:#1d4ed8;background:#dbeafe;font-weight:600}.grp-hint{color:#94a3b8;text-align:center;letter-spacing:.01em;padding:4px 0 2px;font-size:11px}@keyframes sb-spin{to{transform:rotate(360deg)}}:root{--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}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.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}.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-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-back:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text-white)}.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.nw:hover{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.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)}.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-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 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);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);background:var(--clr-bg-white);width:100%;height:26px;color:var(--clr-text-primary);border-radius:3px;outline:none;padding:3px 7px;font-size:12px;font-weight:600;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-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:10px;min-width:150px;padding:22px 32px;display:flex}.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-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:320px;max-width:460px;box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;padding:24px}.mp-modal-btn.yes{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.mp-modal-btn.no{background:var(--clr-bg-white);color:var(--clr-text-mid);border-color:var(--clr-border-default)}.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-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-tbl tbody tr:hover{background:var(--clr-bg-row-hover);cursor:pointer}.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{background:var(--clr-bg-white);min-width:200px;box-shadow:0 16px 48px var(--clr-shadow-box);border-radius:8px;padding:20px}.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-page-btn.active{background:var(--clr-primary);color:var(--clr-text-white);border-color:var(--clr-primary)}.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}.toast.err{background:var(--clr-danger-bg);color:var(--clr-danger-text);border-color:var(--clr-danger-border);border-left-color:var(--clr-danger-border)}.toast.ok{background:var(--clr-success-bg);color:var(--clr-success-text);border-left-color:var(--clr-success-border)}.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)}.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-primary);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-header);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-primary);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:980px;max-height:85vh}.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 #dc262624, 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}:root{--pm-blue:#1f65de;--pm-blue-dark:#1750b0;--pm-blue-navy:#1b3a8f;--pm-blue-2d:#2d4a9f;--pm-blue-light:#deeafb;--pm-blue-pale:#f5f9ff;--pm-blue-mid:#c5d8f8;--pm-blue-sel:#a8c8f5;--pm-green:#16a34a;--pm-green-lt:#22c55e;--pm-red:#dc3545;--pm-red-dk:#dc2626;--pm-amber:#f59e0b;--pm-amber-bg:#fef3c7;--pm-amber-dk:#92400e;--pm-navy:#1a2e4a;--pm-slate:#6b7a99;--pm-slate-lt:#8b99b5;--pm-border:#eaecf4;--pm-border-mid:#c5d8f8;--pm-surface:#f5f9ff;--pm-bg:#eef3fb;--pm-white:#fff;--pm-text:#1a2e4a;--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 #00000040}.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}.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}.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:#fff!important;border:1px solid #1f65de66!important}.pur-bottom{background:0 0;flex-shrink:0;gap:6px;max-height:148px;padding:4px 0;display:flex;overflow:auto}.charges-qty-row{flex-wrap:wrap;gap:6px;display:flex}.charges-qty-row .other-fields-panel{flex:200px;min-width:200px}.remarks-row input{flex:1}.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:#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(--pm-blue-navy)!important;background-color:var(--pm-blue-navy)!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:#fff!important}.f5-popup{width:980px}@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}}: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{color:var(--pr-blue);font-size:11px;font-family:var(--pr-mono);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:disabled{opacity:.45;cursor:not-allowed}.mp-btn.sv{background:var(--pr-blue);color:#fff;border-color:var(--pr-blue)}.mp-btn.nw{background:var(--pr-white);color:var(--pr-blue);border-color:var(--pr-blue)}.mp-btn.nw:hover{background:var(--pr-blue);color:#fff}.mp-btn.dl{background:var(--pr-white);color:var(--pr-red);border-color:var(--pr-red)}.mp-btn.dl:hover{background:var(--pr-red);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-mono);font-weight:700}.form-ctrl.right{text-align:right;font-family:var(--pr-mono)}.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-mono);color:var(--pr-slate);padding:0 7px;font-size:12px;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);color:var(--pr-text);background:0 0;border:none;outline:none;padding:0 6px;font-size:12px;font-weight:600}.cell-input[type=date]{font-size:11px}.cell-input.right{text-align:right;font-family:var(--pr-mono)}.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-mono);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-mono);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-size:13px;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-mono);color:var(--pr-navy);font-size:11.5px;font-weight:700}.total-row.net .total-label{color:#bfdbfe;font-size:11px;font-weight:700}.total-row.net .total-value{color:#fde68a;letter-spacing:.4px;font-size:15px;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-mono);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(--pr-blue-navy)!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-mono);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-mono);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-mono);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-mono);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-mono);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-mono);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}.toasts{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:15px;right:15px}.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}.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-mono);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}}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body,#root{height:100%;margin:0;padding:0}.mp-wrap{background:#eef3fb;flex-direction:column;min-height:100vh;font-size:12.5px;display:flex}.mp-hdr{background:#fff;border-bottom:1px solid #dde6f5;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 18px;display:flex;box-shadow:0 2px 8px #00000014}.mp-hdr-left{align-items:center;gap:10px;display:flex}.mp-icon{color:#fff;background:#1f65de;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:900;display:flex}.mp-title{color:#1a2e4a;font-size:14px;font-weight:700}.mp-sub{color:#6b7a99;letter-spacing:1px;text-transform:uppercase;margin-top:1px;font-size:10px}.mp-back{color:#1f65de;cursor:pointer;background:#ffffff14;border:1px solid #c5d8f8;border-radius:4px;padding:5px 14px;font-size:11px;font-weight:600;transition:all .15s}.mp-back:hover{color:#fff;background:#1f65de;border-color:#1f65de}.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:#fff;border:1px solid #c5d8f8;border-left:4px solid #1f65de;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.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-btn.sv{color:#fff;background:#1f65de;border-color:#1f65de}.mp-btn.sv:hover{background:#1750b0;border-color:#1750b0}.mp-btn.sv:disabled{opacity:.45;cursor:not-allowed}.mp-btn.nw{color:#1f65de;background:#fff;border-color:#1f65de}.mp-btn.nw:hover{color:#fff;background:#1f65de;border-color:#1f65de}.mp-btn.dl{color:#dc3545;background:#fff;border-color:#dc3545}.mp-btn.dl:hover{color:#fff;background:#dc3545}.mp-msg{border-radius:4px;margin-left:6px;padding:4px 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}.mp-grid-wrap{background:#fff;border:1px solid #c5d8f8;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{color:#fff;text-align:left;white-space:nowrap;background:#1f65de;border:1px solid #1750b0;padding:7px 10px;font-size:11px;font-weight:600}.mp-tbl td{color:#1a2e4a;border:1px solid #eaecf4;padding:3px 5px;font-size:12px}.mp-tbl tbody tr{cursor:pointer;transition:background 70ms}.mp-tbl tbody tr:nth-child(2n){background:#f5f9ff}.mp-tbl tbody tr:hover{background:#deeafb}.mp-tbl tbody tr.sel{background:#a8c8f5!important}.mp-tbl tbody tr.inact td{color:#bbb}.mp-tbl tbody tr.mod td:first-child{border-left:3px solid #1f65de}.mp-tbl td.sno{text-align:center;color:#8b99b5;font-size:11px}.mp-cell-input{color:#1a2e4a;background:#fff;border:1px solid #c5d8f8;border-radius:3px;outline:none;width:100%;height:26px;padding:3px 7px;font-size:12px;font-weight:700;transition:border-color .12s}.mp-cell-input:focus{border-color:#1f65de;box-shadow:0 0 0 2px #1f65de2e}.mp-cell-select{color:#1a2e4a;cursor:pointer;background:#fff;border:1px solid #c5d8f8;border-radius:3px;outline:none;width:100%;height:26px;padding:2px 5px;font-size:12px}.mp-cell-select:focus{border-color:#1f65de}.mp-del-btn{cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 5px;font-size:14px;line-height:1;transition:background .1s}.mp-del-btn:hover{background:#fee2e2}.mp-hint{color:#8b99b5;background:#f5f9ff;border:1px solid #deeafb;border-radius:4px;flex-shrink:0;padding:6px 12px;font-size:10.5px}.mp-hint kbd{color:#fff;background:#1f65de;border-radius:3px;padding:1px 5px;font-family:Inter,monospace;font-size:9.5px;font-weight:700}.mp-loader-ov{z-index:9000;background:#0a142880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-ldr-box{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:10px;min-width:150px;padding:22px 32px;display:flex;box-shadow:0 16px 48px #00000040}.mp-spin{border:4px solid #deeafb;border-top-color:#1f65de;border-radius:50%;width:32px;height:32px;animation:.55s linear infinite mp-spin}.mp-ldr-msg{color:#4a5568;font-size:12px;font-weight:600}.dd-create-new{color:#1f65de;cursor:pointer;background:#f5f9ff;border-top:2px solid #deeafb;padding:8px 14px;font-size:11px;font-weight:700;transition:background .1s}.dd-create-new:hover{background:#deeafb}.mp-modal-ov{z-index:8000;background:#0a142873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-modal{background:#fff;border-radius:8px;min-width:320px;max-width:460px;padding:24px;box-shadow:0 16px 48px #00000040}.mp-modal h3{color:#1a2e4a;margin-bottom:10px;font-size:13px;font-weight:700}.mp-modal p{color:#4a5568;margin-bottom:16px;font-size:12px;line-height:1.5}.mp-modal-btns{justify-content:flex-end;gap:8px;display:flex}.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-modal-btn.yes{color:#fff;background:#1f65de;border-color:#1f65de}.mp-modal-btn.yes:hover{background:#1750b0;border-color:#1750b0}.mp-modal-btn.no{color:#4a5568;background:#fff;border-color:#c5d8f8}.mp-modal-btn.no:hover{background:#f5f9ff}.mp-picker-ov{z-index:8500;background:#0a14286b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-picker{background:#fff;border-radius:8px;flex-direction:column;width:260px;max-height:420px;display:flex;box-shadow:0 16px 48px #00000040}.mp-picker header{color:#fff;background:#1f65de;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mp-picker header h3{font-size:12px;font-weight:700}.mp-picker-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.mp-picker-search{border-bottom:1px solid #deeafb;padding:7px 10px}.mp-picker-search input{border:1px solid #c5d8f8;border-radius:4px;outline:none;width:100%;height:28px;padding:0 8px;font-size:12px}.mp-picker-search input:focus{border-color:#1f65de;box-shadow:0 0 0 2px #1f65de26}.mp-picker-list{flex:1;overflow-y:auto}.mp-picker-tbl{border-collapse:collapse;width:100%}.mp-picker-tbl th{color:#fff;text-align:left;background:#1750b0;padding:5px 8px;font-size:11px;position:sticky;top:0}.mp-picker-tbl td{color:#1a2e4a;border-bottom:1px solid #eaecf4;padding:5px 8px;font-size:12px}.mp-picker-tbl tbody tr:hover{cursor:pointer;background:#deeafb}.mp-picker-tbl tbody tr.psel{background:#a8c8f5}.mp-picker-create{color:#1f65de;cursor:pointer;background:#f5f9ff;border-top:2px solid #deeafb;padding:8px 12px;font-size:11px;font-weight:700}.mp-picker-create:hover{background:#deeafb}.mp-pwd-modal{background:#fff;border-radius:8px;min-width:200px;padding:20px;box-shadow:0 16px 48px #00000040}.mp-pwd-modal h3{color:#1f65de;margin-bottom:10px;font-size:12px;font-weight:700}.mp-pwd-input{letter-spacing:3px;border:1px solid #c5d8f8;border-radius:4px;outline:none;width:100%;height:28px;padding:0 8px;font-size:13px}.mp-pwd-input:focus{border-color:#1f65de;box-shadow:0 0 0 2px #1f65de26}.mp-pagination{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mp-page-btn{color:#1f65de;cursor:pointer;background:#fff;border:1px solid #c5d8f8;border-radius:3px;padding:3px 9px;font-size:11px;font-weight:600}.mp-page-btn.active{color:#fff;background:#1f65de;border-color:#1f65de}.mp-page-btn:hover:not(.active){background:#deeafb;border-color:#1f65de}.mp-rec-count{color:#8b99b5;margin-left:6px;font-size:11px;font-weight:600}.mp-btn.info{color:#1f65de;background:#fff;border-color:#1f65de}.mp-btn.info:hover{color:#fff;background:#1f65de}.toasts{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;animation:.2s toast-in;box-shadow:0 4px 16px #00000026}.toast.err{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.toasts{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:15px;bottom:auto;right:15px}.toast{color:#fff;background:#1f65de;border-left:5px solid #a8c8f5;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;animation:.3s ease-out forwards slideInRight;box-shadow:0 4px 12px #00000026}.entry-row{background:#fff}@media (width<=900px){.login-left{display:none}}@media (width<=370px){.login-center-options{flex-direction:column;align-items:center;row-gap:10px}.login-center-buttons{margin-top:20px}.login-center h2{font-size:3rem}.login-center p{font-size:1.5rem}}