@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Outfit:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Instrument+Sans:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Syne:wght@600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Syne:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=DM+Sans:wght@400;500&family=JetBrains+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,700;1,300&family=IBM+Plex+Sans:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ink:#5ab0c5;--parchment:#a0b4caeb;--rust:#c0392b;--text-muted:#1a1a2e80;--card-bg:#fff}.login-page{align-items:center;background-color:#c7dbf3;display:flex;justify-content:center;min-height:100vh;width:100%}.login-page:before{border-radius:4px;bottom:24px;content:"";left:24px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:0}.login-container{align-items:center;display:flex;gap:10px;height:calc(100vh - 35px);justify-content:center;width:80%;z-index:1}.login-box,.need-assistant{animation:cardRise .7s cubic-bezier(.16,1,.3,1) both;background:#fff;background:var(--card-bg);border-radius:3px;box-shadow:0 0 0 1px #1a1a2e1f,0 2px 4px #1a1a2e0a,0 12px 40px #1a1a2e1a,0 40px 80px #1a1a2e12;box-shadow:0 0 0 1px var(--border),0 2px 4px #1a1a2e0a,0 12px 40px #1a1a2e1a,0 40px 80px #1a1a2e12;height:90%;margin-bottom:32px;min-width:420px;padding:20px 44px 40px;position:relative}.login-box{width:40%}.login-box:before,.need-assistant:before{background:linear-gradient(90deg,#2a7f8f,#b8860b);background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:0 0 2px 2px;content:"";height:2px;left:44px;position:absolute;right:44px;top:0}.login-box:after{border-bottom:1px solid #1a1a2e1f;border-bottom:1px solid var(--border);border-right:1px solid #1a1a2e1f;border-right:1px solid var(--border);bottom:20px;content:"";height:28px;position:absolute;right:20px;width:28px}.need-assistant{display:flex;flex-direction:column;gap:5px;justify-content:space-between;width:60%}.need-card{border-radius:3px;box-shadow:0 0 0 1px #1a1a2e1f,0 2px 4px #1a1a2e0a,0 12px 40px #1a1a2e1a,0 40px 80px #1a1a2e12;box-shadow:0 0 0 1px var(--border),0 2px 4px #1a1a2e0a,0 12px 40px #1a1a2e1a,0 40px 80px #1a1a2e12;gap:12px;padding:10px 20px;width:100%}.need-card,.need-story{align-items:flex-start;display:flex;justify-content:flex-start}.need-story{flex-direction:column;gap:5px}.need-card button{border:none;border-radius:3px;color:#fff;gap:5px;padding:8px 16px}.contacts-call,.need-card button{align-items:center;display:flex;justify-content:center}.contacts-call{gap:10px}.call-btn,.contact-btn,.renew-btn{background-color:teal;transition:all .2s ease-in-out}.call-btn:hover,.contact-btn:hover,.renew-btn:hover{background-color:#014747;transform:translateY(-2px)}.ticket-btn{background-color:#daa520;transition:all .2s ease-in-out}.ticket-btn:hover{background-color:#cc9405;transform:translateY(-2px)}.card-logo{align-items:center;animation:fadeUp .7s .1s both;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.card-logo-icon{flex-shrink:0;height:34px;width:34px}.card-logo-text{color:#5ab0c5;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:30px;font-weight:900;letter-spacing:8px;text-transform:uppercase}.agency-name{animation:fadeUp .7s .15s both;color:#1a1a2e80;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:20px;font-weight:500;letter-spacing:3.5px;margin-bottom:12px;text-align:center;text-transform:uppercase}.card-divider{align-items:center;animation:fadeUp .7s .2s both;display:flex;gap:12px;margin-bottom:10px}.card-divider:after,.card-divider:before{background:#1a1a2e1f;background:var(--border);content:"";flex:1 1;height:1px}.card-divider:before{background:linear-gradient(90deg,#0000,#1a1a2e1f);background:linear-gradient(90deg,#0000,var(--border))}.card-divider:after{background:linear-gradient(90deg,#1a1a2e1f,#0000);background:linear-gradient(90deg,var(--border),#0000)}.secure-text-box{align-items:center;display:flex;flex-direction:column;font-family:Cormorant Garamond,serif;justify-content:center;margin-bottom:12px;width:100%}.secure-text{font-size:x-large;font-weight:bolder}.secure-text-box p{align-items:center;display:flex;flex-direction:column;font-size:small;font-weight:bolder;justify-content:center}.enabled-text,.login-heading{text-align:center}.login-heading{animation:fadeUp .7s .22s both;color:#5ab0c5;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic;font-weight:300;letter-spacing:.5px;margin-bottom:26px}.field-wrap{animation:fadeUp .7s .25s both;margin-bottom:18px}.field-wrap+.field-wrap{animation-delay:.3s}.field-label{display:block;font-size:9.5px;margin-bottom:7px}.login-input{-webkit-appearance:none;appearance:none;background:#a0b4caeb;background:var(--parchment);border:1px solid #1a1a2e1f;border:1px solid var(--border);border-radius:2px;color:#5ab0c5;color:var(--ink);font-family:Outfit,sans-serif;font-size:14px;font-weight:400;outline:none;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.login-input::placeholder{color:#1a1a2e47;font-weight:300}.login-input:focus{background:#fff;border-color:#2a7f8f;border-color:var(--teal);box-shadow:0 0 0 3px #2a7f8f17}.password-row{align-items:center;display:flex;position:relative}.password-row .login-input{padding-right:44px}.eye-outside{color:#1a1a2e80;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;position:absolute;right:13px;transition:color .2s;-webkit-user-select:none;user-select:none}.eye-outside:hover{color:#2a7f8f;color:var(--teal)}.login-option{animation:fadeUp .7s .35s both;gap:8px;justify-content:space-between;margin-bottom:24px}.login-option,.remember-label{align-items:center;display:flex}.remember-label{color:#1a1a2e80;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:400;gap:7px;white-space:nowrap}.remember-label input[type=checkbox]{accent-color:#2a7f8f;accent-color:var(--teal);cursor:pointer;flex-shrink:0;height:13px;width:13px}.forgot-link{border-bottom:1px solid #0000;color:#b8860b;color:var(--gold);font-size:12px;font-weight:500;letter-spacing:.3px;text-decoration:none;transition:color .2s;white-space:nowrap}.forgot-link:hover{border-bottom-color:#d4a843;border-bottom-color:var(--gold-light);color:#d4a843;color:var(--gold-light)}.login-button{-webkit-tap-highlight-color:transparent;animation:fadeUp .7s .4s both;background:#5ab0c5;background:var(--ink);border:none;border-radius:2px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;overflow:hidden;padding:13px 20px;position:relative;text-transform:uppercase;touch-action:manipulation;transition:background .25s,transform .2s,box-shadow .2s;width:100%}.login-button:before{background:linear-gradient(135deg,#2a7f8f,#5ab0c5);background:linear-gradient(135deg,var(--teal) 0,var(--ink) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.login-button:hover:not(:disabled):before{opacity:1}.login-button span{position:relative;z-index:1}.login-button:hover:not(:disabled){box-shadow:0 8px 24px #1a1a2e38;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.55}.signup-text{animation:fadeUp .7s .45s both;color:#1a1a2e80;color:var(--text-muted);font-size:12px;font-weight:400;margin-top:20px;text-align:center}.signup-text a{border-bottom:1px solid #0000;color:#2a7f8f;color:var(--teal);font-weight:500;text-decoration:none;transition:color .2s}.signup-text a:hover{border-bottom-color:#3fa0b5;border-bottom-color:var(--teal-light);color:#3fa0b5;color:var(--teal-light)}.notification{align-items:flex-start;animation:notifIn .4s cubic-bezier(.22,1,.36,1),notifOut .4s ease 2.6s forwards;border-radius:2px;box-shadow:0 4px 24px #1a1a2e33;color:#fff;display:flex;font-family:Outfit,sans-serif;font-size:13px;font-weight:400;gap:10px;left:auto;max-width:calc(100vw - 32px);padding:14px 18px;position:fixed;right:20px;top:20px;width:320px;z-index:1000}.notification.error{background:#b91c1c;border-left:3px solid #fca5a5}.notification.success{background:#15803d;border-left:3px solid #86efac}@keyframes notifIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes notifOut{0%{opacity:1}to{opacity:0;pointer-events:none;transform:translateX(40px)}}.footer,footer{width:100%}@media (min-width:1440px){.login-box{max-width:460px;padding:56px 52px 48px}.login-box:before{left:52px;right:52px}.card-logo-text{font-size:28px}.login-heading{font-size:24px}}@media (max-width:1023px) and (min-width:768px){.login-box{max-width:400px;padding:44px 38px 36px}.login-box:before{left:38px;right:38px}}@media (max-width:767px) and (min-width:600px){.login-container{padding:40px 24px 24px}.login-box{max-width:420px;padding:40px 36px 32px}.login-box:before{left:36px;right:36px}}@media (max-width:599px){.login-page:before{bottom:12px;left:12px;right:12px;top:12px}.login-container{align-items:center;padding:28px 16px 20px}.login-box{max-width:100%;padding:36px 24px 28px}.login-box:before{left:24px;right:24px}.login-box:after{bottom:14px;height:20px;right:14px;width:20px}.card-logo-text{font-size:22px;letter-spacing:6px}.login-option{align-items:flex-start;flex-direction:column;gap:10px}.notification{left:12px;right:12px;top:12px;width:auto}}@media (max-width:360px){.login-box{padding:28px 18px 24px}.login-box:before{left:18px;right:18px}.card-logo-text{font-size:19px;letter-spacing:4px}.agency-name{font-size:9px;letter-spacing:2.5px}.login-button{font-size:10px;letter-spacing:3px}}@media (max-height:560px) and (orientation:landscape){.login-page:before{display:none}.login-container{align-items:flex-start;padding:16px}.login-box{padding:24px 28px 20px}.login-box:before{left:28px;right:28px}.card-logo{margin-bottom:2px}.agency-name,.card-divider{margin-bottom:14px}.field-wrap{margin-bottom:10px}.login-option{margin-bottom:14px}.signup-text{margin-top:12px}.login-heading{font-size:18px;margin-bottom:14px}}.footer-container{align-items:center;background:linear-gradient(90deg,teal);bottom:0;color:#fff;display:flex;font-size:small;height:40px;justify-content:space-around;left:0;position:fixed;text-align:center;width:100%;z-index:999}.footer-container p{color:#fff}.renew-text{text-align:end}#root,body,html{height:100%;overflow-x:hidden;width:100%}body{font-family:Outfit,sans-serif}:root{--ink:#1a1a2e;--ink-soft:#2d2d4a;--parchment:#f5f0e8;--parchment2:#ede6d6;--gold:#b8860b;--gold-light:#d4a843;--teal:#2a7f8f;--teal-light:#3fa0b5;--white:#fff;--muted:#1a1a2e73;--border:#1a1a2e1f;--error:#b91c1c;--success-bg:#15803d}.signup-page{background-color:#c7dbf3;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.signup-page:before{border-radius:4px;bottom:20px;content:"";left:20px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:0}.signup-containers{align-items:stretch;display:flex;flex:1 1;justify-content:center;margin-bottom:40px;padding:48px 20px 32px;position:relative;z-index:1}.signup-card{animation:cardRise .7s cubic-bezier(.16,1,.3,1) both;border-radius:3px;box-shadow:0 0 0 1px #1a1a2e1f,0 12px 40px #1a1a2e1a,0 40px 80px #1a1a2e0f;box-shadow:0 0 0 1px var(--border),0 12px 40px #1a1a2e1a,0 40px 80px #1a1a2e0f;display:flex;max-width:900px;overflow:hidden;width:100%}@keyframes cardRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.left-sections{align-items:flex-start;background:#1a1a2e;background:var(--ink);display:flex;flex:0 0 280px;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:52px 36px;position:relative}.left-sections:before{border:1px solid #2a7f8f40;border-radius:50%;content:"";height:260px;position:absolute;right:-80px;top:-80px;width:260px}.left-sections:after{border:1px solid #b8860b33;border-radius:50%;bottom:-60px;content:"";height:200px;left:-60px;position:absolute;width:200px}.left-logo{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.left-logo-text{color:#fff;color:var(--white);font-family:Cormorant Garamond,serif;font-size:30px;font-weight:600;letter-spacing:6px}.left-body{display:flex;flex:0.7 1;flex-direction:column;justify-content:center;position:relative;z-index:1}.left-tagline{color:#fff;color:var(--white);font-family:Cormorant Garamond,serif;font-size:30px;font-style:italic;font-weight:300;line-height:1.3;margin-bottom:16px}.left-sub{color:#ffffff80;font-size:13px;font-weight:300;line-height:1.7;margin-bottom:32px}.left-divider{background:linear-gradient(90deg,#2a7f8f,#b8860b);background:linear-gradient(90deg,var(--teal),var(--gold));height:1px;margin-bottom:24px;width:40px}.left-login-link{color:#ffffff73;font-size:12px;letter-spacing:.3px}.left-login-link a{border-bottom:1px solid #0000;color:#3fa0b5;color:var(--teal-light);font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}.left-login-link a:hover{border-bottom-color:#5bc8db;color:#5bc8db}.left-dots{display:flex;gap:6px;margin-top:36px;position:relative;z-index:1}.left-dot{background:#fff3;border-radius:50%;height:5px;width:5px}.left-dot.active{background:#3fa0b5;background:var(--teal-light);border-radius:3px;width:16px}.right-sections{background:#fffffff0;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:44px 44px 36px;position:relative;scrollbar-color:#1a1a2e1f #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.right-sections:before{background:linear-gradient(90deg,#2a7f8f,#b8860b);background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:0 0 2px 2px;content:"";height:2px;left:44px;position:absolute;right:44px;top:0}.right-sections::-webkit-scrollbar{width:4px}.right-sections::-webkit-scrollbar-thumb{background:#1a1a2e1f;background:var(--border);border-radius:4px}.form-header{animation:fadeUp .6s .1s both;margin-bottom:28px}.form-title{color:#1a1a2e;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:400;margin-bottom:4px}.form-subtitle{color:#1a1a2e73;color:var(--muted);font-size:12px;letter-spacing:.3px}.signup-form{display:flex;flex:1 1;flex-direction:column;gap:0}.form-section-label{align-items:center;animation:fadeUp .6s .15s both;color:#2a7f8f;color:var(--teal);display:flex;font-size:9px;font-weight:600;gap:10px;letter-spacing:2.5px;margin:18px 0 10px;text-transform:uppercase}.form-section-label:after{background:#1a1a2e1f;background:var(--border);content:"";flex:1 1;height:1px}.rows{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.field-wrap{animation:fadeUp .6s .2s both;display:flex;flex-direction:column;gap:5px}.field-label{color:#2a7f8f;color:var(--teal);font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.signup-input,.signup-select{-webkit-appearance:none;appearance:none;background:#f5f0e8;background:var(--parchment);border:1px solid #1a1a2e1f;border:1px solid var(--border);border-radius:2px;color:#1a1a2e;color:var(--ink);font-family:Outfit,sans-serif;font-size:13px;font-weight:400;outline:none;padding:10px 13px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.signup-input::placeholder{color:#1a1a2e47;font-weight:300}.signup-input:focus,.signup-select:focus{background:#fff;background:var(--white);border-color:#2a7f8f;border-color:var(--teal);box-shadow:0 0 0 3px #2a7f8f14}.select-wrap{position:relative}.select-wrap:after{border-bottom:1.5px solid #1a1a2e73;border-bottom:1.5px solid var(--muted);border-right:1.5px solid #1a1a2e73;border-right:1.5px solid var(--muted);content:"";height:6px;pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-50%) rotate(45deg);width:6px}.select-wrap .signup-select{cursor:pointer;padding-right:32px}.errors{align-items:center;color:#b91c1c;color:var(--error);display:flex;font-size:11px;gap:5px;letter-spacing:.2px}.errors:before{align-items:center;background:#b91c1c;background:var(--error);border-radius:50%;color:#fff;content:"!";display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;height:14px;justify-content:center;width:14px}.top-error{animation:fadeUp .4s both;background:#b91c1c14;border:1px solid #b91c1c33;border-left:3px solid #b91c1c;border-left:3px solid var(--error);border-radius:2px;color:#b91c1c;color:var(--error);font-size:12px;font-weight:500;margin-bottom:16px;padding:10px 14px}.register-btns{-webkit-tap-highlight-color:transparent;animation:fadeUp .6s .4s both;background:#1a1a2e;background:var(--ink);border:none;border-radius:2px;color:#f5f0e8;color:var(--parchment);cursor:pointer;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;margin-top:24px;overflow:hidden;padding:13px;position:relative;text-transform:uppercase;transition:transform .2s,box-shadow .2s;width:100%}.register-btns:before{background:linear-gradient(135deg,#2a7f8f,#1a1a2e);background:linear-gradient(135deg,var(--teal),var(--ink));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.register-btns span{position:relative;z-index:1}.register-btns:hover:before{opacity:1}.register-btns:hover{box-shadow:0 8px 24px #1a1a2e33;transform:translateY(-1px)}.register-btns:active{transform:translateY(0)}.register-btns:disabled{cursor:not-allowed;opacity:.5}.success-popup{animation:popupIn 3s cubic-bezier(.22,1,.36,1) forwards;background:#15803d;background:var(--success-bg);border-left:3px solid #86efac;border-radius:2px;box-shadow:0 4px 24px #1a1a2e33;color:#fff;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;left:50%;padding:14px 24px;position:fixed;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:9999}@keyframes popupIn{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.footer,footer{flex-shrink:0;position:relative;z-index:1}@media (min-width:1440px){.signup-card{max-width:980px}.left-sections{flex:0 0 320px;padding:60px 44px}.right-sections{padding:52px 52px 44px}.right-sections:before{left:52px;right:52px}.form-title{font-size:28px}.left-tagline{font-size:34px}}@media (max-width:1199px) and (min-width:900px){.left-sections{flex:0 0 240px;padding:44px 28px}.left-tagline{font-size:26px}.right-sections{padding:40px 36px 32px}.right-sections:before{left:36px;right:36px}}@media (max-width:899px){.signup-containers{padding:28px 16px 24px}.signup-card{flex-direction:column}.left-sections{flex:none;padding:32px 28px}.left-sections:after,.left-sections:before{display:none}.left-body{align-items:center;flex-direction:row;gap:20px;justify-content:space-between}.left-tagline{font-size:22px;margin-bottom:0}.left-divider,.left-sub{display:none}.left-dots{margin-top:0}.left-logo{margin-bottom:12px}.left-login-link{white-space:nowrap}.right-sections{padding:32px 28px 28px}.right-sections:before{left:28px;right:28px}}@media (max-width:599px){.signup-page:before{bottom:10px;left:10px;right:10px;top:10px}.signup-containers{padding:20px 12px 16px}.left-sections{padding:24px 20px}.left-logo-text{font-size:17px;letter-spacing:4px}.left-tagline{font-size:18px}.left-body{gap:12px}.left-login-link{font-size:11px}.right-sections{padding:28px 20px 24px}.right-sections:before{left:20px;right:20px}.rows{gap:0;grid-template-columns:1fr}.form-title{font-size:22px}.success-popup{font-size:12px;left:12px;right:12px;transform:none;white-space:normal}@keyframes popupIn{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}}@media (max-width:360px){.left-sections{padding:20px 16px}.right-sections{padding:22px 16px 20px}.right-sections:before{left:16px;right:16px}.form-title{font-size:19px}.register-btns{font-size:10px;letter-spacing:3px}}@media (max-height:560px) and (orientation:landscape){.signup-page:before{display:none}.signup-containers{padding:12px 16px}.signup-card{flex-direction:row}.left-sections{flex:0 0 200px;padding:20px 18px}.left-tagline{font-size:18px}.left-body{flex-direction:column}.right-sections{overflow-y:auto;padding:20px 24px 16px}.right-sections:before{left:24px;right:24px}.rows{grid-template-columns:1fr 1fr}}.userdashboard-container{width:100%}@media (max-width:1024px){.userdashboard-container{margin-left:0;width:100%}}.userdashboard-main{flex-direction:column;gap:20px;padding:20px}.filter-options,.userdashboard-main{align-items:center;display:flex;justify-content:center;width:100%}.filter-options{gap:10px}.filter-options input,.filter-options select{width:20%}.userdashboard-modal{max-height:450px;overflow-x:auto;overflow-y:auto;width:100%}.userdashboard-table tbody td:last-child{align-items:center;display:flex;gap:5px;justify-content:center}.userdashboard-status.active{color:green;font-weight:600}.userdashboard-status.inactive{color:red;font-weight:600}.userdashboard-table{width:100%}button:disabled{cursor:not-allowed;opacity:.6}:root{--h-bg:#6ea9e0;--h-border:#e5e7eb;--h-ink:#111827;--h-ink2:#374151;--h-muted:#9ca3af;--h-surface:#f9fafb;--h-green:#059669;--h-green2:#10b981;--h-glow:#10b9812e;--h-tr:0.2s ease}.header{align-items:center;background:#6ea9e0;background:var(--h-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--h-border);box-shadow:0 1px 3px #0000000d,0 4px 16px #0000000a;display:flex;font-family:Plus Jakarta Sans,sans-serif;gap:14px;height:60px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.header h2{color:#111827;color:var(--h-ink);flex-shrink:0;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-left:100px;white-space:nowrap}.header-search{flex:1 1;max-width:360px;position:relative}.header-search svg{stroke:#9ca3af;stroke:var(--h-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:15px}.header-search input{background:#f9fafb;background:var(--h-surface);border:1px solid #e5e7eb;border:1px solid var(--h-border);border-radius:50px;color:#111827;color:var(--h-ink);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;height:36px;outline:none;padding:0 14px 0 36px;transition:.2s ease;transition:var(--h-tr);width:100%}.header-search input::placeholder{color:#9ca3af;color:var(--h-muted)}.header-search input:focus{background:#fff;border-color:#a7f3d0;box-shadow:0 0 0 3px #10b9811a}.header-spacer{flex:1 1}.header-icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--h-border);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;transition:.2s ease;transition:var(--h-tr);width:36px}.header-icon-btn svg{stroke:#374151;stroke:var(--h-ink2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;height:17px;width:17px}.header-icon-btn:hover{background:#f9fafb;background:var(--h-surface);border-color:#d1d5db}.header-notif-dot{background:#059669;background:var(--h-green);border:1.5px solid #fff;border-radius:50%;height:6px;position:absolute;right:7px;top:7px;width:6px}.header-profile{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--h-border);border-radius:50px;cursor:pointer;display:flex;flex-shrink:0;gap:10px;padding:5px 10px 5px 5px;position:relative;transition:.2s ease;transition:var(--h-tr);-webkit-user-select:none;user-select:none}.header-profile:hover{background:#f9fafb;background:var(--h-surface);border-color:#d1d5db}.profile-avatar{object-fit:cover}.avatar-initials,.profile-avatar{border-radius:50%;box-shadow:0 0 0 3px #10b9812e;box-shadow:0 0 0 3px var(--h-glow);flex-shrink:0;height:32px;transition:box-shadow .6s ease,background .8s ease;width:32px}.avatar-initials{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;justify-content:center}.header-username{color:#374151;color:var(--h-ink2);font-size:13px;font-weight:600;white-space:nowrap}.header-chevron{stroke:#9ca3af;stroke:var(--h-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:14px;transition:transform .2s ease;transition:transform var(--h-tr);width:14px}.header-chevron.open{transform:rotate(180deg)}.profile-dropdown{animation:ddDropIn .18s ease both;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--h-border);border-radius:12px;box-shadow:0 4px 6px #0000000a,0 12px 40px #0000001a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:300}@keyframes ddDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dd-user-info{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--h-border);padding:14px 16px 12px}.dd-user-info .dd-name{color:#111827;color:var(--h-ink);font-size:13px;font-weight:700}.dd-user-info .dd-role{color:#9ca3af;color:var(--h-muted);font-size:11px;margin-top:2px}.dropdown-divider{background:#e5e7eb;background:var(--h-border);height:1px;margin:4px 0}.dropdown-item{align-items:center;color:#374151;color:var(--h-ink2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 16px;transition:background .2s ease;transition:background var(--h-tr)}.dropdown-item svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:15px;width:15px}.dropdown-item:hover{background:#f9fafb;background:var(--h-surface)}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-item.help{color:#059669;color:var(--h-green)}.dropdown-item.help:hover{background:#ecfdf5}.hamburger-btn{background:#0000;border:none;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:7px;transition:.2s ease;transition:var(--h-tr)}.hamburger-btn:hover{background:#f9fafb;background:var(--h-surface)}.hamburger-btn span{background:#374151;background:var(--h-ink2);border-radius:2px;display:block;height:2px;transition:.2s ease;transition:var(--h-tr);width:18px}.sidebar{background-color:#78aeec;box-shadow:2px 0 10px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:all .3s ease;width:280px;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.icon-name{align-items:center;display:flex;gap:5px;justify-content:center}@media(max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}}.mobile-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:36px;z-index:1001}.mobile-close-btn:hover{background:#fff3;transform:scale(1.1)}.logo{border-bottom:1px solid #ffffff1a;padding:20px 20px 10px}.profile{align-items:center;display:flex;gap:12px}.profile img{border-radius:8px;height:45px;object-fit:cover;width:45px}.profile h2{font-size:clamp(15px,2vw,18px);line-height:1.2;margin:0}.brand-main{color:#0154ad;font-size:1.2em}.brand-main,.brand-sub{display:block;font-weight:700}.brand-sub{color:#ad3175;font-size:.9em;margin-left:60px}.top-shortcut{border-bottom:1px solid #ffffff0d;padding:15px 20px}.sidebar-top-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .3s ease}.sidebar-top-link:hover{background:linear-gradient(135deg,#e5f3ff,#b3d9ff);box-shadow:0 4px 12px #007bff4d;color:#007bff;transform:translateY(-1px)}.menu{flex:1 1;padding:20px 18px;z-index:99999}.menu-label{color:#0154ad;font-size:13px;font-weight:600;letter-spacing:.5px;margin:20px 0 10px;padding-left:5px;text-transform:uppercase}.menu ul{list-style:none;margin:0 0 15px;padding:0}.menu ul li{margin:6px 0}.navClass{font-size:13px}.menu ul li a{align-items:center;border-radius:10px;color:#fff;display:flex;gap:14px;overflow:hidden;padding:14px 18px;position:relative;text-decoration:none;transition:all .2s ease}.menu ul li a:before{content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.menu ul li a.active:before,.menu ul li a:hover:before{width:4px}.menu ul li a.active,.menu ul li a:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e6ec4;border-left:2px solid #c52487;color:#fff;transform:translate(2px);width:98%}.settings-link{align-items:center;border-radius:10px;color:#034892;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.settings-link:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#034892;color:#fff}.arrow{font-size:12px;transition:transform .3s ease}.submenu-vertical{animation:slideDown .3s ease;background:#327ecf;border:1px solid #ffffff1a;border-radius:8px;list-style:none;margin:8px 0 0 20px;padding:10px 0}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:300px;opacity:1;transform:translateY(0)}}.submenu-vertical li a{font-size:13px!important;padding:12px 20px!important}.logout-button{align-items:center;background:none;border:none;border-radius:10px;color:red;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;padding:14px 18px;transition:all .2s ease;width:100%}.logout-button:hover{background:#2b77c9;transform:translateX(4px)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#106bcc;border-radius:10px;margin:4px 0}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b6b,#ffd93d,#6bcf7f,#4facfe);background-clip:content-box;border:2px solid #0000;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff5252,#ffc107,#4caf50,#2196f3);filter:brightness(1.2) saturate(1.3);transform:scale(1.1)}.sidebar::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#d32f2f,#ff9800,#388e3c,#1976d2)}.sidebar{scrollbar-color:#588dca #0000;scrollbar-width:thin}.sidebar::-webkit-scrollbar-button{display:none;height:0;width:0}.sidebar::-webkit-scrollbar-corner{background:#0000}.mobile-hamburger{align-items:center;background:linear-gradient(135deg,#dfb772,#e7983c);border:none;border-radius:12px;box-shadow:0 8px 24px #f59e0b66;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:fixed;transition:all .3s ease;width:40px;z-index:1100}.mobile-hamburger:hover{background:linear-gradient(135deg,#e0953f,#c56f2c);box-shadow:0 12px 32px #f1a11780;transform:scale(1.08)}.sidebar-overlay{animation:fadeIn .2s ease;background:#0006;inset:0;position:fixed;z-index:1000}.mobile-sidebar{transform:translateX(0);transition:var(--transition);z-index:1001}.desktop-sidebar,.mobile-sidebar{height:100vh;left:0;position:fixed;top:0}.desktop-sidebar{z-index:900}@media (min-width:1024px){.mobile-hamburger{display:flex!important}}@media (max-width:768px){.mobile-hamburger{display:block;font-size:22px;height:48px;left:16px;position:fixed;top:16px;width:48px;z-index:1200}.mobile-sidebar.open~.mobile-hamburger{display:none}}@media (max-width:480px){.mobile-hamburger{font-size:20px;height:44px;left:14px;top:14px;width:44px}}.delete-btn{align-items:center;background-color:#d4130c;border:none;border-radius:5px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:6px;padding:6px 16px;transition:all .25s ease}.delete-btn:hover{background-color:#c82333;box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.delete-btn:active{box-shadow:0 1px 3px #0000001f;transform:translateY(0)}.edit-btn{align-items:center;background-color:#35cea0;border:none;border-radius:5px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:6px;padding:6px 16px;transition:all .25s ease}.edit-btn:hover{background-color:#1fc090;box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.edit-btn:active{box-shadow:0 1px 3px #0000001f;transform:translateY(0)}.view-btn{align-items:center;background-color:#21cc93;border:none;border-radius:5px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:6px;height:30px;padding:6px 16px;transition:all .25s ease}.view-btn:hover{background-color:#098d70;box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.view-btn:active{box-shadow:0 1px 3px #0000001f;transform:translateY(0)}.next-btn-container{display:flex;grid-column:1/-1;justify-content:flex-end;margin-top:15px;width:100%}.next-btn{align-items:center;border:none;border-radius:5px;color:#2c9caf;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;outline:2px solid #2c9caf;overflow:hidden;padding:6px 50px 6px 20px;position:relative;text-transform:uppercase;transition:all .6s ease}.next-btn:hover{box-shadow:4px 5px 17px -4px #268391;color:#fff;outline:2px solid #70bdca;transform:scale(1.05)}.next-btn:before{background-color:#2c9caf;content:"";height:100%;left:-60px;position:absolute;top:0;transform:skewX(45deg);transition:width .7s ease;width:0;z-index:-1}.next-btn:hover:before{width:200%}.next-icon{color:#1d5e45;font-size:24px;pointer-events:none;position:absolute;right:15px}.cancel-btn-container{display:flex;grid-column:1/-1;justify-content:flex-end;margin-top:15px;width:100%}.cancel-btn{background:#f0f6ff;border:1px solid #c22b2b;border-radius:5px;color:#fa5252;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:bolder;padding:10px 16px;transition:background .15s}.cancel-btn:hover{background:#ddeaff}.save-btn{background-color:#fff;border:2px solid #6dbccf;border-radius:5px;color:#000;cursor:pointer;font-weight:bolder;overflow:hidden;padding:10px 16px;position:relative;transform:rotateX(20deg);transform-style:preserve-3d;transition:all .5s}.save-btn:hover{color:#fff;z-index:1s}.save-btn:before{background-color:#77cbda;border-radius:4px;left:-40px;transition:all 1s;width:0;z-index:-1}.save-btn:after,.save-btn:before{content:"";height:100%;position:absolute;top:0;transform:skewX(45deg)}.save-btn:after{background-color:#fff;filter:blur(7px);left:-10px;transition:all .9s linear;width:10%}.save-btn:hover:after{transform:translateX(115px)}.save-btn:hover:before{width:200%}.add-button{align-items:center;background:#e1f5ee;border:.5px solid #1d9e75;border-radius:8px;color:#085041;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;height:34px;padding:0 14px;transition:background .15s,border-color .15s;white-space:nowrap}.add-button:hover{background:#9fe1cb;border-color:#0f6e56}.add-button:active{transform:scale(.98)}.add-icon{font-size:20px;font-weight:700;text-align:center}.activate-btn,.deactivate-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;width:93px}.activate-btn{background-color:#22c55e;color:#fff}.activate-btn:hover{background-color:#15803d;transform:translateY(-2px)}.deactivate-btn{background-color:#ef4444;color:#fff}.deactivate-btn:hover{background-color:#b91c1c;transform:translateY(-2px)}.hide-btn{background:#58b172;border:1px solid #e8e8e8;border-radius:5px;color:#090909;cursor:pointer;display:inline-block;font-size:18px;overflow:hidden;padding:6px 20px;position:relative;transition:all .2s ease-in;z-index:1}.hide-btn:active{color:#666}.hide-btn:before{background-color:#0000000d;height:180%;left:50%;top:100%;transform:translateX(-50%) scaleY(1) scaleX(1.25);width:140%}.hide-btn:after,.hide-btn:before{border-radius:5px;content:"";display:block;position:absolute;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;z-index:-1}.hide-btn:after{background-color:#009087;height:190%;left:55%;top:180%;transform:translateX(-50%) scaleY(1) scaleX(1.45);width:160%}.hide-btn:hover{border:1px solid #009087;color:#fff}.hide-btn:hover:before{top:-35%}.hide-btn:hover:after,.hide-btn:hover:before{background-color:#009087;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.hide-btn:hover:after{top:-45%}.apply-btn{background-color:#2367fa;border:none;border-radius:5px;color:#fff;padding:6px 16px;transition:all .2s ease-in-out}.apply-btn:hover{background-color:#0808d1;color:#fff;transform:translateY(-2px)}.clear-btn{background-color:#fff;border:2px solid #f08080;border-radius:5px;color:#000;cursor:pointer;font-weight:bolder;overflow:hidden;padding:10px 16px;position:relative;transform:rotateX(20deg);transform-style:preserve-3d;transition:all .5s}.clear-btn:hover{color:#fff;z-index:1s}.clear-btn:before{background-color:#f08080;border-radius:4px;left:-40px;transition:all 1s;width:0;z-index:-1}.clear-btn:after,.clear-btn:before{content:"";height:100%;position:absolute;top:0;transform:skewX(45deg)}.clear-btn:after{background-color:#fff;filter:blur(7px);left:-10px;transition:all .9s linear;width:10%}.clear-btn:hover:after{transform:translateX(115px)}.clear-btn:hover:before{width:200%}.submit-btn{animation:button-shimmer 2s infinite;background:linear-gradient(180deg,#1b1c3f,#4a4e91);border:none;border-radius:5px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;display:inline-block;font-family:Segoe UI,sans-serif;font-size:18px;font-weight:700;padding:6px 16px;position:relative;transition:all .3s ease-in-out}.submit-btn:hover{animation:button-particles 1s ease-in-out infinite;background:linear-gradient(180deg,#2c2f63,#5b67b7);transform:translateY(-2px)}.submit-btn:active{box-shadow:0 2px 10px #0000004d;transform:scale(.95)}@keyframes button-shimmer{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes button-particles{0%{background-position:0 0}to{background-position:100% 100%}}.remove-btn{background-color:initial;border:2px solid red;border-radius:5px;color:red;overflow:hidden;padding:6px 16px;position:relative;transition:all .3s cubic-bezier(.23,1,.32,1)}.remove-btn:before{background-color:red;border-radius:inherit;content:"";height:50px;inset:0;margin:auto;position:absolute;scale:0;transition:all .6s cubic-bezier(.23,1,.32,1);width:50px;z-index:-1}.remove-btn:hover:before{scale:3}.remove-btn:hover{box-shadow:0 0 20px red;color:#212121;scale:1.1}.remove-btn:active{scale:1}.reset-btn{align-items:center;background:#e9eef6;border:1px solid #b8d2f2;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#0b66c3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:32px;justify-content:center;margin-top:24px;padding:6px 16px;transition:all .2s ease}.reset-btn:hover{background:#d4e3f8;box-shadow:0 4px 12px #0b66c34d;color:#0a5ab3;transform:translateY(-1px)}.reset-btn:active{background:#c0d5f2;transform:translateY(0)}.generate-btn{align-items:center;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:2px;justify-content:center;padding:6px 12px;transition:.3s}.generate-btn:hover{background-color:#218838}.back-btn{align-items:center;background:#fff;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 1px 2px #1118270d;color:#4b5563;cursor:pointer;display:inline-flex;font-family:Instrument Sans,sans-serif;font-size:.83rem;font-weight:500;gap:7px;margin-bottom:5px;padding:8px 16px;text-decoration:none;transition:.17s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#eff3ff;border-color:#b8c8fd;box-shadow:none;color:var(--accent)}.pick-btn{align-items:center;background-color:#24be65;border:none;border-radius:5px;color:#fff;display:flex;font-weight:700;gap:5px;justify-content:center;padding:6px 16px}.pick-btn:hover{background-color:#109473}.pick-btn:disabled{background-color:#41be75;cursor:not-allowed;opacity:.6}.confirm-btn{background:linear-gradient(135deg,#e63946,#d00000);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 20px;transition:all .3s ease}.confirm-btn:hover{background:linear-gradient(135deg,#d00000,#b50000);transform:translateY(-2px)}.proceed-btn{background:#1098ce;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 20px;transition:all .3s ease;width:100px}.proceed-btn:hover{background:#0e80ad;transform:translateY(-2px)}.combine-btn{align-items:center;background-color:#0cbdd4;border:none;border-radius:5px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:6px;justify-content:center;padding:6px 10px;transition:all .25s ease;width:30%}.combine-btn:hover{background-color:#1dadc7;box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.combine-btn:active{box-shadow:0 1px 3px #0000001f;transform:translateY(0)}th{background-color:#4a4af3;border:1px solid #e0e0e0;color:#fff;font-size:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}td,th{overflow:hidden;padding:12px 8px;text-overflow:ellipsis;white-space:nowrap}td{border:1px solid #e5e5e5;text-align:center}thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}tr{cursor:pointer}table tbody tr:nth-child(2n){background-color:#f1f4f5}table tbody tr:hover{background-color:#e3f2fd}input,select,textarea{border:1px solid gray;border-radius:5px;padding:6px 16px;width:100%}textarea{font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#58c9ba;box-shadow:0 0 0 3px #2563eb1a;outline:none}label{font-size:12px;font-weight:700}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{background:#0000;bottom:0;color:#0000;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.main-content{flex:1 1;margin-left:250px;padding:20px}.header .profile{align-items:center;display:flex;gap:10px}.header .profile img{border-radius:50%}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.card{border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.card h3{font-size:16px;margin-bottom:10px}.card p{font-size:20px;font-weight:700}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.recent-activity{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.recent-activity h3{margin-bottom:10px}.recent-activity ul{list-style:none;padding:0}.recent-activity li{border-bottom:1px solid #eee;font-size:14px;padding:8px 0}.db-root{background:#f1efe8;color:#2c2c2a;font-family:DM Sans,sans-serif;min-height:100vh}.db-main{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:1380px;padding:24px 24px 48px}.db-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border:.5px solid #d3d1c7;border-radius:14px;cursor:pointer;overflow:hidden;padding:18px 20px;position:relative;transition:box-shadow .15s,transform .15s,border-color .15s}.stat-card:before{border-radius:14px 14px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.stat-card--blue:before{background:#378add}.stat-card--green:before{background:#639922}.stat-card--amber:before{background:#ba7517}.stat-card--red:before{background:#e24b4a}.stat-card--active:before{opacity:1}.stat-card--active{border-color:#b4b2a9;box-shadow:0 4px 16px #00000014}.stat-card:hover:not(.stat-card--active){border-color:#b4b2a9;box-shadow:0 2px 10px #0000000f;transform:translateY(-1px)}.stat-card__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.stat-card__icon{align-items:center;border-radius:9px;display:flex;height:36px;justify-content:center;width:36px}.stat-card__icon svg{height:18px;width:18px}.stat-card__icon--blue{background:#e6f1fb;color:#185fa5}.stat-card__icon--green{background:#eaf3de;color:#3b6d11}.stat-card__icon--amber{background:#faeeda;color:#854f0b}.stat-card__icon--red{background:#fcebeb;color:#a32d2d}.stat-card__label{color:#888780;font-size:12px;font-weight:500;letter-spacing:.03em;margin-bottom:5px;text-transform:uppercase}.stat-card__value{color:#2c2c2a;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1}.stat-card__value--blue{color:#185fa5}.stat-card__value--green{color:#3b6d11}.stat-card__value--amber{color:#854f0b}.stat-card__value--red{color:#a32d2d}.stat-card__trend{font-size:12px;margin-top:6px}.stat-card__trend--blue{color:#378add}.stat-card__trend--green{color:#639922}.stat-card__trend--amber{color:#ba7517}.stat-card__trend--red{color:#e24b4a}.pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 9px;white-space:nowrap}.pill--blue{background:#e6f1fb;color:#0c447c}.pill--green{background:#eaf3de;color:#27500a}.pill--amber{background:#faeeda;color:#633806}.pill--red{background:#fcebeb;color:#791f1f}.pill--grey{background:#f1efe8;color:#5f5e5a}.db-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.db-panel{background:#fff;border:.5px solid #d3d1c7;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.db-panel__header{align-items:center;border-bottom:.5px solid #e8e6df;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px 18px 14px}.db-panel__title{color:#2c2c2a;font-size:14px;font-weight:600;letter-spacing:-.01em}.db-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.db-sel{background:#f1efe8;border:.5px solid #d3d1c7;border-radius:7px;color:#5f5e5a;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;outline:none;padding:5px 9px;transition:border-color .15s}.db-sel:focus,.db-sel:hover{border-color:#888780;color:#2c2c2a}.db-date{background:#f1efe8;border:.5px solid #d3d1c7;border-radius:7px;color:#5f5e5a;outline:none;padding:5px 9px}.db-apply-btn,.db-date{font-family:DM Sans,sans-serif;font-size:12px}.db-apply-btn{background:#185fa5;border:.5px solid #185fa5;border-radius:7px;color:#fff;cursor:pointer;font-weight:500;padding:5px 12px;transition:opacity .15s}.db-apply-btn:hover{opacity:.9}.db-apply-btn:disabled{cursor:not-allowed;opacity:.4}.db-tab-row{background:#f1efe8;border-radius:8px;display:flex;gap:2px;padding:3px}.db-tab{background:#0000;border:none;border-radius:6px;color:#888780;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.db-tab--active{background:#fff;border:.5px solid #d3d1c7;color:#2c2c2a}.db-chart-body{flex:1 1;min-height:280px;padding:18px;position:relative}.db-table-wrap{flex:1 1;max-height:300px;overflow-x:auto;overflow-y:auto;scrollbar-color:#d3d1c7 #0000;scrollbar-width:thin}.db-table{border-collapse:collapse;font-size:13px;width:100%}.db-table thead tr{background:#f8f7f3;position:-webkit-sticky;position:sticky;top:0;z-index:1}.db-table th{border-bottom:.5px solid #e8e6df;color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:center;text-transform:uppercase;white-space:nowrap}.db-table td{border-bottom:.5px solid #f1efe8;color:#5f5e5a;max-width:180px;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:wrap}.db-table tbody tr:hover td{background:#fafaf7}.db-table tbody tr:last-child td{border-bottom:none}.td-name{color:#2c2c2a!important;font-weight:500}.td-empty{color:#b4b2a9!important;font-size:13px;padding:32px!important;text-align:center}.qty-pill{background:#f1efe8;border:.5px solid #d3d1c7;border-radius:5px;color:#444441;display:inline-block;font-size:12px;font-weight:500;min-width:30px;padding:2px 8px;text-align:center}.db-activity,.db-log-list{flex-direction:column}.db-log-list{display:flex;max-height:300px;overflow-y:auto;scrollbar-color:#d3d1c7 #0000;scrollbar-width:thin}.log-item{align-items:flex-start;border-bottom:.5px solid #f1efe8;display:flex;gap:12px;padding:12px 18px;transition:background .15s}.log-item:hover{background:#fafaf7}.log-item:last-child{border-bottom:none}.log-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:0;padding-top:5px}.log-dot{background:#378add;border-radius:50%;flex-shrink:0;height:8px;width:8px}.log-line{background:#e8e6df;flex:1 1;margin-top:4px;min-height:20px;width:1px}.log-body{display:flex;flex:1 1;flex-direction:column;gap:2px}.log-desc{color:#2c2c2a;font-size:13px;line-height:1.4}.log-time{color:#b4b2a9;font-size:11px}.db-empty{align-items:center;color:#b4b2a9;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;min-height:200px}.db-empty svg{opacity:.5}.db-empty p{color:#b4b2a9;font-size:13px;font-weight:500}.db-empty--sm{min-height:100px}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d3d1c7;border-radius:99px}@media (max-width:1100px){.db-grid{grid-template-columns:1fr}}@media (max-width:760px){.db-stats{grid-template-columns:repeat(2,1fr)}.db-main{padding:14px 12px 40px}}@media (max-width:460px){.db-stats{gap:10px;grid-template-columns:1fr 1fr}.stat-card__value{font-size:22px}}.category-container{background:#f9fafb;font-family:Poppins,sans-serif;justify-content:flex-start;min-height:100vh;width:100%}.category-container,.category-form-container{align-items:center;display:flex;flex-direction:column;padding:40px}.category-form-container{background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(158,67,67,.555);gap:10px;justify-content:center;width:95%}.category-form{display:flex;flex-direction:column;gap:10px;width:100%}.category-form-fields{grid-gap:20px 30px;display:grid;gap:20px 30px;grid-template-columns:repeat(3,1fr);position:relative;width:100%}.cat-form-btn{align-items:flex-end;display:flex;justify-content:flex-end}.category-title{color:#1f2937;font-size:28px;font-weight:700;grid-column:span 3;letter-spacing:.5px;margin-bottom:20px;text-align:center}.category-form-group{display:flex;flex-direction:column}@media (max-width:900px){.category-form{grid-template-columns:1fr;width:95%}.category-form textarea{grid-column:span 1}}.category-toast{animation:slideIn .3s ease;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;font-weight:700;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}.category-toast.success{background-color:#4caf50}.category-toast.error{background-color:#f44336}@media (max-width:1023px){.category-page{margin-left:0;width:100%}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.category-page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.category-content{background:#f7f9fb;display:flex;flex:1 1;flex-direction:column;height:100vh;margin-top:20px;overflow:auto;padding:12px 8px;transition:all .3s ease}.category-header{background:#f7f9fb;color:#007bff;font-size:18px;font-weight:600;margin-bottom:16px;padding-top:10px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:20}.category-header h2{margin:0 0 16px}.category-filters{align-items:stretch;display:flex;justify-content:space-between;margin-bottom:16px}.filter-field input,.filter-field select{height:30px;margin-top:25px}.filter-field{display:flex;gap:5px}.secondary svg{font-size:18px;height:20px;transition:transform .2s ease;width:20px}.secondary:hover svg{transform:rotate(180deg)}.secondary:focus{box-shadow:0 0 0 3px #0b66c333;outline:none}.table-wrap{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;flex:1 1;margin-bottom:12px;max-height:calc(100vh - 220px);min-height:400px;overflow-x:auto;overflow-y:auto}.category-table td:nth-child(4),.category-table th:nth-child(4){min-width:100px;width:100px}.category-table{border-collapse:collapse;min-width:600px;width:100%}.category-table td{border-bottom:1px solid #eee;font-size:13px;padding:10px 8px;text-align:center;vertical-align:middle}.category-table tbody tr{transition:all .2s}.category-table tbody tr:nth-child(2n){background:#e5e5e6}.category-table tbody tr:hover{background:#e3f2fd}.status{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.actions-cell{display:flex;gap:6px}.toast{animation:slideInRight .3s ease;border-radius:8px;box-shadow:0 8px 25px #00000026;left:10px;margin:0 auto;max-width:400px;padding:14px 20px;right:10px;text-align:center;z-index:10000}.toast.success{background:linear-gradient(135deg,#28a745,#20c997)}.toast.error{background:linear-gradient(135deg,#dc3545,#fd7e14)}.confirm-category-overly{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;width:100%;z-index:1200}.confirm-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:20px;text-align:center;width:90vw}.confirm-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.confirm-no,.confirm-yes{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;min-width:100px;padding:12px 20px;transition:all .2s}.confirm-yes{background:#28a745;color:#fff}.confirm-no{background:#6c757d;color:#fff}.edit-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;width:100%;z-index:1300}.edit-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000040;margin:20px;max-height:90vh;max-width:500px;overflow-y:auto;width:95vw}.edit-modal .cat-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #eee;border:none;color:red;display:flex;font-size:20px;font-weight:700;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cat-modal-header h3{color:#007bff;font-size:18px;font-weight:700;margin:0;text-align:center}.modal-body{display:flex;flex-direction:column;gap:6px;padding:20px}.modal-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:12px;justify-content:center;padding:16px 20px}.table-wrap::-webkit-scrollbar{height:6px;width:6px}.table-wrap::-webkit-scrollbar-thumb{background:#c1c9d0;border-radius:3px}.table-wrap::-webkit-scrollbar-thumb:hover{background:#a8b2c0}.table-wrap::-webkit-scrollbar-track{background:#f1f3f4}@media (min-width:360px){.category-table{min-width:650px}.category-table td{font-size:14px;padding:12px 10px}}@media (min-width:481px){.category-content{padding:16px 12px}.category-header h2{font-size:20px}.category-table{min-width:750px}.category-table td{font-size:14px;padding:12px}.status{font-size:12px;padding:6px 12px}}@media (min-width:768px) and (max-width:1023px){.mobile-sidebar-toggle{display:none}.category-content{padding:20px}.category-filters{align-items:end;flex-direction:row;flex-wrap:wrap}.category-filters input{flex:1 1}.category-filters select{min-width:140px;width:auto}.category-table{min-width:900px}.category-table td{font-size:14px;padding:14px 16px}.actions-cell{flex-direction:row;gap:8px}.toast{left:20px;margin:0;max-width:350px;right:20px}}@media (min-width:1024px){.mobile-sidebar-toggle{display:none!important}.category-content{padding:24px}.category-filters input{min-width:250px}.category-header h2{font-size:22px}}@media (min-width:1200px){.category-content{padding:28px}.category-filters{gap:16px}.category-filters input{min-width:280px}.category-table{min-width:1000px}}@media (min-width:1400px){.category-filters input{min-width:320px}.category-table td,.category-table th{padding:16px 20px}}@media (min-width:1600px){.category-content{padding:32px}.category-filters{gap:20px}.category-header h2{font-size:24px}}@media (max-height:500px) and (orientation:landscape){.category-content{padding:8px 12px}.category-filters{flex-direction:row;flex-wrap:wrap;gap:8px}.category-filters input,.category-filters select{min-width:160px}.table-wrap{min-height:300px}.edit-modal{margin:10px;max-height:95vh}}@media (max-width:1024px){.category-page,.confirm-category-overlay,.edit-overlay{margin-left:0;width:100%}}.product-layout-content{align-items:flex-start;gap:20px;height:100vh;justify-content:flex-start;overflow-y:auto!important;padding:20px}.product-layout-content,.product-page-container,.product-page-wrapper{display:flex;flex-direction:column;width:100%}.product-page-wrapper{align-items:center;box-sizing:border-box;justify-content:center;min-height:100vh;padding:0 50px;scrollbar-color:#b5b5b5 #0000;transition:margin-left .3s ease}.product-page-wrapper::-webkit-scrollbar{width:3px}.product-page-wrapper::-webkit-scrollbar-track{background:#0000}.product-page-wrapper::-webkit-scrollbar-thumb{background-color:#b5b5b5;border-radius:10px}.product-page-wrapper::-webkit-scrollbar-thumb:hover{background-color:#8c8c8c}.product-page-title{border-bottom:3px solid #28a745;color:#28a745;font-size:26px;font-weight:600;margin-bottom:30px;max-width:1200px;padding-bottom:12px;text-align:center;width:100%}.product-page-form{animation:fadeIn .5s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:5px;margin-bottom:30px;max-width:1100px;padding:20px;top:0;width:100%}.productEntry-form-row{display:flex;flex-wrap:nowrap;gap:20px}.productEntry-form-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.productEntry-form-group-checkbox{gap:15px;width:33%}.expiry-input{align-items:center;display:flex;gap:5px;justify-content:center}.productEntry-form-group-checkbox input{height:20px;width:20px}.product-page-form textarea{font-family:inherit;min-height:50px;resize:vertical}.price-hint{color:#666;display:block;font-size:12px;margin-top:4px}.conversion-rate-wrapper{align-items:center;background-color:#fafafa;border:1px solid #cfcfcf;border-radius:6px;display:flex;gap:8px;padding:3px 10px}.conversion-pill{border-radius:4px;font-size:13px;font-weight:500;padding:4px 8px;white-space:nowrap}.conversion-pill,.conversion-pill.secondary{background-color:#c5c8cf}.conversion-equals{font-size:14px;font-weight:600}.conversion-input{border:1px solid #bdbdbd;border-radius:4px;padding:4px 6px;text-align:center;width:120px}.conversion-input:disabled{background-color:#e0e0e0;cursor:not-allowed}.productEntry-form-group-checkbox{align-items:center;display:flex;gap:24px}.productEntry-form-group-checkbox label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px}.productEntry-form-group-checkbox input[type=radio]{accent-color:#2563eb;cursor:pointer}.product-page-form input.error,.product-page-form select.error,.product-page-form textarea.error{background:#fff5f5;border-color:#e55353}.input-error{color:#e55353;font-size:13px;font-weight:500;line-height:1.4;margin-top:8px}.productEntry-form-row.description-row{flex-wrap:wrap}.form-row.description-row .form-group:first-child{flex:1 1}.form-row.description-row .form-group:last-child{flex:2 1;min-width:300px}.form-actions{border-top:2px solid #f0f3f5;display:flex;gap:20px;justify-content:flex-end;margin-bottom:30px;padding-top:30px}.toast-success{animation:toastSlideIn .4s ease,toastFadeOut .5s ease 2.8s forwards;background:#28a745;border-radius:12px;box-shadow:0 8px 24px #0003;color:#fff;font-size:15px;font-weight:600;max-width:400px;padding:16px 24px;position:fixed;right:40px;top:80px;z-index:10000}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastFadeOut{to{opacity:0;transform:translateX(100%)}}@media (max-width:1200px){.product-page-wrapper{margin-left:0;width:100%}}@media (max-width:900px){.product-page-wrapper{margin-left:0;padding:60px 20px 30px}.product-page-title{font-size:24px;margin-bottom:25px}.product-page-form{padding:30px 25px}.form-row{gap:16px}.form-group{min-width:180px}.form-actions{align-items:stretch;flex-direction:column}.toast-success{left:20px;max-width:none;right:20px;top:70px}}@media (max-width:768px){.form-row{flex-wrap:wrap}.form-group{min-width:100%}}@media (max-width:600px){.product-page-wrapper{padding:50px 15px 25px}.product-page-form{border-radius:12px;padding:25px 20px}.product-page-title{font-size:22px}.form-row{gap:14px}.product-page-form input,.product-page-form select,.product-page-form textarea{font-size:16px;padding:16px}}@media (max-width:480px){.product-page-wrapper{padding:40px 12px 20px}.product-page-form{padding:20px 16px}.form-actions{gap:12px}}@media (max-height:500px) and (orientation:landscape){.product-page-wrapper{padding:20px 15px}.product-page-form{max-height:90vh;overflow-y:auto;padding:25px}}@media (max-width:1023px){.product-page-container{margin-left:0;width:100%}}:root{--primary:#2f6ec4;--primary-light:#4a8de0;--primary-dark:#1a5aaa;--primary-ghost:#2f6ec412;--primary-ghost-hover:#2f6ec421;--bg-page:#f0f4fa;--bg-card:#fff;--bg-card2:#f8faff;--bg-thead:#eef3fb;--text-primary:#1a2540;--text-secondary:#4a5578;--text-muted:#8a96b5;--text-on-primary:#fff;--border:#dde5f5;--border-focus:#4a8de0;--shadow-sm:0 2px 8px #2563a814;--shadow-md:0 4px 20px #2563a81f;--shadow-lg:0 8px 40px #2563a82e;--shadow-xl:0 20px 60px #14327838;--success:#16a05c;--success-bg:#16a05c17;--success-border:#16a05c38;--danger:#e03e52;--danger-bg:#e03e5217;--danger-border:#e03e5238;--warning:#d97706;--warning-bg:#d9770617;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--font:"Plus Jakarta Sans",sans-serif}.product-dashboard-wrapper{background:#f0f4fa;background:var(--bg-page);color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);min-height:100vh}.product-dashboard-main{padding:28px 32px}.toast{animation:toastSlide .3s ease both;border-radius:7px;border-radius:var(--radius-sm);box-shadow:0 8px 40px #2563a82e;box-shadow:var(--shadow-lg);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:14px;padding:13px 22px;top:20px}.toast-success{background:#e6f7ef;border:1px solid #16a05c38;border:1px solid var(--success-border);color:#16a05c;color:var(--success)}.toast-error{background:#fdf0f1;border:1px solid #e03e5238;border:1px solid var(--danger-border);color:#ef4444;color:var(--danger)}@keyframes toastSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.pd-stat-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.pd-stat-card{align-items:center;animation:fadeUp .4s ease both;background:#fff;background:var(--bg-card);border:1px solid #dde5f5;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-sm);display:flex;gap:14px;padding:18px 20px;transition:box-shadow .2s,transform .2s}.pd-stat-card:hover{box-shadow:0 4px 20px #2563a81f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pd-stat-icon{align-items:center;border-radius:7px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.pd-stat-icon.blue{background:#2f6ec41f;color:#2f6ec4;color:var(--primary)}.pd-stat-icon.green{background:#16a05c17;background:var(--success-bg);color:#16a05c;color:var(--success)}.pd-stat-icon.orange{background:#d9770617;background:var(--warning-bg);color:#d97706;color:var(--warning)}.pd-stat-icon.red{background:#e03e5217;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.pd-stat-value{color:#0f172a;color:var(--text-primary);font-size:22px;font-weight:800;line-height:1}.pd-stat-label{color:#8a96b5;color:var(--text-muted);font-size:12px;font-weight:500;margin-top:3px}.product-dashboard-filter{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.pd-search-wrap{flex:1 1;min-width:200px;position:relative}.pd-search-icon{color:#8a96b5;color:var(--text-muted);font-size:17px;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pd-status-filter{display:flex;gap:6px}.pd-status-btn{background:#fff;background:var(--bg-card);border:1.5px solid #dde5f5;border:1.5px solid var(--border);border-radius:7px;border-radius:var(--radius-sm);color:#475569;color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:6px 16px;transition:all .18s ease}.pd-status-btn.active{background:#2f6ec4;background:var(--primary);border-color:#2f6ec4;border-color:var(--primary);box-shadow:0 3px 12px #2f6ec44d;color:#fff}.pd-status-btn:hover:not(.active){border-color:#4a8de0;border-color:var(--primary-light);color:#2f6ec4;color:var(--primary)}.product-dashboard-table-container{animation:fadeUp .5s ease .1s both;background:#fff;background:var(--bg-card);border:1px solid #dde5f5;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #2563a81f;box-shadow:var(--shadow-md);overflow:hidden}.product-table-wrapper{max-height:340px}.product-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.product-table-wrapper::-webkit-scrollbar-track{background:#f0f4fa}.product-table-wrapper::-webkit-scrollbar-thumb{background:#c5d3ec;border-radius:6px}.product-table-wrapper{overflow-x:auto}.product-dashboard-table{border-collapse:initial;border-spacing:0;min-width:860px;width:100%}.product-dashboard-table td,.product-dashboard-table th{padding:10px}.product-dashboard-table td:first-child,.product-dashboard-table th:first-child{left:0;position:-webkit-sticky;position:sticky;z-index:3}.product-dashboard-table td:nth-child(2),.product-dashboard-table th:nth-child(2){left:50px;position:-webkit-sticky;position:sticky;z-index:3}.product-dashboard-table td:first-child,.product-dashboard-table td:nth-child(2){background-color:#fff}.product-dashboard-table thead tr{background:#eef3fb;background:var(--bg-thead);border-bottom:2px solid #dde5f5;border-bottom:2px solid var(--border)}.product-dashboard-table th{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.07em;padding:13px 16px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:1}.product-dashboard-table tbody tr{animation:rowFade .35s ease both;border-bottom:1px solid #dde5f5;border-bottom:1px solid var(--border);transition:background .15s ease}.product-dashboard-table tbody tr:last-child{border-bottom:none}.product-dashboard-table tbody tr:hover{background:#2f6ec412;background:var(--primary-ghost)}.product-dashboard-table td{color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13.5px;padding:13px 16px;vertical-align:middle;z-index:1}.td-product-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:wrap;width:350px}.td-pkg-badge{background:#2f6ec412;background:var(--primary-ghost);border:1px solid #2f6ec433;border-radius:20px;color:#2f6ec4;color:var(--primary);display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.td-price{font-size:13px;font-weight:700}.td-price-purchase{color:#2563a8}.td-price-selling{color:#16a05c;color:var(--success)}.td-price-mrp{color:#d97706;color:var(--warning)}.td-qty{font-size:14px;font-weight:700}.td-qty-low{color:#ef4444;color:var(--danger)}.td-qty-ok{color:#16a05c;color:var(--success)}.td-qty-zero{color:#8a96b5;color:var(--text-muted)}.status-active,.status-inactive{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:4px 12px}.status-active{background:#16a05c17;background:var(--success-bg);border:1px solid #16a05c38;border:1px solid var(--success-border);color:#16a05c;color:var(--success)}.status-inactive{background:#e03e5217;background:var(--danger-bg);border:1px solid #e03e5238;border:1px solid var(--danger-border);color:#ef4444;color:var(--danger)}.status-dot{animation:blink 2s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.td-actions{align-items:center;display:flex;gap:7px}.product-dashboard-btn{border:1.5px solid;border-radius:6px;border-radius:var(--radius-xs);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;height:30px;padding:0 12px;transition:all .18s ease}.deactivate-btn{background:#e03e5217;background:var(--danger-bg);border-color:#e03e5238;border-color:var(--danger-border);color:#ef4444;color:var(--danger)}.deactivate-btn:hover{background:#e03e522e}.activate-btn{background:#16a05c17;background:var(--success-bg);border-color:#16a05c38;border-color:var(--success-border);color:#16a05c;color:var(--success)}.activate-btn:hover{background:#16a05c2e}.pd-table-footer{align-items:center;background:#f8faff;background:var(--bg-card2);border-top:1px solid #dde5f5;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px}.pd-footer-info{color:#8a96b5;color:var(--text-muted);font-size:13px;font-weight:500}.pd-footer-info strong{color:#0f172a;color:var(--text-primary)}.pd-page-btn,.pd-pagination{align-items:center;display:flex;gap:4px}.pd-page-btn{background:#fff;background:var(--bg-card);border:1.5px solid #dde5f5;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);color:#475569;color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;height:34px;justify-content:center;min-width:34px;padding:0 8px;transition:all .15s ease}.pd-page-btn:hover:not(:disabled):not(.active){background:#2f6ec412;background:var(--primary-ghost);border-color:#4a8de0;border-color:var(--primary-light);color:#2f6ec4;color:var(--primary)}.pd-page-btn.active{background:#2f6ec4;background:var(--primary);border-color:#2f6ec4;border-color:var(--primary);box-shadow:0 2px 8px #2f6ec44d;color:#fff}.pd-page-btn:disabled{cursor:not-allowed;opacity:.38}.pd-page-ellipsis{align-items:center;color:#8a96b5;color:var(--text-muted);display:flex;justify-content:center;width:34px}.pd-page-ellipsis,.pd-rows-select{font-size:13px;font-weight:600;height:34px}.pd-rows-select{background:#fff;background:var(--bg-card);border:1.5px solid #dde5f5;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);color:#475569;color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);outline:none;padding:0 10px;transition:border-color .15s}.pd-rows-select:focus{border-color:#4a8de0;border-color:var(--border-focus)}.confirm-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a143273;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}.confirm-content{background:#fff;background:var(--bg-card);border:1px solid #dde5f5;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 20px 60px #14327838;box-shadow:var(--shadow-xl);max-width:360px;padding:32px 36px;text-align:center;width:90%}.confirm-content p{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.5;margin-bottom:24px}.confirm-content button{border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;height:40px;margin:0 6px;padding:0 28px;transition:all .18s ease}.confirm-content button:first-of-type{background:#2f6ec4;background:var(--primary);border:none;box-shadow:0 3px 12px #2f6ec44d;color:#fff}.confirm-content button:first-of-type:hover{background:#1a5aaa;background:var(--primary-dark)}.confirm-content button:last-of-type{background:#f8faff;background:var(--bg-card2);border:1.5px solid #dde5f5;border:1.5px solid var(--border);color:#475569;color:var(--text-secondary)}.confirm-content button:last-of-type:hover{border-color:#4a8de0;border-color:var(--primary-light);color:#2f6ec4;color:var(--primary)}:root{--modal-overlay:#0f172a73;--modal-bg:#fff;--modal-surface:#f8f9fc;--modal-card:#fff;--modal-border:#e8eaf0;--modal-border-hi:#d0d4e0;--accent:#4f6ef7;--accent-light:#eef0fe;--accent-mid:#c7cefb;--text-primary:#0f172a;--text-secondary:#475569;--text-label:#94a3b8;--input-bg:#f8f9fc;--danger:#ef4444;--danger-light:#fef2f2;--shadow-sm:0 1px 3px #0f172a0f;--shadow-card:0 1px 4px #0f172a12;--shadow-modal:0 20px 60px #0f172a2e,0 0 0 1px #0f172a0f;--shadow-focus:0 0 0 3px #4f6ef726;--radius-sm:7px;--transition:0.18s cubic-bezier(0.4,0,0.2,1);--font-display:"Fraunces",serif;--font-body:"Plus Jakarta Sans",sans-serif}.product-edit-modal{align-items:center;animation:overlayIn .24s ease forwards;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);background:#0f172a73;background:var(--modal-overlay);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.edit-modal-content{animation:modalIn .3s cubic-bezier(.34,1.46,.64,1) forwards;background:var(--modal-bg);border:1px solid #e8eaf0;border:1px solid var(--modal-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0f172a2e,0 0 0 1px #0f172a0f;box-shadow:var(--shadow-modal);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);max-height:92vh;max-width:680px;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#fff;background:var(--modal-bg);border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--modal-border);flex-shrink:0;padding:22px 26px 20px}.modal-header h3{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-family:Fraunces,serif;font-family:var(--font-display);font-size:1.25rem;font-weight:500;gap:10px;letter-spacing:-.01em;margin:0}.modal-header h3:before{background:#4f6ef7;background:var(--accent);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:8px;width:8px}.close-btn{align-items:center;background:#f8f9fc;background:var(--modal-surface);border:1px solid #e8eaf0;border:1px solid var(--modal-border);border-radius:50%;color:#475569;color:var(--text-secondary);display:flex;font-size:.8rem;height:32px;justify-content:center;line-height:1;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.close-btn:hover{background:#fef2f2;background:var(--danger-light);border-color:#fca5a5;color:#ef4444;color:var(--danger);transform:rotate(90deg)}.modal-body.premium{background:#f8f9fc;background:var(--modal-surface);flex:1 1;padding:20px 26px 0;scrollbar-color:#e8eaf0 #0000;scrollbar-color:var(--modal-border) #0000;scrollbar-width:thin}.modal-body.premium::-webkit-scrollbar{width:4px}.modal-body.premium::-webkit-scrollbar-track{background:#0000}.modal-body.premium::-webkit-scrollbar-thumb{background:#d0d4e0;background:var(--modal-border-hi);border-radius:4px}.form-wrapper{border:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.card{background:var(--modal-card);border:1px solid #e8eaf0;border:1px solid var(--modal-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 4px #0f172a12;box-shadow:var(--shadow-card);padding:16px 18px 18px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:#c7cefb;border-color:var(--accent-mid);box-shadow:0 2px 10px #4f6ef712}.card h3{align-items:center;color:#4f6ef7;color:var(--accent);display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);font-size:.66rem;font-weight:600;gap:8px;letter-spacing:.1em;margin:0 0 14px;text-transform:uppercase}.card h3:after{background:linear-gradient(90deg,#e8eaf0,#0000);background:linear-gradient(90deg,var(--modal-border),#0000);content:"";flex:1 1;height:1px}.grid-2{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr 1fr}.mt{margin-top:10px}.input-group{display:flex;flex-direction:column-reverse}.input-group label{color:#94a3b8;color:var(--text-label);font-size:.65rem;font-weight:600;letter-spacing:.07em;margin-bottom:5px;padding-left:1px;text-transform:uppercase;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.input-group:focus-within label{color:#4f6ef7;color:var(--accent)}.input-group input,.input-group select{appearance:none;-webkit-appearance:none;background:#f8f9fc;background:var(--input-bg);border:1.5px solid #e8eaf0;border:1.5px solid var(--modal-border);border-radius:7px;border-radius:var(--radius-sm);box-sizing:border-box;color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);font-size:.845rem;font-weight:400;outline:none;padding:8px 11px;transition:border-color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.input-group input:hover,.input-group select:hover{border-color:#d0d4e0;border-color:var(--modal-border-hi)}.input-group input:focus,.input-group select:focus{background:#fff;border-color:#4f6ef7;border-color:var(--accent);box-shadow:0 0 0 3px #4f6ef726;box-shadow:var(--shadow-focus)}.input-group input:disabled,.input-group input[readonly],.input-group select:disabled{background:#f1f4f9;border-color:#e8eaf0;border-color:var(--modal-border);border-style:dashed;color:#94a3b8;color:var(--text-label);cursor:not-allowed}.input-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='m1 1 4.5 4.5L10 1' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.input-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='m1 1 4.5 4.5L10 1' stroke='%234f6ef7' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.modal-footer.premium-footer{align-items:center;background:#fff;background:var(--modal-bg);border-top:1px solid #e8eaf0;border-top:1px solid var(--modal-border);display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding:16px 26px}@media (max-width:580px){.edit-modal-content{border-radius:16px}.modal-body.premium,.modal-footer.premium-footer,.modal-header{padding-left:16px;padding-right:16px}.grid-2,.grid-3{grid-template-columns:1fr}.cancel-btn{margin-left:0}}.adjust-stock-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a143280;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:8500}.edit-modal-content{background:#fff;background:var(--bg-card);border:1px solid #dde5f5;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #2563a82e;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:50%}.modal-header{align-items:center;background:linear-gradient(135deg,#2f6ec4,#4a8de0);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-bottom:1px solid #dde5f5;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.modal-header h3{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:16px;font-weight:800}.modal-body.premium{background:#f4f6f9;max-height:75vh;overflow-y:auto;padding:24px}.card{background:#fff;border-radius:14px;box-shadow:0 4px 20px #0000000d;margin-bottom:18px;padding:18px;transition:.2s}.card:hover{box-shadow:0 6px 28px #00000014}.card h3{color:#0864a1;font-size:15px;margin-bottom:14px}.grid-2{grid-gap:14px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-gap:14px;grid-template-columns:repeat(3,1fr)}.input-group{position:relative}.input-group input,.input-group select{background:#0000;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:14px 10px;width:100%}.input-group label{background:#fff;color:#888;font-size:13px;left:10px;padding:0 4px;pointer-events:none;position:absolute;top:12px;transition:.2s}.mt{margin-top:12px}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.input-group select:focus+label,.input-group select:not([value=""])+label{color:#16947f;font-size:11px;top:-7px}.input-group input:focus,.input-group select:focus{border-color:#16947f;box-shadow:0 0 0 2px #4f46e51a;outline:none}.premium-footer{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:14px;position:-webkit-sticky;position:sticky}.notes-group,.prodcut-dashboard-quantity{display:flex;flex-direction:column;gap:6px}.product-taxedit-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a143280;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:8200}.modal-tax-content{background:#fff;background:var(--bg-card);border:1px solid #dde5f5;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #2563a82e;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:85vh;max-width:660px;overflow:hidden;width:100%}.modal-tax-header{align-items:center;background:linear-gradient(135deg,#2f6ec4,#4a8de0);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-bottom:1px solid #dde5f5;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 24px}.modal-tax-header h3{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:17px;font-weight:800}.modal-tax-body{flex:1 1;overflow-y:auto;padding:20px}.modal-tax-footer{background:#f8faff;background:var(--bg-card2);border-top:1px solid #dde5f5;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.tax-popup-table{border-collapse:collapse;font-size:13px;width:100%}.tax-popup-table th{background:#eef3fb;background:var(--bg-thead);border-bottom:2px solid #dde5f5;border-bottom:2px solid var(--border);color:#2f6ec4;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.07em;padding:10px 12px;text-align:left;text-transform:uppercase}.tax-popup-table td{border-bottom:1px solid #dde5f5;border-bottom:1px solid var(--border);color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);padding:11px 12px}.tax-popup-table tbody tr:last-child td{border-bottom:none}.tax-popup-table tbody tr:hover{background:#2f6ec412;background:var(--primary-ghost)}.pd-empty{color:#8a96b5;color:var(--text-muted);padding:56px 20px;text-align:center}.pd-empty-icon{font-size:42px;margin-bottom:12px;opacity:.35}.pd-empty p{font-size:15px;font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rowFade{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@media (max-width:900px){.product-dashboard-main{padding:20px 16px}.pd-stat-row{grid-template-columns:repeat(2,1fr)}.edit-form-grid,.edit-form-grid.cols-3{grid-template-columns:1fr}.edit-field.full{grid-column:1}}@media (max-width:560px){.pd-stat-row{grid-template-columns:1fr 1fr}.product-dashboard-filter{flex-wrap:wrap}.pd-status-filter{width:100%}.edit-modal-card{border-radius:20px;border-radius:var(--radius-lg)}}.app-wrapper{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.taxrate-container{box-sizing:border-box;flex:1 1;padding:20px}.taxrate-title{color:#333;font-size:22px;margin-bottom:15px}.taxrate-table-wrapper{max-height:450px;overflow-x:auto;overflow-y:auto;width:100%}.taxrate-table{background:#fff;border:1px solid #ddd;border-collapse:collapse;margin-top:10px;width:100%}.taxrate-table input[type=number],.taxrate-table select{box-sizing:border-box;padding:5px;width:100%}.taxrate-table input[type=checkbox]{transform:scale(1.2)}.taxrate-actions{display:flex;gap:5px;justify-content:flex-end;margin-top:15px}.btn-add,.btn-delete,.btn-save{border:none;border-radius:4px;cursor:pointer;margin-right:10px;padding:6px 12px}.btn-add{background:#007bff;color:#fff}.btn-save{background:#28a745;color:#fff}.btn-delete{background:#dc3545;color:#fff}.btn-opening-stock{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:10px 18px;transition:background-color .3s ease,transform .2s ease}.btn-opening-stock:hover{background-color:#0056b3;transform:translateY(-2px)}.btn-opening-stock:active{background-color:#004085;transform:translateY(0)}@media (max-width:1023px){.app-wrapper{margin-left:0;width:100%}}.posp-app-wrapper{display:flex;flex-direction:column;width:100%}.posp-openingstock-container{align-items:flex-start;display:flex;justify-content:center;padding:40px;width:100%}.posp-form{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:30px;width:50%}.posp-form-group{display:flex;flex-direction:column;margin-bottom:15px}.posp-form-btn{align-items:flex-end;display:flex;justify-content:flex-end}.posp-toast-message{animation:posp-fadeInOut 3s forwards;border-radius:6px;color:#fff;font-weight:500;padding:12px 18px;position:fixed;right:15px;top:15px;z-index:1000}.posp-toast-success{background-color:#28a745}.posp-toast-error{background-color:#dc3545}@keyframes posp-fadeInOut{0%{opacity:0;transform:translateY(-15px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}@media (max-width:1023px){.posp-app-wrapper{margin-left:0;width:100%}}:root{--primary-color:#2563eb;--primary-dark:#1e40af;--success-color:#10b981;--success-dark:#059669;--danger-color:#dc2626;--danger-dark:#b91c1c;--sidebar-width:260px;--border-radius:12px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 20px #0000001f;--shadow-lg:0 10px 40px #00000026;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;margin:0;padding:0}.purchase-entry-wrapper{align-items:center;overflow:hidden}.purchase-entry-main,.purchase-entry-wrapper{display:flex;flex-direction:column;width:100%}.purchase-entry-main{align-items:flex-start;gap:10px;height:calc(100vh - 20px);justify-content:flex-start;overflow-y:auto;padding:40px}.purchase-entry-main::-webkit-scrollbar{width:8px}.purchase-entry-main::-webkit-scrollbar-thumb{background:#b5b5b5;border-radius:10px}.purchase-entry-main::-webkit-scrollbar-thumb:hover{background:#888}.purchase-form{width:100%}.purchase-items-details{display:flex;flex-direction:column;height:auto;padding-bottom:40px;width:100%;z-index:1000}.items-table-section{border-radius:12px;border-radius:var(--border-radius);width:100%}.totals-section{padding:20px;z-index:20}.items-table th:first-child{background-color:#4a4af3}.items-table td:first-child{background-color:#fff}.items-table td:first-child,.items-table th:first-child{box-shadow:2px 0 5px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:999}.items-table td,.items-table td input{padding:3px}.items-table td:last-child{align-items:center;display:flex;justify-content:center}.toast-message{animation:slideInRight .4s ease;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg);font-size:clamp(14px,2.5vw,16px);line-height:1.4;max-width:400px;padding:16px 24px;right:40px;top:90px;z-index:1200}.toast-message.success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),var(--success-dark))}.toast-message.error{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--danger-color),var(--danger-dark))}.error-message{align-items:center;color:#d32f2f;display:flex;font-size:12px;gap:4px;margin-top:4px}.form-header-section{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.form-grid{grid-gap:24px;gap:24px;margin-bottom:32px}.form-field{display:flex;flex-direction:column;gap:8px}.table-container{border-radius:10px;box-shadow:0 4px 20px #00000014;margin-bottom:24px}.next-button-container{display:flex;justify-content:flex-end}@media (max-width:1024px){.purchase-entry-wrapper{margin-left:0;width:100%}.form-grid{gap:20px;grid-template-columns:repeat(3,1fr)!important}.toast-message{left:24px;max-width:none;right:24px}}@media (max-width:768px){.purchase-entry-main{padding:90px 16px 16px}.form-header-section,.items-table-section{padding:24px 20px}.number-input,.product-input{font-size:14px;padding:3px}}@media (max-width:480px){.purchase-entry-main{padding:90px 12px 12px}.form-header-section,.items-table-section{padding:20px 16px}.toast-message{font-size:15px;padding:14px 20px}}.purchase-dashboard-main-container{background:linear-gradient(135deg,#f9fafc,#eef1f6);color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;position:relative}.purchase-dashboard-content-container{flex:1 1;overflow-x:auto;padding:10px 20px;transition:margin-left .3s ease;width:100%}.purchase-dashboard-header{align-items:center;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.purchase-filters{align-items:center;display:flex;gap:2px;justify-content:center}.purchase-filters select{height:30px;margin-top:25px;width:20rem}.purchase-filters div{margin-top:5px}.purchase-dashboard-title{align-items:center;color:#222;display:flex;font-size:26px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;margin:0}.purchase-dashboard-title:before{background-color:#007bff;border-radius:3px;content:"";display:inline-block;height:26px;width:6px}.purchase-dashboard-error{background:#fdecec;border:1px solid #f7b7b7;border-radius:8px;color:#e63946;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center;width:100%}.no-data-purchase{color:#999;padding:20px;text-align:center;width:100%}.purchase-dashboard-table-container{background:#fff;border:1px solid #e1e5ea;border-radius:12px;box-shadow:0 4px 20px #00000014;max-height:70vh;overflow:auto;position:relative}.purchase-dashboard-table-container::-webkit-scrollbar{height:6px;width:6px}.purchase-dashboard-table-container::-webkit-scrollbar-thumb{background:#b3b3b3;border-radius:6px}.purchase-dashboard-table-container::-webkit-scrollbar-thumb:hover{background:#888}.purchase-dashboard-table{border-collapse:collapse;border-spacing:0;font-size:14px;min-width:900px;width:100%}.table-container{max-width:100%;overflow-x:auto;position:relative}.items-table th:first-child,.popup-product-table th:first-child{background-color:#4a4af3}.items-table td:first-child,.popup-product-table td:first-child{background-color:#fff}.items-table td:first-child,.items-table th:first-child,.popup-product-table td:first-child,.popup-product-table th:first-child{box-shadow:2px 0 5px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:99}.items-table td:first-child input{width:25rem}.items-table{border-collapse:initial;border-spacing:0;min-width:1600px}.purchase-dashboard-table td:last-child{text-align:center}.delete-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:20000}.delete-confirm-box{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:30px 40px;text-align:center;width:90%}.delete-confirm-buttons{display:flex;gap:16px;justify-content:center;margin-top:24px}.purchase-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.purchase-popup{animation:slideInUp .4s cubic-bezier(.25,.46,.45,.94);background:#fff;border-radius:5px;box-shadow:0 25px 80px #00000059;height:90%;overflow-y:auto;position:relative;top:35px;width:100%}.purchase-popup-overlay h3{font-weight:700;margin-top:10px;text-align:center}.popup-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:24px;top:8px;transition:all .3s ease;width:36px;z-index:10}.popup-close-btn:hover{background:#f8f9fa;color:#e63946;transform:scale(1.1)}.popup-content{padding:40px}.popup-content h3,.popup-content h4{color:#222;margin:10px 0}.popup-content h3{font-size:24px;font-weight:600}.popup-header-form{grid-gap:20px;background:#f8f9fa;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:10px;padding:24px}.form-row{display:flex;flex-direction:column;gap:8px}.form-row label{color:#333;font-size:13px;font-weight:600}.popup-product-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:20px 0;overflow-x:auto;width:100%}.popup-product-table th{color:#fff;font-size:13px;font-weight:600;padding:14px 12px;text-align:center}.popup-product-table td{border-bottom:1px solid #e1e5ea;padding:12px;vertical-align:middle}.popup-product-table input{border:2px solid #e1e5ea;border-radius:6px;box-sizing:border-box;font-size:13px;height:36px;padding:8px 12px;width:90%}.popup-update-message{animation:slideInRight .4s ease;border-radius:8px;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1001}.popup-update-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.popup-update-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.popup-update-message.hidden{opacity:0;transform:translateX(100%)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.delete-confirm-overlay,.purchase-dashboard-main-container,.purchase-popup-overlay{margin-left:0;width:100%}.purchase-dashboard-content-container{margin-left:0!important;padding:30px 25px}.purchase-dashboard-table{min-width:850px}}@media (max-width:768px){.purchase-dashboard-main-container{margin-left:0;width:100%}.purchase-dashboard-content-container{padding:20px 15px}.purchase-dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.add-button{justify-content:center;width:100%}.purchase-dashboard-title{align-items:center;font-size:22px;justify-content:center;margin-left:20px}.purchase-dashboard-table-container{max-height:60vh}.purchase-dashboard-table{font-size:13px;min-width:750px}.purchase-dashboard-table td,.purchase-dashboard-table th{padding:12px 8px}.purchase-popup{margin:20px;width:95%}.popup-content{padding:25px 20px}}@media (max-width:480px){.purchase-dashboard-main-container{margin-left:0;width:100%}.purchase-dashboard-content-container{padding:15px 12px}.purchase-dashboard-title{font-size:20px;justify-content:center;margin-left:20px}.purchase-dashboard-table{font-size:12px;min-width:650px}.purchase-dashboard-table td,.purchase-dashboard-table th{padding:10px 6px}.delete-btn,.edit-btn{font-size:16px;height:32px;width:32px}.popup-header-form{gap:16px;grid-template-columns:1fr;padding:20px}.popup-product-table td,.popup-product-table th{font-size:11px;padding:8px 4px}.popup-product-table input{font-size:12px;height:32px;padding:6px 8px}.popup-delete-btn{font-size:11px;padding:6px 12px}}@media (max-width:360px){.purchase-dashboard-main-container{margin-left:0;width:100%}.purchase-dashboard-table{min-width:600px}.purchase-dashboard-table-container{max-height:50vh}.popup-content{padding:20px 15px}.form-row label{font-size:12px}}@media (max-width:768px){.purchase-dashboard-main-container{margin-left:0;width:100%}.purchase-dashboard-table-container{overflow-x:auto}}.sales-entry-main{background:#f5f6fa;font-family:Poppins,sans-serif;max-height:100vh;min-height:100vh;scroll-behavior:smooth;width:100%}.sales-entry-content,.sales-view-popup{max-height:90vh;overflow-y:auto}.sales-entry-content{padding:20px;width:100%}.accodion-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.sales-trip-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:20px}.sales-trip-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.sales-input-group{display:flex;flex-direction:column}.sales-label{color:#555;font-size:14px;margin-bottom:6px}.status-btns{align-items:center;display:flex;gap:10px;justify-content:center}.status-btns button{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-right:8px;padding:8px 14px;transition:.3s ease}.status-btns button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.status-btns button.completed{background:#28a745}.sales-actions-row{align-items:center;display:flex;gap:10px;grid-column:span 3;justify-content:flex-end;margin-top:20px;width:100%}.select-proceed{display:flex;flex-direction:column;gap:10px}.sales-product-selection-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:15px;padding:25px}.sales-product-controls{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.sales-search-box{display:flex;gap:5px;width:25rem}.sales-product-table-wrapper{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;width:100%}.sales-product-table{background:#fff;border-collapse:collapse;border-radius:10px;display:block;max-height:300px;overflow-x:auto;overflow-y:auto;width:100%}.sales-product-table thead th{background:#4242d4;color:#fff;position:-webkit-sticky;position:sticky;z-index:4}.sales-product-table td:first-child,.sales-product-table th:first-child{background:#fff;left:0;position:-webkit-sticky;position:sticky}.sales-product-table td:nth-child(2),.sales-product-table th:nth-child(2){background:#fff;left:55px;position:-webkit-sticky;position:sticky}.sales-product-table thead th:first-child,.sales-product-table thead th:nth-child(2){background:#4242d4;z-index:5}.sales-product-return-table{background:#fff;border-collapse:collapse;border-radius:10px;display:block;max-height:300px;overflow-x:auto;overflow-y:auto;width:100%}.sales-product-return-table thead th{background:#4242d4;color:#fff;position:-webkit-sticky;position:sticky;z-index:4}.sales-product-return-table td:first-child,.sales-product-return-table th:first-child{background:#fff;left:0;position:-webkit-sticky;position:sticky}.sales-product-return-table thead th:first-child{background:#4242d4;z-index:5}.sales-product-table-wrapper{overflow-x:auto}.sales-product-table td{color:#333;font-size:14px}.sales-product-table tr:hover{background-color:#f9f9f9}.sales-product-table input[type=number]{border-radius:6px;padding:6px;text-align:right;width:70px}.sales-product-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}.sales-footer-actions{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;flex-wrap:wrap;gap:25px;justify-content:space-between;margin-top:25px;padding:20px}.sales-left{display:flex;flex-wrap:wrap;gap:10px}.sales-summary-row{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start;margin-bottom:10px}.sales-summary{display:flex;flex-direction:column;gap:3px}.sales-view-popup-footer .sales-right{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.sales-totals{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;color:#333;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:5px;padding:10px 15px}.sales-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.sales-btn:hover{opacity:.9}.sales-primary{background-color:#007bff;color:#fff}.sales-secondary{background:#6c757d;color:#fff}.sales-danger{background-color:#dc3545;color:#fff}.sales-view-popup-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:2000}.sales-view-popup{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:900px;padding:25px;width:80%}.sales-view-popup h3{color:#333;font-size:20px;font-weight:600;margin-bottom:15px}.sales-view-table-wrapper{margin-bottom:20px;max-height:400px;overflow-y:auto}.sales-view-table{border-collapse:collapse;width:100%}.stepper-container{align-items:flex-start;display:flex;justify-content:space-between;position:relative;width:50%}.step-wrapper{flex:1 1;flex-direction:column;position:relative}.step-circle,.step-wrapper{align-items:center;display:flex}.step-circle{background-color:#d3d3d3;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px;z-index:2}.step-circle.active{background-color:#007bff;box-shadow:0 0 6px #007bff66;transform:scale(1.1)}.step-circle.completed{background-color:#28a745}.step-label{color:#444;font-size:12px;font-weight:500;margin-top:8px;max-width:90px;text-align:center}.step-wrapper:not(:last-child):after{background-color:#d3d3d3;content:"";height:3px;left:50%;position:absolute;top:16px;transition:background-color .3s ease;width:100%;z-index:1}.step-wrapper.line-completed:not(:last-child):after{background-color:#28a745}.sales-summary-row input{width:100px}.sales-view-popup-footer{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.sales-popup-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:999}.sales-popup{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000004d;max-width:90%;padding:20px;width:500px}.edit-trip-btn{background-color:#f0ad4e;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s}.edit-trip-btn:hover{background-color:#ec971f}.sales-popup .sales-input-group{margin-bottom:12px}.sales-popup .sales-actions-row{align-items:center;display:flex;justify-content:flex-end;margin-top:15px}.sales-floating-message{animation:slideInOut 4s ease-in-out forwards;border-radius:8px;box-shadow:0 4px 10px #00000026;font-size:15px;font-weight:500;padding:12px 20px;position:fixed;right:30px;top:20px;z-index:9999}.sales-success{background-color:#28a745;border-left:5px solid #1e7e34;color:#fff}.sales-error{background-color:#dc3545;border-left:5px solid #b52a37;color:#fff}.popup-box{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}@keyframes slideInOut{0%{opacity:0;transform:translateX(100%)}10%,90%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:1024px){.sales-entry-main,.sales-popup-overlay,.sales-view-popup-overlay{margin-left:0;width:100%}}.accordion{margin-top:20px;width:100%}.accordion-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:15px}.expand-collapse{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:.3s ease}.accordion-controls button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.accordion-item{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000f;margin-bottom:12px;overflow:visible;transition:.3s ease}.accordion-item:hover{box-shadow:0 6px 20px #0000001a}.accordion-header{align-items:center;background-color:#fafafa;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:.3s ease;width:100%}.accordion-header:hover{background-color:#f0f4ff}.accordion-title{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;gap:10px;width:100%}.accordion-title span{display:flex;transition:transform .3s ease}.rotate{transform:rotate(90deg)}.accordion-actions{display:flex;gap:8px}.add-btn{align-items:center;background:#e8f5e9;border:none;border-radius:8px;color:#2e7d32;cursor:pointer;display:flex;height:34px;justify-content:center;transition:.25s ease;width:34px}.add-btn:hover{background:#2e7d32;color:#fff;transform:scale(1.08)}.accordion-content{background:#fff;display:none;padding:0 18px}.accordion-content.active{display:block;padding:16px 18px}.accordion-content table{border-collapse:collapse;width:100%}.accordion-content td,.accordion-content th{border-bottom:1px solid #eee;padding:8px;text-align:left}.trip-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;width:100%;z-index:1000}.trip-modal-container{background:#fff;border-radius:10px;display:flex;flex-direction:column;height:95vh;overflow:hidden;width:98%}.trip-modal-header{align-items:center;background:#1f2937;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.trip-modal-content{font-size:14px;overflow-y:auto;padding:20px}.company-section{border-bottom:1px solid #ddd;padding-bottom:15px}.info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:10px}.outlet-section{border:1px solid #eee;border-radius:6px;margin-top:20px;padding:15px}.outlet-header{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:12px;justify-content:flex-start}.order-info{display:flex;flex-wrap:wrap;gap:20px;margin:10px 0}.trip-items-table{border-collapse:collapse;width:100%}.trip-items-table th,.trip-items-table th:first-child{background-color:#fff;color:#000}.trip-items-table td:nth-child(2),.trip-items-table th:nth-child(2){background:#fff;left:60px}.trip-items-table td,.trip-items-table th{background-color:#fff;border:1px solid #ccc;font-size:11px;padding:6px;text-align:center}.summary-section{display:flex;font-weight:700;justify-content:space-between;margin-top:25px}.tax-section{margin-top:20px}.tax-section table{border-collapse:collapse;width:100%}.tax-section td,.tax-section th{border:1px solid #ccc;padding:6px;text-align:center}.signature-section{margin-top:40px}.modal-top-actions,.signature-section{display:flex;justify-content:space-between}.modal-top-actions{align-items:center;gap:10px;margin-bottom:15px}.left-actions{display:flex;gap:10px}.trip-excel-btn,.trip-pdf-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:.2s ease}.trip-pdf-btn{background:#ef4444;color:#fff}.trip-pdf-btn:hover{background:#dc2626}.trip-excel-btn{background:#16a34a;color:#fff}.trip-excel-btn:hover{background:#15803d}.close-btn{background:red;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.close-btn:hover{background:#d60303}.icon{font-size:16px}.grand-total-summary{-webkit-overflow-scrolling:touch;background:#f9f9f9;border:1px solid #ccc;border-radius:6px;margin:24px 0 16px;overflow-x:auto;padding:16px}.grand-total-summary h4{border-bottom:1px solid #ccc;font-size:14px;letter-spacing:.5px;margin:0 0 12px;padding-bottom:6px;text-transform:uppercase;white-space:nowrap}.grand-total-table{border-collapse:collapse;font-size:13px;min-width:500px;width:100%}.grand-total-table td,.grand-total-table th{border:1px solid #ccc;padding:8px 10px;text-align:center;white-space:nowrap}.grand-total-table thead tr th{background:#fff;color:#000}.grand-total-table tbody tr{background:#fff}.grand-total-table tbody tr:hover{background:#f1f5f9}.grand-total-table tbody td:last-child{font-size:14px;font-weight:600}.SalesBill_billPage__8HS\+Z *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body{height:auto}.SalesBill_container__fPErl,body{font-family:Arial,Helvetica,sans-serif;font-size:13px}.SalesBill_container__fPErl{color:#1a1a1a;display:flex;flex-direction:column;height:100%;padding:40px;width:100%}p{color:#333;font-size:12px;line-height:1.5}label{color:#555;font-size:11px;font-weight:600;letter-spacing:.2px}strong{font-size:12px}h3,strong{color:#1a1a1a;font-weight:700}h3{font-size:15px;line-height:1.4}#SalesBill_bill_heading__rv0b7{border-bottom:2px solid #333;color:#444;font-size:22px;font-weight:800;letter-spacing:2px;margin-bottom:20px;text-align:center;text-transform:uppercase}#SalesBill_logo__2JJD9{width:12rem}.SalesBill_bill_info__MAjHY{align-items:flex-end;display:flex;justify-content:space-between;width:100%}.SalesBill_info_left__C5rCx{display:flex;flex-direction:column}.SalesBill_info_left__C5rCx span{align-items:center;display:flex;font-size:11px;gap:2px}.SalesBill_details__lgSEf{border:1px solid #aaa;display:flex;height:auto;padding:0;width:100%}.SalesBill_details_1__EbiS9{height:100%;width:60%}.SalesBill_det1_row_1__Lt9lU{align-items:flex-start;border-right:1px solid #aaa;display:flex;flex-direction:column;gap:3px;justify-content:flex-start;padding:8px 10px;width:100%}.SalesBill_det1_row_1__Lt9lU h3{font-size:14px;font-weight:700;margin-bottom:2px}.SalesBill_det1_row_1__Lt9lU p{color:#444;font-size:11px}.SalesBill_row_1_span__BFC3I{align-items:center;display:flex;font-size:11px;gap:4px}.SalesBill_row_1_span__BFC3I label{color:#555;font-size:11px;font-weight:600}.SalesBill_row_1_span__BFC3I p{color:#222;font-size:11px}.SalesBill_details_2__fPnBJ{height:100%;width:40%}.SalesBill_det2_row__ZTWJX{border-bottom:1px solid #aaa;display:flex;width:100%}.SalesBill_det2_row__ZTWJX span{display:flex;flex-direction:column;gap:2px;padding:6px 8px;width:50%}.SalesBill_det2_row__ZTWJX span:first-child{border-right:1px solid #aaa}.SalesBill_det2_row__ZTWJX label{border-bottom:2px solid #333;color:#666;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.SalesBill_det2_row__ZTWJX p,.SalesBill_det2_row__ZTWJX strong{color:#1a1a1a;font-size:12px}.SalesBill_invoiceNo__WL6UF{display:flex;gap:2rem;justify-content:space-between}.SalesBill_table_wrapper__OE8tB{margin-top:4px;overflow-x:auto;width:100%}.SalesBill_goods_table__WZJ3S{background-color:#fff;border:1px solid #999;border-collapse:collapse;min-width:900px;table-layout:fixed;width:100%}.SalesBill_goods_table__WZJ3S td,.SalesBill_goods_table__WZJ3S th{word-wrap:break-word;background-color:#fff;border:1px solid #bbb;color:#1a1a1a;font-size:11px;line-height:1.4;overflow-wrap:break-word;padding:6px 5px;text-align:center;vertical-align:middle;white-space:normal}.SalesBill_goods_table__WZJ3S th{border-bottom:2px solid #333;color:#1a1a1a!important;font-size:10.5px;font-weight:700;letter-spacing:.3px;line-height:1.4;padding:7px 5px;text-align:center;text-transform:uppercase;vertical-align:middle}.SalesBill_goods_table__WZJ3S td:first-child,.SalesBill_goods_table__WZJ3S th:first-child{width:3%}.SalesBill_goods_table__WZJ3S td:nth-child(2),.SalesBill_goods_table__WZJ3S th:nth-child(2){font-size:11px;padding:6px;text-align:left;vertical-align:top;width:18%}.SalesBill_goods_table__WZJ3S td:nth-child(3),.SalesBill_goods_table__WZJ3S th:nth-child(3){width:6%}.SalesBill_goods_table__WZJ3S td:nth-child(4),.SalesBill_goods_table__WZJ3S th:nth-child(4){width:4%}.SalesBill_goods_table__WZJ3S th:nth-child(5){color:#1a1a1a!important;width:6%}.SalesBill_goods_table__WZJ3S td:nth-child(5){font-size:11px;font-weight:700;width:6%}.SalesBill_goods_table__WZJ3S th:nth-child(6){color:#1a1a1a!important;width:6%}.SalesBill_goods_table__WZJ3S td:nth-child(6){font-size:11px;font-weight:700;width:6%}.SalesBill_goods_table__WZJ3S td:nth-child(7),.SalesBill_goods_table__WZJ3S td:nth-child(8),.SalesBill_goods_table__WZJ3S th:nth-child(7),.SalesBill_goods_table__WZJ3S th:nth-child(8){width:7%}.SalesBill_goods_table__WZJ3S td:nth-child(9),.SalesBill_goods_table__WZJ3S th:nth-child(9){width:6%}.SalesBill_goods_table__WZJ3S td:nth-child(10),.SalesBill_goods_table__WZJ3S th:nth-child(10){width:7%}.SalesBill_goods_table__WZJ3S td:nth-child(11),.SalesBill_goods_table__WZJ3S td:nth-child(12),.SalesBill_goods_table__WZJ3S th:nth-child(11),.SalesBill_goods_table__WZJ3S th:nth-child(12){width:6%}.SalesBill_goods_table__WZJ3S td:nth-child(13),.SalesBill_goods_table__WZJ3S th:nth-child(13){width:5%}.SalesBill_goods_table__WZJ3S td:nth-child(14),.SalesBill_goods_table__WZJ3S th:nth-child(14){width:6%}.SalesBill_goods_table__WZJ3S td:nth-child(15),.SalesBill_goods_table__WZJ3S th:nth-child(15){width:7%}.SalesBill_goods_table__WZJ3S tbody tr:nth-child(2n) td:not(:nth-child(5)):not(:nth-child(6)){background-color:#f7f9fc}#SalesBill_total_row__g1Uih td{background-color:#e6f2ff!important;color:#1a1a1a!important;font-size:11.5px;font-weight:700}#SalesBill_free_row__wIHCV td{background-color:#90e684}#SalesBill_word_row__Rk\+z3{background-color:#fff;border:1px solid #aaa}#SalesBill_word_row__Rk\+z3 td{border:1px solid #aaa;font-size:11.5px;line-height:1.6;padding:8px 12px}#SalesBill_word_row__Rk\+z3 tr{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:10px}.SalesBill_signature_table__ws82H{border:1px solid #aaa;display:flex;flex-direction:column;font-size:12px;gap:6px;padding-left:10px;padding-top:10px}.SalesBill_signature_table__ws82H label{font-size:11px;font-weight:600}.SalesBill_signature_table__ws82H p{color:#444;font-size:11px;line-height:1.6}.SalesBill_signature_table__ws82H strong{font-size:13px}.SalesBill_bill_scrol_container__2zPs\+{background-color:#fff;height:auto;overflow-y:auto;width:100%}.SalesBill_bill_scrol_container__2zPs\+::-webkit-scrollbar{width:6px}.SalesBill_bill_scrol_container__2zPs\+::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}.SalesBill_bill_scrol_container__2zPs\+::-webkit-scrollbar-thumb:hover{background-color:#666}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:90%}.sales-report-btns{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-bill-scroll{background:#f9fafb;flex:1 1;overflow-y:auto;padding:20px}.modal-bill-scroll::-webkit-scrollbar{width:6px}.modal-bill-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cust-pdf-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s}.cust-pdf-btn:hover{background:#b91c1c}.cust-excel-btn{align-items:center;background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s}.cust-excel-btn:hover{background:#15803d}.cust-close-btn{background:red;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.cust-close-btn:hover{background:#d60303}.sales-tripwise-main{background:#f5f6fa;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh}.sales-tripwise-container{background:#f5f6fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 20px}.sales-tripwise-header{align-items:center;display:flex;justify-content:flex-end;margin-top:20px}.sales-tripwise-right{align-items:center;display:flex;gap:15px}.sales-tripwise-kpi{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:20px}.sales-tripwise-card{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:15px;text-align:center}.sales-tripwise-card h3{color:#555;margin-bottom:5px}.sales-tripwise-card h4{color:#0e9e09;margin-bottom:5px;margin-top:10px}.sales-tripwise-card p{color:#333;font-size:22px;font-weight:600}.sales-tripwise-filters{align-items:center;display:flex;gap:3px;margin-top:25px}.sales-tripwise-apply{background:#007bff;border:none;color:#fff;cursor:pointer}.sales-tripwise-table-container{background:#fff;border:1px solid #e1e5ea;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:15px;max-height:500px;overflow-x:auto;overflow-y:auto;position:relative;scroll-behavior:smooth}.sales-tripwise-table-container::-webkit-scrollbar{height:6px;width:6px}.sales-tripwise-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.sales-tripwise-table-container::-webkit-scrollbar-thumb:hover{background:#555}.sales-tripwise-table{border-collapse:initial;border-spacing:0;font-size:14px;min-width:900px;width:100%}.sales-tripwise-table td:last-child{white-space:nowrap}.status-completed{color:#28a745;font-weight:600}.status-pending{color:#e67e22;font-weight:600}.no-data{color:#999;padding:20px;text-align:center}.sales-tripwise-actions{background:#f5f6fa;bottom:0;display:flex;gap:15px;justify-content:center;padding:10px 0;position:-webkit-sticky;position:sticky}.sales-tripwise-view-btn{background:#17a2b8;color:#fff}.sales-tripwise-pdf-btn{background:#e74c3c;color:#fff}.sales-tripwise-excel-btn{background:#2ecc71;color:#fff}.sales-tripwise-action-buttons{display:flex;gap:5px;justify-content:center}.sales-tripwise-popup-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:280px;position:fixed;right:0;top:0;z-index:999}.sales-tripwise-popup{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;max-height:80vh;max-width:800px;overflow-y:auto;padding:20px 30px;width:90%}.sales-tripwise-popup h3{color:#007bff;margin-bottom:10px;text-align:center}.sales-tripwise-trip-header p{margin:4px 0}.sales-tripwise-items{align-items:flex-start;gap:15px;justify-content:flex-start;padding:20px}.sales-tripwise-items-table{margin-top:10px}.sales-tripwise-items-table tbody tr td:last-child{align-items:flex-start;display:flex;justify-content:flex-start}.sales-tripwise-close-popup{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 14px}.sales-tripwise-close-popup:hover{background:#c82333}.pagination{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:20px;padding:10px 0}.pagination span{color:#333;font-size:14px;font-weight:500}.pagination button{background-color:#e9ecf3;border:1px solid #919497;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:0 6px;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:#d5d8dd;border-color:#cacacc}.pagination button:disabled{background-color:#d1d2da;cursor:not-allowed;opacity:.5}.sale-type-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.sale-type-popup-box{animation:modalSlideIn .3s ease-out;background:#fff8f8;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;gap:12px;justify-content:center;max-width:450px;padding:24px;width:90%}.sale-type-popup-box h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 16px;text-align:center}.sale-type-popup-box p{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.sale-type-buttons{gap:12px}.cancel-div,.sale-type-buttons,.sale-type-buttons button{align-items:center;display:flex;justify-content:center}.sale-type-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.confirm-saletype-btn{background-color:#60c54c;color:#fff}.confirm-saletype-btn:hover{background-color:#53b93e;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.confirm-saletype-btn.secondary{background-color:#007bff}.confirm-sale-type-btn.secondary:hover{background-color:#035ebe;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.sale-type-popup-box{margin:20px;padding:20px;width:calc(100% - 40px)}.sale-type-buttons{flex-direction:column}.sales-tripwise-container{margin-left:0;width:100%}.sales-tripwise-kpi{grid-template-columns:1fr}.sales-tripwise-actions,.sales-tripwise-filters{gap:10px}.sales-tripwise-modal-overlay{margin-left:0;padding-left:10px}}.sales-tripwise-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;position:fixed;right:0;top:4rem;width:100%;z-index:1000}.sales-tripwise-modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:950px;max-width:1200px;padding:20px 30px;width:99%;width:95%}.sales-tripwise-modal-header{align-items:center;background:#007bff;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.sales-tripwise-modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.sales-tripwise-close-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:6px 12px}.sales-tripwise-close-btn:hover{background:#c82333}.sales-tripwise-edit-modal-body,.sales-tripwise-modal-body{border:1px solid #ddd;border-radius:6px;flex:1 1;margin-top:10px;max-height:70vh;overflow-y:auto;scroll-behavior:smooth}.sales-tripwise-edit-modal-body{overflow-x:hidden}.sales-tripwise-items-wrapper{max-height:300px;overflow-x:auto;overflow-y:auto;width:100%}.sales-tripwise-items-wrapper .sales-tripwise-items-table td:first-child,.sales-tripwise-items-wrapper .sales-tripwise-items-table th:first-child{left:0;position:-webkit-sticky;position:sticky}.sales-tripwise-items-wrapper .sales-tripwise-items-table th:first-child{background-color:#4a4af3;z-index:5}.sales-tripwise-items-wrapper .sales-tripwise-items-table td:first-child{background-color:#fff;z-index:5}.sales-tripwise-modal-body::-webkit-scrollbar-thumb{background-color:#00000040}.sales-tripwise-modal-body::-webkit-scrollbar-thumb:hover{background-color:#00000073}.sales-tripwise-items-table{border-collapse:collapse;font-size:12px;min-width:900px;width:100%}.sales-tripwise-items-table td,.sales-tripwise-items-table th{border:2px solid #fff;padding:10px;text-align:center}.sales-tripwise-items-table thead th{color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.sales-tripwise-items-table tbody tr:hover{background:#e0f7fa;transition:background .2s ease-in-out}.sales-tripwise-modal-body::-webkit-scrollbar{width:8px}.sales-tripwise-modal-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.sales-tripwise-header-info{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:15px;justify-content:flex-start;margin-bottom:20px;padding:20px;width:100%}.sales-tripwise-header-title{border-bottom:2px solid #1a73e8;color:#1a73e8;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase}.sales-tripwise-header-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(3,1fr);width:100%}.sales-tripwise-header-item{align-items:flex-start;background:#ecedee;border-radius:8px;box-shadow:0 1px 2px #0000000f;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 14px}.sales-tripwise-label{color:#333;flex:1 1;font-weight:500}.sales-tripwise-value{color:#444;flex:1 1;font-weight:600;text-align:right}.sales-tripwise-value.status-active{color:#2e7d32}.sales-tripwise-value.status-pending{color:#f9a825}.sales-tripwise-value.status-cancelled{color:#d32f2f}.toast-message{animation:slideIn .4s ease,fadeOut .5s ease 2.5s forwards;box-shadow:0 4px 10px #00000026;min-width:220px;padding:14px 22px;text-align:left}.toast-success{background-color:#28a745}.toast-error{background-color:#dc3545}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.popup-box{animation:popupFadeIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 6px 20px #00000040;padding:25px 30px;text-align:center;width:350px}.popup-box h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.popup-buttons{gap:10px}.btn-confirm{background:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.btn-confirm:hover{background:#d32f2f}.btn-cancel{background:#9e9e9e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.btn-cancel:hover{background:#757575}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sales-tripwise-confirm-btn{align-items:center;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:2px;justify-content:center;padding:6px 12px;transition:.3s}.sales-tripwise-confirm-btn:hover{background-color:#218838}.sale-delete-popup-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;width:100%;z-index:2000}.sale-delete-popup-box{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:25px 30px;text-align:center;width:320px}.sale-delete-popup-buttons{gap:10px;margin-top:15px}.sale-confirm-btn{background-color:#e53935}.sale-cancel-btn,.sale-confirm-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.sale-cancel-btn{background-color:#b0b0b0}.sale-delete-popup-box p{font-size:16px;font-weight:500;margin-bottom:20px}.sale-delete-popup-buttons{display:flex;gap:20px;justify-content:center}.sale-confirm-btn:hover{background-color:#c82333}.sale-cancel-btn:hover{background-color:#555}@media (max-width:767px){.sales-tripwise-main{margin-left:0;width:100%}.sales-tripwise-container{height:auto;margin-left:0;padding:10px;width:100%}.sales-tripwise-header{align-items:flex-start;flex-direction:column}.sales-tripwise-right{flex-wrap:wrap;gap:10px}.sales-tripwise-kpi{gap:10px;grid-template-columns:1fr}.sales-tripwise-filters{gap:10px}.sales-tripwise-table-container{overflow-x:auto}.sales-tripwise-table{min-width:600px}.sales-tripwise-action-buttons{flex-direction:column}.sales-tripwise-actions{flex-direction:column;gap:10px}.sales-tripwise-modal-overlay{margin-left:0;width:100%}}@media (min-width:768px) and (max-width:1024px){.sales-tripwise-main{margin-left:0;width:100%}.sales-tripwise-container{margin-left:0;margin-top:70px;width:100%}.sales-tripwise-modal-overlay{margin-left:0;width:100%}.sales-tripwise-kpi{grid-template-columns:repeat(2,1fr)}.sales-tripwise-filters{justify-content:flex-start}.sales-tripwise-table{min-width:100%}}@media (max-width:1024px){.sale-delete-popup-overlay,.sales-tripwise-main,.sales-tripwise-modal-overlay{margin-left:0;width:100%}}.input-error{background-color:#fff5f5;border:1px solid red}.stock-error{color:red;font-weight:600}.row-error{background-color:#ffeaea;color:#b00020;font-size:13px;padding:8px 12px}.row-error-bg{background-color:#fff9f9}.stepper-container-edit{width:75%}.sales-tripwise-new-modal-body{border:1px solid #ddd;border-radius:6px;display:flex;flex:1 1;flex-direction:column;margin-top:10px;max-height:70vh;overflow:hidden;padding:0 12px}.sales-tripwise-items{display:flex;flex:1 1;flex-direction:column;min-height:0}.sales-tripwise-items-table-wrapper{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;width:100%}.sales-tripwise-new-items-table{background:#fff;border-collapse:collapse;border-radius:10px;display:block;max-height:300px;overflow-x:auto;overflow-y:auto;width:100%}.sales-tripwise-new-items-table thead th{background:#4242d4;color:#fff;position:-webkit-sticky;position:sticky;z-index:4}.sales-tripwise-new-items-table td:first-child,.sales-tripwise-new-items-table th:first-child{left:0;position:-webkit-sticky;position:sticky}.sales-tripwise-new-items-table td:nth-child(2),.sales-tripwise-new-items-table th:nth-child(2){left:55px;position:-webkit-sticky;position:sticky}.sales-tripwise-new-items-table th:first-child,.sales-tripwise-new-items-table th:nth-child(2){background:#4242d4;z-index:5}.sales-tripwise-new-items-table td:first-child,.sales-tripwise-new-items-table td:nth-child(2){background-color:#fff}.sales-tripwise-cus-items-table{background:#fff;border-collapse:collapse;border-radius:10px;display:block;max-height:300px;overflow-x:auto;overflow-y:auto;width:100%}.sales-tripwise-cus-items-table thead th{background:#4242d4;color:#fff;position:-webkit-sticky;position:sticky;z-index:4}.sales-tripwise-cus-items-table td:first-child,.sales-tripwise-cus-items-table th:first-child{left:0;position:-webkit-sticky;position:sticky}.sales-tripwise-cus-items-table th:first-child{background:#4242d4;z-index:5}.sales-tripwise-cus-items-table td:first-child{background-color:#fff}.stepper-container-edit{align-items:flex-start;display:flex;justify-content:space-between;position:relative;width:50%}.dash-step-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.dash-step-circle{align-items:center;background-color:#757272;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px;z-index:2}.dash-step-circle.active{background-color:#db267b;box-shadow:0 0 6px #b3186d66;transform:scale(1.1)}.dash-step-circle.completed{background-color:#28a745}.dash-step-label{color:#fff;font-size:12px;font-weight:500;margin-top:8px;max-width:90px;text-align:center}.dash-step-wrapper:not(:last-child):after{background-color:#d3d3d3;content:"";height:3px;left:50%;position:absolute;top:16px;transition:background-color .3s ease;width:100%;z-index:1}.dash-step-wrapper.line-completed:not(:last-child):after{background-color:#28a745}.stw-container{font-family:DM Sans,Segoe UI,sans-serif;padding:20px}.stw-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.stw-kpi-card{background:#fff;border:.5px solid #e2e2e0;border-radius:12px;overflow:hidden;padding:1rem 1.15rem;position:relative}.stw-kpi-card:after{border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stw-k1:after{background:#1d9e75}.stw-k2:after{background:#378add}.stw-k3:after{background:#d85a30}.stw-k4:after{background:#7f77dd}.stw-kl{color:#888780;font-size:11px;font-weight:500;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.stw-kl em{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none}.stw-kv{color:#1a1a18;font-family:DM Mono,Courier New,monospace;font-size:21px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stw-ks{font-size:13px}.stw-ks,.stw-ks b{color:#43cc4f;font-weight:700}.stw-bar{gap:10px;justify-content:space-between;margin-bottom:12px}.stw-bar,.stw-filters{align-items:center;display:flex}.stw-filters{gap:8px}.stw-filters input[type=date],.stw-filters input[type=text],.stw-filters select{background:#fff;border:.5px solid #d3d1c7;border-radius:8px;color:#1a1a18;font-family:inherit;font-size:13px;height:34px;outline:none;padding:0 10px;transition:border-color .15s}.stw-filters input:hover,.stw-filters select:hover{border-color:#b4b2a9}.stw-filters input:focus,.stw-filters select:focus{border-color:#888780}.stw-search{min-width:220px}.stw-table-wrap{background:#fff;border:.5px solid #e2e2e0;border-radius:12px;margin-bottom:14px;overflow:hidden}.stw-table{border-collapse:collapse;table-layout:fixed;width:100%}.stw-table thead tr{background:#f7f6f2}.stw-table tbody tr{border-bottom:.5px solid #eeede9;transition:background .1s}.stw-table tbody tr:last-child{border-bottom:none}.stw-table tbody tr:hover{background:#fafaf8}.stw-table td{color:#2c2c2a;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.stw-tc{text-align:center}.stw-amt,.stw-chip{font-weight:500}.stw-amt{font-family:DM Mono,Courier New,monospace}.stw-badge{border-radius:20px;display:inline-block;font-weight:500;padding:2px 9px}.stw-pay-paid{background:#eaf3de;color:#3b6d11}.stw-pay-unpaid{background:#faece7;color:#712b13}.stw-pay-partial{background:#faeeda;color:#633806}.stw-st-draft{background:#f1efe8;color:#444441}.stw-st-billed{background:#e1f5ee;color:#085041}.stw-st-confirmed{background:#e6f1fb;color:#0c447c}.stw-actions{gap:7px}.stw-actions,.stw-ib{align-items:center;display:flex;justify-content:center}.stw-ib{background:#0000;border:.5px solid #d3d1c7;border-radius:8px;color:#888780;cursor:pointer;height:28px;transition:all .15s;width:28px}.stw-ib:hover.stw-view{background:#e6f1fb;border-color:#b5d4f4;color:#0c447c}.stw-ib:hover.stw-del{background:#faece7;border-color:#f5c4b3;color:#712b13}.stw-empty{color:#b4b2a9;font-size:13px;padding:44px;text-align:center}.stw-pagination{gap:8px;justify-content:flex-end}.stw-pagination,.stw-pg-btn{align-items:center;display:flex}.stw-pg-btn{background:#fff;border:.5px solid #d3d1c7;border-radius:8px;color:#5f5e5a;cursor:pointer;height:30px;justify-content:center;transition:all .15s;width:30px}.stw-pg-btn:hover:not(:disabled){background:#f1efe8;border-color:#b4b2a9}.stw-pg-btn:disabled{cursor:not-allowed;opacity:.35}.stw-pg-info{color:#888780;font-size:13px;font-weight:500;min-width:40px;text-align:center}@media (max-width:900px){.stw-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.stw-kpi-grid{grid-template-columns:1fr}.stw-bar{align-items:flex-start;flex-direction:column}.stw-add-btn{justify-content:center;width:100%}.stw-search{min-width:100%}}.cv-container{align-items:center;display:flex;font-family:DM Sans,Segoe UI,sans-serif;justify-content:center;margin-top:20px;padding:0 0 2rem}.cv-table-wrap{background:#fff;border:.5px solid #e2e2e0;border-radius:12px;overflow:hidden;width:80%}.cv-tbl-header{align-items:center;background:#fff;border-bottom:.5px solid #e2e2e0;display:flex;justify-content:space-between;padding:12px 16px}.cv-tbl-title{color:#1a1a18;font-size:13px;font-weight:500;margin-bottom:1px}.cv-tbl-sub{color:#b4b2a9;font-size:11px}.cv-badge{align-items:center;background:#e1f5ee;border-radius:20px;color:#085041;display:inline-flex;font-size:11px;font-weight:500;gap:5px;padding:3px 9px}.cv-badge-dot{background:#1d9e75;border-radius:50%;display:inline-block;flex-shrink:0;height:5px;width:5px}.cv-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.cv-table thead tr{background:#f7f6f2}.cv-table thead th{border-bottom:.5px solid #e2e2e0;font-size:11px;font-weight:500;letter-spacing:.05em;padding:9px 16px;text-transform:uppercase}.cv-table tbody tr{border-bottom:.5px solid #eeede9;transition:background .1s}.cv-table tbody tr:last-child{border-bottom:none}.cv-table tbody tr:not(:last-child):hover{background:#fafaf8}.cv-table td{color:#2c2c2a;padding:11px 16px;vertical-align:middle}.cv-table td:not(:first-child){font-family:DM Mono,Courier New,monospace;font-size:12px;font-weight:500}.cv-table td:first-child{color:#5f5e5a}.cv-total-row{background:#f7f6f2}.cv-total-row td{color:#1a1a18!important;font-weight:600}.cv-pill{align-items:center;color:#2c2c2a;display:inline-flex;font-size:13px;font-weight:500;gap:6px}.cv-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.cv-dot-t{background:#378add}.cv-dot-g{background:#7f77dd}.cv-dot-total{background:#888780}.cv-loading{align-items:center;color:#b4b2a9;display:flex;font-size:13px;gap:10px;justify-content:center;padding:3rem}.cv-spinner{animation:cv-spin .7s linear infinite;border:2px solid #e2e2e0;border-radius:50%;border-top-color:#888780;flex-shrink:0;height:16px;width:16px}@keyframes cv-spin{to{transform:rotate(1turn)}}.cv-error{color:#993c1d;font-size:13px;padding:3rem;text-align:center}.sales-manual-main{background:#f5f6fa;font-family:Poppins,sans-serif;min-height:100vh;width:100%}.sales-manual-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px;max-height:90vh;overflow-y:auto;padding:10px;width:100%}.sale-manual-product-container{width:100%}.sales-manual-message{border-radius:6px;margin-bottom:15px;padding:10px}.sales-manual-message.success{background:#d4edda;color:#155724}.sales-manual-message.error{background:#f8d7da;color:#721c24}.sales-manual-header{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;width:100%}.sales-manual-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.sales-manual-search{border-radius:5px;margin-bottom:10px;padding:8px;width:100%}.sales-manual-table{border-collapse:collapse;width:100%}.sales-manual-table td,.sales-manual-table th{border:1px solid #ddd;padding:8px;text-align:center}.sales-manual-table th{color:#fff}.sales-manual-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.sales-manual-footer button{background:#2b3e50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.sales-manual-footer button:hover{background:#1a2632}.sales-manual-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.sales-manual-popup{background:#fff;border-radius:10px;max-height:80%;overflow-y:auto;padding:20px;width:80%}.sales-manual-popup table{border-collapse:collapse;margin-top:10px;width:100%}.sales-manual-popup td,.sales-manual-popup th{border:1px solid #ddd;padding:8px;text-align:center}.sales-manual-popup th{background:#2b3e50;color:#fff}.sales-manual-delete{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.sales-manual-delete:hover{background:#a71d2a}.sales-manual-popup-footer{display:flex;flex-direction:column;font-weight:600;gap:10px;margin-top:15px}.sales-manual-popup-buttons{display:flex;gap:10px;justify-content:flex-end}.sales-manual-popup-buttons button{background:#2b3e50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.sales-manual-popup-buttons button:hover{background:#1a2632}.sales-manual-message{animation:fadeInOut 3s ease;border-radius:8px;box-shadow:0 2px 10px #0003;color:#fff;font-weight:500;padding:12px 18px;position:fixed;right:20px;top:20px;z-index:9999}.sales-manual-message.success{background-color:#2ecc71}.sales-manual-message.error{background-color:#e74c3c}.sales-manual-search-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.sales-manual-search{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:15px;margin-right:10px;padding:8px 12px}.sales-manual-buttons{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.sales-manual-save-btn{background-color:#00b4d8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.sales-manual-save-btn:hover{background-color:#0096c7}.sales-manual-cancel-btn{background-color:#ef233c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.sales-manual-cancel-btn:hover{background-color:#d90429}.product-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:5px;padding:10px;width:300px}.toggle-products-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.selected-count{background:#28a745;border-radius:15px;color:#fff;font-size:14px;padding:5px 10px}.products-table-container{border:1px solid #ddd;border-radius:5px;max-height:400px;overflow-y:auto;width:100%}.products-table{border-collapse:collapse;width:100%}.trip-items-table td:first-child,.trip-items-table th:first-child{box-shadow:2px 0 5px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:100}.trip-items-table td:nth-child(2),.trip-items-table th:nth-child(2){box-shadow:2px 0 5px #0000000d;left:50px;position:-webkit-sticky;position:sticky;z-index:98}.products-table td:first-child,.products-table th:first-child{box-shadow:2px 0 5px #00000014;left:0;min-width:50px;position:-webkit-sticky;position:sticky;z-index:100}.products-table td:nth-child(2),.products-table th:nth-child(2){box-shadow:2px 0 5px #0000000d;left:50px;min-width:160px;position:-webkit-sticky;position:sticky;z-index:98}.products-table td:first-child,.products-table td:nth-child(2){background:#fff}.products-table thead th:first-child{z-index:102}.products-table thead th:nth-child(2){z-index:101}.selected-products-summary{border-radius:8px;margin-top:20px;padding:20px}.selected-item{align-items:center;background:#fff;border-left:4px solid #007bff;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px}.remove-btn{background:none;border:none;color:#dc3545;font-size:18px}.no-products{color:#666;font-style:italic;padding:40px;text-align:center}.discount-select{background:#fff;width:90px}.discount-input,.discount-select{border:1px solid #ddd;border-radius:4px;padding:4px}.discount-input{text-align:center;width:70px}.save-section{margin:20px 0;text-align:center}.save-sale-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px}.save-sale-btn:hover{background:#218838}.row-error{color:#d32f2f;font-size:12px;margin-top:4px}@media (max-width:1024px){.sales-manual-main{margin-left:0;width:100%}}.salesman-route-wrapper{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.salesman-route-container{background:#fff;flex-grow:1;padding:30px 0}.salesman-route-container h2{color:#0077b6;margin-bottom:30px;text-align:center}.salesman-route-sections{align-items:flex-start;display:flex;gap:20px;justify-content:flex-start}.route-section,.salesman-section{background:#fff;border-radius:12px;box-shadow:0 0 8px #0000001a;flex:1 1;padding:10px}.route-section h3,.salesman-section h3{color:#0077b6;margin-bottom:15px;text-align:center}.salesman-form-buttons{display:flex;flex-direction:row;gap:12px;justify-content:center;margin-top:8px}.salesman-table-container{border:1px solid #e0e0e0;border-radius:6px;margin-top:15px;max-height:300px;overflow-y:auto}.salesman-data-table{border-collapse:collapse;width:100%}.salesman-data-table tbody tr td:last-child{align-items:center;display:flex;justify-content:center}@media (max-width:1024px){.delete-overlay,.salesman-route-wrapper{margin-left:0;width:100%}}.damage-entry-main{display:flex;flex-direction:column;font-family:Poppins,sans-serif;width:100%}.damage-entry-container{flex:1 1;padding:20px}.damage-entry-header{align-items:flex-end;display:flex;gap:15px;margin-bottom:10px;width:750px}.damage-entry-header label{color:#333;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px}.damage-entry-header input,.damage-entry-header select{border:1px solid #bbb;border-radius:5px;font-size:13px;padding:6px 8px;transition:border-color .3s ease;width:220px}.damage-entry-table td:nth-child(3),.damage-entry-table th:nth-child(3){width:110px}.damage-entry-table td:nth-child(8),.damage-entry-table th:nth-child(8){width:100px}.damage-entry-header input:focus,.damage-entry-header select:focus{border-color:#007bff;outline:none}.damage-entry-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden;width:100%}.damage-entry-table td,.damage-entry-table th{border:1px solid #e0e0e0;font-size:14px;padding:10px;text-align:center}.damage-entry-table th{background:linear-gradient(90deg,#007bff,#00b4d8);color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.damage-entry-table tbody tr:hover{background-color:#f9f9f9;transition:background-color .2s ease}.damage-entry-footer{background-color:#fff;border-top:1px solid #ddd;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;gap:10px;justify-content:flex-end;left:260px;padding:12px 10px;position:fixed;width:calc(100% - 270px);z-index:10}.damage-entry-footer button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 18px;transition:all .2s ease}.damage-entry-footer button:hover{opacity:.9}.damage-entry-footer button:first-child{background-color:#4bb543;color:#fff}.damage-entry-footer button:last-child{background-color:#ff4c4c;color:#fff}.damage-entry-toast{animation:fadeInOut 3s forwards;border-radius:6px;box-shadow:0 4px 10px #0003;color:#fff;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:999}.damage-entry-toast.success{background-color:#4bb543}.damage-entry-toast.error{background-color:#ff4c4c}.damage-dashboard-main{display:flex;flex-direction:column;font-family:Poppins,sans-serif;width:100%}.damage-dashboard-container{flex:1 1;padding:20px}.damage-dashboard-filters{display:flex;gap:10px;margin-bottom:15px}.amount-summary{align-items:center;background-color:#fff;border-radius:10px;display:flex;gap:10px;justify-content:center;padding:20px;width:100%}.amount-div{border-radius:5px;box-shadow:0 0 4px #c0bfbf;padding:5px;text-align:center;width:33%}.damage-dashboard-table{border-collapse:collapse;margin-bottom:20px;width:100%}.damage-dashboard-table td,.damage-dashboard-table th{border:1px solid #ddd;padding:8px;text-align:center}.damage-dashboard-table th{color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.damage-dashboard-table tbody td:last-child{align-items:center;display:flex;gap:3px;justify-content:center}.disabled-btn{background-color:#ccc;color:#666;cursor:not-allowed}.damage-dashboard-pagination{display:flex;gap:5px;margin-bottom:15px}.damage-dashboard-pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:5px 10px}.damage-dashboard-pagination button.active-page{background-color:#4bb543;color:#fff}.damage-dashboard-add-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.delete-popup-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-popup{border-radius:8px;box-shadow:0 4px 15px #0000004d;padding:20px 30px}.delete-popup h3{margin-bottom:10px}.delete-popup-buttons{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.damage-confirm-btn{background-color:#ff4c4c;color:#fff}.damage-cancel-btn,.damage-confirm-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 16px}.damage-cancel-btn{background-color:#ccc;color:#000}.damage-popup-overlay{animation:fadeIn .3s ease-in-out;background:#0000008c;height:100%;width:100%}.damage-popup{animation:scaleIn .25s ease-in-out;border-radius:12px;box-shadow:0 8px 20px #00000040;font-family:Poppins,sans-serif;max-width:90%;padding:25px 35px}.damage-popup h3{border-bottom:2px solid #0078d4;color:#333;font-weight:600;margin-bottom:20px;padding-bottom:8px}.damage-popup label{color:#333;font-size:14px;margin-bottom:14px}.damage-popup input,.damage-popup select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-top:6px;outline:none;padding:8px 10px;transition:border-color .2s;width:100%}.damage-popup input:focus,.damage-popup select:focus{border-color:#0078d4}.popup-buttons{margin-top:25px}.update-btn{background-color:#0078d4;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;margin-right:10px;padding:10px 0;transition:all .3s ease}.update-btn:hover{background-color:#005ea0}@keyframes scaleIn{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.claims-btn{background-color:#007bff;border-radius:4px;padding:4px 10px}.damage-popup-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.damage-popup{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;padding:25px;text-align:left;width:420px}.damage-popup h3{margin-bottom:15px;text-align:center}.damage-popup label{display:block;font-weight:500;margin:10px 0}.damage-popup input{border:1px solid #ccc;border-radius:6px;margin-top:5px;padding:8px;width:100%}.popup-buttons{justify-content:space-between;margin-top:15px}.toast{animation:fadeIn .3s ease-in-out;border-radius:6px;color:#fff;font-weight:600;padding:12px 18px;right:20px;top:15px}.success-toast{background-color:#28a745;box-shadow:0 0 10px #28a74566}.error-toast{background-color:#dc3545;box-shadow:0 0 10px #dc354566}.claims-btn{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.claims-btn:hover{background-color:#e67e22}@media (max-width:1024px){.damage-dashboard-main,.damage-popup-overlay,.delete-popup-overlay{margin-left:0;width:100%}}:root{--page-bg:#f4f5f8;--surface-2:#f8f9fb;--border:#e4e7ed;--border-hi:#cdd1db;--accent:#3b6cf8;--accent-light:#eff3ff;--accent-mid:#b8c8fd;--accent-dark:#2554d4;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-label:#6b7280;--error:#dc2626;--error-light:#fef2f2;--error-border:#fca5a5;--success:#16a34a;--success-light:#f0fdf4;--shadow-xs:0 1px 2px #1118270d;--shadow-sm:0 1px 4px #11182714,0 1px 2px #1118270a;--shadow-md:0 4px 16px #11182714,0 1px 4px #1118270d;--shadow-focus:0 0 0 3px #3b6cf82e;--r4:4px;--r8:8px;--r12:12px;--r16:16px;--r24:24px;--tr:0.17s cubic-bezier(0.4,0,0.2,1);--font-display:"DM Serif Display",serif;--font-body:"Instrument Sans",sans-serif}.uom-page{background:#f4f5f8;background:var(--page-bg);font-family:Instrument Sans,sans-serif;font-family:var(--font-body);min-height:100vh}.uom-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:32px 20px 60px}.uom-form-container{animation:cardIn .32s cubic-bezier(.34,1.4,.64,1) both;background:#fff;background:var(--surface);border:1px solid #e4e7ed;border:1px solid var(--border);border-radius:24px;border-radius:var(--r24);box-shadow:0 4px 16px #11182714,0 1px 4px #1118270d;box-shadow:var(--shadow-md);max-width:520px;overflow:hidden;padding:0;width:100%}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uom-form-container:before{background:linear-gradient(90deg,#3b6cf8,#7c9ffa);background:linear-gradient(90deg,var(--accent) 0,#7c9ffa 100%);content:"";display:block;height:4px}.uom-form-header{border-bottom:1px solid #e4e7ed;border-bottom:1px solid var(--border);padding:28px 32px 20px}.uom-form-header h2{color:#111827;color:var(--text-primary);font-family:"DM Serif Display",serif;font-family:var(--font-display);font-size:1.45rem;font-weight:400;letter-spacing:-.01em;margin-bottom:4px}.uom-form-header p{color:#9ca3af;color:var(--text-muted);font-size:.83rem;font-weight:400}.uom-form-body{gap:18px;padding:24px 32px}.uom-form-body,.uom-form-group{display:flex;flex-direction:column}.uom-form-group{gap:6px}.uom-form-group label{color:#6b7280;color:var(--text-label);font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.uom-form-group input,.uom-form-group textarea{background:#f8f9fb;background:var(--surface-2);border:1.5px solid #e4e7ed;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r8);color:#111827;color:var(--text-primary);font-family:Instrument Sans,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:400;outline:none;padding:10px 14px;resize:none;transition:border-color .17s cubic-bezier(.4,0,.2,1),background .17s cubic-bezier(.4,0,.2,1),box-shadow .17s cubic-bezier(.4,0,.2,1);transition:border-color var(--tr),background var(--tr),box-shadow var(--tr);width:100%}.uom-form-group input::placeholder,.uom-form-group textarea::placeholder{color:#9ca3af;color:var(--text-muted);font-weight:400}.uom-form-group input:hover,.uom-form-group textarea:hover{border-color:#cdd1db;border-color:var(--border-hi)}.uom-form-group input:focus,.uom-form-group textarea:focus{background:#fff;border-color:#3b6cf8;border-color:var(--accent);box-shadow:0 0 0 3px #3b6cf82e;box-shadow:var(--shadow-focus)}.uom-form-group input.input-error,.uom-form-group textarea.input-error{background:#fef2f2;background:var(--error-light);border-color:#fca5a5;border-color:var(--error-border)}.uom-form-group input.input-error:focus,.uom-form-group textarea.input-error:focus{box-shadow:0 0 0 3px #dc26261f}#unit_desc{line-height:1.55;min-height:90px}.uom-error{align-items:center;color:#dc2626;color:var(--error);display:flex;font-size:.75rem;font-weight:500;gap:4px}.uom-error:before{align-items:center;background:#dc2626;background:var(--error);border-radius:50%;color:#fff;content:"!";display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:14px;justify-content:center;width:14px}.uom-form-divider{background:#e4e7ed;background:var(--border);height:1px;margin:0 -32px}.uom-form-actions{align-items:center;display:flex;gap:10px;padding:20px 32px 28px}.toast{animation:toastIn .28s cubic-bezier(.34,1.4,.64,1) both;border:1px solid #0000;border-radius:12px;border-radius:var(--r12);box-shadow:0 8px 30px #11182724;font-family:Instrument Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:500;max-width:340px;padding:12px 20px;position:fixed;right:24px;top:24px;z-index:9999}@keyframes toastIn{0%{opacity:0;transform:translateX(30px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}.toast.success{background:#f0fdf4;background:var(--success-light);border-color:#bbf7d0;color:#16a34a;color:var(--success)}.toast.error{background:#fef2f2;background:var(--error-light);border-color:#fca5a5;border-color:var(--error-border);color:#dc2626;color:var(--error)}@media (max-width:560px){.uom-form-actions,.uom-form-body,.uom-form-header{padding-left:20px;padding-right:20px}.uom-form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.uom-form-divider{margin:0 -20px}}.ud-root{background:#f0f6ff;color:#0a2540;font-family:DM Sans,sans-serif;min-height:100vh;padding:24px;position:relative}.ud-toast{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 18px}.ud-toast.success{background:#eafaf3;border:1px solid #a7e8cc;color:#1a7a4a}.ud-toast.error{background:#fff2f2;border:1px solid #f5bcbc;color:#c0392b}.ud-toast-icon{font-size:14px;font-weight:700}.ud-modal-overlay{align-items:center;background:#0a254073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.ud-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #003cc826;max-width:320px;padding:28px 28px 22px;text-align:center;width:90%}.ud-modal-icon{align-items:center;background:#fff2f2;border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto 16px;width:50px}.ud-modal-title{color:#0a2540;font-family:Syne,sans-serif;font-size:17px;font-weight:700;margin-bottom:8px}.ud-modal-text{color:#6b87b0;font-size:13px;line-height:1.6;margin-bottom:22px}.ud-modal-actions{display:flex;gap:10px}.ud-modal-yes{background:#e74c3c;border:none;border-radius:9px;color:#fff;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px;transition:background .15s}.ud-modal-yes:hover{background:#c0392b}.ud-stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.ud-stat{background:#fff;border:1px solid #dce8ff;border-radius:12px;padding:16px 18px}.ud-stat-label{color:#6b87b0;font-size:11px;font-weight:600;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.ud-stat-value{color:#1a5fff;font-family:Syne,sans-serif;font-size:24px;font-weight:700}.ud-stat-sub{color:#9ab0cc;font-size:11px;margin-top:3px}.ud-table-card{background:#fff;border:1px solid #dce8ff;border-radius:14px;margin-bottom:18px;overflow:hidden}.ud-table-head{background:#f0f6ff;border-bottom:1px solid #dce8ff;display:grid;grid-template-columns:1fr 1fr 90px;padding:12px 20px}.ud-th{color:#4a6fa5;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.ud-th-center{text-align:center}.ud-row{align-items:center;border-bottom:1px solid #f0f6ff;display:grid;grid-template-columns:1fr 1fr 90px;padding:14px 20px;transition:background .15s}.ud-row:last-child{border-bottom:none}.ud-row:hover{background:#f7faff}.ud-cell-name{align-items:center;color:#0a2540;display:flex;font-size:14px;font-weight:500;gap:10px}.ud-dot{background:#1a5fff;border-radius:50%;flex-shrink:0;height:8px;opacity:.35;width:8px}.ud-symbol-pill{background:#eef4ff;border:1px solid #c0d5ff;border-radius:6px;color:#1a5fff;display:inline-block;font-size:13px;font-weight:600;padding:3px 12px}.ud-cell-action,.ud-delete-btn{display:flex;justify-content:center}.ud-delete-btn{align-items:center;background:#fff5f5;border:1px solid #f0dcdc;border-radius:8px;color:#c0392b;cursor:pointer;height:34px;transition:background .15s,transform .1s;width:34px}.ud-delete-btn:hover{background:#ffe8e8;transform:scale(1.08)}.ud-delete-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.ud-empty{color:#9ab0cc;font-size:14px;padding:36px;text-align:center}.ud-footer{display:flex;justify-content:flex-end}@media (max-width:600px){.ud-stats-row{grid-template-columns:1fr}.ud-row,.ud-table-head{grid-template-columns:1fr 80px 60px}}.ts-page-layout{align-items:center;background:#f0f6ff;color:#0a2540;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;min-height:100vh}.ts-page-content{flex:1 1;padding:20px 24px 32px}.ts-toast{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:18px;padding:12px 18px}.ts-toast.success{background:#eafaf3;border:1px solid #a7e8cc;color:#1a7a4a}.ts-toast.error{background:#fff2f2;border:1px solid #f5bcbc;color:#c0392b}.ts-toast-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:8px;width:8px}.ts-card{background:#fff;border:1px solid #dce8ff;border-radius:16px;max-width:820px;overflow:hidden}.ts-card-header{align-items:center;background:#1a5fff;display:flex;gap:14px;padding:20px 26px}.ts-card-header-icon{align-items:center;background:#ffffff2e;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ts-card-title{color:#fff;font-family:Syne,sans-serif;font-size:17px;font-weight:700}.ts-card-sub{color:#fff9;font-size:12px;margin-top:2px}.ts-card-body{padding:26px}.ts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.ts-full{grid-column:1/-1}.ts-group{display:flex;flex-direction:column;gap:7px}.ts-label{color:#4a6fa5;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.ts-required{color:#e74c3c;margin-left:2px}.ts-input,.ts-select,.ts-textarea{background:#f7faff;border:1.5px solid #dce8ff;border-radius:9px;color:#0a2540;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s,background .15s;width:100%}.ts-input:focus,.ts-select:focus,.ts-textarea:focus{background:#fff;border-color:#1a5fff}.ts-input::placeholder,.ts-textarea::placeholder{color:#9ab0cc}.ts-input-error{background:#fff8f8!important;border-color:#e74c3c!important}.ts-select{-webkit-appearance:none;appearance:none;background-color:#f7faff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%234a6fa5'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.ts-textarea{line-height:1.6;min-height:90px;resize:vertical}.ts-error{color:#c0392b;font-size:12px;margin:0}.ts-checkbox-row{align-items:center;background:#f0f6ff;border:1.5px solid #dce8ff;border-radius:9px;display:flex;gap:10px;padding:13px 16px}.ts-checkbox{accent-color:#1a5fff;cursor:pointer;flex-shrink:0;height:17px;width:17px}.ts-checkbox-label{color:#0a2540;cursor:pointer;font-size:14px;font-weight:500}.ts-checkbox-hint{color:#6b87b0;font-size:12px;margin-left:auto}.ts-divider{background:#f0f6ff;height:1px}.ts-actions{display:flex;gap:12px;justify-content:flex-end}.ts-btn-clear{align-items:center;background:#f0f6ff;border:1px solid #c0d5ff;border-radius:10px;color:#1a5fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:11px 22px;transition:background .15s,transform .1s}.ts-btn-clear:hover{background:#ddeaff}.ts-btn-clear:active{transform:scale(.97)}@media (max-width:600px){.ts-grid{grid-template-columns:1fr}.ts-checkbox-hint{display:none}.ts-actions{flex-direction:column-reverse}.ts-btn-clear,.ts-btn-save{justify-content:center;width:100%}}.tax-page{background:#f7f6f2;font-family:Sora,DM Sans,sans-serif;min-height:100vh}.tax-content{margin:0 auto;padding:10px 20px;width:100%}.tax-hero-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.tax-eyebrow{color:#9b8a6e;font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:4px;margin-top:0;text-transform:uppercase}.tax-page-title{color:#65aecf;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.tax-stats-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.tax-stat-card{background:#fff;border:1px solid #eae8e0;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:16px 20px}.tax-stat-label{color:#9b8a6e;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.tax-stat-value{color:#1c1a16;font-size:26px;font-weight:700;letter-spacing:-.02em}.tax-stat-value.green{color:#156643}.tax-stat-value.purple{color:#4e38c1}.tax-stat-sub{color:#b0a690;font-size:12px}.tax-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:20px}.tax-search-wrap,.tax-toolbar{align-items:center;display:flex}.tax-search-wrap{flex:1 1;min-width:220px;position:relative}.tax-search-icon{color:#b0a690;font-size:16px;left:14px;pointer-events:none;position:absolute}.tax-search-input{background:#fff;border:1.5px solid #e3e0d6;border-radius:10px;color:#1c1a16;font-family:inherit;font-size:14px;outline:none;padding:10px 14px 10px 38px;transition:border-color .18s;width:100%}.tax-search-input:focus{border-color:#1c1a16}.tax-filter-pills{display:flex;gap:6px}.tax-pill{background:#fff;border:1.5px solid #ddd9ce;border-radius:99px;color:#5c5444;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;padding:9px 18px;transition:all .15s}.tax-pill.active{background:#2ba792;border-color:#2ba792;color:#fff}.tax-table-card{background:#fff;border:1px solid #eae8e0;border-radius:18px;overflow:hidden}.tax-table{border-collapse:collapse;width:100%}.tax-table thead{background:#f7f6f2}.tax-table th{border-bottom:1px solid #eae8e0;color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;padding:12px 16px;text-transform:uppercase;white-space:nowrap}.tax-table th,.tax-table th.right{text-align:center}.tax-table td{border-bottom:1px solid #f2f0eb;color:#2e2a22;font-size:14px;padding:14px 16px;vertical-align:middle}.tax-table tbody tr:last-child td{border-bottom:none}.tax-row:hover td{background:#fafaf8}.tax-cell-mono{color:#6b5e4a;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.tax-cell-rate{color:#1c1a16;font-weight:600}.tax-cell-right{text-align:center}.tax-name-text{color:#1c1a16;font-size:14px;font-weight:600}.tax-dash{color:#b0a690;font-size:13px}.badge-active,.badge-inactive{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.badge-active{background:#dff4ec;color:#156643}.badge-inactive{background:#f4efe8;color:#7a6040}.badge-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.badge-dot.on{background:#1fab6b}.badge-dot.off{background:#b0a690}.compound-pill{background:#ede8ff;border-radius:6px;color:#4e38c1;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 8px}.tax-actions-group{gap:8px}.tax-actions-group,.tax-edit-btn{align-items:center;display:flex;justify-content:center}.tax-edit-btn{background:#fff;border:1.5px solid #e3e0d6;border-radius:8px;color:#5c5444;cursor:pointer;font-size:16px;height:34px;transition:all .15s;width:34px}.tax-edit-btn:hover{background:#f2f0eb;border-color:#c8c4b8}.tax-deactivate-btn{background:#fff4f4;border:1.5px solid #fccfcf;border-radius:8px;color:#b83232;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.tax-deactivate-btn:hover{background:#ffe8e8}.tax-activate-btn{background:#edfaf3;border:1.5px solid #b6e4cf;border-radius:8px;color:#1a7a4b;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.tax-activate-btn:hover{background:#d4f4e6}.tax-no-data{color:#b0a690;font-size:15px;padding:56px 0;text-align:center}.tax-no-data-icon{display:block;font-size:40px;margin:0 auto 12px;opacity:.25}.tax-pagination{align-items:center;background:#fafaf8;border-top:1px solid #f2f0eb;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px}.tax-pagination-info{color:#9b8a6e;font-size:13px;white-space:nowrap}.tax-pagination-controls{align-items:center;display:flex;gap:4px}.tax-page-btn{align-items:center;background:#fff;border:1.5px solid #e3e0d6;border-radius:8px;color:#5c5444;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;height:34px;justify-content:center;min-width:34px;padding:0 6px;transition:all .15s}.tax-page-btn:hover:not(:disabled){background:#f2f0eb;border-color:#c8c4b8}.tax-page-btn.active{background:#2ba792;border-color:#2ba792;color:#fff;font-weight:600}.tax-page-btn.nav{color:#9b8a6e;font-size:18px}.tax-page-btn:disabled{cursor:not-allowed;opacity:.35}.tax-page-ellipsis{align-items:center;color:#b0a690;display:inline-flex;font-size:13px;height:34px;justify-content:center;min-width:34px;-webkit-user-select:none;user-select:none}.tax-page-size{align-items:center;display:flex;gap:8px}.tax-page-size-label{color:#9b8a6e;font-size:12px;font-weight:500;white-space:nowrap}.tax-page-size-select{background:#fff;border:1.5px solid #e3e0d6;border-radius:8px;color:#2e2a22;cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:6px 10px;transition:border-color .15s}.tax-page-size-select:focus{border-color:#2ba792}.tax-fab{align-items:center;background:#329770;border:none;border-radius:99px;bottom:32px;box-shadow:0 8px 24px #1c1a1638;color:#f7f3e8;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;letter-spacing:.02em;padding:14px 24px;position:fixed;right:32px;transition:transform .15s,box-shadow .15s;z-index:100}.tax-fab:hover{box-shadow:0 12px 36px #1c1a164d;transform:translateY(-2px) scale(1.03)}.tax-toast{animation:slideIn .25s ease;background:#70cc9e;border-radius:12px;box-shadow:0 8px 32px #0000002e;color:#f7f3e8;font-size:14px;font-weight:500;max-width:340px;padding:14px 22px;position:fixed;right:24px;top:24px;z-index:9999}.tax-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1a167a;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.tax-modal{background:#fff;border-radius:20px;box-shadow:0 24px 80px #0000002e;max-width:480px;overflow:hidden;width:100%}.tax-modal-header{align-items:center;background:#fafaf8;border-bottom:1px solid #eae8e0;display:flex;justify-content:space-between;padding:20px 24px}.tax-modal-title{color:#6c95d3;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.tax-modal-close{align-items:center;background:none;border:none;color:#9b8a6e;cursor:pointer;display:flex;font-size:22px;line-height:1;padding:0}.tax-modal-close:hover{color:#1c1a16}.tax-modal-body{padding:24px}.tax-form-grid{grid-gap:16px 14px;display:grid;gap:16px 14px;grid-template-columns:1fr 1fr;margin-bottom:16px}.tax-form-group-full{grid-column:1/-1}.tax-form-label{color:#9b8a6e;display:block;font-size:11px;font-weight:600;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.tax-form-input,.tax-form-select{background:#fafaf8;border:1.5px solid #e3e0d6;border-radius:10px;box-sizing:border-box;color:#1c1a16;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.tax-form-input:focus,.tax-form-select:focus{border-color:#1c1a16}.tax-form-select{cursor:pointer}.tax-checkbox-row{align-items:center;background:#fafaf8;border:1.5px solid #e3e0d6;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;-webkit-user-select:none;user-select:none}.tax-checkbox-row input[type=checkbox]{accent-color:#1c1a16;cursor:pointer;height:16px;width:16px}.tax-checkbox-label-text{color:#2e2a22;font-size:14px;font-weight:500}.tax-modal-footer{background:#fafaf8;border-top:1px solid #eae8e0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}@media (max-width:640px){.tax-form-grid,.tax-stats-strip{grid-template-columns:1fr}.tax-form-group-full{grid-column:1}.tax-page-title{font-size:24px}.tax-fab{bottom:20px;font-size:13px;padding:12px 20px;right:20px}.tax-pagination{align-items:flex-start;flex-direction:column;gap:10px}.tax-pagination-controls{flex-wrap:wrap}}.transporter-page-container{border-radius:12px;box-shadow:0 0 10px #0000001a;width:100%}.transporter-header{align-items:flex-end;display:flex;justify-content:flex-end;margin-top:30px;padding:20px}.toggle-btn{background-color:#0077b6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:15px;padding:8px 16px}.add-form{gap:10px;margin:20px}.form-buttons{display:flex;gap:10px}.transporter-save-btn{background-color:#009688}.transporter-cancel-btn,.transporter-save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.transporter-cancel-btn{background-color:#e63946}.transporter-table-container{border:1px solid #ddd;border-radius:8px;margin:20px;max-height:400px;overflow-x:auto;overflow-y:auto}.transporter-table{border-collapse:collapse;min-width:200px;width:100%}.transporter-table th{color:#fff;font-weight:600;letter-spacing:.5px;padding:10px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.transporter-table td,.transporter-table th{border:1px solid #e0e0e0;font-size:14px;padding:10px;text-align:center}.transporter-table td{border:1px solid #ddd;padding:10px;text-align:center}.transporter-table-container::-webkit-scrollbar{height:4px;width:4px}.transporter-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.transporter-table-container::-webkit-scrollbar-thumb{background-color:#00b4d8;border-radius:10px}.transporter-table-container::-webkit-scrollbar-thumb:hover{background-color:#0077b6}.transporter-table-container{scrollbar-color:#bcd5da #f1f1f1;scrollbar-width:thin}.transporter-delete-btn{background-color:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.transporter-message{background-color:#d1e7dd;border:1px solid #badbcc;border-radius:6px;color:#0f5132;margin-bottom:10px;padding:10px}.toast-message{animation:fadeInOut 3s ease;box-shadow:0 4px 8px #00000026}.toast-message.error{background-color:#e74c3c}.transporter-delete-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.transporter-delete-popup{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;padding:25px 30px;text-align:center;width:350px}.transporter-delete-popup h3{color:#e63946;margin-bottom:10px}.transporter-delete-popup-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.transporter-confirm-btn{background-color:#e63946;margin-right:10px}.transporter-confirm-btn,.transporterpopup-cancel-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.transporterpopup-cancel-btn{background-color:#413d3d}@media (max-width:1023px){.transporter-page-container{margin-left:0;width:100%}}.supplier-page{background:#f4f6f9;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;width:100%}.supplier-container{align-items:flex-start;display:flex;flex:1 1;height:100vh;justify-content:center;overflow:auto;padding:20px}.supplier-form{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000001a;display:flex;flex-direction:column;height:auto;max-height:none;max-width:700px;padding:25px 30px;width:100%}.supplier-form h2{border-bottom:1px solid #eee;color:blue;font-size:20px;font-weight:600;margin-bottom:18px;padding-bottom:10px;text-align:center}.supplier-form form{flex:1 1;overflow-y:visible;padding-right:6px}.supplier-grid{grid-gap:14px 20px;gap:14px 20px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.supplier-error{color:#e53935;margin-top:3px}.supplier-form-actions{border-top:1px solid #eee;gap:12px;justify-content:flex-end;margin-top:14px;padding-top:12px}@media (max-width:768px){.supplier-container{margin-left:0;padding:15px}.supplier-form{height:auto;max-height:100vh}.supplier-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}@media (max-width:1023px){.supplier-page{margin-left:0;width:100%}}.supplier-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.supplier-error{color:red;font-size:12px;margin-top:4px}.supplier-form-actions{display:flex;gap:10px;margin-top:20px}.supplier-dashboard-layout{background:#f8f9fb;display:flex;flex-direction:column;min-height:100vh;width:100%}.supplier-dashboard-container{margin-top:30px;padding:20px;width:100%}.supplier-dashboard-container h2{color:#007bff;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0 0 20px}.supplier-error{color:#dc3545;font-weight:600}.supplier-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.supplier-controls input,.supplier-controls select{background:#fff;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:25rem}.supplier-table-container{background:#fff;border:1px solid #e6e9ef;border-radius:8px;max-height:calc(100vh - 220px);overflow-x:auto;overflow-y:auto}.supplier-table-container::-webkit-scrollbar{height:6px;width:6px}.supplier-table-container::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:4px}.supplier-table-container::-webkit-scrollbar-thumb:hover{background-color:#888}.supplier-table-container::-webkit-scrollbar-track{background:#0000}.supplier-table{background:#fff;border-collapse:initial;border-spacing:0;width:100%}.supplier-table thead tr th:first-child{background-color:#4a4af3;left:0;position:-webkit-sticky;position:sticky;z-index:999}.supplier-table tbody tr td:first-child{background:#fff;left:0;position:-webkit-sticky;position:sticky}.supplier-table tbody tr td:last-child{align-items:center;display:flex;gap:5px;justify-content:center}.supplier-btn{border-radius:6px;margin-right:6px;padding:6px 14px;transition:all .2s ease-in-out}.supplier-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;width:100%;z-index:1300}.supplier-modal-box{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 10px 35px #00000026;max-width:95%;padding:22px;width:450px}.supplier-modal-box h3{color:#007bff;font-size:18px;font-weight:700;margin:0 0 18px;text-align:center}.supplier-form-row{display:flex;gap:22px}.supplier-form-group{display:flex;flex:1 1;flex-direction:column}.supplier-form-group input{width:95%}.supplier-form-group label{margin-top:5px}.supplier-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.supplier-btn-cancel{background:#6c757d;color:#fff}.supplier-btn-cancel:hover{background:#5a6268}.supplier-status-active{background-color:#e6f7e9;color:#2e7d32}.supplier-status-active,.supplier-status-inactive{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px;text-align:center}.supplier-status-inactive{background-color:#fdecea;color:#c62828}@media (max-width:1023px){.supplier-dashboard-layout,.supplier-modal-overlay{margin-left:0;width:100%}}.rcitem-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.rcitem-main{background:#f4f6f8;box-sizing:border-box;min-height:100vh;overflow-y:auto;padding:30px 50px;width:100%}.rcitem-title{color:#222;font-size:24px;font-weight:700;letter-spacing:.5px;margin-bottom:25px}.rcitem-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;flex-direction:column;margin-bottom:40px;padding:30px 25px;transition:all .3s ease}.rcitem-form,.rcitem-row{display:flex;gap:20px}.rcitem-row .rcitem-field{flex:1 1}.rcitem-single{width:100%}.rcitem-submit-container{display:flex;justify-content:flex-end}.rcitem-field{display:flex;flex-direction:column;margin-bottom:18px}.rcitem-field span{color:red}.rcitem-message{animation:fadeIn .3s ease-in-out;border-radius:5px;font-weight:500;margin-top:10px;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.rcitem-message.success{background-color:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.rcitem-message.error{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029}.rcitem-toast{animation:fadeSlide .4s ease-in-out;border-radius:8px;box-shadow:0 3px 10px #00000026;font-size:15px;font-weight:500;padding:12px 18px;position:fixed;right:30px;top:20px;transition:opacity .3s ease;z-index:9999}.rcitem-toast.success{background-color:#d1e7dd;border:1px solid #badbcc;color:green}.rcitem-toast.error{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.rcitem-wrapper{margin-left:0;width:100%}}.rcdashboard-wrapper{background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;width:100%}.rcdashboard-main{background-color:#fff;box-sizing:border-box;flex-grow:1;margin-top:30px;min-height:100vh;padding:20px}.rcdashboard-table-container{background:#fff;border-radius:8px;box-shadow:0 0 5px #0000001a;overflow-y:auto}.rcdashboard-table{border-collapse:collapse;font-size:15px;width:100%}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.rcdashboard-header{align-items:flex-end;display:flex;justify-content:flex-end;margin-bottom:15px}.rcdashboard-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:15px}.rcdashboard-popup-overlay{align-items:center;background:#0000008c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.rcdashboard-popup{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;padding:25px 30px;width:320px}.rcdashboard-popup p{color:#333;font-size:15px;margin-bottom:20px}.popup-buttons{display:flex;gap:12px;justify-content:center}.edit-popup h3{color:#1553c5;font-size:18px;margin-bottom:15px;text-align:center}.toast-message{animation:fadeInOut 3s ease forwards;box-shadow:0 2px 8px #0003;padding:12px 18px;right:25px;z-index:1000}.toast-message.success{background-color:#28a745}.toast-message.error{background-color:#dc3545}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.filter-section{align-items:center;display:flex;gap:6px}.rcdashboard-table td .action-buttons{justify-content:center}@media (max-width:1023px){.rcdashboard-popup-overlay,.rcdashboard-wrapper{margin-left:0;width:100%}}.rc-summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:36px;overflow:hidden;padding:24px}.rc-summary-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:20px}.rc-summary-heading{color:#1a1a1a;font-size:16px;font-weight:600;margin:0;white-space:nowrap}.rc-summary-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.rc-summary-chips{display:flex;flex-wrap:wrap;gap:6px}.summary-chip{background:#f9fafb;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:all .15s ease;white-space:nowrap}.summary-chip:hover{background:#f0fdf4;border-color:#86efac;color:#166534}.summary-chip-active{background:#166534;border-color:#166534;color:#fff}.summary-chip-active:hover{background:#14532d;border-color:#14532d;color:#fff}.summary-custom-range{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.summary-custom-range label{color:#166534;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.summary-custom-range input[type=date]{background:#fff;border:1px solid #86efac;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:13px;outline:none;padding:5px 10px;transition:border-color .15s ease,box-shadow .15s ease}.summary-custom-range input[type=date]:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.summary-search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;font-size:13px;min-width:200px;outline:none;padding:7px 12px;transition:border-color .15s ease,box-shadow .15s ease}.summary-search-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.summary-search-input::placeholder{color:#9ca3af}.search-section{display:flex;gap:10px}.summary-kpi-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media (max-width:640px){.summary-kpi-row{grid-template-columns:1fr}}.summary-kpi-card{border-radius:10px;overflow:hidden;padding:16px 18px;position:relative}.summary-kpi-card:before{border-radius:10px 0 0 10px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.summary-kpi-in{background:#f0fdf4;border:1px solid #bbf7d0}.summary-kpi-in:before{background:#16a34a}.summary-kpi-in .summary-kpi-value{color:#14532d}.summary-kpi-out{background:#fef2f2;border:1px solid #fecaca}.summary-kpi-out:before{background:#dc2626}.summary-kpi-out .summary-kpi-value{color:#7f1d1d}.summary-kpi-net{background:#eff6ff;border:1px solid #bfdbfe}.summary-kpi-net:before{background:#2563eb}.summary-kpi-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.summary-kpi-value{font-size:26px;font-weight:700;line-height:1.1;margin:0 0 4px}.summary-kpi-sub{color:#9ca3af;font-size:12px;margin:0}.summary-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.rc-summary-table{border-collapse:collapse;font-size:13.5px;min-width:520px;width:100%}.rc-summary-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.rc-summary-table th{color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;padding:11px 14px;text-align:center;text-transform:uppercase;white-space:nowrap}.rc-summary-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s ease}.rc-summary-table tbody tr:last-child{border-bottom:none}.rc-summary-table tbody tr:hover{background:#f9fafb}.rc-summary-table td{color:#374151;padding:11px 14px;vertical-align:middle}.summary-date-col{color:#6b7280!important;font-size:12.5px;white-space:nowrap}.summary-rc-name{color:#111827!important;font-weight:600}.summary-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:12.5px;font-weight:600;padding:3px 10px;white-space:nowrap}.summary-pill-in{background:#dcfce7;border:1px solid #bbf7d0;color:#14532d}.summary-pill-out{background:#fee2e2;border:1px solid #fecaca;color:#7f1d1d}.summary-pill-adj{background:#fef9c3;border:1px solid #fde68a;color:#713f12}.summary-qty{border-radius:6px;display:inline-block;font-size:13px;font-weight:700;padding:3px 10px}.qty-good{background:#dcfce7;color:#14532d}.qty-warn{background:#fef9c3;color:#92400e}.qty-low{background:#fee2e2;color:#7f1d1d}.summary-muted{color:#d1d5db;font-weight:500}.summary-loading,.summary-nodata{color:#9ca3af;font-size:14px;padding:32px 0;text-align:center}:root{--rc-bg:#f0f2f5;--rc-surface:#fff;--rc-border:#c6c9cc;--rc-border-focus:#3b82f6;--rc-accent:#1d4ed8;--rc-accent-soft:#eff6ff;--rc-accent-hover:#1e40af;--rc-text-primary:#111827;--rc-text-muted:#6b7280;--rc-danger:#dc2626;--rc-danger-soft:#fef2f2;--rc-success:#16a34a;--rc-success-soft:#f0fdf4;--rc-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000d;--rc-shadow-md:0 4px 12px #00000014;--rc-radius:10px;--rc-radius-sm:6px;--rc-font:"DM Sans",system-ui,sans-serif}.rcdispatch-wrapper{background:#f0f2f5;background:var(--rc-bg);color:#111827;color:var(--rc-text-primary);display:flex;flex-direction:column;font-family:DM Sans,system-ui,sans-serif;font-family:var(--rc-font);min-height:100vh;width:100%}.rcdispatch-main{display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:calc(100vh - 60px);overflow:hidden;padding:20px 24px}.rc-card{background:#fff;background:var(--rc-surface);border:1px solid #c6c9cc;border:1px solid var(--rc-border);border-radius:10px;border-radius:var(--rc-radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;box-shadow:var(--rc-shadow-sm);overflow:visible}.rc-section-title{color:#6b7280;color:var(--rc-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0;padding:12px 20px 0;text-transform:uppercase}.rcdispatch-header-form{padding:16px 20px 18px}.form-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(3,1fr)}.form-grid.two-columns{grid-template-columns:repeat(2,1fr);margin-top:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#6b7280;color:var(--rc-text-muted);font-size:.78rem;font-weight:600;letter-spacing:.03em}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:1.5px solid #c6c9cc;border:1.5px solid var(--rc-border);border-radius:6px;border-radius:var(--rc-radius-sm);color:#111827;color:var(--rc-text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--rc-font);font-size:.875rem;outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s,background .18s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;border-color:var(--rc-border-focus);box-shadow:0 0 0 3px #3b82f61f}.form-group textarea{line-height:1.5;min-height:72px;resize:vertical}.rcdispatch-product-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible}.rcdispatch-scroll-area{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto;padding:14px 20px 4px}.rcdispatch-scroll-area::-webkit-scrollbar{width:5px}.rcdispatch-scroll-area::-webkit-scrollbar-track{background:#0000}.rcdispatch-scroll-area::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.rcdispatch-scroll-area::-webkit-scrollbar-thumb:hover{background:#9ca3af}.product-row{grid-gap:12px;align-items:center;background:#fafafa;border:1.5px solid #c6c9cc;border:1.5px solid var(--rc-border);border-radius:6px;border-radius:var(--rc-radius-sm);display:grid;gap:12px;grid-template-columns:1fr 160px auto;margin-bottom:10px;padding:10px 14px;transition:border-color .18s,box-shadow .18s}.product-row:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #3b82f612}.product-row:focus-within{background:#fff;border-color:#3b82f6;border-color:var(--rc-border-focus);box-shadow:0 0 0 3px #3b82f61a}.product-select{min-width:0}.product-select .react-select__control{background:#0000!important;border:1.5px solid #c6c9cc!important;border:1.5px solid var(--rc-border)!important;border-radius:6px!important;border-radius:var(--rc-radius-sm)!important;box-shadow:none!important;font-size:.875rem;min-height:38px;transition:border-color .18s}.product-select .react-select__control--is-focused,.product-select .react-select__control:hover{border-color:#3b82f6!important;border-color:var(--rc-border-focus)!important}.product-select .react-select__menu{border-radius:6px;border-radius:var(--rc-radius-sm);box-shadow:0 4px 12px #00000014;box-shadow:var(--rc-shadow-md);font-size:.875rem;z-index:9999}.product-select .react-select__option--is-focused{background:#eff6ff;background:var(--rc-accent-soft);color:#1d4ed8;color:var(--rc-accent)}.product-select .react-select__option--is-selected{background:#1d4ed8;background:var(--rc-accent)}.product-row input[type=number]{-moz-appearance:textfield;background:#0000;border:1.5px solid #c6c9cc;border:1.5px solid var(--rc-border);border-radius:6px;border-radius:var(--rc-radius-sm);color:#111827;color:var(--rc-text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--rc-font);font-size:.875rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.product-row input[type=number]::-webkit-inner-spin-button,.product-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.product-row input[type=number]:focus{border-color:#3b82f6;border-color:var(--rc-border-focus);box-shadow:0 0 0 3px #3b82f61a}.row-index{background:#eff6ff;background:var(--rc-accent-soft);border-radius:50%;color:#1d4ed8;color:var(--rc-accent);flex-shrink:0;font-size:.7rem;font-weight:700;height:22px;justify-content:center;width:22px}.remove-btn,.row-index{align-items:center;display:inline-flex}.remove-btn{background:#0000;border:1.5px solid #dc2626;border:1.5px solid var(--rc-danger);border-radius:6px;border-radius:var(--rc-radius-sm);color:#dc2626;color:var(--rc-danger);cursor:pointer;font-size:.78rem;font-weight:600;gap:4px;padding:6px 12px;transition:background .15s,color .15s;white-space:nowrap}.remove-btn:hover{background:#fef2f2;background:var(--rc-danger-soft)}.rc-action-buttons{align-items:center;background:#fff;background:var(--rc-surface);border-radius:0 0 10px 10px;border-radius:0 0 var(--rc-radius) var(--rc-radius);border-top:1px solid #c6c9cc;border-top:1px solid var(--rc-border);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.rc-message-box{align-items:center;animation:rcToast 3s ease-in-out forwards;border-radius:6px;border-radius:var(--rc-radius-sm);box-shadow:0 4px 16px #0000002e;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:13px 22px;position:fixed;right:20px;top:20px;z-index:1000}.rc-message-box:before{background:#ffffffb3;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.rc-message-box.success{background:#16a34a;background:var(--rc-success)}.rc-message-box.error{background:#dc2626;background:var(--rc-danger)}@keyframes rcToast{0%{opacity:0;transform:translateY(-14px) scale(.96)}10%,85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.97)}}@media (max-width:1023px){.rcdispatch-wrapper{margin-left:0;width:100%}}@media (max-width:900px){.rcdispatch-main{padding:14px}.form-grid,.form-grid.two-columns{grid-template-columns:1fr}.product-row{gap:8px;grid-template-columns:1fr 120px auto}}@media (max-width:600px){.product-row{grid-template-columns:1fr}.rc-action-buttons{align-items:stretch;flex-direction:column;gap:10px}.rc-action-buttons>div{display:flex;gap:8px;justify-content:center}}.rcdispatch-dashboard-wrapper{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.rcdispatch-dashboard-main{flex-grow:1;margin-top:30px;min-height:100vh;padding:20px;position:relative}.rcdispatch-dashboard-header{align-items:flex-end;display:flex;justify-content:flex-end;margin-bottom:20px}.rcdispatch-dashboard-header h2{color:#333;font-weight:600}.rcdispatch-dashboard-toast{animation:fadeIn .3s ease-in-out;box-shadow:0 2px 8px #00000026;padding:12px 20px;right:25px;z-index:9999}.rcdispatch-dashboard-table-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:75vh;overflow-y:auto}.rcdispatch-dashboard-table{border-collapse:collapse;width:100%}.rcdispatch-dashboard-actions{display:flex;gap:10px;justify-content:center}.rcdispatch-dashboard-no-data{color:#999;padding:20px;text-align:center}.rcdispatch-dashboard-loading{color:#555;margin-top:20px;text-align:center}.rcdispatch-dashboard-toast{border-radius:8px;box-shadow:0 3px 8px #0003;color:#fff;font-weight:500;padding:12px 18px;position:fixed;right:20px;top:20px;z-index:1000}.rcdispatch-dashboard-toast-success{background-color:#28a745}.rcdispatch-dashboard-toast-error{background-color:#dc3545}.rcdispatch-dashboard-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.rcdispatch-dashboard-popup{background:#fff;border-radius:10px;margin-top:20px;max-height:90vh;overflow-y:auto;padding:25px;width:50%}.rcdispatch-dashboard-popup-actions{justify-content:space-between}.rcdispatch-dashboard-popup-tables{border-collapse:collapse;border-radius:8px;margin-top:10px;overflow:hidden;width:100%}.rcdispatch-dashboard-popup-tables tbody td:last-child{align-items:center;display:flex;justify-content:center}.rcdispatch-dashboard-popup-box{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;max-height:80vh;overflow-y:auto;padding:25px;width:600px}.rcdispatch-dashboard-popup-box h3{color:#333;font-weight:600;margin-bottom:10px}.rcdispatch-dashboard-popup-content p{color:#555;margin:6px 0}.rcdispatch-dashboard-popup-content h4{font-size:1rem;font-weight:600;margin-top:15px}.rcdispatch-dashboard-popup-table{border-collapse:collapse;margin-top:8px;width:100%}.rcdispatch-dashboard-popup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.rcdispatch-dashboard-popup-close-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 14px}.rcdispatch-dashboard-popup-close-btn:hover{background:#5a6268}.rcdispatch-dashboard-delete-box{background:#fff;border-radius:10px;box-shadow:0 2px 15px #00000040;max-width:380px;padding:25px 35px;text-align:center}.rcdispatch-dashboard-delete-box p{color:#333;font-weight:500;margin-bottom:20px}.rcdispatch-dashboard-delete-buttons{display:flex;gap:15px;justify-content:center}.delete-confirmation{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;max-width:350px;padding:25px;text-align:center}.delete-confirmation h3{margin-bottom:15px}.delete-confirmation p{margin-bottom:20px}.rcdispatch-dashboard-delete-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.rcdispatch-dashboard-popup.delete-confirmation{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000040;padding:25px 30px;text-align:center;width:380px}.delete-confirmation h3{color:#d9534f;font-size:1.3rem;font-weight:600;margin-bottom:12px}.delete-confirmation p{color:#444;font-size:15px;line-height:1.5;margin-bottom:22px}.rcdispatch-delete-popup-actions{display:flex;gap:15px;justify-content:center}@media (max-width:1024px){.rcdispatch-dashboard-popup-overlay,.rcdispatch-dashboard-wrapper{margin-left:0;width:100%}}.fruits-purchase-container{background:#f3f4f6;font-family:Poppins,sans-serif;margin-left:260px;min-height:100vh;padding:35px}.fruits-purchase-header h2{color:#1f2937;font-size:30px;font-weight:600;margin-bottom:10px}.fruits-main-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;max-width:1350px;padding:20px;width:100%}.fruits-purchase-form{grid-column-gap:40px;grid-row-gap:5px;column-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:5px}.fruits-purchase-form label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.fruits-purchase-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:13px;padding:14px;transition:all .2s ease;width:100%}.fruits-purchase-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.fruits-toast{animation:slideFade .4s forwards;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:15px;font-weight:500;opacity:0;padding:14px 22px;position:fixed;right:25px;top:20px;z-index:10000}.fruits-toast-success{background:#16a34a}.fruits-toast-error{background:#dc2626}@keyframes slideFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fruits-purchase-next{margin-left:470px}.fruits-purchase-next button{align-items:center;background:#2e8cff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:10px 20px;transition:.2s}.fruits-purchase-next button:hover{background:#1b6fe0}.fruits-purchase-table{border-radius:12px;overflow-x:auto;width:100%}.fruits-table{background:#fff;border-collapse:collapse;font-size:13px;width:100%}.fruits-table td,.fruits-table th{border-right:1px solid #d9d9d9}.fruits-table td:last-child,.fruits-table th:last-child{border-right:none}.fruits-table thead td,.fruits-table thead th{border:1px solid #ddd;padding:8px;text-align:center}.fruits-table thead th{background:#f3f6fb;border-bottom:2px solid #e0e6ed;font-weight:600;letter-spacing:.5px;padding:10px;text-align:left;text-transform:uppercase;white-space:nowrap}.fruits-table td{border-bottom:1px solid #e6e6e6;padding:8px}.fruits-table-input{background:#0000;border:none;border-bottom:1px solid #bfc7d1;font-size:13px;outline:none;padding:6px 4px;width:100%}.fruits-table-input:focus{border-bottom:1px solid #4b7bec}.fruits-table input[type=date]{background:#0000;border:none;border-bottom:1px solid #bfc7d1;padding:4px 0}.fruits-table input[type=date]:focus{border-bottom:1px solid #4b7bec}.fruits-table select{background:#0000;border:none;border-bottom:1px solid #bfc7d1;cursor:pointer;outline:none;padding:6px 4px;width:100%}.fruits-table select:focus{border-bottom:1px solid #4b7bec}.fruits-table tbody tr:hover{background:#f9fbff}.save-btn-container{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.fruits-purchase-save{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-top:6px;padding:10px 24px;transition:.2s ease-in-out}.fruits-purchase-save:hover{background-color:#218838;transform:translateY(-1px)}.fruits-purchase-save:active{background-color:#1e7e34;transform:translateY(1px)}.fruits-table-delete{background-color:#ff4d4d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:4px 10px;transition:.2s ease-in-out}.fruits-table-delete:hover{background-color:#e60000;transform:scale(1.05)}.fruits-table-delete:active{transform:scale(.95)}.fruits-add-row-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-top:12px;padding:8px 16px;transition:.2s ease}.fruits-add-row-btn:hover{background-color:#218838;transform:translateY(-2px)}.fruits-add-row-btn:active{background-color:#1e7e34;transform:translateY(1px)}.fruits-dashboard-container{background:#f3f4f6;font-family:Poppins,sans-serif;margin-left:260px;min-height:100vh;padding:10px}.dashboard-title{font-size:28px;font-weight:700;margin-bottom:10px}.summary-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:10px;text-align:center}.summary-card h3{color:#555;font-size:14px;margin-bottom:5px}.summary-card p{font-size:15px;font-weight:700}.purchase-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;margin-top:20px;padding:10px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.add-new-btn{background:#22c55e;border-radius:8px;color:#fff;padding:4px 10px;text-decoration:none}.purchase-table{border-collapse:collapse;width:100%}.purchase-table th{font-size:13px}.purchase-table td,.purchase-table th{border-bottom:1px solid #ddd;padding:10px}.purchase_report_container *{margin:0;padding:0}.purchase_report_container{display:flex;flex-direction:column;height:100vh;width:100%}.purchase_report_filters{align-items:center;display:flex;gap:5px;justify-content:flex-start;margin-bottom:10px;width:100%}.purchase_filters{display:flex;gap:5px}.purchase_filters select{height:30px}.dates input{padding:6px 16px}.purchase_report_wrapper{border:1px solid gray;display:flex;flex-direction:column;gap:1px;height:calc(100vh - 70px);overflow-y:auto;padding-bottom:100px}.purchase_head{border-bottom:1px solid gray;padding:10px}.purchase_logo{align-items:center;display:flex;flex-direction:column;justify-content:center}.purchase_product_details,.purchase_report_details{border-bottom:1px solid gray;border-collapse:collapse;border-top:1px solid gray;width:100%}.purchase_product_details tbody tr td,.purchase_product_details thead tr th,.purchase_report_details tbody tr td,.purchase_report_details thead tr th{background-color:#fff;border:1px solid gray;color:#000;font-size:11px;padding:5px;text-align:center}.purchase_product_details tbody tr:hover,.purchase_report_details tbody tr:hover{background-color:#fff;color:#000}.purchase_report_download_btns{background:#abdfd8;bottom:0;display:flex;gap:10px;justify-content:center;left:0;padding:15px 0;position:fixed;width:100%;z-index:10}.purchase_report_download_btns button{border-radius:6px;padding:10px 20px}#purchase_pdf_btn{align-items:center;background-color:#d32f2f;border:none;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;transition:.2s}#purchase_pdf_btn:hover{background-color:#b71c1c}#purchase_excel_btn{align-items:center;background-color:#2e7d32;border:none;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;transition:.2s}#purchase_excel_btn:hover{background-color:#1b5e20}.stockReport-container{align-items:center;display:flex;flex-direction:column;gap:2px;height:100vh;justify-content:flex-start;padding:10px 0}.stock_wrapper::-webkit-scrollbar{width:2px}.stock_wrapper::-webkit-scrollbar-track{background:#f1f1f1}.stock_wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.stock_wrapper::-webkit-scrollbar-thumb:hover{background:#555}.stock_wrapper{align-items:center;border:1px solid gray;gap:2px;overflow-y:auto}.stock_company_details,.stock_wrapper{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.stock_company_details{align-items:flex-start;border-bottom:1px solid gray;border-top:1px solid gray;padding:10px}.stock_company_details span{align-items:flex-start;display:flex;gap:3px;justify-content:flex-start}.stock_table_wrapper{overflow-x:auto;width:100%}.stock_table{border-collapse:collapse;width:100%}.stock_table tbody,.stock_table thead,.stock_table tr{width:100%}.stock_table td,.stock_table th{background-color:#fff;border:1px solid #ccc;color:#000;font-size:11px;padding:8px;width:auto}.stock_table thead th{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.stock_table td:hover,.stock_table th:hover{background-color:#fff}.stocks-report-btns{justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky}.stock_report_filters,.stocks-report-btns{align-items:center;display:flex;width:100%}.stock_report_filters{gap:5px;justify-content:flex-start;margin-bottom:10px}.generate_purchase_report_container{align-items:center;display:flex;flex-direction:column;gap:2px;height:100vh;justify-content:flex-start;padding:10px 0}.purchase-report-btns{align-items:center;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;width:100%}.addUser-container{background:#f4f6f9;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;width:100%}.user-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;max-height:75vh;overflow-y:auto;padding:20px}.user-form{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000001a;display:flex;flex-direction:column;height:auto;max-height:none;max-width:700px;padding:25px 30px;width:100%}.user-form h2{border-bottom:1px solid #eee;color:blue;font-size:20px;font-weight:600;margin-bottom:18px;padding-bottom:10px;text-align:center}.user-form-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:14px;padding-top:12px}.user-form form{flex:1 1;overflow-y:visible;padding-right:6px}.user-grid{grid-gap:14px 20px;gap:14px 20px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.user-error{color:#e53935;font-size:12px;margin-top:3px}.user-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:1024px){.addUser-container{margin-left:0;width:100%}}.damageReport-container{overflow-y:hidden}.damage_wrapper{flex:1 1;min-height:0;overflow:hidden}.damage_table_wrapper{flex:1 1;min-height:0;overflow-y:auto;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.damage_table_wrapper::-webkit-scrollbar{height:6px;width:6px}.damage_table_wrapper::-webkit-scrollbar-track{background:#f1f1f1}.damage_table_wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.damage_table_wrapper::-webkit-scrollbar-thumb:hover{background:#555}.damage_table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.damage_table th{background-color:#f5f5f5;color:#000}.damage_table td,.damage_table th{white-space:nowrap}.damage_totals_row td{background-color:#f0f0f0;border-top:2px solid #333;font-weight:700}.salesReport-container{align-items:center;display:flex;flex-direction:column;gap:2px;height:100vh;justify-content:flex-start;overflow-x:auto;padding:10px 0}.sales-wrapper::-webkit-scrollbar{width:6px}.sales-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.sales-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.sales-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.sales_wrapper{align-items:center;border:1px solid gray;gap:2px;overflow-x:auto}.sales_company_details,.sales_wrapper{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.sales_company_details{align-items:flex-start;border-bottom:1px solid gray;border-top:1px solid gray;padding:10px}.sales_company_details span{align-items:flex-start;display:flex;gap:3px;justify-content:flex-start}.sales_table_wrapper{overflow-x:auto;width:100%}.sales_table{border-collapse:collapse;width:100%}.sales_table tbody,.sales_table thead,.sales_table tr{width:100%}.sales_table td,.sales_table th{background-color:#fff;border:1px solid #ccc;color:#000;font-size:11px;padding:8px;white-space:nowrap;width:auto}.sales_table td:hover,.sales_table th:hover{background-color:#fff}.saless-report-btns{justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky}.sales_report_filters,.saless-report-btns{align-items:center;display:flex;width:100%}.sales_report_filters{gap:5px;justify-content:flex-start;margin-bottom:10px}.type-wrapper{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.type-container{background:#fff;flex-grow:1;padding:10px 0}.type-container h2{color:#0077b6;margin-bottom:30px;text-align:center}.type-sections{align-items:center;display:flex;gap:20px;justify-content:center}.type-section{background:#fff;border-radius:12px;box-shadow:0 0 8px #0000004d;padding:10px;width:50%}.type-section h3{color:#0077b6;margin-bottom:15px;text-align:center}.delete-overlay{width:calc(100% - 280px)}@media (max-width:1024px){.delete-overlay,.type-wrapper{margin-left:0;width:100%}}body,html{height:100%;margin:0;overflow:hidden;padding:0}.customer-page{background:#f4f6f9;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;width:100%}.customer-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;max-height:75vh;overflow-y:auto;padding:20px}.customer-form{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000001a;display:flex;flex-direction:column;height:auto;max-height:none;max-width:700px;padding:25px 30px;width:100%}.customer-form h2{border-bottom:1px solid #eee;color:blue;font-size:20px;font-weight:600;margin-bottom:18px;padding-bottom:10px;text-align:center}.customer-form form{flex:1 1;overflow-y:visible;padding-right:6px}.customer-grid{grid-gap:14px 20px;gap:14px 20px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.full-width{grid-column:span 2}.customer-error{color:#e53935;margin-top:3px}.customer-form-actions{border-top:1px solid #eee;gap:12px;justify-content:flex-end;margin-top:14px;padding-top:12px}.supplier-btn{border-radius:8px;font-size:13px;font-weight:600;padding:9px 20px;transition:.25s ease-in-out}@media (max-width:768px){.customer-container{margin-left:0;padding:15px}.customer-form{height:auto;max-height:100vh}.customer-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}@media (max-width:1023px){.customer-page{margin-left:0;width:100%}}.toast-message{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:9999}.customer-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.country-address-row{display:flex;gap:16px;grid-column:1/-1}.country-field{flex:1 1}.address-field{flex:2 1}.address-field textarea{min-height:50px;resize:vertical;width:100%}.customer-error{color:red;font-size:12px;margin-top:4px}.customer-form-actions{display:flex;gap:10px;margin-top:20px}.supplier-btn{border:none;cursor:pointer;padding:8px 16px}.supplier-save{background-color:#4caf50;color:#fff}.supplier-cancel{background-color:#f44336;color:#fff}.customer-dashboard-layout{background:#f8f9fb;display:flex;flex-direction:column;min-height:100vh;width:100%}.customer-dashboard-container{margin-top:30px;padding:20px;width:100%}.customer-dashboard-container h2{color:#007bff;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0 0 20px}.customer-error{color:#dc3545;font-weight:600}.customer-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.customer-controls input,.customer-controls select{background:#fff;border-radius:8px;font-size:14px;transition:border-color .2s;width:25rem}.customer-table-container{background:#fff;border:1px solid #e6e9ef;border-radius:8px;max-height:calc(100vh - 220px);overflow-x:auto;overflow-y:auto}.customer-table-container::-webkit-scrollbar{height:6px;width:6px}.customer-table-container::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:4px}.customer-table-container::-webkit-scrollbar-thumb:hover{background-color:#888}.customer-table-container::-webkit-scrollbar-track{background:#0000}.customer-table{background:#fff;border-collapse:collapse;width:100%}.customer-table tbody tr td:last-child{align-items:center;display:flex;gap:5px;justify-content:center}.customer-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;margin-right:6px;padding:6px 14px;transition:all .2s ease-in-out}.customer-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;width:100%;z-index:1300}.customer-modal-box{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 10px 35px #00000026;max-width:95%;padding:22px;width:450px}.customer-modal-box h3{color:#007bff;font-size:18px;font-weight:700;margin:0 0 18px;text-align:center}.customer-form-row{display:flex;gap:22px}.customer-form-group{display:flex;flex:1 1;flex-direction:column}.customer-form-group input{width:95%}.customer-form-group label{margin-top:5px}.customer-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.customer-btn-cancel{background:#6c757d;color:#fff}.customer-btn-cancel:hover{background:#5a6268}.customer-status-active{background-color:#e6f7e9;color:#2e7d32}.customer-status-active,.customer-status-inactive{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px;text-align:center}.customer-status-inactive{background-color:#fdecea;color:#c62828}.toast-message{animation:slideIn .3s forwards,fadeOut .3s 2.7s forwards;box-shadow:0 4px 8px #0003;font-weight:500;opacity:0;padding:12px 20px;position:fixed;right:20px;top:20px;transform:translateY(-20px);z-index:2000}.toast-success{background-color:#4caf50}.toast-error{background-color:#f44336}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}@media (max-width:1023px){.customer-dashboard-layout,.customer-modal-overlay{margin-left:0;width:100%}}.size-wrapper{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.size-container{background:#fff;flex-grow:1;padding:10px 0}.size-container h2{color:#0077b6;margin-bottom:30px;text-align:center}.size-sections{align-items:center;display:flex;gap:20px;justify-content:center}.size-section{border-radius:12px;box-shadow:0 0 8px #0000004d;padding:10px;width:50%}.size-section h3{color:#0077b6;margin-bottom:15px;text-align:center}.add-form{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.table-scroll{border:1px solid #ddd;max-height:250px;overflow-y:auto}.type-data-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.table-scroll::-webkit-scrollbar{width:6px}.table-scroll::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb:hover{background-color:#999}.type-data-table{border-collapse:collapse;width:100%}.type-data-table tbody tr td:last-child{align-items:center;display:flex;justify-content:center}.toast-message{border-radius:6px;color:#fff;margin-bottom:15px;padding:10px;text-align:center}.toast-message.success{background-color:#2ecc71}.toast-message.error{background-color:#e63946}.custom-toast{animation:fadeIn .3s ease;border-radius:6px;color:#fff;font-weight:700;padding:12px 18px;position:fixed;right:25px;top:20px;z-index:999999}.custom-toast.success{background-color:#4caf50}.custom-toast.error{background-color:#d9534f}.delete-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:99999}.delete-popup{background:#fff;border-radius:10px;padding:25px;text-align:center;width:300px}.delete-actions{display:flex;justify-content:space-around;margin-top:20px}.yes-btn{background:#d9534f}.no-btn,.yes-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 18px}.no-btn{background:#6c757d}@media (max-width:1024px){.delete-overlay,.size-wrapper{margin-left:0;width:100%}}:root{--bg:#f6f7f9;--ink:#0f1117;--muted:#6b7280;--accent:#3b5bdb;--accent-bg:#eef2ff;--accent-border:#c5d0f5;--border:#e4e6ea;--border-strong:#c9cdd4;--transition:.22s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.company-main-container{background:#f6f7f9;background:var(--bg);color:#0f1117;color:var(--ink);font-family:IBM Plex Sans,sans-serif;min-height:100vh;padding-bottom:80px}.page-label{align-items:center;color:#6b7280;color:var(--muted);display:flex;font-size:11px;font-weight:500;gap:10px;letter-spacing:.16em;margin:28px auto 16px;max-width:760px;padding:0 24px;text-transform:uppercase}.page-label:after{background:#e4e6ea;background:var(--border);content:"";flex:1 1;height:1px}.company-card{animation:riseIn .4s ease both;margin:0 auto;max-width:760px;padding:0 24px}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shell{background:#fff;background:var(--surface);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:4px;overflow:hidden}.top-bar{align-items:stretch;border-bottom:1px solid #e4e6ea;border-bottom:1px solid var(--border);display:flex}.logo-col{align-items:center;background:#f6f7f9;background:var(--bg);border-right:1px solid #e4e6ea;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:center;padding:28px 16px;width:120px}.logo-box{background:#fff;border:1px solid #c9cdd4;border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;height:72px;overflow:hidden;position:relative;width:72px}.company-logo{display:block;height:100%;object-fit:cover;width:100%}.company-logo,.logo-overlay{transition:.22s ease;transition:var(--transition)}.logo-overlay{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:absolute}.logo-box:hover .company-logo{opacity:.35}.logo-box:hover .logo-overlay{opacity:1}.logo-overlay svg{stroke:#3b5bdb;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.logo-lbl{color:#6b7280;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.logo-file-input{display:none}.name-col{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;padding:28px 32px}.company-name{color:#0f1117;color:var(--ink);font-family:Fraunces,serif;font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.1}.loc-chip{align-items:center;color:#6b7280;color:var(--muted);display:inline-flex;font-size:12px;gap:6px}.loc-dot{background:#3b5bdb;background:var(--accent);border-radius:50%;flex-shrink:0;height:5px;width:5px}.status-pill{align-items:center;background:#eef2ff;background:var(--accent-bg);border:1px solid #c5d0f5;border:1px solid var(--accent-border);border-radius:2px;color:#3b5bdb;color:var(--accent);display:none;font-size:10px;font-weight:500;gap:5px;letter-spacing:.1em;margin-top:6px;padding:3px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-pill.active{display:inline-flex}.pulse{animation:blink 1.3s infinite;background:#3b5bdb;background:var(--accent);border-radius:50%;height:5px;width:5px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.name-edit-input{background:#0000;border:none;border-bottom:2px solid #3b5bdb;border-bottom:2px solid var(--accent);color:#0f1117;color:var(--ink);font-family:Fraunces,serif;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;max-width:360px;outline:none;padding:2px 0;transition:.22s ease;transition:var(--transition);width:100%}.meta-col{background:#f6f7f9;background:var(--bg);border-left:1px solid #e4e6ea;border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding:20px 16px;width:140px}.meta-item .mi-label{color:#6b7280;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.12em;margin-bottom:3px;text-transform:uppercase}.meta-item .mi-val{color:#0f1117;color:var(--ink);font-size:12px;line-height:1.4;word-break:break-all}.section-head{background:#eef2ff;background:var(--accent-bg);color:#3b5bdb;color:var(--accent);font-size:10px;font-weight:500;letter-spacing:.18em;padding:14px 32px 10px;text-transform:uppercase}.field-row,.section-head{border-bottom:1px solid #e4e6ea;border-bottom:1px solid var(--border)}.field-row{display:grid;grid-template-columns:160px 1fr}.field-row:last-child{border-bottom:none}.f-label{background:#f6f7f9;background:var(--bg);border-right:1px solid #e4e6ea;border-right:1px solid var(--border);color:#6b7280;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.1em;padding:14px 32px;text-transform:uppercase}.f-label,.f-val{align-items:center;display:flex}.f-val{color:#0f1117;color:var(--ink);font-size:14px;padding:14px 24px;transition:background .22s ease;transition:background var(--transition)}.field-row:hover .f-val{background:#f9fafb}.f-input{background:#fff;border:1px solid #c9cdd4;border:1px solid var(--border-strong);border-radius:3px;color:#0f1117;color:var(--ink);font-family:IBM Plex Sans,sans-serif;font-size:13px;max-width:320px;outline:none;padding:7px 11px;transition:.22s ease;transition:var(--transition);width:100%}.f-input:focus{border-color:#3b5bdb;border-color:var(--accent);box-shadow:0 0 0 3px #3b5bdb1a}.company-actions{align-items:center;background:#f6f7f9;background:var(--bg);border-top:2px solid #e4e6ea;border-top:2px solid var(--border);display:flex;justify-content:space-between;padding:16px 32px}.actions-hint{color:#6b7280;color:var(--muted);font-size:11px}.actions-buttons{display:flex;gap:8px}.no-company{align-items:center;color:#6b7280;color:var(--muted);display:flex;flex-direction:column;font-size:14px;gap:24px;justify-content:center;padding-top:120px}.add-profile-btn{background:#3b5bdb;background:var(--accent);border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;padding:11px 28px;text-transform:uppercase;transition:.22s ease;transition:var(--transition)}.add-profile-btn:hover{background:#2f4ac2;transform:translateY(-1px)}@media (max-width:600px){.top-bar{flex-direction:column}.logo-col{border-bottom:1px solid #e4e6ea;border-bottom:1px solid var(--border);border-right:none;justify-content:flex-start;padding:20px 24px}.logo-col,.meta-col{flex-direction:row;width:100%}.meta-col{border-left:none;border-top:1px solid #e4e6ea;border-top:1px solid var(--border);flex-wrap:wrap}.field-row{grid-template-columns:120px 1fr}.f-label,.f-val{padding:12px 16px}.company-actions{padding:14px 20px}}.add-company-main-container{background-color:#f0f4f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.company-form-wrapper{background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;margin:30px auto;max-width:900px;padding:35px 40px;transition:all .3s ease}.company-form-wrapper:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-2px)}.company-inputs{grid-gap:20px 30px;display:grid;gap:20px 30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:25px}.company-inputs label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.company-inputs input[type=email],.company-inputs input[type=file],.company-inputs input[type=text]{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:12px 15px;transition:all .2s ease;width:100%}.company-inputs input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.company-inputs input[type=file]{background-color:#f9fafb;cursor:pointer;padding:6px 10px}.company-form-wrapper>div:last-child{align-items:center;display:flex;justify-content:center}@media screen and (max-width:768px){.company-inputs{grid-template-columns:1fr}}.damageReport-container{align-items:center;display:flex;flex-direction:column;gap:2px;height:100vh;justify-content:flex-start;overflow-y:auto;padding:10px 0}.damageReport-container::-webkit-scrollbar{width:6px}.damageReport-container::-webkit-scrollbar-track{background:#f1f1f1}.damageReport-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.damageReport-container::-webkit-scrollbar-thumb:hover{background:#555}.damage_wrapper{align-items:center;border:1px solid gray;gap:2px}.damage_company_details,.damage_wrapper{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.damage_company_details{align-items:flex-start;border-bottom:1px solid gray;border-top:1px solid gray;padding:10px}.damage_company_details span{align-items:flex-start;display:flex;gap:3px;justify-content:flex-start}.damage_table_wrapper{overflow-x:auto;width:100%}.damage_table{border-collapse:collapse;width:100%}.damage_table tbody,.damage_table thead,.damage_table tr{width:100%}.damage_table td,.damage_table th{background-color:#fff;border:1px solid #ccc;color:#000;font-size:12px;padding:8px;width:auto}.damage_table td:hover,.damage_table th:hover{background-color:#fff}.damage-report-btns{align-items:center;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;width:100%}.damage_report_filters{align-items:center;display:flex;gap:5px;justify-content:flex-start;margin-bottom:10px;width:100%}:root{--bg:#f5f4f0;--surface:#fff;--surface-2:#f0efe9;--border:#e2e0d8;--border-strong:#c8c5ba;--text-primary:#1a1916;--text-secondary:#6b6860;--text-muted:#a09d96;--accent:#2d5a27;--accent-light:#eaf3e6;--accent-text:#1e3d1a;--danger:#c0392b;--danger-light:#fdf0ee;--danger-text:#7a1f16;--info:#1a4a7a;--info-light:#e8f0fa;--info-text:#1a4a7a;--warning:#7a4f00;--warning-light:#fef7e6;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--font:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}.em-app{background:#f5f4f0;background:var(--bg);color:#1a1916;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);min-height:100vh;padding:24px}.em-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.em-header-title{color:#1a1916;color:var(--text-primary);font-size:26px;font-weight:600;letter-spacing:-.5px}.em-header-sub{color:#6b6860;color:var(--text-secondary);font-size:15px;font-style:italic;font-weight:700}.em-tabs{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:2px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.em-tab{background:#0000;border:none;border-radius:10px;border-radius:var(--radius-md);color:#6b6860;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s}.em-tab:hover{background:#f0efe9;background:var(--surface-2);color:#1a1916;color:var(--text-primary)}.em-tab.active{background:#5eb3f8;color:#fff}.em-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.em-metric{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:16px 18px}.em-metric-label{color:#a09d96;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.em-metric-value{color:#1a1916;color:var(--text-primary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:24px;font-weight:600;letter-spacing:-.5px}.em-metric-change{font-size:11px;font-weight:500;margin-top:5px}.em-metric-change.up{color:#c0392b;color:var(--danger)}.em-metric-change.down{color:#2d5a27;color:var(--accent)}.em-metric-change.neutral{color:#a09d96;color:var(--text-muted)}.em-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.em-card{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:20px 22px}.em-card-title{color:#1a1916;color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.4px;margin-bottom:16px;text-transform:uppercase}.em-bar-chart{align-items:flex-end;display:flex;gap:8px;height:90px;margin-bottom:8px}.em-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:flex-end}.em-bar{border-radius:4px 4px 0 0;min-height:4px;width:100%}.em-bar.today{background:#2d5a27;background:var(--accent)}.em-bar.past{background:#c8c5ba;background:var(--border-strong)}.em-bar-day-labels{display:flex;gap:8px}.em-bar-day-lbl{flex:1 1;font-size:10px;font-weight:500;text-align:center}.em-bar-day-lbl,.em-bar-val{color:#a09d96;color:var(--text-muted)}.em-bar-val{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:9px}.em-profit-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.em-ps-item{text-align:center}.em-ps-label{color:#a09d96;color:var(--text-muted);font-size:11px;font-weight:500;margin-bottom:4px}.em-ps-value{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:16px;font-weight:600;letter-spacing:-.3px}.em-ps-value.green{color:#2d5a27;color:var(--accent)}.em-ps-value.red{color:#c0392b;color:var(--danger)}.em-progress-section{margin-top:4px}.em-progress-row{margin-bottom:14px}.em-progress-row:last-child{margin-bottom:0}.em-progress-labels{display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.em-progress-name{color:#6b6860;color:var(--text-secondary)}.em-progress-pct{color:#1a1916;color:var(--text-primary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-weight:600}.em-progress-track{background:#f0efe9;background:var(--surface-2);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:99px;height:6px;overflow:hidden}.em-progress-fill{border-radius:99px;height:100%}.em-cat-rows{display:flex;flex-direction:column;gap:11px}.em-cat-row{align-items:center;display:flex;gap:10px}.em-cat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.em-cat-name{color:#6b6860;color:var(--text-secondary);flex-shrink:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}.em-cat-bar-wrap{background:#f0efe9;background:var(--surface-2);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:99px;flex:1 1;height:6px;overflow:hidden}.em-cat-bar-fill{border-radius:99px;height:100%}.em-cat-amount{color:#1a1916;color:var(--text-primary);flex-shrink:0;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:12px;font-weight:500;text-align:right;width:68px}.em-recent-list{display:flex;flex-direction:column;gap:8px}.em-expense-item{align-items:center;background:#f0efe9;background:var(--surface-2);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:12px;padding:10px 12px;transition:background .1s}.em-expense-item:hover{background:#eeece5}.em-exp-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:34px;justify-content:center;width:34px}.em-exp-info{flex:1 1;min-width:0}.em-exp-name{color:#1a1916;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-exp-meta{color:#a09d96;color:var(--text-muted);font-size:11px;margin-top:1px}.em-exp-right{flex-shrink:0;text-align:right}.em-exp-amt{color:#1a1916;color:var(--text-primary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:14px;font-weight:600}.em-exp-mode{border-radius:4px;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.3px;margin-top:3px;padding:2px 7px;text-transform:uppercase}.em-mode-cash{background:#eaf3e6;background:var(--accent-light);color:#1e3d1a;color:var(--accent-text)}.em-mode-online{background:#e8f0fa;background:var(--info-light);color:#1a4a7a;color:var(--info-text)}.em-form-wrap{margin:0 auto;max-width:560px}.em-form-card{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);padding:28px 32px}.em-form-heading{color:#1a1916;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.3px;margin-bottom:6px}.em-form-sub{color:#6b6860;color:var(--text-secondary);font-size:13px;margin-bottom:24px}.em-form-grid{display:flex;flex-direction:column;gap:16px}.em-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.em-field label{color:#6b6860;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.em-field input,.em-field select,.em-field textarea{background:#f5f4f0;background:var(--bg);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#1a1916;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.em-field input:focus,.em-field select:focus,.em-field textarea:focus{border-color:#2d5a27;border-color:var(--accent);box-shadow:0 0 0 3px #2d5a271a}.em-field textarea{height:72px;line-height:1.5;resize:none}.em-payment-toggle{display:flex;gap:8px}.em-pay-btn{background:#f5f4f0;background:var(--bg);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#6b6860;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:10px;transition:all .15s}.em-pay-btn:hover{border-color:#c8c5ba;border-color:var(--border-strong);color:#1a1916;color:var(--text-primary)}.em-pay-btn.active{background:#2d5a27;background:var(--accent);border-color:#2d5a27;border-color:var(--accent);color:#fff}.em-success-msg{animation:fadeIn .2s ease;background:#eaf3e6;background:var(--accent-light);border:1px solid #2d5a2733;border-radius:10px;border-radius:var(--radius-md);color:#2d5a27;color:var(--accent);font-size:13px;font-weight:500;padding:10px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.em-report-tabs{display:flex;gap:6px;margin-bottom:16px}.em-rtab{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:99px;color:#6b6860;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;padding:6px 16px;transition:all .15s}.em-rtab:hover{border-color:#c8c5ba;border-color:var(--border-strong);color:#1a1916;color:var(--text-primary)}.em-rtab.active{background:#1a1916;background:var(--text-primary);border-color:#1a1916;border-color:var(--text-primary);color:#fff}.em-report-table{border-collapse:collapse;width:100%}.em-report-table th{font-size:11px;font-weight:600;text-transform:uppercase}.em-report-table td,.em-report-table th{border-bottom:1px solid #e2e0d8;border-bottom:1px solid var(--border)}.em-report-table td{color:#1a1916;color:var(--text-primary);font-size:13px;padding:11px 10px 11px 0}.em-report-table tr:last-child td{border-bottom:none}.em-cat-pill{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:500;gap:5px;padding:3px 9px}.em-mode-split{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:4px}.em-mode-block{border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:24px 16px;text-align:center}.em-mode-block-val{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:26px;font-weight:600;letter-spacing:-.5px;margin-bottom:6px}.em-mode-block-label{font-size:12px;font-weight:500;margin-bottom:2px}.em-mode-block-pct{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:600}.em-mode-cash-block{background:#eaf3e6;background:var(--accent-light)}.em-mode-cash-block .em-mode-block-label,.em-mode-cash-block .em-mode-block-pct,.em-mode-cash-block .em-mode-block-val{color:#1e3d1a;color:var(--accent-text)}.em-mode-online-block{background:#e8f0fa;background:var(--info-light)}.em-mode-online-block .em-mode-block-label,.em-mode-online-block .em-mode-block-pct,.em-mode-online-block .em-mode-block-val{color:#1a4a7a;color:var(--info-text)}.em-filter-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.em-chip{background:#fff;background:var(--surface);border:none;border-radius:99px;color:#6b6860;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;outline:none;padding:5px 14px;transition:all .15s}.em-chip:hover{color:#1a1916;color:var(--text-primary)}.em-chip.active{background:#07be88;color:#fff}.em-list-card{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);overflow:hidden}.em-list-header-6{grid-gap:8px;background:#f0efe9;background:var(--surface-2);border-bottom:1px solid #e2e0d8;border-bottom:1px solid var(--border);display:grid;gap:8px;grid-template-columns:2fr 1.2fr .8fr .8fr 1fr .7fr;padding:12px 16px}.em-list-header-6 span{color:#a09d96;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.em-list-row-6{grid-gap:8px;align-items:center;border-bottom:1px solid #e2e0d8;border-bottom:1px solid var(--border);display:grid;gap:8px;grid-template-columns:2fr 1.2fr .8fr .8fr 1fr .7fr;padding:12px 16px;transition:background .1s}.em-list-row-6:last-child{border-bottom:none}.em-list-row-6:hover{background:#f0efe9;background:var(--surface-2)}.em-list-row-6 span{color:#1a1916;color:var(--text-primary);font-size:13px}.em-row-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-amount-col{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:600;text-align:right}.em-date-col{color:#6b6860;color:var(--text-secondary);font-size:12px}.em-actions-col{align-items:center;display:flex;gap:6px;justify-content:center}.em-empty{color:#a09d96;color:var(--text-muted);font-size:13px;padding:40px;text-align:center}.em-action-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#6b6860;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;height:30px;justify-content:center;transition:all .15s;width:30px}.em-action-btn.edit:hover{background:#e8f0fa;background:var(--info-light);border-color:#93b4d4;color:#1a4a7a;color:var(--info)}.em-action-btn.del:hover{background:#fdf0ee;background:var(--danger-light);border-color:#e8a9a3;color:#c0392b;color:var(--danger)}.em-modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#1a191680;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.em-modal{animation:slideUp .2s ease;background:#fff;background:var(--surface);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;max-width:340px;padding:28px 28px 24px;width:100%}.em-modal-wide{max-width:480px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.em-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.em-modal-title{color:#1a1916;color:var(--text-primary);font-size:17px;font-weight:600;letter-spacing:-.3px}.em-modal-close{align-items:center;background:#f0efe9;background:var(--surface-2);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#6b6860;color:var(--text-secondary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;height:28px;justify-content:center;transition:all .15s;width:28px}.em-modal-close:hover{background:#fdf0ee;background:var(--danger-light);border-color:#e8a9a3;color:#c0392b;color:var(--danger)}.em-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:44px;justify-content:center;margin:0 auto 12px;width:44px}.em-modal-icon.danger{background:#fdf0ee;background:var(--danger-light);color:#c0392b;color:var(--danger)}.em-modal-msg{color:#6b6860;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:20px;text-align:center}.em-modal-actions{display:flex;gap:10px;margin-top:8px}.em-modal-cancel{background:#f0efe9;background:var(--surface-2);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#1a1916;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:10px;transition:all .15s}.em-modal-cancel:hover{border-color:#c8c5ba;border-color:var(--border-strong)}.em-modal-confirm{background:#c0392b;background:var(--danger);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:10px;transition:background .15s}.em-modal-confirm:hover{background:#a02d22}.em-modal-save{background:#2d5a27;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:10px;transition:background .15s}.em-modal-save:hover{background:#234820}.em-color-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.em-color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;outline:none;transition:transform .15s,border-color .15s;width:28px}.em-color-dot:hover{transform:scale(1.15)}.em-color-dot.selected{border-color:#1a1916;border-color:var(--text-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px #1a1916;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text-primary);transform:scale(1.1)}.em-color-preview{align-items:center;border-radius:99px;display:inline-flex;font-size:13px;font-weight:500;padding:5px 12px}.em-cat-summary{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);gap:20px;margin-bottom:16px;padding:16px 20px}.em-cat-stat,.em-cat-summary{align-items:center;display:flex}.em-cat-stat{flex-direction:column;min-width:48px}.em-cat-stat-val{color:#1a1916;color:var(--text-primary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:22px;font-weight:600;line-height:1}.em-cat-stat-val.green{color:#2d5a27;color:var(--accent)}.em-cat-stat-lbl,.em-cat-stat-val.muted{color:#a09d96;color:var(--text-muted)}.em-cat-stat-lbl{font-size:11px;font-weight:500;letter-spacing:.3px;margin-top:3px;text-transform:uppercase}.em-cat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.em-cat-card{background:#fff;background:var(--surface);border:1px solid #e2e0d8;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);overflow:hidden;padding:16px;position:relative;transition:box-shadow .15s,opacity .15s}.em-cat-card:hover{box-shadow:0 4px 16px #00000014}.em-cat-card.inactive{opacity:.6}.em-cat-card-top{align-items:center;display:flex;gap:12px;margin-bottom:12px}.em-cat-card-icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:38px;justify-content:center;width:38px}.em-cat-card-info{flex:1 1;min-width:0}.em-cat-card-name{color:#1a1916;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-cat-card-usage{color:#a09d96;color:var(--text-muted);font-size:11px;margin-top:2px}.em-cat-badge{border-radius:99px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.em-cat-badge.active{background:#eaf3e6;background:var(--accent-light);color:#1e3d1a;color:var(--accent-text)}.em-cat-badge.inactive{background:#f0efe9;background:var(--surface-2);border:1px solid #e2e0d8;border:1px solid var(--border);color:#a09d96;color:var(--text-muted)}.em-cat-color-bar{border-radius:99px;height:3px;margin-bottom:14px}.em-cat-card-actions{align-items:center;display:flex;justify-content:space-between}.em-toggle-btn{border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.em-toggle-btn.deactivate{background:#fdf0ee;background:var(--danger-light);border-color:#f0bbb6;color:#7a1f16;color:var(--danger-text)}.em-toggle-btn.deactivate:hover{background:#f9d8d5}.em-toggle-btn.activate{background:#eaf3e6;background:var(--accent-light);border-color:#b8d9b3;color:#1e3d1a;color:var(--accent-text)}.em-toggle-btn.activate:hover{background:#d6edcf}.em-cat-icon-actions{display:flex;gap:6px}.em-cat-add-card{align-items:center;background:#0000;border:2px dashed #e2e0d8;border:2px dashed var(--border);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:140px;transition:border-color .15s,background .15s}.em-cat-add-card:hover{background:#eaf3e6;background:var(--accent-light);border-color:#2d5a27;border-color:var(--accent)}.em-cat-add-icon{font-size:28px;font-weight:300;line-height:1}.em-cat-add-icon,.em-cat-add-label{color:#a09d96;color:var(--text-muted)}.em-cat-add-label{font-size:13px;font-weight:500}.em-cat-add-card:hover .em-cat-add-icon,.em-cat-add-card:hover .em-cat-add-label{color:#2d5a27;color:var(--accent)}@media (max-width:768px){.em-app{padding:16px}.em-metrics{grid-template-columns:1fr 1fr}.em-grid-2{grid-template-columns:1fr}.em-tabs{width:100%}.em-tab{flex:1 1;font-size:12px;padding:8px 10px;text-align:center}.em-form-row{grid-template-columns:1fr}.em-list-header-6,.em-list-row-6{grid-template-columns:2fr 1fr 1fr}.em-list-header-6 span:nth-child(3),.em-list-header-6 span:nth-child(4),.em-list-row-6 span:nth-child(3),.em-list-row-6 span:nth-child(4){display:none}.em-cat-grid{grid-template-columns:1fr}}.expenseReport-container{align-items:center;display:flex;flex-direction:column;gap:2px;height:100vh;justify-content:flex-start;overflow-y:hidden;padding:10px 0}.expenseReport-container::-webkit-scrollbar{width:6px}.expenseReport-container::-webkit-scrollbar-track{background:#f1f1f1}.expenseReport-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.expenseReport-container::-webkit-scrollbar-thumb:hover{background:#555}.expense_wrapper{align-items:center;border:1px solid gray;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow:hidden}.expense_company_details,.expense_wrapper{display:flex;justify-content:flex-start;width:100%}.expense_company_details{align-items:flex-start;border-bottom:1px solid gray;border-top:1px solid gray;flex-direction:column;padding:10px}.expense_company_details span{align-items:flex-start;display:flex;gap:3px;justify-content:flex-start}.expense_table_wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin;width:100%}.expense_table_wrapper::-webkit-scrollbar{height:6px;width:6px}.expense_table_wrapper::-webkit-scrollbar-track{background:#f1f1f1}.expense_table_wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.expense_table_wrapper::-webkit-scrollbar-thumb:hover{background:#555}.expense_table{border-collapse:collapse;width:100%}.expense_table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.expense_table th{background-color:#f5f5f5;color:#000}.expense_table td,.expense_table th{background-color:#fff;border:1px solid #ccc;color:#000;font-size:12px;padding:8px;white-space:nowrap}.expense_table td:hover,.expense_table th:hover{background-color:#fff}.expense-report-btns{align-items:center;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;width:100%}.pdf-btn{align-items:center;background-color:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;margin-top:5px;padding:10px 20px;transition:.2s}.pdf-btn:hover{background-color:#b71c1c}.excel-btn{align-items:center;background-color:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;margin-left:10px;margin-top:5px;padding:10px 20px;transition:.2s}.excel-btn:hover{background-color:#1b5e20}.expense_report_filters{justify-content:flex-start;margin-bottom:10px;width:100%}.dates,.expense_report_filters{align-items:center;display:flex;gap:5px}.dates,.print-btn{justify-content:center}.print-btn{align-items:center;background-color:blue;border:none;border-radius:5px;color:#fff;display:flex;font-weight:700;margin-top:20px;padding:6px 16px;transition:all .2s ease-in-out}.print-btn:hover{background-color:rgba(0,0,255,.884);transform:translateY(-2px)}.print-btn:active{box-shadow:0 1px 3px #0000001f;transform:translateY(0)}.expense_totals_row td{background-color:#f0f0f0;border-top:2px solid #333;font-weight:700}