.auth-split-box{border:1px solid #222;border-radius:18px;box-shadow:0 2px 12px #00000008;display:flex;height:650px;margin:100px auto;overflow:hidden;position:relative;width:1300px;z-index:1}.auth-form-section{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffff40;border-bottom-right-radius:18px;border-left:1.5px solid #ffffff2e;border-top-right-radius:18px;box-shadow:0 4px 32px 0 #1f26871a;flex-direction:column;padding:40px 32px 0;width:40%}.auth-container,.auth-form-section{display:flex;justify-content:center}.auth-container{align-items:center;background:linear-gradient(135deg,#232526,#414345);min-height:100vh}.auth-tabs{border-bottom:2px solid #bbb;display:flex;gap:32px;justify-content:center;margin-bottom:24px;position:relative}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#fff;cursor:pointer;font-family:inherit;font-size:1.3rem;outline:none;padding-bottom:8px;position:relative;transition:border-color .2s}.tab-btn.active{border-bottom:3px solid #fff;color:#fff;font-weight:500}.auth-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e;max-width:400px;padding:2rem}.auth-box,.auth-form{width:100%}.auth-form-group{margin-bottom:1.5rem}.auth-form-group label{color:#fff;display:block;font-size:.9rem;margin-bottom:.5rem}.auth-form-group input{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.auth-form-group input:focus{border-color:#fff6;outline:none}.auth-form-group input::placeholder{color:#ffffff80}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:45px}.password-toggle-btn{align-items:center;background:none;border:none;color:#000000b3;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:12px;transition:color .3s ease;width:24px}.password-toggle-btn:hover{color:#000000e6}.password-toggle-btn svg{height:20px;width:20px}.auth-submit-btn{background:#0b314d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}.auth-submit-btn:hover{background:#104a74}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-forgot-password{margin-bottom:1rem;text-align:right}.auth-forgot-password a{color:#fff;font-size:.9rem;opacity:.8;text-decoration:none}.auth-forgot-password a:hover{opacity:1}.our-features-section{align-items:center;background:linear-gradient(135deg,#232526,#414345);box-shadow:0 4px 32px 0 #1f26871a;display:flex;flex-direction:column;margin:0 auto;padding:32px 0 64px;position:relative;width:100%;z-index:2}.features-title{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:32px;text-align:center}.features-list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;max-width:1200px;width:100%}.feature-card{align-items:center;background:#ffffff14;border:1.5px solid #ffffff21;border-radius:18px;box-shadow:0 2px 16px 0 #1f268714;display:flex;flex:1 1 220px;flex-direction:column;max-width:270px;min-width:220px;padding:32px 28px 28px;transition:transform .18s,box-shadow .18s}.feature-card:hover{border-color:#fff;box-shadow:0 8px 32px 0 #1f26872e;transform:translateY(-8px) scale(1.03)}.feature-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18));font-size:2.5rem;margin-bottom:18px}.feature-heading{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:10px;text-align:center}.feature-desc{color:#e0e0e0;font-size:1rem;line-height:1.5;text-align:center}@media (max-width:900px){.auth-split-box{max-width:98vw;min-width:320px;width:98vw}.features-list{align-items:center;flex-direction:column;gap:24px}.our-features-section{padding:24px 0 32px}}@media (max-width:600px){.auth-split-box{flex-direction:column;height:auto;min-width:0;width:98vw}.auth-form-section,.auth-image-section{border-radius:0;min-height:120px;width:100%}.auth-form-section{padding:24px 10px 0}}.our-pricing-section{align-items:center;background:linear-gradient(135deg,#232526,#414345);border-radius:0;display:flex;flex-direction:column;margin:0;padding:32px 0 64px;position:relative;width:100%;z-index:2}.pricing-title{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:32px;text-align:center}.pricing-list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.pricing-card{align-items:center;background:#ffffff14;border:1.5px solid #ffffff21;border-radius:18px;box-shadow:0 2px 16px 0 #1f268714;display:flex;flex:1 1 220px;flex-direction:column;max-width:300px;min-width:220px;padding:36px 32px 32px;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}.pricing-card-featured{background:#ffffff2e;border:2px solid #fff;box-shadow:0 8px 32px 0 #1f26872e;transform:scale(1.05);z-index:1}.pricing-plan{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:10px;text-align:center}.pricing-price{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:18px;text-align:center}.pricing-price span{color:#e0e0e0;font-size:1rem;font-weight:400}.pricing-features{color:#e0e0e0;font-size:1rem;list-style:none;margin:0 0 24px;padding:0;text-align:center}.pricing-features li{margin-bottom:8px}.pricing-btn{background:#0b314d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2.2rem;transition:background .2s}.pricing-btn.featured,.pricing-btn:hover{background:#104a74}@media (max-width:900px){.pricing-list{align-items:center;flex-direction:column;gap:24px}.our-pricing-section{padding:24px 0 32px}}.footer-section{background:linear-gradient(135deg,#0a0e1a,#1a1f2e 25%,#2d3748 50%,#1a1f2e 75%,#0a0e1a);color:#fff;overflow:hidden;padding:80px 0 40px;position:relative;width:100%;z-index:2}.footer-section:before{background:radial-gradient(circle at 20% 80%,#4fc3f70a 0,#0000 50%),radial-gradient(circle at 80% 20%,#1976d208 0,#0000 50%),radial-gradient(circle at 40% 40%,#9c27b005 0,#0000 50%)}.footer-section:after,.footer-section:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.footer-section:after{animation:footer-shimmer 12s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff03 50%,#0000)}@keyframes footer-shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.footer-content{margin:0 auto;max-width:1200px;padding:0 48px;position:relative;width:100%;z-index:2}.footer-main{grid-gap:64px;border-bottom:1px solid #ffffff14;display:grid;gap:64px;grid-template-columns:1fr 2fr;margin-bottom:48px;padding-bottom:48px}.footer-brand{display:flex;flex-direction:column;gap:24px}.footer-logo-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;display:inline-block;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content}.footer-logo-container:hover{background:#ffffff14;border-color:#4fc3f74d;box-shadow:0 12px 40px #0000004d,0 0 0 1px #4fc3f71a;transform:translateY(-2px)}.footer-text-container{display:flex;flex-direction:column;gap:12px}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2edff 50%,#a8b5d9);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.footer-tagline{color:#a8b5d9;font-size:1.05rem;line-height:1.6;max-width:280px}.footer-sections{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(4,1fr)}.footer-section-group{display:flex;flex-direction:column;gap:20px}.footer-section-title{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:-.3px;margin:0;position:relative}.footer-section-title:after{background:linear-gradient(90deg,#4fc3f7,#1976d2 50%,#9c27b0);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:24px}.footer-section-links{display:flex;flex-direction:column;gap:12px}.footer-section-links a{color:#a8b5d9;font-size:.95rem;padding:4px 0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content}.footer-section-links a:before{background:linear-gradient(90deg,#4fc3f7,#1976d2);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.footer-section-links a:hover{color:#fff;transform:translateX(4px)}.footer-section-links a:hover:before{width:100%}.footer-bottom{position:relative;z-index:2}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.footer-copyright{color:#8b9bb4;font-size:.9rem}.footer-social{display:flex;gap:16px}.footer-social-link{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#a8b5d9;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.footer-social-link:before{background:linear-gradient(135deg,#4fc3f71a,#1976d21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.footer-social-link:hover{background:#ffffff1a;border-color:#4fc3f74d;box-shadow:0 8px 24px #0000004d,0 0 0 1px #4fc3f733;color:#fff;transform:translateY(-2px)}.footer-social-link:hover:before{opacity:1}.footer-social-link svg{position:relative;transition:transform .3s ease;z-index:1}.footer-social-link:hover svg{transform:scale(1.1)}.businessHeading{align-items:center;background:linear-gradient(120deg,#0b314d,#1e3c72);box-shadow:0 4px 32px 0 #1f26871a;display:flex;justify-content:center;margin:0;min-height:340px;padding:64px 0 48px;position:relative;width:100%;z-index:2}.business-heading-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1428468c;border-radius:22px;box-shadow:0 8px 32px 0 #1f26872e;color:#fff;margin:0 auto;max-width:700px;padding:32px 24px;text-align:center}.business-heading-content h1{color:#fff;font-size:2.7rem;font-weight:800;letter-spacing:1px;line-height:1.15;margin-bottom:18px;text-shadow:0 2px 12px #00000021}.business-subtitle{color:#e0e0e0;font-size:1.18rem;font-weight:400;line-height:1.6;margin-bottom:32px}.business-cta-group{display:flex;gap:22px;justify-content:center;margin-top:10px}.business-cta{border:none;border-radius:8px;box-shadow:0 2px 12px 0 #1f26871a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.85rem 2.2rem;transition:background .18s,color .18s,box-shadow .18s}.business-cta.primary{background:linear-gradient(90deg,#4fc3f7,#1976d2);border:none;color:#fff}.business-cta.primary:hover{background:linear-gradient(90deg,#1976d2,#4fc3f7);color:#fff}.business-cta.secondary{background:#0000;border:2px solid #4fc3f7;color:#fff}.business-cta.secondary:hover{background:#4fc3f7;color:#0b314d}@media (max-width:700px){.business-heading-content h1{font-size:2rem}.business-heading-content{padding:18px 6px}.business-cta-group{flex-direction:column;gap:12px}}.whatyouget{align-items:center;background:linear-gradient(135deg,#0f1419,#1a1f2e 50%,#2d3748);display:flex;flex-direction:column;overflow:hidden;padding:80px 0 100px;position:relative;width:100%;z-index:2}.whatyouget:before{background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.whatyouget-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.2rem;font-weight:900;letter-spacing:-.02em;margin-bottom:60px;position:relative;text-align:center;text-shadow:0 4px 20px #0000004d}.whatyouget-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.whatyouget-features{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1400px;padding:0 24px;position:relative;width:100%;z-index:1}.whatyouget-feature-card{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000001a,0 1px 3px #ffffff1a,inset 0 1px 0 #ffffff1a;display:flex;gap:24px;overflow:hidden;padding:40px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.whatyouget-feature-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.whatyouget-feature-card:hover{background:#ffffff1f;border-color:#667eea4d;box-shadow:0 20px 60px #0003,0 8px 32px #667eea26,inset 0 1px 0 #fff3;transform:translateY(-12px) scale(1.02)}.whatyouget-feature-card:hover:before{opacity:1}.whatyouget-icon-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d,0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:64px}.whatyouget-icon-circle:before{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.whatyouget-feature-card:hover .whatyouget-icon-circle{box-shadow:0 12px 32px #667eea66,0 4px 12px #00000026;transform:scale(1.1) rotate(5deg)}.whatyouget-feature-title{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:12px;text-shadow:0 2px 8px #0003}.whatyouget-feature-desc{color:#fffc;font-size:1.05rem;font-weight:400;letter-spacing:.01em;line-height:1.6}@media (max-width:1200px){.whatyouget-features{gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 20px}.whatyouget-title{font-size:2.8rem;margin-bottom:50px}}@media (max-width:900px){.whatyouget{padding:60px 0 80px}.whatyouget-features{gap:20px;grid-template-columns:1fr;max-width:500px;padding:0 16px}.whatyouget-feature-card{min-width:auto;padding:32px 24px}.whatyouget-title{font-size:2.2rem;margin-bottom:40px}.whatyouget-icon-circle{font-size:1.6rem;height:56px;width:56px}.whatyouget-feature-title{font-size:1.3rem}.whatyouget-feature-desc{font-size:1rem}}@media (max-width:600px){.whatyouget{padding:40px 0 60px}.whatyouget-title{font-size:1.8rem;margin-bottom:30px}.whatyouget-feature-card{gap:20px;padding:24px 20px}.whatyouget-icon-circle{font-size:1.4rem;height:48px;width:48px}.whatyouget-feature-title{font-size:1.2rem}}.choseyoursolution{align-items:center;background:linear-gradient(135deg,#1a1f2e,#2d3748 50%,#4a5568);display:flex;flex-direction:column;overflow:hidden;padding:100px 0 120px;position:relative;width:100%;z-index:2}.choseyoursolution:before{background:radial-gradient(circle at 30% 70%,#667eea14 0,#0000 50%),radial-gradient(circle at 70% 30%,#764ba214 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.choseyoursolution-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:80px;position:relative;text-align:center;text-shadow:0 4px 20px #0000004d}.choseyoursolution-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-20px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.choseyoursolution-cards{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));max-width:1400px;padding:0 24px;position:relative;width:100%;z-index:1}.choseyoursolution-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 12px 40px #00000026,0 2px 6px #ffffff1a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;min-height:520px;overflow:hidden;padding:48px 36px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.choseyoursolution-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.choseyoursolution-card:hover{background:#ffffff1f;border-color:#667eea4d;box-shadow:0 24px 80px #00000040,0 12px 40px #667eea26,inset 0 1px 0 #fff3;transform:translateY(-16px) scale(1.02)}.choseyoursolution-card:hover:before{opacity:1}.choseyoursolution-icon{align-items:center;border-radius:24px;box-shadow:0 12px 32px #0003,0 4px 12px #0000001a;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:32px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.choseyoursolution-icon:before{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.choseyoursolution-icon.standalone{background:linear-gradient(135deg,#667eea,#764ba2)}.choseyoursolution-icon.api{background:linear-gradient(135deg,#43e97b,#38f9d7)}.choseyoursolution-icon.erp{background:linear-gradient(135deg,#f7971e,#ffd200)}.choseyoursolution-card:hover .choseyoursolution-icon{box-shadow:0 16px 40px #00000040,0 6px 16px #00000026;transform:scale(1.15) rotate(8deg)}.choseyoursolution-card-content{color:#fff;display:flex;flex:1 1;flex-direction:column;text-align:center;width:100%}.choseyoursolution-plan{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin-bottom:20px;text-shadow:0 2px 8px #0003}.choseyoursolution-card-content ul{flex:1 1;list-style:none;margin:0 0 32px;padding:0}.choseyoursolution-card-content ul li{color:#ffffffd9;font-size:1.1rem;font-weight:400;line-height:1.5;margin-bottom:12px;padding-left:0;position:relative}.choseyoursolution-card-content ul li:before{color:#667eea;content:"✓";font-size:1.2rem;font-weight:700;left:-24px;position:absolute;top:0}.choseyoursolution-price{color:#667eea;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;margin-bottom:24px;text-shadow:0 2px 8px #667eea4d}.choseyoursolution-price span{color:#ffffffb3;font-size:1.1rem;font-weight:500;margin-left:4px}.choseyoursolution-price .or{color:#fff9;font-size:1rem;font-weight:400;margin:0 8px}.choseyoursolution-price.contact{color:#ffd200;font-size:1.8rem;font-weight:700}.choseyoursolution-cta{border:none;border-radius:16px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin-top:auto;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.choseyoursolution-cta:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.choseyoursolution-cta:hover:before{left:100%}.choseyoursolution-cta.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.choseyoursolution-cta.primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 32px #667eea4d,0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.choseyoursolution-cta.secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #667eea80;color:#fff}.choseyoursolution-cta.secondary:hover{background:#667eea33;border-color:#667eea;box-shadow:0 12px 32px #667eea33,0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}@media (max-width:1200px){.choseyoursolution-cards{gap:32px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));padding:0 20px}.choseyoursolution-title{font-size:3rem;margin-bottom:60px}.choseyoursolution-card{min-height:480px;padding:40px 28px 32px}}@media (max-width:900px){.choseyoursolution{padding:80px 0 100px}.choseyoursolution-cards{gap:24px;grid-template-columns:1fr;max-width:600px;padding:0 16px}.choseyoursolution-card{min-height:auto;padding:36px 24px 28px}.choseyoursolution-title{font-size:2.4rem;margin-bottom:50px}.choseyoursolution-icon{font-size:2.2rem;height:70px;margin-bottom:24px;width:70px}.choseyoursolution-plan{font-size:1.4rem}.choseyoursolution-card-content ul li{font-size:1rem}.choseyoursolution-price{font-size:1.8rem}}@media (max-width:600px){.choseyoursolution{padding:60px 0 80px}.choseyoursolution-title{font-size:2rem;margin-bottom:40px}.choseyoursolution-card{padding:28px 20px 24px}.choseyoursolution-icon{font-size:2rem;height:60px;margin-bottom:20px;width:60px}.choseyoursolution-plan{font-size:1.3rem}.choseyoursolution-card-content ul li{font-size:.95rem;margin-bottom:10px}.choseyoursolution-price{font-size:1.6rem}.choseyoursolution-cta{font-size:1rem;padding:14px 20px}}.whytemschooseus{align-items:center;background:linear-gradient(135deg,#0f1419,#1a1f2e 25%,#2d3748 50%,#1a1f2e 75%,#0f1419);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:2}.whytemschooseus:before{background:radial-gradient(circle at 20% 80%,#4fc3f714 0,#0000 50%),radial-gradient(circle at 80% 20%,#1976d20f 0,#0000 50%),radial-gradient(circle at 40% 40%,#9c27b00a 0,#0000 50%)}.whytemschooseus:after,.whytemschooseus:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.whytemschooseus:after{background:linear-gradient(135deg,#4fc3f708,#0000 50%)}.whyteams-horizontal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fc3f7,#1976d2 50%,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;letter-spacing:-.5px;margin-bottom:48px;max-width:1200px;padding:0 48px;position:relative;text-align:center;text-shadow:0 4px 20px #4fc3f74d;width:100%;z-index:2}.whyteams-horizontal-title:after{background:linear-gradient(90deg,#4fc3f7,#1976d2 50%,#9c27b0);border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px;z-index:2}.whyteams-horizontal-features{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;max-width:1200px;padding:0 48px;position:relative;width:100%;z-index:2}.whyteams-horizontal-feature{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #4fc3f733;border-radius:24px;box-shadow:0 8px 32px #0003,0 4px 16px #1f268726,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;min-height:280px;overflow:hidden;padding:40px 32px 36px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.whyteams-horizontal-feature:before{background:linear-gradient(90deg,#4fc3f7,#1976d2 50%,#9c27b0);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.whyteams-horizontal-feature:after{background:linear-gradient(135deg,#4fc3f70d,#0000 50%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.whyteams-horizontal-feature:hover{background:#ffffff1f;border-color:#4fc3f766;box-shadow:0 20px 60px #0000004d,0 12px 40px #4fc3f733,inset 0 1px 0 #ffffff26;transform:translateY(-12px) scale(1.02)}.whyteams-horizontal-feature:hover:before{transform:scaleX(1)}.whyteams-horizontal-feature:hover:after{opacity:1}.whyteams-horizontal-icon{align-items:center;background:linear-gradient(135deg,#4fc3f7,#1976d2 50%,#9c27b0);border-radius:20px;box-shadow:0 8px 24px #4fc3f74d,0 4px 12px #1976d233,inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:2.4rem;height:72px;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:72px;z-index:2}.whyteams-horizontal-icon:before{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.whyteams-horizontal-icon span{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:2}.whyteams-horizontal-feature:hover .whyteams-horizontal-icon{box-shadow:0 12px 32px #4fc3f766,0 6px 16px #1976d24d,inset 0 1px 0 #ffffff4d;transform:scale(1.1) rotate(5deg)}@keyframes whyteams-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}.whyteams-horizontal-icon{animation:whyteams-float 3s ease-in-out infinite}.whyteams-horizontal-feature:hover .whyteams-horizontal-icon{animation:none}.whyteams-horizontal-feature-title{color:#4fc3f7;font-size:1.3rem;font-weight:800;letter-spacing:-.2px;margin-bottom:12px;position:relative;text-align:center;text-shadow:0 2px 8px #4fc3f74d;z-index:2}.whyteams-horizontal-feature-desc{color:#e8f4fd;font-size:1.1rem;font-weight:400;line-height:1.6;position:relative;text-align:center;text-shadow:0 1px 4px #0003;z-index:2}@media (max-width:1200px){.whyteams-horizontal-features{gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 40px}.whyteams-horizontal-title{font-size:2.2rem;margin-bottom:40px;padding:0 40px}}@media (max-width:900px){.whytemschooseus{padding:60px 0}.whyteams-horizontal-features{gap:24px;grid-template-columns:1fr;margin:0 auto;max-width:500px;padding:0 32px}.whyteams-horizontal-title{font-size:2rem;margin-bottom:36px;padding:0 32px}.whyteams-horizontal-feature{min-height:260px;padding:36px 28px 32px}.whyteams-horizontal-icon{font-size:2.2rem;height:64px;margin-bottom:20px;width:64px}.whyteams-horizontal-feature-title{font-size:1.2rem;margin-bottom:10px}.whyteams-horizontal-feature-desc{font-size:1.05rem}}@media (max-width:600px){.whytemschooseus{padding:48px 0}.whyteams-horizontal-title{font-size:1.8rem;margin-bottom:32px;padding:0 24px}.whyteams-horizontal-features{padding:0 24px}.whyteams-horizontal-feature{border-radius:20px;min-height:240px;padding:32px 24px 28px}.whyteams-horizontal-icon{border-radius:16px;font-size:2rem;height:56px;margin-bottom:18px;width:56px}.whyteams-horizontal-feature-title{font-size:1.1rem;margin-bottom:8px}.whyteams-horizontal-feature-desc{font-size:1rem}}.sleek-faq{background:linear-gradient(120deg,#111728,#101421);border:none;border-radius:0;box-shadow:none;padding:0}.faq,.sleek-faq{position:relative;width:100%;z-index:2}.faq{align-items:center;background:linear-gradient(135deg,#0a0e1a,#1a1f2e 25%,#2d3748 50%,#1a1f2e 75%,#0a0e1a);display:flex;justify-content:center;overflow:hidden;padding:80px 0}.faq:before{background:radial-gradient(circle at 30% 70%,#4fc3f70f 0,#0000 50%),radial-gradient(circle at 70% 30%,#1976d20a 0,#0000 50%),radial-gradient(circle at 50% 50%,#9c27b008 0,#0000 50%)}.faq:after,.faq:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.faq:after{animation:faq-shimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff05 50%,#0000)}@keyframes faq-shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.faq-inner{margin:0 auto;max-width:800px;padding:0 48px;position:relative;width:100%;z-index:2}.faq-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.8rem;font-weight:700;letter-spacing:-1.5px;margin-bottom:16px;position:relative;text-align:center}.faq-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.faq-subtitle{color:#a8b5d9;font-size:1.1rem;line-height:1.6;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;cursor:pointer;overflow:hidden;padding:24px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:before{background:linear-gradient(135deg,#4fc3f70d,#1976d208 50%,#9c27b00d);bottom:0;right:0;z-index:1}.faq-item:after,.faq-item:before{content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}.faq-item:after{background:linear-gradient(180deg,#4fc3f7,#1976d2 50%,#9c27b0);height:100%;width:4px;z-index:2}.faq-item:hover{background:#ffffff0f;border-color:#4fc3f733;box-shadow:0 12px 40px #0000004d,0 0 0 1px #4fc3f71a;transform:translateY(-2px)}.faq-item:hover:after,.faq-item:hover:before{opacity:1}.faq-item.open{background:#ffffff14;border-color:#4fc3f74d;box-shadow:0 16px 48px #0006,0 0 0 1px #4fc3f733}.faq-item.open:after,.faq-item.open:before{opacity:1}.faq-question{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between;line-height:1.5;position:relative;transition:color .3s ease;z-index:3}.faq-item:hover .faq-question{color:#e2edff}.faq-toggle{align-items:center;background:#4fc3f71a;border-radius:50%;color:#4fc3f7;display:flex;font-size:1.8rem;font-weight:300;height:24px;justify-content:center;margin-left:16px;position:relative;text-shadow:0 0 10px #4fc3f780;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px;z-index:3}.faq-item:hover .faq-toggle{background:#4fc3f733;color:#fff;transform:scale(1.1)}.faq-item.open .faq-toggle{background:#4fc3f74d;color:#fff;transform:rotate(180deg)}.faq-answer{animation:faq-answer-fade .3s ease-out;border-top:1px solid #ffffff1a;color:#a8b5d9;font-size:1.05rem;line-height:1.7;margin-top:20px;padding-top:20px;position:relative;z-index:3}@keyframes faq-answer-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.faq-inner{max-width:90%;padding:0 40px}.faq-title{font-size:2.4rem}}@media (max-width:900px){.faq{padding:60px 0}.faq-inner{max-width:95%;padding:0 32px}.faq-title{font-size:2rem}.faq-subtitle{font-size:1rem;margin-bottom:40px}.faq-item{padding:20px 24px}.faq-question{font-size:1.1rem}}@media (max-width:600px){.faq{padding:48px 0}.faq-inner{max-width:100%;padding:0 24px}.faq-title{font-size:1.8rem}.faq-subtitle{font-size:.95rem;margin-bottom:32px}.faq-item{border-radius:16px;padding:18px 20px}.faq-question{font-size:1rem}.faq-answer{font-size:.95rem;margin-top:16px;padding-top:16px}.faq-toggle{font-size:1.6rem;height:20px;width:20px}}.auth-welcome-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0003}.auth-welcome-content h1{text-shadow:0 2px 10px #0000004d}.auth-welcome-content{animation:fadeIn .8s ease-out forwards}@media (max-width:1200px){.auth-welcome-content h1{font-size:2.2rem}}@media (max-width:768px){.auth-welcome-content h1{font-size:1.8rem}}.auth-image-section{align-items:center;background:#1a1d2999;border-bottom-left-radius:18px;border-top-left-radius:18px;display:flex;justify-content:center;overflow:hidden;position:relative;width:60%}.auth-welcome-content{background:#0003;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;padding:2rem;text-align:center}.auth-welcome-content h1{color:#fff;font-size:2.8rem;font-weight:700;line-height:1.3;margin:0 auto;max-width:80%;text-shadow:0 2px 10px #0006}.auth-welcome-content h3{color:#e0e0e0;font-size:1.2rem;font-weight:400;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:80%;opacity:.9;text-shadow:0 1px 8px #0003}@media (max-width:1200px){.auth-welcome-content h3{font-size:1.1rem}}@media (max-width:768px){.auth-welcome-content h3{font-size:1rem;max-width:90%}}@media (max-width:1200px){.footer-content{max-width:95%;padding:0 40px}.footer-main{gap:48px}.footer-sections{gap:40px}}@media (max-width:900px){.footer-section{padding:60px 0 32px}.footer-content{padding:0 32px}.footer-main{gap:48px;grid-template-columns:1fr}.footer-brand{align-items:center}.footer-brand,.footer-text-container{text-align:center}.footer-tagline{max-width:100%}.footer-sections{gap:40px;grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.footer-section{padding:48px 0 24px}.footer-content{padding:0 24px}.footer-main{gap:40px;margin-bottom:40px;padding-bottom:40px}.footer-sections{gap:32px;grid-template-columns:1fr}.footer-section-group{align-items:center;text-align:center}.footer-section-title:after{left:50%;transform:translateX(-50%)}.footer-bottom-content{flex-direction:column;gap:20px;text-align:center}}@media (max-width:600px){.footer-section{padding:40px 0 20px}.footer-content{padding:0 20px}.footer-main{gap:32px;margin-bottom:32px;padding-bottom:32px}.footer-brand{gap:20px}.footer-logo{font-size:1.6rem}.footer-tagline{font-size:1rem}.footer-sections{gap:28px}.footer-section-group{gap:16px}.footer-section-title{font-size:1rem}.footer-section-links{gap:10px}.footer-section-links a{font-size:.9rem}.footer-social{gap:12px}.footer-social-link{height:36px;width:36px}.footer-copyright{font-size:.85rem}}.auth-form-header{margin-bottom:2rem;text-align:center}.auth-form-logo{animation:fadeInDown .6s ease-out;height:60px;margin-bottom:1rem;width:auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 70px);padding:20px}.home-content{display:flex;flex-direction:column;gap:1rem}h2,h3{font-size:1rem;margin:0;padding:0}.graph-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:300px;padding:1rem}.graph-container{height:calc(100% - 30px)}.search-filter-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.search-filters-row{align-items:flex-start;display:flex;gap:24px}.search-input-wrapper{align-items:center;display:flex;gap:1rem}.search-input{border:1px solid #ddd;border-radius:4px;min-width:200px;padding:.5rem}.cancel-btn{font-size:1rem;padding:.5rem 1rem;transition:all .2s ease}.cancel-btn:hover{border-color:#ccc}.filters-wrapper{display:flex;flex:1 1;gap:48px;min-width:0}.filter-group{align-items:center;display:flex;gap:12px;min-width:0}.filter-group-label{color:#4a5568;font-size:14px;font-weight:600;white-space:nowrap}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.filter-button:hover{background:#f7fafc;border-color:#cbd5e0}.filter-button:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.filter-button.active{background:#4299e1;border-color:#4299e1;color:#fff}.filter-button.active:hover{background:#3182ce;border-color:#3182ce}.filter-button.active:focus{box-shadow:0 0 0 3px #4299e133}.filter-group:first-child .filter-button{border-color:#e53e3e;color:#e53e3e}.filter-group:first-child .filter-button:hover{background:#fff5f5;border-color:#c53030}.filter-group:first-child .filter-button.active{background:#e53e3e;border-color:#e53e3e;color:#fff}.filter-group:first-child .filter-button.active:hover{background:#c53030;border-color:#c53030}.filter-group:first-child .filter-button:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.filter-group:first-child .filter-button.active:focus{box-shadow:0 0 0 3px #e53e3e33}.filter-group:last-child .filter-button{border-color:#3182ce;color:#3182ce}.filter-group:last-child .filter-button:hover{background:#ebf8ff;border-color:#2c5282}.filter-group:last-child .filter-button.active{background:#3182ce;border-color:#3182ce;color:#fff}.filter-group:last-child .filter-button.active:hover{background:#2c5282;border-color:#2c5282}.filter-group:last-child .filter-button:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.filter-group:last-child .filter-button.active:focus{box-shadow:0 0 0 3px #3182ce33}.document-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:1rem}.document-header{align-items:center;display:flex;height:24px;justify-content:space-between;margin-bottom:.5rem}.section-actions select{background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.4rem}.document-table{box-shadow:0 1px 3px #0000001a;overflow:hidden}.document-table table{border-collapse:collapse;width:100%}.document-table td,.document-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.document-table th{background:#f7fafc;color:#4a5568;font-size:14px;font-weight:600}.document-table td{color:#2d3748;font-size:14px}.document-table tr:last-child td{border-bottom:none}.document-table tr:hover{background:#f7fafc}.edit-btn{background:#0000;border-radius:4px;padding:6px;transition:all .2s ease}.edit-btn:focus{box-shadow:0 0 0 3px #4299e11a;outline:none}.edit-icon{height:20px;width:20px}@media (max-width:1024px) and (min-width:769px){.home-content{gap:.75rem;padding:.75rem}.search-filters-row{flex-direction:column;gap:1rem}.search-input-wrapper{align-items:center;display:flex;flex-direction:row;gap:.75rem;width:100%}.search-input{flex:1 1;min-width:0;min-width:auto}.cancel-btn{padding:.4rem 1rem;white-space:nowrap;width:auto}.filters-wrapper{gap:1rem;width:100%}.filter-group{flex:1 1}.filter-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.filter-button{font-size:.875rem;min-width:0;min-width:auto;padding:.4rem .5rem;white-space:nowrap}.filter-group-label{font-size:.875rem;margin-bottom:.25rem}.graph-section{height:250px}.document-table{margin:0}.document-table table{min-width:0;min-width:auto;width:100%}.document-table thead{display:none}.document-table tbody tr{grid-gap:.75rem;background:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.document-table td{display:flex;flex-direction:column;gap:.25rem;padding:0}.document-table td:first-child{display:none}.document-table td:before{color:#4a5568;content:attr(data-label);font-size:.75rem;font-weight:600}.document-table td:last-child{border-top:1px solid #e2e8f0;flex-direction:row;grid-column:1/-1;justify-content:flex-end;padding-top:.5rem}.document-table td:last-child:before{display:none}.action-buttons{gap:.75rem;justify-content:flex-end;width:100%}.navbar-brand{padding-left:2rem}}@media (max-width:768px){.home-content{gap:.5rem;padding:.5rem}.graph-section{height:200px;padding:.75rem}.search-filter-section{padding:.75rem}.search-filters-row{flex-direction:column;gap:.75rem}.search-input-wrapper{align-items:center;display:flex;flex-direction:row;gap:.5rem;width:100%}.search-input{flex:3 1;min-width:180px}.cancel-btn{font-size:.8rem;min-width:0;min-width:auto;padding:.25rem .5rem;white-space:nowrap;width:auto}.filters-wrapper{flex-direction:row;flex-wrap:wrap;gap:.75rem}.filter-group{width:100%}.filter-group-label{font-size:.875rem;margin-bottom:.25rem}.filter-buttons{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(2,1fr);width:100%}.filter-button{font-size:.75rem;min-width:0;min-width:auto;padding:.375rem .5rem;text-align:center;white-space:nowrap}.filter-group:first-child .filter-buttons{grid-template-columns:repeat(2,1fr)}.filter-group:last-child .filter-buttons{grid-template-columns:repeat(3,1fr)}.document-table{margin:0}.document-table table{min-width:0;min-width:auto;width:100%}.document-table thead{display:none}.document-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.document-table td{display:flex;flex-direction:column;gap:.25rem}.document-table td:first-child{display:none}.document-table td:before{font-size:.75rem}.document-table td:last-child{border-top:1px solid #e2e8f0;flex-direction:row;margin-top:.25rem}.document-table td:last-child:before{display:none}.action-buttons{gap:.5rem;justify-content:flex-end;width:100%}.document-table td:nth-child(2){font-size:1rem;font-weight:600}.document-table td:nth-child(4){font-weight:500}.cancel-invoice-btn,.edit-btn{padding:.5rem;width:100%}.cancel-icon,.edit-icon{height:1.25rem;width:1.25rem}.document-table td:first-child,.document-table th:first-child{display:none}.document-table td:nth-child(2),.document-table th:nth-child(2){font-weight:600}.document-table tr{grid-gap:.5rem;border-bottom:1px solid #e2e8f0;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;padding:.75rem}.document-table td{padding:0}.document-table td:last-child{display:flex;grid-column:1/-1;justify-content:flex-end;padding-top:.5rem}.document-table td:before{color:#4a5568;content:attr(data-label);display:block;font-weight:600;margin-bottom:.25rem}.navbar-brand{padding-left:2rem}}@media (max-width:480px){.home-content{padding:.25rem}.graph-section{height:180px;padding:.5rem}.filter-button{min-width:100%}.document-table tbody tr{gap:.375rem;padding:.625rem}.document-table td:before{font-size:.6875rem}.document-table td{font-size:.875rem}.document-table td:nth-child(2){font-size:.9375rem}.action-buttons{flex-direction:row;justify-content:center}.cancel-invoice-btn,.edit-btn{width:auto}.filters-wrapper{gap:.5rem}.filter-group-label{font-size:.8125rem}.filter-button{font-size:.6875rem;padding:.25rem .375rem}.filter-group:first-child .filter-buttons{grid-template-columns:repeat(2,1fr)}.filter-group:last-child .filter-buttons{grid-template-columns:repeat(3,1fr)}.search-input-wrapper{gap:.375rem}.search-input{flex:3 1;min-width:140px}.cancel-btn{font-size:.75rem;min-width:0;min-width:auto;padding:.2rem .4rem}.navbar-brand{padding-left:2rem}}@media (max-height:600px) and (orientation:landscape){.home-container{height:auto}.graph-section{min-height:150px}.search-filter-section{grid-template-columns:repeat(2,1fr)}}.date-range{align-items:center;display:flex;gap:1rem}.date-range label{color:#4a5568;font-size:.9rem;font-weight:500;min-width:80px}.date-input,.date-inputs{flex:1 1}.date-input input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.4rem;width:100%}.date-input input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s;transition:opacity .2s}.date-input input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.search-inputs{gap:.75rem}.search-box{padding:1rem}.search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.search-actions{display:flex;gap:.5rem}.search-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem 1rem;transition:all .2s ease}.search-btn.apply{background:#4299e1;border-color:#4299e1;color:#fff}.search-btn.apply:hover{background:#3182ce;border-color:#3182ce}.search-btn.clear{background:#fff;border-color:#e2e8f0;color:#4a5568}.search-btn.clear:hover{background:#f7fafc;border-color:#cbd5e0}.search-box{padding:.75rem}.search-inputs{margin-top:0}.edit-btn{align-items:center;display:flex;justify-content:center}td:last-child,th:last-child{width:40px}.action-buttons,.cancel-invoice-btn,.edit-btn{align-items:center;justify-content:center}.cancel-invoice-btn,.edit-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;padding:6px;transition:all .2s ease}.edit-btn{color:#4a5568}.edit-btn:hover{background:#edf2f7;color:#2b6cb0}.cancel-invoice-btn{color:#e53e3e}.cancel-invoice-btn:hover{background:#fff5f5;color:#c53030}.cancel-icon,.edit-icon{height:20px;width:20px}td:last-child,th:last-child{text-align:center;width:100px}.hometableheader{background:#fff;padding:20px 10px 10px;text-align:center}.company-dropdown-home{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.company-dropdown-home label{color:#374151;font-size:1rem;font-weight:500}.company-dropdown-home .company-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:1rem;min-width:220px;padding:.5rem 1rem}.company-dropdown-home .company-select:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a;outline:none}.receipt-date-range{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.receipt-date-range label{color:#333;font-weight:500;margin-right:.5rem}.receipt-date-range input[type=date]{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.4rem .75rem;transition:border .2s}.receipt-date-range input[type=date]:focus{border-color:#1976d2;outline:none}.mb-fix{overflow:scroll}.doc-header{margin-bottom:2rem}.doc-create-btn{background:#0072bc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.doc-create-btn:hover{background:#005a99}.doc-search-section{align-items:flex-end;background:#fff;border-radius:8px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.doc-search-group{display:flex;flex-direction:column;gap:.5rem}.doc-search-group label{color:#4a5568;font-size:.9rem}.doc-search-group input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;min-width:200px;padding:.5rem}.doc-date-inputs{display:flex;gap:.5rem}.doc-date-inputs input{min-width:150px}.doc-search-buttons{display:flex;gap:1rem}.doc-apply-btn,.doc-clear-btn{border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1.5rem;transition:all .2s}.doc-apply-btn{background:#000;border:none;color:#fff}.doc-clear-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.doc-apply-btn:hover{background:#1a202c}.doc-clear-btn:hover{background:#f7fafc}.document-table{background:#fff;border-radius:8px;padding:1rem}@media (max-width:1024px){.doc-search-section{flex-direction:column;gap:1rem}.doc-date-inputs input,.doc-search-group input{min-width:100%}.doc-search-buttons{width:100%}.doc-apply-btn,.doc-clear-btn{flex:1 1}}.document-table td:last-child{align-items:center;display:flex;gap:8px}.doc-filters-container{background:#fff;border-radius:8px;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.doc-immediate-filters{display:flex;flex:1 1;gap:2rem}.doc-date-filter{align-items:flex-end;display:flex;gap:1rem;min-width:400px}.doc-date-filter .doc-search-group{flex:1 1}.doc-date-filter .doc-date-inputs{display:flex;gap:.5rem}.doc-date-filter .doc-date-inputs input{min-width:150px}.doc-date-filter .doc-search-buttons{display:flex;gap:.5rem}@media (max-width:1024px){.doc-filters-container{flex-direction:column;gap:1rem}.doc-immediate-filters{gap:1rem}.doc-date-filter{min-width:0;min-width:auto}.doc-date-filter .doc-search-group{flex:1 1}.doc-date-filter .doc-date-inputs{flex-direction:column}.doc-date-filter .doc-date-inputs input{width:100%}}@media (max-width:1024px) and (min-width:769px){.page-container{padding:.75rem}.doc-header{margin-bottom:1.5rem}.doc-create-btn{font-size:.9375rem;padding:.625rem 1rem;width:100%}.doc-filters-container{flex-direction:column;gap:1rem;padding:1rem}.doc-immediate-filters{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.doc-search-group{gap:.375rem}.doc-search-group label{font-size:.875rem}.doc-search-group input,.doc-search-group select{font-size:.875rem;min-width:0;min-width:auto;padding:.5rem}.doc-date-filter{align-items:flex-end;flex-direction:row;gap:.75rem;justify-content:space-between;min-width:0;min-width:auto}.doc-date-inputs{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(2,1fr)}.doc-search-buttons{display:flex;gap:.75rem;width:auto}.document-table{overflow-x:auto;padding:.75rem}.document-table table{min-width:800px}.document-table thead{display:none}.document-table tbody tr{grid-gap:.75rem;background:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.document-table td{display:flex;flex-direction:column;gap:.25rem;padding:0}.document-table td:first-child{display:none}.document-table td:before{color:#4a5568;content:attr(data-label);font-size:.75rem;font-weight:600}.document-table td:last-child{border-top:1px solid #e2e8f0;flex-direction:row;grid-column:1/-1;justify-content:flex-end;padding-top:.5rem}.document-table td:last-child:before{display:none}.cancel-btn,.edit-btn{padding:.5rem}.cancel-icon,.edit-icon{height:1.25rem;width:1.25rem}}@media (max-width:768px){.page-container{padding:80px .5rem .5rem}.doc-header{margin-bottom:1rem}.doc-create-btn{font-size:.875rem;padding:.5rem;width:100%}.doc-filters-container{flex-direction:column;gap:.75rem;padding:.75rem}.doc-immediate-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.doc-search-group:first-child{flex-basis:100%;flex-grow:0;flex-shrink:0;width:100%}.doc-search-group:nth-child(2),.doc-search-group:nth-child(3){flex-basis:calc(50% - 0.375rem);flex-grow:1;flex-shrink:0;max-width:calc(50% - .375rem)}.doc-search-group input,.doc-search-group select{min-width:0;min-width:auto;width:100%}.doc-date-filter{flex-direction:column;gap:.5rem;min-width:0;min-width:auto}.doc-date-inputs{flex-direction:column;gap:.5rem;width:100%}.doc-search-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);width:100%}.doc-apply-btn,.doc-clear-btn{font-size:.8125rem;padding:.375rem;width:100%}.document-table{border-radius:0;margin:0 -.5rem;padding:.5rem}.document-table table{min-width:0;min-width:auto;width:100%}.document-table thead{display:none}.document-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.document-table td{display:flex;flex-direction:column;gap:.25rem;padding:0}.document-table td:first-child{display:none}.document-table td:before{color:#4a5568;content:attr(data-label);font-size:.75rem;font-weight:600}.document-table td:last-child{border-top:1px solid #e2e8f0;flex-direction:row;justify-content:flex-end;margin-top:.25rem;padding-top:.5rem}.document-table td:last-child:before{display:none}.cancel-btn,.edit-btn{padding:.375rem}.cancel-icon,.edit-icon{height:1.125rem;width:1.125rem}.document-table td:nth-child(4){font-weight:500}.document-table td:nth-child(2){font-size:.9375rem;font-weight:600}}@media (max-width:480px){.page-container{padding:80px .375rem .375rem}.doc-header{margin-bottom:.75rem}.doc-create-btn{font-size:.8125rem;padding:.375rem}.doc-filters-container{gap:.625rem;padding:.625rem}.doc-apply-btn,.doc-clear-btn,.doc-search-group input,.doc-search-group label,.doc-search-group select{font-size:.75rem}.document-table tbody tr{gap:.375rem;padding:.625rem}.document-table td:before{font-size:.6875rem}.document-table td{font-size:.8125rem}.document-table td:nth-child(2){font-size:.875rem}.cancel-btn,.edit-btn{padding:.25rem}.cancel-icon,.edit-icon{height:1rem;width:1rem}.doc-search-buttons{gap:.375rem}.doc-immediate-filters{flex-direction:column}.doc-search-group:first-child,.doc-search-group:nth-child(2),.doc-search-group:nth-child(3){flex:none;max-width:none;width:100%}}.reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.reports-legend{display:flex;gap:2rem}.legend-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.legend-color{border-radius:3px;height:15px;width:15px}.legend-color.revenue{background-color:#3b82f6}.legend-color.tax{background-color:#f97316}.legend-color.outstanding{background-color:#06b6d4}.reports-date-range{align-items:center;display:flex;gap:1rem}.reports-date-range label{font-size:.9rem}.date-inputs{display:flex;gap:.5rem}.date-inputs input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.4rem}.reports-chart{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:400px;margin-bottom:2rem;padding:1.5rem}.reports-bottom{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.data-export{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.data-export h3{font-size:1rem;margin-bottom:1rem}.export-type{border:1px solid #e2e8f0;border-radius:4px;margin-right:1rem;padding:.5rem;width:200px}.export-btn{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 2rem}.user-activity{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.user-activity h3{border-bottom:1px solid #e2e8f0;color:#000;font-size:1rem;margin-bottom:1rem;padding-bottom:.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;font-size:.9rem;gap:1rem}.activity-time{color:#666;min-width:80px}.activity-action{color:#000}.users-header{margin-bottom:2rem}.add-user-btn{background:#0072bc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-user-btn:hover{background:#005a99}.users-search-section{align-items:flex-end;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.users-search-group{display:flex;flex-direction:column;gap:.5rem}.users-search-group label{color:#4a5568;font-size:.9rem}.users-search-group input,.users-search-group select{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;min-width:200px;padding:.5rem}.users-search-buttons{display:flex;gap:1rem}.users-clear-btn,.users-search-btn{border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1.5rem;transition:all .2s}.users-search-btn{background:#000;border:none;color:#fff}.users-clear-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.users-table{box-shadow:0 2px 4px #0000001a;padding:1rem}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2}.action-icon{height:1.25rem;width:1.25rem}.delete-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:0}.settings-container{padding:1rem}.settings-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab-button{background:#fff;border:1px solid #0072bc;border-radius:4px;color:#0072bc;padding:.75rem 2rem}.tab-button.active{background:#0072bc}.settings-form{max-width:600px}.form-group{align-items:center;gap:2rem;margin-bottom:2rem}.form-group label{color:#000;font-size:1rem;min-width:150px}.form-group input,.form-group select{background:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.form-group input:focus,.form-group select:focus{border:1px solid #0072bc}.file-input{border:none!important;padding:0!important}.button-group{display:flex;gap:1rem;margin-top:1rem}.save-btn,.test-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 3rem}.save-btn{background:#666}.save-btn:hover{background:#555}.test-btn{background:#38a169;color:#fff}.test-btn:hover{background:#2f855a}.content-wrapper{padding:2rem}.lhdn-settings-form{max-width:600px}.lhdn-form-group{align-items:center;gap:2rem;margin-bottom:2rem}.lhdn-form-group label{color:#000;font-size:1rem;min-width:150px}.lhdn-form-group input,.lhdn-form-group select{background:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1;padding:.5rem}.lhdn-form-group input:focus,.lhdn-form-group select:focus{border:1px solid #0072bc}.lhdn-button-group{display:flex;gap:1rem;margin-top:1rem}.lhdn-save-btn,.lhdn-test-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 3rem}.lhdn-save-btn{background:#666;color:#fff}.lhdn-test-btn{background:#38a169;color:#fff}.company-settings-form{max-width:600px}.company-form-group{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.company-form-group label{color:#000;font-size:1rem;min-width:150px}.company-form-group input,.company-form-group select{background:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.company-form-group input:focus,.company-form-group select:focus{border:1px solid #0072bc;outline:none}.company-button-group{display:flex;gap:1rem;margin-top:1rem}.company-save-btn,.company-test-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 3rem}.company-save-btn{background:#666;color:#fff}.company-test-btn{background:#38a169;color:#fff}.company-form-group input[type=file],.lhdn-form-group input[type=file]{border:none;padding:0}.sidebar{background:linear-gradient(180deg,#1a365d,#2d3748);background:linear-gradient(356deg,#0c121b,#2d3748);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:1rem;position:fixed;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;top:0;transition:all .3s ease;width:200px;z-index:1000}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.logo-container{margin-bottom:2rem;padding:1rem;text-align:center}.logo-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#63b3ed,#4299e1);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;margin:0}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.nav-item{align-items:center;border-radius:8px;color:#e2e8f0;display:flex;font-size:13px;gap:8px;padding:7px 10px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#4299e133;color:#63b3ed}.nav-icon{height:1.25rem;width:1.25rem}.nav-chevron{height:1rem;margin-left:auto;transition:transform .2s ease;width:1rem}.nav-submenu{animation:slideDown .2s ease-out;border-left:2px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;margin-left:.5rem;margin-top:.5rem;overflow:hidden}@keyframes slideDown{0%{margin-top:0;max-height:0;opacity:0}to{margin-top:.5rem;max-height:200px;opacity:1}}.nav-subitem{align-items:center;border-radius:6px;color:#a0aec0;display:flex;font-size:13px;gap:.75rem;margin-left:.5rem;padding:.5rem;text-decoration:none;transition:all .2s ease}.nav-subitem:hover{background:#ffffff14;color:#e2e8f0}.nav-subitem.active{background:#4299e126;color:#90cdf4}.nav-icon-small{height:1rem;width:1rem}.logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;margin-top:auto;padding:.75rem 1rem;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ffffff1a;color:#fc8181}.sidebar-logo{display:block;height:auto;margin:0 auto;max-height:60px;max-width:80px;width:100%}.mobile-menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a365d;border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:none;left:1rem;padding:.75rem;position:fixed;top:1rem;transition:all .3s ease;z-index:1100}.mobile-menu-toggle:hover{background:#2d3748;box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.menu-icon{height:1.5rem;transition:transform .2s ease;width:1.5rem}.mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.mobile-menu-toggle,.mobile-overlay{display:block}.sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar.mobile-closed{transform:translateX(-100%)}.logout-btn span,.nav-item span,.nav-subitem span{display:inline}.logout-btn,.nav-item,.nav-subitem{justify-content:flex-start;padding:.75rem 1rem}.nav-chevron{display:block}.nav-submenu{border-left:2px solid #ffffff1a;margin-left:1rem;padding-left:1rem}.sidebar-logo{max-height:45px;max-width:60px}}@media (max-width:480px){.sidebar{width:260px}.mobile-menu-toggle{left:.75rem;padding:.5rem;top:.75rem}.menu-icon{height:1.25rem;width:1.25rem}.logout-btn,.nav-item,.nav-subitem{font-size:.9rem;padding:.625rem .875rem}.sidebar-logo{max-height:38px;max-width:50px}}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;height:50px;justify-content:space-between;left:0;padding:.5rem;position:fixed;right:0;top:0;z-index:1000}.navbar-brand h1{color:#333;font-size:1.2rem;margin:0}.navbar-right,.user-icon{align-items:center;display:flex}.user-icon{background-color:#f0f0f0;border-radius:50%;cursor:pointer;height:36px;justify-content:center;transition:background-color .3s ease;width:36px}.user-icon svg{color:#666}.user-info-wrapper{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:2px 12px;text-decoration:none!important;transition:background-color .2s ease}.user-info{color:#333;font-size:.95rem;font-weight:500;margin:0}.user-dropdown-container{position:relative}.dropdown-arrow{color:#666;margin-left:4px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 24px #0000001f;margin-top:5px;min-width:180px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1100}.user-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 16px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background-color:#f8f9fa;color:#dc3545}.dropdown-divider{background-color:#e1e5e9;height:1px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown.show{animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1)}.user-profile-picture{border-radius:50%;height:100%;object-fit:cover;width:100%}.layout{display:flex;min-height:100vh}.main-content{background-color:#c9c9c9;flex:1 1;margin-left:200px;min-height:100vh;padding:60px 10px 0}.overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.main-content{margin-left:0;padding:60px 10px 20px}.layout{position:relative}.overlay.active{display:block}}@media (max-width:480px){.main-content{margin-left:0;padding:60px .25rem 20px;width:calc(100% - 45px)}}.loading-wrapper{background-color:#f5f7fa;font-size:1.5rem;height:100vh}.loading-wrapper,.recover-container{align-items:center;display:flex;justify-content:center}.recover-container{background-image:url(https://upload.wikimedia.org/wikipedia/commons/8/85/KL_city_skyline_April_2024.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.recover-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e;max-width:400px;padding:2rem;width:100%}.recover-box h2{color:#fff;font-size:1.5rem;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;text-shadow:0 1px 4px #0000001a}.form-group input{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;transition:all .3s ease}.form-group input:focus{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a}.form-group input::placeholder{color:#fff9}.submit-btn{background:#0b314d;border:1px solid #ffffff4d;border-radius:8px;font-size:1.1rem;font-weight:500;margin-bottom:1rem;padding:.75rem;transition:all .3s ease;width:100%}.submit-btn:hover{background:#104a74;box-shadow:0 8px 16px 0 #1f268733;transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;transform:none}.back-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.back-btn:hover{background:#ffffff1a}.error-message{background:#ff00001a;border:1px solid #f003;border-radius:8px;color:#fff;padding:.75rem}.success-message{background:#00ff001a;border:1px solid #0f03;border-radius:8px;color:#fff;padding:.75rem;text-align:center}@media (max-width:480px){.recover-box{margin:1rem;padding:1.5rem}.recover-box h2{font-size:1.25rem}.back-btn,.form-group input,.submit-btn{font-size:.9rem;padding:.6rem}}.create-doc-header{margin-bottom:3rem}.create-doc-btn{cursor:default}.create-doc-form{display:flex;gap:3rem;margin:0 auto 3rem;max-width:800px}.create-doc-group{align-items:center;display:flex;flex:1 1;gap:1rem}.create-doc-group label{color:#000;font-size:1rem;min-width:120px}.create-doc-group select{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem}.create-doc-group select:focus{border-color:#0072bc;outline:none}.create-doc-buttons{display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:800px}.create-doc-back-btn,.create-doc-next-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;max-width:200px;padding:.75rem 3rem}.create-doc-back-btn,.create-doc-next-btn{background:#666;color:#fff}.create-doc-back-btn:hover,.create-doc-next-btn:hover{background:#555}@media (max-width:1024px) and (min-width:769px){.page-container{padding-top:80px}.create-doc-header{margin-bottom:2rem}.create-doc-btn{font-size:.9375rem;padding:.625rem 1.25rem}.create-doc-form{flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;max-width:90%}.create-doc-group{align-items:flex-start;flex-basis:calc(50% - 0.75rem);flex-direction:column;flex-grow:0;flex-shrink:0;gap:.5rem;max-width:calc(50% - .75rem)}.create-doc-group label{font-size:.9375rem;min-width:0;min-width:auto}.create-doc-group select{font-size:.9375rem;padding:.625rem;width:100%}.create-doc-buttons{gap:1.5rem;justify-content:center;max-width:90%}.create-doc-back-btn,.create-doc-next-btn{flex:1 1;font-size:.9375rem;max-width:180px;min-width:0;min-width:auto;padding:.625rem 2rem}}@media (max-width:768px){.page-container{padding-left:.5rem;padding-right:.5rem;padding-top:80px}.content-wrapper{padding:0}.create-doc-header{margin-bottom:1.5rem;text-align:center}.create-doc-btn{font-size:.875rem;padding:.5rem 1rem;width:100%}.create-doc-form{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;max-width:100%;padding:0 .5rem}.create-doc-group{align-items:flex-start;flex-basis:calc(50% - 0.5rem);flex-direction:column;flex-grow:0;flex-shrink:0;gap:.25rem;max-width:calc(50% - .5rem)}.create-doc-group label{font-size:.875rem}.create-doc-group select{font-size:.875rem;padding:.5rem;width:100%}.create-doc-buttons{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:100%;padding:0 .5rem}.create-doc-back-btn,.create-doc-next-btn{flex:1 1;font-size:.875rem;max-width:calc(50% - .5rem);min-width:0;min-width:auto;padding:.5rem 1rem;width:auto}}@media (max-width:480px){.page-container{padding-left:.25rem;padding-right:.25rem;padding-top:70px}.create-doc-header{margin-bottom:1rem}.create-doc-btn{font-size:.8125rem;padding:.375rem .75rem}.create-doc-form{flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:0 .25rem}.create-doc-group{flex:none;max-width:none;width:100%}.create-doc-group label{font-size:.8125rem}.create-doc-group select{font-size:.8125rem;padding:.375rem;width:100%}.create-doc-buttons{display:flex;gap:.75rem;padding:0 .25rem}.create-doc-back-btn,.create-doc-next-btn{font-size:.8125rem;padding:.375rem .75rem;width:50%}}.document-type-select,.document-type-selector,.document-version-select{display:none}.create-doc-form{max-width:100%}.create-doc-main-content{display:flex;gap:2rem}.create-doc-left-section{flex:0.8 1}.create-doc-left-section,.create-doc-right-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.create-doc-right-section{flex:1.2 1}.invoice-company-select,.invoice-customer-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:.9rem;margin-left:1rem;padding:.5rem}.invoice-company-select:focus,.invoice-customer-select:focus{border-color:#0072bc;box-shadow:0 0 0 1px #0072bc;outline:none}.invoice-form-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.invoice-form-group label{font-size:.9rem;min-width:120px}.invoice-form-group input,.invoice-form-group select{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:.5rem}.invoice-status{color:#38a169}.invoice-new-btn{background:#fff;border:1px solid #0072bc;color:#0072bc}.invoice-number-section{flex-wrap:wrap}.invoice-number-group{display:flex;flex:1 1 220px;flex-direction:column;max-width:320px;min-width:220px}.invoice-number-group label{color:#333}.invoice-number-group input,.invoice-number-group select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.5rem .75rem;transition:border .2s}.invoice-number-group input:focus,.invoice-number-group select:focus{border-color:#1976d2;outline:none}.invoice-number-group select{min-width:120px}.invoice-input-with-btn input{border:1px solid #ccc}.invoice-item-input-group:nth-child(3){flex:0.5 1}.invoice-item-input-group:nth-child(2){flex:1.5 1}.invoice-back-btn,.invoice-save-btn,.invoice-test-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 3rem}.invoice-test-btn{background:#38a169}.invoice-test-btn:hover{background:#2f855a}.invoice-datetime-input{transition:all .2s}.invoice-grand-total{background-color:#f8fafc;margin-left:auto;margin-top:2rem;width:300px}.invoice-grand-total-row{align-items:center}.invoice-customer-form{background-color:#f8f9fa;border-radius:4px;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.invoice-customer-form-row{display:flex;gap:1rem;width:100%}.invoice-customer-form-row .invoice-form-group{flex:1 1;min-width:0}.invoice-customer-form-row .invoice-form-group label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.invoice-customer-form-row .invoice-form-group input{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.9rem;padding:.5rem;width:100%}.invoice-customer-form-row .invoice-form-group input:read-only{background-color:#e9ecef;cursor:not-allowed}@media (max-width:768px){.invoice-customer-form-row{flex-direction:column;gap:.5rem}.invoice-customer-form-row .invoice-form-group{width:100%}}.invoice-selection-container{display:flex;gap:2rem}.invoice-selection-group{flex:1 1}.invoice-selection-group .invoice-select-bar{margin-bottom:0}.invoice-selection-group .invoice-select-bar span{display:inline-block;min-width:120px}.invoice-selection-group .invoice-company-debug{background-color:#f8f9fa;border-radius:4px;margin-top:.5rem;padding:1rem}.invoice-selection-group .invoice-company-debug h4{color:#1a202c;margin-bottom:.75rem;margin-top:0}.invoice-selection-group .invoice-company-debug ul{list-style:none;margin:0;padding:0}.invoice-selection-group .invoice-company-debug li{color:#4a5568;font-size:.9rem;margin-bottom:.5rem}.invoice-selection-group .invoice-company-debug li:last-child{margin-bottom:0}@media (max-width:768px){.invoice-selection-container{flex-direction:column;gap:1rem}.invoice-selection-group{width:100%}.content-wrapper{padding:0!important}.invoice-item-input-group{width:100%}.invoice-input-with-btn input{min-height:20px}.invoice-number-section{gap:1rem!important}.page-container{padding:.5rem!important}.invoice-header{gap:1rem!important;margin-bottom:1rem!important}.invoice-delete-btn,.invoice-items-table td:last-child{width:100%!important}.invoice-tax-section{display:block!important}.doc-search-group select{padding:.3rem!important}.invoice-header{display:flex;justify-content:space-between;margin-bottom:2rem;width:100%!important}.invoice-test-btn{width:100%!important}.invoice-back-btn,.invoice-test-btn{min-height:40px!important;padding:.3rem!important}.invoice-back-btn{width:25%!important}.invoice-footer{align-items:center!important;flex-direction:row!important;justify-content:space-between!important}.invoice-footer-right{flex-direction:row-reverse!important}.invoice-company-debug,.invoice-full-section,.invoice-receipt-section{padding:.5rem!important}.invoice-receipt-form-row{display:block!important}.consolidated-receipt-amount-input{text-align:left!important}.main-content{width:-webkit-fill-available}}.invoice-company-select,.invoice-customer-select,.invoice-datetime-input,.invoice-input-with-btn input,.invoice-item-input,.invoice-item-price-input,.invoice-item-select,.invoice-payment-input,.invoice-payment-select,.invoice-quantity-input,.invoice-tax-input,.invoice-tax-select{background-color:#fff}@media (max-width:768px){.page-container{padding:80px .5rem .5rem}.content-wrapper{padding:0}.invoice-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.invoice-title{font-size:1.3rem}.invoice-version-label{font-size:1rem;padding:.4rem .8rem}.invoice-number-section{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.invoice-number-group label{font-size:.85rem}.invoice-datetime-input,.invoice-input-with-btn input{font-size:.85rem;padding:.4rem}.invoice-auto-btn{font-size:.85rem;padding:.4rem .8rem}.invoice-main-content{flex-direction:column;gap:1.5rem}.invoice-selection-container{flex-direction:column;gap:1rem;margin-bottom:.5rem}.invoice-select-bar{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.6rem}.invoice-select-bar span{font-size:.85rem;min-width:0;min-width:auto}.invoice-company-select,.invoice-customer-select{font-size:.85rem;margin-left:0;padding:.4rem;width:100%}.invoice-company-debug{padding:.75rem}.invoice-company-debug h4{font-size:.9rem}.invoice-company-debug ul{font-size:.8rem}.invoice-item-section{margin-bottom:1.5rem;margin-top:1.5rem;padding:1rem}.invoice-item-form-row{flex-direction:column;gap:.75rem}.invoice-item-input-group label{font-size:.85rem}.invoice-item-input,.invoice-item-price-input,.invoice-item-select,.invoice-quantity-input{font-size:.85rem;padding:.4rem;width:100%}.invoice-quantity-wrapper{width:100%}.invoice-quantity-input{width:calc(100% - 60px)}.invoice-item-add-btn{font-size:.85rem;padding:.4rem .8rem}.invoice-items-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1.5rem;overflow-x:auto;padding:0}.invoice-items-table table{border-collapse:initial;border-spacing:0;min-width:100%;width:100%}.invoice-items-table thead{display:none}.invoice-items-table tbody tr{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;margin:.75rem;padding:1rem}.invoice-items-table td{align-items:center;border:none;display:flex;font-size:.9rem;line-height:1.4;padding:.75rem 0;position:relative}.invoice-items-table td:not(:last-child){border-bottom:1px solid #edf2f7}.invoice-items-table td:first-child{background:#afc9e3;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;color:#1e293b;font-weight:600;margin:-1rem -1rem .75rem;padding:.75rem 1rem}.invoice-items-table td:first-child:before{color:#64748b;content:"Item #";font-weight:600;margin-right:.5rem}.invoice-items-table td:not(:first-child):before{color:#4a5568;content:attr(data-label);font-weight:600;padding-right:1rem;width:45%}.invoice-items-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.75rem}.invoice-items-table td:last-child:before{display:none}.invoice-items-table tfoot{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;margin:.75rem;padding:1.25rem}.invoice-items-table tfoot tr{display:flex;flex-direction:column;gap:.75rem}.invoice-items-table tfoot td{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.invoice-items-table tfoot td:last-of-type{border-bottom:none;border-top:2px solid #e2e8f0;color:#0f172a;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding-top:.75rem}.invoice-items-table tfoot td:before{color:#64748b;content:attr(data-label);font-weight:500}.invoice-items-table tfoot td:last-of-type:before{color:#0f172a;content:"Total Amount";font-weight:600}.invoice-items-table tfoot td:last-child{display:none}.invoice-items-table tfoot td[data-label=Subtotal]{font-weight:500}.invoice-items-table tfoot td[data-label=Tax]{color:#64748b}.invoice-items-table tfoot td[data-label=Total]{background:#f1f5f9;border-radius:6px;margin:.5rem -.5rem -.5rem;padding:.75rem}.invoice-delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#dc2626;display:inline-flex;font-size:.9rem;height:36px;justify-content:center;min-width:36px;padding:.35rem .75rem;transition:all .2s}.invoice-delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.invoice-delete-btn:active{transform:translateY(0)}.invoice-tax-section{flex-direction:column;gap:.75rem;padding-top:1.5rem}.invoice-tax-group label{font-size:.85rem}.invoice-tax-input,.invoice-tax-select{font-size:.85rem;padding:.5rem}.invoice-payment-section{padding:1rem}.invoice-payment-section h3,.invoice-payment-section h4{font-size:1rem;margin-bottom:.75rem}.invoice-payment-row{flex-direction:column;gap:.75rem;margin-bottom:.75rem}.invoice-payment-group label{font-size:.85rem}.invoice-payment-input,.invoice-payment-select{font-size:.85rem;padding:.4rem}.invoice-header-charges,.invoice-prepaid-section{margin-bottom:1rem;margin-top:1rem}.invoice-grand-total{margin-left:0;padding:.75rem;width:100%}.invoice-grand-total-row{font-size:.85rem}.invoice-grand-total-row.grand-total{font-size:1rem;padding-top:.75rem}.invoice-footer{flex-direction:column;gap:1rem;margin-top:1.5rem;padding:0}.invoice-footer-right{flex-direction:column;gap:1rem;width:100%}.invoice-back-btn,.invoice-save-btn,.invoice-test-btn{font-size:.875rem;min-width:0;min-width:auto;padding:.5rem 1rem;width:100%}}@media (max-width:480px){.page-container{padding:70px .25rem .25rem}.invoice-header{margin-bottom:1rem}.invoice-title{font-size:1.2rem}.invoice-version-label{font-size:.9rem;padding:.3rem .6rem}.invoice-number-section{gap:.75rem;margin-bottom:1rem}.invoice-number-group label{font-size:.8rem}.invoice-datetime-input,.invoice-input-with-btn input{font-size:.8rem;padding:.3rem}.invoice-auto-btn{font-size:.8rem;padding:.3rem .6rem}.invoice-main-content{gap:1rem}.invoice-item-section{border-top:none;margin-bottom:1rem;margin-top:1rem;padding:.75rem}.invoice-item-form-row{gap:.5rem}.invoice-item-input-group label{font-size:.8rem}.invoice-item-input,.invoice-item-price-input,.invoice-item-select,.invoice-quantity-input{font-size:.8rem;padding:.3rem}.invoice-item-add-btn{font-size:.8rem;padding:.3rem .6rem}.invoice-items-table{margin-top:1rem}.invoice-items-table td,.invoice-items-table th{font-size:.75rem;padding:.5rem}.invoice-delete-btn{font-size:.9rem}.invoice-tax-section{gap:.5rem;padding-top:1rem}.invoice-tax-group label{font-size:.8rem}.invoice-tax-input,.invoice-tax-select{font-size:.8rem;padding:.4rem}.invoice-payment-section{padding:.75rem}.invoice-payment-section h3,.invoice-payment-section h4{font-size:.9rem;margin-bottom:.5rem}.invoice-payment-row{gap:.5rem;margin-bottom:.5rem}.invoice-payment-group label{font-size:.8rem}.invoice-payment-input,.invoice-payment-select{font-size:.8rem;padding:.3rem}.invoice-grand-total{padding:.5rem}.invoice-grand-total-row{font-size:.8rem}.invoice-grand-total-row.grand-total{font-size:.9rem;padding-top:.5rem}.invoice-footer{gap:.75rem;margin-top:1rem}.invoice-back-btn,.invoice-save-btn,.invoice-test-btn{font-size:.8rem;padding:.375rem .75rem;width:100%}}@media (min-width:769px) and (max-width:1024px){.page-container{padding:80px 1rem 1rem}.content-wrapper{max-width:960px}.invoice-header{margin-bottom:2rem}.invoice-title{font-size:1.4rem}.invoice-version-label{font-size:1.1rem;padding:.5rem 1rem}.invoice-number-section{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.invoice-number-group{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:300px}.invoice-number-group:last-child{flex:1 1 100%}.invoice-main-content{flex-direction:row;gap:1.5rem}.invoice-left-section{flex:0.7 1}.invoice-right-section{flex:1.3 1}.invoice-selection-container{flex-direction:column;gap:1.5rem;margin-bottom:1rem}.invoice-select-bar{padding:.75rem}.invoice-company-select,.invoice-customer-select,.invoice-select-bar span{font-size:.9rem}.invoice-company-debug{padding:1rem}.invoice-company-debug h4{font-size:1rem}.invoice-company-debug ul{font-size:.85rem}.invoice-item-section{margin-bottom:1.5rem;margin-top:1.5rem;padding:1.5rem}.invoice-item-form-row{flex-wrap:wrap;gap:1rem}.invoice-item-input-group{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1}.invoice-item-input-group:nth-child(3){flex:0.5 1;min-width:100px}.invoice-item-input-group:nth-child(5){flex:1 1 100%}.invoice-quantity-wrapper{width:auto}.invoice-items-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;overflow:hidden}.invoice-items-table table{border-collapse:collapse;width:100%}.invoice-items-table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.9rem;font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.invoice-items-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.invoice-items-table tbody tr:hover{background-color:#f8fafc}.invoice-items-table td{color:#4a5568;font-size:.9rem;padding:.75rem 1rem;vertical-align:middle}.invoice-items-table td:first-child{font-weight:500}.invoice-items-table tfoot{background:#f8fafc;border-top:2px solid #e2e8f0}.invoice-items-table tfoot td{font-weight:500;padding:1rem}.invoice-items-table tfoot td:first-child{text-align:right}.invoice-delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;display:inline-flex;font-size:.9rem;height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem;transition:all .2s}.invoice-delete-btn:hover{background:#fecaca}.invoice-items-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;padding:0 1rem}.invoice-tax-section{flex-direction:row;gap:1rem;padding-top:1.5rem}.invoice-tax-group label{font-size:.9rem}.invoice-tax-input,.invoice-tax-select{font-size:.9rem;padding:.6rem}.invoice-payment-section{padding:1.25rem}.invoice-payment-section h3,.invoice-payment-section h4{font-size:1.05rem}.invoice-payment-row{flex-wrap:wrap;gap:1.25rem}.invoice-payment-group{flex-basis:calc(50% - 0.625rem);flex-grow:1;flex-shrink:1}.invoice-payment-group label{font-size:.9rem}.invoice-payment-input,.invoice-payment-select{font-size:.9rem;padding:.5rem}.invoice-grand-total{padding:1rem;width:320px}.invoice-grand-total-row{font-size:.9rem}.invoice-grand-total-row.grand-total{font-size:1.05rem}.invoice-footer{flex-direction:row;gap:1.5rem;margin-top:2rem;padding:1rem 0}.invoice-footer-right{flex-direction:row;gap:1rem;width:auto}.invoice-back-btn,.invoice-save-btn,.invoice-test-btn{font-size:.95rem;min-width:150px;padding:.6rem 2rem;width:auto}}.invoice-customer-inputs{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:1.5rem;margin-top:1rem}.invoice-customer-input-group{display:flex;flex:1 1 220px;flex-direction:column;max-width:320px;min-width:220px}.invoice-customer-input-group label{color:#333;font-weight:500;margin-bottom:.5rem}.invoice-customer-input-group input{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.5rem .75rem;transition:border .2s}.invoice-customer-input-group input:focus{border-color:#1976d2;outline:none}.invoice-check-btn{background:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.5rem 1.5rem;transition:background-color .2s}.invoice-check-btn:hover{background:#16a34a}.page-container{box-sizing:border-box;padding:1rem;width:100%}.invoice-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.invoice-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:2rem}}.invoice-number-section{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.invoice-number-section{gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}}.invoice-receipt-form-row{flex-direction:column}@media (min-width:768px){.invoice-receipt-form-row{align-items:flex-end;flex-direction:row}}.invoice-receipts-table{-webkit-overflow-scrolling:touch;margin:1rem 0;overflow-x:auto;width:100%}.invoice-receipts-table table{border-collapse:collapse;min-width:800px;width:100%}.invoice-receipts-table td,.invoice-receipts-table th{border-bottom:1px solid #e2e8f0;padding:.75rem;text-align:left}@media (max-width:767px){.invoice-receipts-table td,.invoice-receipts-table th{font-size:.9rem;padding:.5rem}}.invoice-tax-section{flex-direction:column;margin-bottom:1.5rem;padding:1rem}@media (min-width:768px){.invoice-tax-section{flex-direction:row;margin-bottom:2rem;padding:1.5rem}}.invoice-footer{flex-direction:column;gap:1rem;margin-top:1.5rem}@media (min-width:768px){.invoice-footer{align-items:center;flex-direction:row;justify-content:space-between;margin-top:2rem}}.consolidated-receipt-add-btn,.invoice-back-btn,.invoice-submit-btn{cursor:pointer;font-size:1rem;min-height:44px;padding:.75rem 1.5rem;transition:all .2s;width:100%}@media (min-width:768px){.invoice-back-btn,.invoice-submit-btn{width:auto}}.consolidated-receipt-amount-input,.consolidated-receipt-input,.invoice-company-select,.invoice-datetime-input,.invoice-input-with-btn input,.invoice-tax-input,.invoice-tax-select{font-size:1rem;min-height:44px;padding:.75rem}.invoice-company-debug{background:#f8fafc;border:1px solid #e2e8f0;margin-top:1rem;overflow-x:auto}.invoice-company-debug ul{min-width:300px}.invoice-company-debug li{border-bottom:1px solid #e2e8f0;padding:.5rem 0}@media (min-width:768px){.invoice-company-debug{margin-top:1.5rem;padding:1.5rem}.invoice-company-debug li{font-size:1rem}}.invoice-grand-total{margin:1.5rem 0;padding:1rem}@media (min-width:768px){.invoice-grand-total{margin:2rem 0;padding:1.5rem}}.invoice-selection-container{margin-bottom:1rem}@media (min-width:768px){.invoice-selection-container{margin-bottom:1.5rem}}.invoice-select-bar{flex-direction:column;gap:.5rem}@media (min-width:768px){.invoice-select-bar{align-items:center;flex-direction:row}}.consolidated-receipt-input-group{margin-bottom:.75rem}@media (min-width:768px){.consolidated-receipt-input-group{margin-bottom:1rem}}.invoice-version-label{font-size:1rem;padding:.5rem;text-align:center}@media (min-width:768px){.invoice-version-label{font-size:1.2rem;padding:.5rem 1rem;text-align:left}}.invoice-company-select,.invoice-customer-select,.invoice-datetime-input,.invoice-input-with-btn input,.invoice-item-input,.invoice-item-price-input,.invoice-item-select,.invoice-payment-input,.invoice-payment-select,.invoice-quantity-input,.invoice-tax-input,.invoice-tax-select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .2s}.invoice-company-select:focus,.invoice-customer-select:focus,.invoice-datetime-input:focus,.invoice-input-with-btn input:focus,.invoice-item-input:focus,.invoice-item-price-input:focus,.invoice-item-select:focus,.invoice-payment-input:focus,.invoice-payment-select:focus,.invoice-quantity-input:focus,.invoice-tax-input:focus,.invoice-tax-select:focus{background-color:#fff;border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.invoice-receipt-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:2rem;margin-top:2rem;padding:2rem}.invoice-receipt-form-row{align-items:flex-start;display:flex;gap:1rem}.invoice-receipt-input-group{flex:1 1;min-width:0}.invoice-receipt-input-group label{color:#4a5568;display:block;font-size:.9rem;margin-bottom:.5rem;white-space:nowrap}.invoice-receipt-add-btn{background:#1a202c;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;margin-top:1.5rem;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.invoice-receipt-add-btn:hover{background:#2d3748}.create-doc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.create-doc-btn{background:#0072bc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-doc-btn:hover{background:#005a94}.document-type-selector{display:flex;gap:1rem}.document-type-select,.document-version-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.5rem}.create-doc-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.invoice-status-bar{align-items:center;background-color:#f0fdf4;border:1px solid #86efac;border-radius:4px;display:flex;justify-content:space-between;margin-top:2rem;padding:.75rem}.invoice-status{color:#16a34a;font-weight:600}.invoice-new-btn{background:#e2e8f0;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.invoice-new-btn:hover{background:#cbd5e1}.invoice-number-group{margin-bottom:1rem}.invoice-list-section{margin-bottom:2rem}.invoice-list-section h3{color:#1a202c;font-size:1.1rem;margin-bottom:1rem}.invoice-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.invoice-item{border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;padding:1rem;transition:all .2s}.invoice-item:hover{background-color:#f8fafc;border-color:#0072bc}.invoice-item.selected{background-color:#ebf8ff;border-color:#0072bc}.invoice-item-header{color:#1a202c;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.invoice-item-details{color:#4a5568;display:flex;font-size:.9rem;justify-content:space-between}.invoice-payment-section h3{color:#1a202c;font-size:1.1rem;margin-bottom:1rem}.invoice-payment-row{gap:1rem}.invoice-payment-group label{display:block;font-size:.9rem}.invoice-payment-input,.invoice-payment-select{width:100%}.invoice-header-charges{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.invoice-grand-total,.invoice-tax-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.invoice-grand-total-row{color:#4a5568;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.invoice-grand-total-row.grand-total{border-top:2px solid #e2e8f0;color:#1a202c;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.invoice-back-btn,.invoice-submit-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.invoice-back-btn{background:#e2e8f0;color:#4a5568}.invoice-submit-btn{background:#0072bc;color:#fff}.invoice-back-btn:hover{background:#cbd5e1}.invoice-submit-btn:hover{background:#005a94}.invoice-submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.invoice-list::-webkit-scrollbar{width:8px}.invoice-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.invoice-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.invoice-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoice-receipt-amount-input,.invoice-receipt-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .2s;width:100%}.invoice-tax-input,.invoice-tax-select{background-color:#fff}.invoice-payment-input,.invoice-payment-select{background-color:#fff;border:1px solid #e2e8f0;font-size:.9rem}.consolidated-receipt-input-group{flex:1 1;margin-bottom:1rem;min-width:0}.consolidated-receipt-input-group label{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.consolidated-receipt-amount-input,.consolidated-receipt-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.75rem;transition:all .2s;width:100%}.consolidated-receipt-amount-input:focus,.consolidated-receipt-input:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.consolidated-receipt-amount-input{text-align:right}.consolidated-receipt-add-btn{background:#1a202c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1.75rem;padding:.75rem;transition:background-color .2s;width:100%}.consolidated-receipt-add-btn:hover{background:#2d3748}.page-container{background-color:#f8fafc;min-height:100vh;padding:2rem}.content-wrapper{max-width:100%}.invoice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.invoice-title{color:#1a202c;font-size:1.5rem;font-weight:600;padding:.5rem 0}.invoice-doc-info{align-items:center;display:flex}.invoice-version-label{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:4px;color:#1a202c;font-size:1.2rem;font-weight:600;padding:.5rem 1rem}.invoice-main-content{width:100%}.invoice-full-section{width:100%}.invoice-full-section,.invoice-number-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.invoice-number-section{display:flex;gap:2rem;margin-bottom:2rem}.invoice-number-group{flex:1 1;min-width:0}.invoice-number-group label{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.invoice-input-with-btn{align-items:center;display:flex;gap:.5rem}.invoice-input-with-btn input{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-size:.9rem;min-width:0;padding:.5rem}.invoice-auto-btn{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;padding:.5rem 1rem;white-space:nowrap}.invoice-auto-btn:hover{background:#555}.invoice-selection-container{margin-bottom:1.5rem;width:100%}.invoice-selection-group{display:flex;flex-direction:column;gap:1rem;width:100%}.invoice-select-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem;width:100%}.invoice-select-bar span{color:#1a202c;display:inline-block;font-weight:600;min-width:120px}.invoice-company-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-size:.9rem;margin-left:1rem;padding:.5rem}.invoice-company-select:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.invoice-company-debug{background-color:#f8f9fa;border-radius:4px;margin-top:.5rem;padding:1rem}.invoice-company-debug h4{color:#1a202c;margin-bottom:.75rem;margin-top:0}.invoice-company-debug ul{list-style:none;margin:0;padding:0}.invoice-company-debug li{color:#4a5568;font-size:.9rem;margin-bottom:.5rem}.invoice-company-debug li:last-child{margin-bottom:0}.error-message{font-size:.9rem;margin:.5rem 0;padding:.5rem}.invoice-footer{align-items:center;display:flex;justify-content:space-between;margin-top:2rem;padding:1rem 0}.invoice-footer-right{align-items:center;display:flex;gap:1rem}.invoice-back-btn,.invoice-save-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 3rem}.invoice-back-btn{background:#666}.invoice-save-btn{background:#0072bc}.invoice-back-btn:hover{background:#555}.invoice-save-btn:hover{background:#005a94}.invoice-datetime-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.invoice-datetime-input:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}@media (max-width:768px){.page-container{padding:80px .5rem .5rem}.content-wrapper{padding:0}.invoice-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;width:100%!important}.invoice-title{font-size:1.3rem}.invoice-version-label{font-size:1rem;padding:.4rem .8rem}.invoice-number-section{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem}.invoice-number-group{width:100%}.invoice-number-group label{font-size:.85rem}.invoice-input-with-btn{width:100%}.invoice-auto-btn,.invoice-input-with-btn input{font-size:.85rem;min-height:40px}.invoice-auto-btn{padding:.4rem .8rem}.invoice-selection-container{margin-bottom:1rem}.invoice-selection-group{gap:.75rem}.invoice-select-bar{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.invoice-select-bar span{font-size:.85rem;min-width:0;min-width:auto}.invoice-company-select{font-size:.85rem;margin-left:0;min-height:40px;padding:.4rem;width:100%}.invoice-company-debug{margin-top:.5rem;padding:.75rem}.invoice-company-debug h4{font-size:.9rem;margin-bottom:.5rem}.invoice-company-debug ul{font-size:.8rem}.invoice-company-debug li{margin-bottom:.35rem}.error-message{font-size:.85rem;margin:.35rem 0;padding:.4rem}.invoice-footer{align-items:center!important;flex-direction:row!important;gap:.75rem;justify-content:space-between!important;margin-top:1.5rem;padding:.5rem 0}.invoice-footer-right{flex-direction:row-reverse!important;gap:.75rem}.invoice-back-btn,.invoice-save-btn{font-size:.875rem;min-height:40px!important;min-width:0;min-width:auto;padding:.3rem!important}.invoice-back-btn{width:25%!important}.invoice-save-btn{width:75%!important}.invoice-datetime-input{font-size:.85rem;min-height:40px}.invoice-items-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1.5rem;overflow-x:auto;padding:0}.invoice-items-table table{border-collapse:initial;border-spacing:0;min-width:100%;width:100%}.invoice-items-table thead{display:none}.invoice-items-table tbody tr{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;margin:.75rem;padding:1rem}.invoice-items-table td{align-items:center;border:none;display:flex;font-size:.9rem;line-height:1.4;padding:.75rem 0;position:relative}.invoice-items-table td:not(:last-child){border-bottom:1px solid #edf2f7}.invoice-items-table td:first-child{background:#afc9e3;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;color:#1e293b;font-weight:600;margin:-1rem -1rem .75rem;padding:.75rem 1rem}.invoice-items-table td:first-child:before{color:#64748b;content:"Item #";font-weight:600;margin-right:.5rem}.invoice-items-table td:not(:first-child):before{color:#4a5568;content:attr(data-label);font-weight:600;padding-right:1rem;width:45%}.invoice-items-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.75rem;width:100%!important}.invoice-items-table td:last-child:before{display:none}.invoice-items-table tfoot{background:#fff!important;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;margin:.75rem;padding:1rem}.invoice-items-table tfoot tr{align-items:center;display:flex;justify-content:space-between;width:100%}.invoice-items-table tfoot td{background:none!important;border:none;border-bottom:none!important;color:#1e293b;font-size:1rem;padding:0}.invoice-items-table tfoot td:first-child{color:#0f172a;font-size:0!important;font-weight:600;line-height:0!important;position:relative;text-align:left}.invoice-items-table tfoot td:first-child:before{content:"Total:";display:inline-block;font-size:1rem!important;line-height:1!important;margin-right:.25rem;position:static;white-space:nowrap}.invoice-items-table tfoot td:nth-child(2){color:#0f172a;font-size:1.1rem;font-weight:600;padding-right:0;text-align:right;white-space:nowrap}.invoice-items-table tfoot td:nth-child(2):before{content:none!important}.invoice-items-table tfoot td:nth-child(3){display:none!important}.invoice-delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#dc2626;display:inline-flex;font-size:.9rem;height:36px;justify-content:center;min-width:36px;padding:.35rem .75rem;transition:all .2s;width:100%!important}.invoice-delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.invoice-delete-btn:active{transform:translateY(0)}}@media (min-width:769px) and (max-width:1024px){.page-container{padding:80px 1rem 1rem}.content-wrapper{max-width:960px}.invoice-header{margin-bottom:2rem}.invoice-title{font-size:1.4rem}.invoice-version-label{font-size:1.1rem;padding:.5rem 1rem}.invoice-number-section{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.25rem}.invoice-number-group{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:300px}.invoice-number-group:last-child{flex:1 1 100%}.invoice-number-group label{font-size:.9rem}.invoice-auto-btn,.invoice-input-with-btn input{font-size:.9rem;min-height:42px}.invoice-auto-btn{padding:.5rem 1rem}.invoice-selection-container{margin-bottom:1.5rem}.invoice-selection-group{gap:1rem}.invoice-select-bar{padding:.75rem}.invoice-select-bar span{font-size:.9rem}.invoice-company-select{font-size:.9rem;min-height:42px}.invoice-company-debug{padding:1rem}.invoice-company-debug h4{font-size:1rem;margin-bottom:.75rem}.invoice-company-debug ul{font-size:.85rem}.invoice-company-debug li{margin-bottom:.5rem}.error-message{font-size:.9rem;margin:.5rem 0;padding:.5rem}.invoice-footer{gap:1rem;margin-top:2rem;padding:1rem 0}.invoice-footer-right{gap:1rem}.invoice-back-btn,.invoice-save-btn{font-size:.95rem;min-height:42px;min-width:150px;padding:.6rem 2rem}.invoice-datetime-input{font-size:.9rem;min-height:42px}.invoice-items-table tfoot tr{display:table-row}.invoice-items-table tfoot td{border:1px solid #e2e8f0;color:#1a202c;display:table-cell;font-size:.9rem;padding:1rem .75rem;text-align:left}.invoice-items-table tfoot td:first-child{font-size:.9rem;text-align:right}.invoice-items-table tfoot td:first-child:before{content:none}.invoice-items-table tfoot td:nth-child(2){font-size:.9rem;text-align:left}.invoice-items-table tfoot td:nth-child(2):before{content:none}.invoice-items-table tfoot td:nth-child(3){display:table-cell}.invoice-items-table tfoot td:last-of-type{border-bottom:none;border-top:2px solid #e2e8f0;color:#0f172a;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding-top:.75rem}.invoice-items-table tfoot td:before{color:#64748b;content:attr(data-label);font-weight:500}.invoice-items-table tfoot td:last-of-type:before{color:#0f172a;content:"Total Amount";font-weight:600}.invoice-items-table tfoot td:last-child{display:none}.invoice-items-table tfoot td[data-label=Subtotal]{font-weight:500}.invoice-items-table tfoot td[data-label=Tax]{color:#64748b}.invoice-items-table tfoot td[data-label=Total]{background:#f1f5f9;border-radius:6px;margin:.5rem -.5rem -.5rem;padding:.75rem}.invoice-delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#dc2626;display:inline-flex;font-size:.9rem;height:36px;justify-content:center;min-width:36px;padding:.35rem .75rem;transition:all .2s;width:100%!important}.invoice-delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.invoice-delete-btn:active{transform:translateY(0)}.invoice-items-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;padding:0 1rem}}.invoice-item-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:2rem;margin-top:2rem;padding:2rem}.invoice-item-form-row{align-items:flex-start;display:flex;gap:1rem}.invoice-item-input-group{flex:1 1;min-width:0}.invoice-item-input-group label{color:#4a5568;display:block;font-size:.9rem;margin-bottom:.5rem;white-space:nowrap}.invoice-item-input,.invoice-item-price-input,.invoice-item-select{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .2s;width:100%}.invoice-item-input:focus,.invoice-item-price-input:focus,.invoice-item-select:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.invoice-quantity-wrapper{align-items:center;display:flex;gap:.5rem}.invoice-quantity-input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .2s;width:80px}.invoice-quantity-input:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.invoice-item-add-btn{background:#1a202c;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.invoice-item-add-btn:hover{background:#2d3748}.invoice-items-table{border:1px solid #e2e8f0;border-radius:4px;margin-top:2rem;overflow:hidden;width:100%}.invoice-items-table table{border-collapse:collapse;width:100%}.invoice-items-table td,.invoice-items-table th{border:1px solid #e2e8f0;padding:.75rem;text-align:left}.invoice-items-table th{background:#f8f9fa;border-bottom:2px solid #e2e8f0;font-weight:500}.invoice-items-table tbody tr:hover{background-color:#f8fafc}.invoice-items-table tfoot{border-top:2px solid #e2e8f0;font-weight:500}.invoice-items-table tfoot td{padding:1rem .75rem}.invoice-items-table tfoot td:first-child{text-align:right}.invoice-delete-btn{background:none;border:none;color:red;cursor:pointer;font-size:1.2rem}.invoice-tax-section{align-items:flex-start;border-top:1px solid #e2e8f0;display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.invoice-tax-group{flex:1 1;min-width:0}.invoice-tax-group label{color:#4a5568;display:block;font-size:.9rem;margin-bottom:.5rem}.invoice-tax-input,.invoice-tax-select{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:.75rem;transition:all .2s;width:100%}.invoice-tax-input:focus,.invoice-tax-select:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.invoice-payment-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:2rem;margin-top:2rem;padding:1.5rem}.invoice-payment-section h3,.invoice-payment-section h4{color:#0072bc;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.invoice-payment-row{display:flex;gap:1.5rem;margin-bottom:1rem}.invoice-payment-group{display:flex;flex:1 1;flex-direction:column}.invoice-payment-group label{color:#4a5568;font-size:.95rem;margin-bottom:.5rem}.invoice-payment-input,.invoice-payment-select{background:#fff;border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem}.invoice-payment-input:focus,.invoice-payment-select:focus{border-color:#0072bc;box-shadow:0 0 0 1px #0072bc;outline:none}.invoice-header-charges,.invoice-prepaid-section{margin-bottom:1.5rem;margin-top:1.5rem}@media (max-width:768px){.invoice-item-section{margin-bottom:1.5rem;margin-top:1.5rem;padding:1rem}.invoice-item-form-row{flex-direction:column;gap:.75rem}.invoice-item-input-group label{font-size:.85rem}.invoice-item-input,.invoice-item-price-input,.invoice-item-select,.invoice-quantity-input{font-size:.85rem;min-height:40px;padding:.4rem;width:100%}.invoice-quantity-wrapper{width:100%}.invoice-quantity-input{width:calc(100% - 60px)}.invoice-item-add-btn{font-size:.85rem;min-height:40px;padding:.4rem .8rem}.invoice-items-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1.5rem;overflow-x:auto;padding:0}.invoice-items-table table{border-collapse:initial;border-spacing:0;min-width:100%;width:100%}.invoice-items-table thead{display:none}.invoice-items-table tbody tr{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;margin:.75rem;padding:1rem}.invoice-items-table td{align-items:center;border:none;display:flex;font-size:.9rem;line-height:1.4;padding:.75rem 0;position:relative}.invoice-items-table td:not(:last-child){border-bottom:1px solid #edf2f7}.invoice-items-table td:first-child{background:#afc9e3;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;color:#1e293b;font-weight:600;margin:-1rem -1rem .75rem;padding:.75rem 1rem}.invoice-items-table td:first-child:before{color:#64748b;content:"Item #";font-weight:600;margin-right:.5rem}.invoice-items-table td:not(:first-child):before{color:#4a5568;content:attr(data-label);font-weight:600;padding-right:1rem;width:45%}.invoice-items-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.75rem;width:100%!important}.invoice-items-table td:last-child:before{display:none}.invoice-items-table tfoot{background:#fff!important;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;margin:.75rem;padding:1rem}.invoice-items-table tfoot tr{align-items:center;display:flex;justify-content:space-between;width:100%}.invoice-items-table tfoot td{background:none!important;border:none;border-bottom:none!important;color:#1e293b;font-size:1rem;padding:0}.invoice-items-table tfoot td:first-child{color:#0f172a;font-size:0!important;font-weight:600;line-height:0!important;position:relative;text-align:left}.invoice-items-table tfoot td:first-child:before{content:"Total:";display:inline-block;font-size:1rem!important;line-height:1!important;margin-right:.25rem;position:static;white-space:nowrap}.invoice-items-table tfoot td:nth-child(2){color:#0f172a;font-size:1.1rem;font-weight:600;padding-right:0;text-align:right;white-space:nowrap}.invoice-items-table tfoot td:nth-child(2):before{content:none!important}.invoice-items-table tfoot td:nth-child(3){display:none!important}.invoice-delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#dc2626;display:inline-flex;font-size:.9rem;height:36px;justify-content:center;min-width:36px;padding:.35rem .75rem;transition:all .2s;width:100%!important}.invoice-delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.invoice-delete-btn:active{transform:translateY(0)}}@media (min-width:769px) and (max-width:1024px){.invoice-item-section{margin-bottom:1.5rem;margin-top:1.5rem;padding:1.5rem}.invoice-item-form-row{flex-wrap:wrap;gap:1rem}.invoice-item-input-group{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1}.invoice-item-input-group:nth-child(3){flex:0.5 1;min-width:100px}.invoice-item-input-group:nth-child(5){flex:1 1 100%}.invoice-quantity-wrapper{width:auto}.invoice-item-add-btn,.invoice-item-input,.invoice-item-price-input,.invoice-item-select,.invoice-quantity-input{font-size:.9rem;min-height:42px}.invoice-items-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;overflow:hidden}.invoice-items-table table{border-collapse:collapse;width:100%}.invoice-items-table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.9rem;font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.invoice-items-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.invoice-items-table tbody tr:hover{background-color:#f8fafc}.invoice-items-table td{color:#4a5568;font-size:.9rem;padding:.75rem 1rem;vertical-align:middle}.invoice-items-table td:first-child{font-weight:500}.invoice-items-table tfoot{background:#f8fafc;border-top:2px solid #e2e8f0}.invoice-items-table tfoot td{font-weight:500;padding:1rem}.invoice-items-table tfoot td:first-child{text-align:right}.invoice-delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;display:inline-flex;font-size:.9rem;height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem;transition:all .2s}.invoice-delete-btn:hover{background:#fecaca}.invoice-items-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;padding:0 1rem}}.customer-header{margin-bottom:2rem}.customer-create-btn{background:#0072bc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.customer-create-btn:hover{background:#005a99}.customer-search-section{align-items:flex-end;background:#fff;border-radius:8px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.customer-search-group{display:flex;flex-direction:column;gap:.5rem}.customer-search-group label{color:#4a5568;font-size:.9rem}.customer-search-group input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;min-width:200px;padding:.5rem}.customer-search-buttons{display:flex;gap:1rem}.customer-apply-btn,.customer-clear-btn{border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1.5rem;transition:all .2s}.customer-apply-btn{background:#000;border:none;color:#fff}.customer-clear-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.customer-table{background:#fff;border-radius:8px;padding:1rem}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e2e8f0;font-size:.9rem;padding:.75rem;text-align:left}th{color:#4a5568;font-weight:600}th,tr:hover{background:#f8fafc}@media (max-width:1023px){.page-container{padding:1rem}.content-wrapper{width:100%}.customer-header{margin-bottom:1.5rem}.customer-create-btn{font-size:1rem;min-height:44px;width:100%}.customer-search-section{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem}.customer-search-group{width:100%}.customer-search-group input{font-size:1rem;min-height:44px;width:100%}.customer-search-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;width:100%}.customer-apply-btn,.customer-clear-btn{font-size:1rem;min-height:44px;width:100%}.customer-table{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:.5rem}.customer-table table{min-width:800px}.customer-table td,.customer-table th{font-size:.9rem;padding:.75rem .5rem;white-space:nowrap}.customer-table td:first-child,.customer-table th:first-child{padding-left:.5rem;padding-right:.5rem;width:40px}.customer-table td:last-child,.customer-table th:last-child{padding-left:.5rem;padding-right:.5rem;width:60px}.edit-btn{align-items:center;display:flex;justify-content:center;padding:.5rem}.edit-icon{height:1.25rem;width:1.25rem}.loading-message,.no-data{color:#4a5568;font-size:1rem;padding:2rem 0;text-align:center}.error-message{font-size:1rem;margin:1rem 0;padding:1rem;text-align:center}}@media (min-width:768px) and (max-width:1023px){.customer-search-section{align-items:flex-end;flex-direction:row;padding:1.5rem}.customer-search-group{flex:1 1}.customer-search-buttons{display:flex;gap:1rem;width:auto}.customer-apply-btn,.customer-clear-btn{padding:.5rem 1.5rem;width:auto}}@media (max-width:767px){.customer-header,.customer-search-section{margin-bottom:1rem}.customer-table{border-radius:0;margin:0 -.5rem}.customer-table table{min-width:700px}}.add-customer-header{margin-bottom:2rem}.add-customer-header h2{color:#0072bc;font-size:1rem}.add-customer-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.add-customer-form-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.add-customer-form-group label{font-size:.9rem;min-width:120px}.add-customer-form-group input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:.5rem}.add-customer-form-group input:focus{border-color:#0072bc;outline:none}.add-customer-button-group{display:flex;gap:1rem;margin-top:2rem}.add-customer-save-btn,.add-customer-verify-btn{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 3rem}.add-customer-save-btn:hover,.add-customer-verify-btn:hover{background:#555}@media (max-width:1023px){.page-container{padding:1rem}.content-wrapper{width:100%}.add-customer-header{margin-bottom:1.5rem}.add-customer-header h2{font-size:1.25rem;text-align:center}.add-customer-form{padding:1rem}.add-customer-form-group{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.add-customer-form-group label{color:#4a5568;font-size:1rem;font-weight:500;min-width:auto;width:100%}.add-customer-form-group input{border:1px solid #e2e8f0;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.add-customer-button-group{flex-direction:column;gap:1rem;margin-top:1.5rem}.add-customer-save-btn{font-size:1rem;min-height:44px;padding:.75rem 1rem;width:100%}.error-message,.success-message{border-radius:4px;font-size:1rem;margin:1rem 0;padding:1rem;text-align:center}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.success-message{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}}@media (min-width:768px) and (max-width:1023px){.add-customer-form{padding:1.5rem}.add-customer-form-group{align-items:center;flex-direction:row;gap:1rem}.add-customer-form-group label{min-width:120px;width:auto}.add-customer-form-group input{flex:1 1}.add-customer-button-group{flex-direction:row;justify-content:center}.add-customer-save-btn{min-width:200px;width:auto}}@media (max-width:767px){.add-customer-header{margin-bottom:1rem}.add-customer-form{border-radius:0;margin:0 -.5rem}.add-customer-form-group{margin-bottom:1rem}.add-customer-form-group input:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a}.add-customer-save-btn:active{background:#555;transform:scale(.98)}.add-customer-save-btn:disabled{cursor:not-allowed;opacity:.7}}.select-package-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.select-package-header{margin-bottom:25px;text-align:center}.select-package-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:12px}.select-package-subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:0}.select-package-content{width:100%}.select-packages-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:25px}.select-package-card{background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;min-height:280px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:240px}.select-package-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.select-package-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.select-package-card:hover:before{opacity:1}.select-package-card.selected{background:linear-gradient(135deg,#f8faff,#e6f0ff);border-color:#667eea;box-shadow:0 8px 30px #667eea40;transform:translateY(-4px)}.select-package-card.selected:before{height:6px;opacity:1}.select-package-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.select-package-title{color:#1f2937;flex:1 1;font-size:1rem;font-weight:600;line-height:1.2;margin:0}.select-trial-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.2px;margin-left:4px;padding:2px 5px;text-transform:uppercase}.select-package-price{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:6px;margin-bottom:8px;padding:6px;text-align:center}.select-price-amount{color:#667eea;display:block;font-size:1.3rem;font-weight:700;margin-bottom:1px}.select-price-duration{color:#6b7280;font-size:.7rem;font-weight:500}.select-package-description{color:#4b5563;font-size:.75rem;line-height:1.3;margin-bottom:8px;text-align:center}.select-package-limits{background:#f8f9fa;border-radius:4px;margin-bottom:8px;padding:6px}.select-limit-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:3px 0}.select-limit-item:last-child{border-bottom:none}.select-limit-label{color:#6b7280;font-size:.7rem;font-weight:500}.select-limit-value{color:#1f2937;font-size:.7rem;font-weight:600}.select-package-features{flex-grow:1;margin-bottom:8px}.select-features-title{color:#1f2937;font-size:.8rem;font-weight:600;margin-bottom:6px}.select-features-list{list-style:none;margin:0;padding:0}.select-feature-item{align-items:center;color:#059669;display:flex;font-size:.65rem;font-weight:500;padding:1px 0}.select-feature-item:before{color:#10b981;content:"✓";font-size:.7rem;font-weight:700;margin-right:4px}.select-package-footer{margin-top:auto;padding-top:8px;text-align:center}.choose-package-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:3px;justify-content:center;padding:6px 12px;transition:all .3s ease;width:100%}.choose-package-button:hover{box-shadow:0 2px 8px #667eea4d;transform:translateY(-1px)}.choose-package-button:active{transform:translateY(0)}.choose-package-button .icon{font-size:.8rem}.selected-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:6px 12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.select-package-actions{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-top:30px;padding:24px}.selected-package-info{color:#6b7280;font-size:1rem}.selected-package-info strong{color:#1f2937;font-weight:600}.continue-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.continue-button:hover{box-shadow:0 4px 16px #667eea4d;transform:translateY(-2px)}.select-packages-error{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:60px 20px;text-align:center}.error-icon{margin-bottom:16px}.select-packages-error h3{color:#dc2626;font-size:1.25rem;margin-bottom:8px}.select-packages-error p{color:#6b7280;margin-bottom:24px}.retry-button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.retry-button:hover{background:#b91c1c}.select-no-packages{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:60px 20px;text-align:center}.no-packages-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.select-no-packages h3{color:#1f2937;font-size:1.25rem;margin-bottom:8px}.select-no-packages p{color:#6b7280}.skeleton{border-radius:4px}.skeleton-title{margin-bottom:8px}.skeleton-price-amount{height:32px;margin:0 auto 8px;width:100px}.skeleton-price-duration{margin:0 auto}.skeleton-limit-label,.skeleton-limit-value{height:14px}.skeleton-button{border-radius:8px;margin-top:16px;width:100%}@media (max-width:768px){.select-package-container{padding:16px 12px}.select-package-main-title{font-size:1.75rem}.select-packages-grid{gap:12px;justify-content:center}.select-package-card{min-height:320px;padding:14px;width:260px}.select-package-actions{flex-direction:column;gap:12px;text-align:center}.continue-button{width:100%}}@media (max-width:480px){.select-packages-grid{align-items:center;flex-direction:column}.select-package-card{min-height:300px;padding:12px;width:90%}.select-package-card-header{align-items:flex-start;flex-direction:column}.select-trial-badge{margin-left:0;margin-top:6px}}.select-package-summary{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:20px}.summary-header{margin-bottom:30px;text-align:center}.summary-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.4rem;font-weight:700;margin-bottom:6px}.summary-header p{color:#6b7280;font-size:.85rem;margin:0}.summary-card{border:1px solid #007bff1a;box-shadow:0 3px 15px #00000014;margin-bottom:20px;padding:16px;width:70%}.summary-main-info{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:12px}.summary-package-header-wrapper{align-items:center;display:flex;justify-content:space-between}.summary-package-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.summary-package-name{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.summary-trial-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:.65rem;font-weight:500;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.summary-price-section{align-items:baseline;display:flex;gap:6px;margin-bottom:10px}.summary-price{color:#059669;font-size:1.5rem;font-weight:700}.summary-duration{color:#6b7280;font-size:.85rem;font-weight:500}.summary-description{color:#4b5563;font-size:.85rem;line-height:1.4;margin:0}.summary-details h4{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:8px;margin-top:0}.summary-limits{margin-bottom:16px}.limits-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.summary-limits .limit-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:0;padding:6px 8px}.limit-label{color:#6b7280!important;font-weight:500!important}.limit-label,.limit-value{font-size:.75rem!important}.limit-value{color:#1f2937!important;font-weight:600!important}.summary-features{margin-bottom:0}.features-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.feature-item{align-items:center;border-radius:4px;display:flex;gap:6px;padding:4px 8px;transition:all .2s ease}.feature-item.enabled{background:#f0fdf4;border:1px solid #bbf7d0}.feature-item.disabled{background:#fef2f2;border:1px solid #fecaca}.summary-features .feature-icon{font-size:.75rem;font-weight:600}.feature-item.enabled .feature-icon{color:#059669}.feature-item.disabled .feature-icon{color:#dc2626}.feature-name{font-size:.75rem;font-weight:500}.feature-item.enabled .feature-name{color:#065f46}.feature-item.disabled .feature-name{color:#991b1b}.summary-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pay-with-toyyipe-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 3px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;min-width:150px;padding:10px 20px;transition:all .3s ease}.pay-with-toyyipe-button:hover{box-shadow:0 4px 18px #667eea66;transform:translateY(-1px)}.pay-with-toyyipe-button:active{transform:translateY(0)}.payment-icon{font-size:1rem}.change-package-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.85rem;font-weight:500;min-width:130px;padding:8px 16px;transition:all .3s ease}.change-package-button:hover{background:#f9fafb;border-color:#d1d5db;color:#4b5563}@media (max-width:768px){.select-package-summary{padding:12px}.summary-card{padding:12px;width:90%}.summary-package-header{align-items:flex-start;flex-direction:column;gap:6px}.features-grid,.limits-grid{grid-template-columns:1fr}.summary-actions{flex-direction:column;gap:10px}.change-package-button,.pay-with-toyyipe-button{width:100%}}.skip-link-wrapper{align-items:center;display:flex;justify-content:center}.skip-link-wrapper .add-to-cart-btn{text-decoration:none!important;width:fit-content!important}.lhdn-registration-container{align-items:flex-start;background:linear-gradient(135deg,#f5f7fa,#e4e9f2);display:flex;justify-content:center;min-height:100vh}.package-custom-padding{overflow:hidden;padding:0!important}.lhdn-registration-box{background:#fff;border:1px solid #007bff1a;border-radius:12px;box-shadow:0 8px 30px #00000014;margin:20px auto;padding:1rem;width:70%}@media (max-width:1400px){.lhdn-registration-box{width:96%}}.lhdn-registration-box h2{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.lhdn-registration-box p{color:#6c757d;font-size:.75rem;margin-bottom:.75rem;text-align:center}.lhdn-tab-buttons{background:#f8f9fa;border-radius:8px;display:flex;gap:1.5rem;margin-bottom:.75rem;padding:.5rem}.lhdn-tab-btn{background:#0000;border:none;border-radius:6px;color:#495057;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;position:relative;transition:all .3s ease}.lhdn-tab-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#007bff}.lhdn-tab-btn:hover:not(.active){background:#ffffff80}.lhdn-registration-form{position:relative}.lhdn-form-section{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:inset 0 2px 4px #00000005;display:none;opacity:0;padding:2rem;transition:all .3s ease}.lhdn-form-section.active{animation:fadeIn .3s ease-in-out;display:block;opacity:1}.lhdn-form-section::-webkit-scrollbar{width:8px}.lhdn-form-section::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.lhdn-form-section::-webkit-scrollbar-thumb{background:#cfd4da;border:2px solid #f8f9fa;border-radius:4px}.lhdn-form-section::-webkit-scrollbar-thumb:hover{background:#adb5bd}.lhdn-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;position:relative}.lhdn-form-group:last-child{margin-bottom:0}.lhdn-form-group label{color:#2c3e50;font-size:.95rem;font-weight:500;text-align:left;width:100%}.lhdn-form-group input,.lhdn-form-group select{background-color:#e9e9e9;border:1.5px solid #e9ecef;border-radius:6px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.lhdn-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;cursor:pointer;padding-right:3rem}.lhdn-form-group input:hover,.lhdn-form-group select:hover{border-color:#adb5bd}.lhdn-form-group input:focus,.lhdn-form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26;outline:none}.lhdn-error-message{background-color:#fff3f5;border:1px solid #dc35451a;border-radius:6px;color:#dc3545;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.lhdn-form-buttons{border-top:1px solid #e9ecef;display:flex;gap:1rem;margin-top:2.5rem;padding-top:1.5rem}.lhdn-back-btn,.lhdn-next-btn,.lhdn-submit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;min-width:120px;padding:.875rem 2rem;transition:all .2s ease}.lhdn-back-btn{background-color:#f8f9fa;border:1.5px solid #e9ecef;color:#495057}.lhdn-back-btn:hover{background-color:#e9ecef;border-color:#dde0e3}.lhdn-next-btn{background-color:#007bff;color:#fff;margin-left:auto}.lhdn-next-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.lhdn-submit-btn{background-color:#28a745;color:#fff;margin-left:auto}.lhdn-submit-btn:hover{background-color:#218838;transform:translateY(-1px)}.lhdn-submit-btn:disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed;transform:none}.lhdn-update-notice{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:1rem;padding:.75rem;text-align:center}.lhdn-update-notice p{color:#155724;font-size:.875rem;font-weight:500;margin:0}.company-container{margin:0 auto;max-width:1200px;padding:20px}.company-header{margin-bottom:2rem}.company-header h1{color:#333;font-size:24px;margin:0}.company-create-btn{background:#0072bc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.company-create-btn:hover{background:#005a99}.company-search-section{align-items:flex-end;background:#fff;border-radius:8px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.company-search-group{display:flex;flex-direction:column;gap:.5rem}.company-search-group label{color:#4a5568;font-size:.9rem}.company-search-group input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;min-width:200px;padding:.5rem}.company-search-buttons{display:flex;gap:1rem}.company-apply-btn,.company-clear-btn{border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1.5rem;transition:all .2s}.company-apply-btn{background:#000;border:none;color:#fff}.company-clear-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.company-table{background:#fff;border-radius:8px;padding:1rem}.company-table table{border-collapse:collapse;width:100%}.company-table td,.company-table th{border-bottom:1px solid #e2e8f0;font-size:.9rem;padding:.75rem;text-align:left}.company-table th{color:#4a5568;font-weight:600}.company-table th,.company-table tr:hover{background:#f8fafc}.edit-btn{background:none;border:none;color:#4299e1;cursor:pointer;padding:0}.edit-icon{height:1rem;width:1rem}.company-name-cell{align-items:center;display:flex;gap:.75rem}.company-logo-thumbnail{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;height:40px;object-fit:contain;padding:4px;width:40px}.modal-content{border-radius:8px;padding:30px;width:90%}.modal-content h2{color:#333;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;margin-bottom:5px}.form-group input{font-size:14px;padding:8px;width:100%}.form-group input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.form-actions{gap:10px;margin-top:20px}.cancel-btn{background-color:#f44336;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.cancel-btn:hover{background-color:#d32f2f}.submit-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.submit-btn:hover{background-color:#45a049}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828;margin-bottom:20px;padding:10px}@media (max-width:1023px){.page-container{padding:1rem}.content-wrapper{width:100%}.company-header{margin-bottom:1.5rem}.company-create-btn{font-size:1rem;min-height:44px;width:100%}.company-search-section{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem}.company-search-group{width:100%}.company-search-group input{font-size:1rem;min-height:44px;width:100%}.company-search-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;width:100%}.company-apply-btn,.company-clear-btn{font-size:1rem;min-height:44px;width:100%}.company-table{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:.5rem}.company-table table{min-width:1000px}.company-table td,.company-table th{font-size:.9rem;padding:.75rem .5rem;white-space:nowrap}.company-table td:first-child,.company-table th:first-child{padding-left:.5rem;padding-right:.5rem;width:40px}.company-table td:last-child,.company-table th:last-child{padding-left:.5rem;padding-right:.5rem;width:60px}.edit-btn{align-items:center;display:flex;justify-content:center;padding:.5rem}.edit-icon{height:1.25rem;width:1.25rem}.error-message{font-size:1rem;margin:1rem 0;padding:1rem;text-align:center}}@media (min-width:768px) and (max-width:1023px){.company-search-section{align-items:flex-end;flex-direction:row;padding:1.5rem}.company-search-group{flex:1 1}.company-search-buttons{display:flex;gap:1rem;width:auto}.company-apply-btn,.company-clear-btn{padding:.5rem 1.5rem;width:auto}.company-table{padding:1rem}}@media (max-width:767px){.company-header,.company-search-section{margin-bottom:1rem}.company-table{border-radius:0;margin:0 -.5rem}.company-table table{min-width:800px}.company-apply-btn:active,.company-clear-btn:active,.company-create-btn:active{transform:scale(.98)}.edit-btn:active{opacity:.7}.company-table tr{cursor:pointer}.company-table tr:active{background-color:#f1f5f9}}@media (max-width:1023px){.modal-content{margin:1rem;padding:1.5rem;width:95%}.form-group input{font-size:1rem;min-height:44px;padding:.75rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-btn,.submit-btn{font-size:1rem;min-height:44px;width:100%}}@media (min-width:768px) and (max-width:1023px){.form-actions{flex-direction:row;justify-content:flex-end}.cancel-btn,.submit-btn{min-width:120px;width:auto}}.page-container{margin:0 auto;max-width:100%;padding:0}.content-wrapper{box-shadow:0 2px 4px #0000001a;padding:1.5rem;width:100%}.add-company-header{margin-bottom:1.5rem;text-align:center}.add-company-header h2{color:#333;font-size:1.8rem;margin-bottom:.5rem}.add-company-header p{color:#666;font-size:1rem}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f}.error-message,.info-message{margin-bottom:1rem;padding:.8rem}.info-message{background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;color:#1890ff}.success-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a;margin-bottom:1rem;padding:.8rem}.lhdn-locked-message{background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:4px;color:#666;padding:2rem;text-align:center}.add-company-tabs{border-bottom:1px solid #e8e8e8;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1px}.tab-button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;position:relative;transition:color .3s}.tab-button:hover{color:#1890ff}.tab-button.active{color:#fff;font-weight:500}.tab-button.active:after{background-color:#1890ff;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.tab-button:disabled{color:#999;cursor:not-allowed;opacity:.6}.tab-button:disabled:hover{background:none;color:#999}.forms-container{min-height:300px;position:relative}.form-section{display:none;opacity:0;transition:opacity .3s ease-in-out}.form-section.active{display:block;opacity:1}.form-section-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);width:100%}.form-section-content.lhdn-form{display:flex;flex-direction:column;gap:1rem;margin:0;max-width:400px;padding:2rem}.form-section-content.lhdn-form .add-company-form-group{width:100%}.add-company-form-group{margin-bottom:1rem}.add-company-form-group label{color:#333;display:block;font-weight:500;margin-bottom:.25rem}.add-company-form-group input,.add-company-form-group select{border:1px solid #d9d9d9;border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .3s;width:100%}.add-company-form-group input:focus,.add-company-form-group select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.file-input{background-color:#fafafa;border:1px dashed #d9d9d9;cursor:pointer;padding:1rem}.file-input:hover{border-color:#1890ff}.add-company-button-group{border-top:1px solid #e8e8e8;display:flex;gap:1rem;justify-content:flex-start;margin-top:1.5rem;padding-top:1rem}.add-company-cancel-btn,.add-company-save-btn{border-radius:4px;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s}.add-company-cancel-btn{background:#fff;border:1px solid #d9d9d9;color:#666}.add-company-cancel-btn:hover{border-color:#40a9ff;color:#40a9ff}.add-company-save-btn{background:#1890ff;border:1px solid #1890ff;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s}.add-company-save-btn:hover:not(:disabled){background:#40a9ff;border-color:#40a9ff}.add-company-save-btn:disabled{background:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}@media (max-width:1023px){.page-container{padding:1rem}.content-wrapper{width:100%}.add-company-header{margin-bottom:1.5rem;text-align:center}.add-company-header h2{font-size:1.25rem;margin-bottom:.5rem}.add-company-header p{color:#4a5568;font-size:.9rem}.add-company-tabs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.tab-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:1rem;min-height:44px;padding:.75rem 1rem;transition:all .2s;width:100%}.tab-button.active{background:#0072bc;border-color:#0072bc;color:#fff}.tab-button:disabled{cursor:not-allowed;opacity:.5}.add-company-form{padding:1rem}.form-section-content{display:flex;flex-direction:column;gap:1rem}.add-company-form-group{display:flex;flex-direction:column;gap:.5rem}.add-company-form-group label{color:#4a5568;font-size:.9rem;font-weight:500}.add-company-form-group input,.add-company-form-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.add-company-form-group input:focus,.add-company-form-group select:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a;outline:none}.add-company-button-group{margin-top:1.5rem}.add-company-save-btn{font-size:1rem;min-height:44px;padding:.75rem 1rem;width:100%}.error-message,.info-message,.success-message{border-radius:4px;font-size:1rem;margin:1rem 0;padding:1rem;text-align:center}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.success-message{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.info-message{background-color:#e0f2fe;border:1px solid #bae6fd;color:#0284c7}.lhdn-form{padding:1rem}.lhdn-locked-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;font-size:1rem;padding:2rem;text-align:center}}@media (min-width:768px) and (max-width:1023px){.add-company-tabs{flex-direction:row;gap:1rem}.tab-button{flex:1 1}.add-company-form{padding:1.5rem}.form-section-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.add-company-form-group{margin-bottom:0}.add-company-button-group{display:flex;justify-content:center}.add-company-save-btn{min-width:200px;width:auto}}@media (max-width:767px){.add-company-header{margin-bottom:1rem}.add-company-form{border-radius:0;margin:0 -.5rem}.form-section-content{gap:1rem}.add-company-save-btn:active,.tab-button:active{transform:scale(.98)}.add-company-save-btn:disabled{cursor:not-allowed;opacity:.7}.add-company-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.add-company-form-group input[type=number]{-moz-appearance:textfield}.add-company-form-group input[type=number]::-webkit-inner-spin-button,.add-company-form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}.company-logo-uploader{display:flex;flex-direction:column;gap:10px;width:100%}.company-logo-wrapper{align-items:center;display:flex;justify-content:flex-start}.company-logo-container{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;height:150px;overflow:hidden;position:relative;transition:border-color .3s ease;width:150px}.company-logo-container:hover{border-color:#2196f3}.company-logo-image{object-fit:contain;padding:10px}.company-logo-image,.company-logo-upload-overlay{height:100%;transition:opacity .3s ease;width:100%}.company-logo-upload-overlay{align-items:center;background-color:#0009;display:flex;justify-content:center;left:0;position:absolute;top:0;z-index:2}.company-logo-upload-text{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.company-logo-delete-button{align-items:center;background-color:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:background-color .3s ease,transform .2s ease;width:30px;z-index:3}.company-logo-delete-button:hover:not(:disabled){background-color:#d32f2f;transform:scale(1.1)}.company-logo-delete-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.company-logo-info{display:flex;flex-direction:column;gap:5px}.company-logo-hint{color:#757575;font-size:12px;font-style:italic}.edit-company-page{background:#f5f7fa;box-sizing:border-box;min-height:100vh;padding:2rem;width:100%}.edit-company-page-header{margin-bottom:2rem;width:100%}.edit-company-page-header h2{color:#2d3748;font-size:1.75rem;margin-bottom:.75rem}.edit-company-page-header p{color:#718096;font-size:1rem}.edit-company-page-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem;width:100%}.edit-company-page-tab{background:none;border:none;border-radius:.5rem;color:#718096;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.edit-company-page-tab:hover{background:#edf2f7;color:#2d3748}.edit-company-page-tab.active{background:#4299e1;color:#fff}.edit-company-page-tab.disabled{cursor:not-allowed;opacity:.5}.edit-company-page-form{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;margin:0 auto;padding:2rem;width:100%}.edit-company-page-form-group{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem;width:100%}.edit-company-page-form-group label{color:#4a5568;display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.edit-company-page-form-group input,.edit-company-page-form-group select{border:1px solid #e2e8f0;border-radius:.375rem;box-sizing:border-box;color:#000;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.edit-company-page-form-group input:focus,.edit-company-page-form-group select:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e11a;outline:none}.edit-company-page-form-section{animation:fadeIn .3s ease;display:none;width:100%}.edit-company-page-form-section.active{display:block}.edit-company-page-button-group{display:flex;justify-content:flex-end;margin-top:2rem;width:100%}.edit-company-page-save-btn{background:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;min-width:150px;padding:.75rem 1.5rem;transition:background-color .3s ease}.edit-company-page-save-btn:hover{background:#3182ce}.edit-company-page-save-btn:disabled{background:#cbd5e0;cursor:not-allowed}.edit-company-page-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:.375rem;color:#c53030}.edit-company-page-error,.edit-company-page-success{font-size:1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.edit-company-page-success{background:#f0fff4;border:1px solid #c6f6d5;border-radius:.375rem;color:#2f855a}.edit-company-page-info{background:#ebf8ff;border:1px solid #bee3f8;border-radius:.375rem;color:#2b6cb0;font-size:1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.edit-company-page-lhdn-locked{background:#f7fafc;border:1px dashed #cbd5e0;border-radius:.375rem;color:#718096;font-size:1rem;padding:2rem;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.edit-company-page,.edit-company-page-form{padding:1rem}.edit-company-page-form-group{grid-template-columns:1fr}.edit-company-page-tab{font-size:.875rem;padding:.5rem 1rem}.edit-company-page-save-btn{width:100%}}.profile-container{margin:0 auto;max-width:800px;padding:2rem}.content-info-and-form{align-items:flex-start;display:flex;gap:2rem}.content-info{flex:1 1}.content-form{flex:2 1}.profile-header{margin-bottom:2rem}.package-card-profile{width:100%}.profile-package-header h2{margin-bottom:1rem;text-align:center}.profile-header h2,.profile-package-header h2{color:#0072bc;font-size:1rem}.profile-header h1{color:#1a1a1a;font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.profile-header p{color:#6b7280;font-size:1rem}.profile-content{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.profile-form-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.profile-form-group label{font-size:.9rem;min-width:120px}.profile-form-group input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:.5rem}.profile-form-group input:focus{border-color:#0072bc;outline:none}.profile-button-group{display:flex;gap:1rem;margin-top:2rem}.profile-save-btn{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 3rem}.profile-save-btn:hover{background:#555}.profile-tabs{display:flex;gap:1rem;margin-bottom:2rem}.profile-tabs button{background:#f0f4f8;border:none;border-radius:4px 4px 0 0;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:background .2s,color .2s}.profile-tabs button.active{background:#0072bc;box-shadow:0 2px 8px #0072bc14;color:#fff;font-weight:600}.profile-tabs button:not(.active):hover{background:#e2e8f0;color:#0072bc}@media (max-width:1023px){.page-container{padding:1rem}.content-wrapper{width:100%}.profile-header,.profile-tabs{margin-bottom:1.5rem}.profile-tabs{display:flex;flex-direction:column;gap:.5rem}.profile-tabs button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:1rem;min-height:44px;padding:.75rem 1rem;transition:all .2s;width:100%}.profile-tabs button.active{background:#0072bc;border-color:#0072bc;border-radius:4px;box-shadow:none;color:#fff}.profile-tabs button:not(.active):hover{background:#e2e8f0;color:#0072bc}.profile-form{padding:1rem}.profile-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.profile-form-group label{color:#4a5568;font-size:.9rem;font-weight:500;min-width:auto;width:100%}.profile-form-group input{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.profile-form-group input:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a;outline:none}.profile-button-group{margin-top:1.5rem}.profile-save-btn{font-size:1rem;min-height:44px;padding:.75rem 1rem;width:100%}.error-message,.loading-message,.success-message{border-radius:4px;font-size:1rem;margin:1rem 0;padding:1rem;text-align:center}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.success-message{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.loading-message{background-color:#e0f2fe;border:1px solid #bae6fd;color:#0284c7}}@media (min-width:768px) and (max-width:1023px){.profile-tabs{flex-direction:row;gap:1rem}.profile-tabs button{flex:1 1}.profile-form{padding:1.5rem}.profile-form-group{align-items:center;flex-direction:row;gap:1rem}.profile-form-group label{min-width:120px;width:auto}.profile-form-group input{flex:1 1}.profile-button-group{display:flex;justify-content:center}.profile-save-btn{min-width:200px;width:auto}}@media (max-width:767px){.profile-header{margin-bottom:1rem}.profile-form{border-radius:0;margin:0 -.5rem}.profile-save-btn:active,.profile-tabs button:active{transform:scale(.98)}.profile-save-btn:disabled{cursor:not-allowed;opacity:.7}.profile-form-group input:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a}.profile-form-group input[type=password]{font-size:16px}}.profile-info-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.toast-container{left:50%;opacity:0;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%) translateY(-100px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:9999}.toast-container.toast-show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.toast{align-items:center;animation:slideIn .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:space-between;max-width:500px;min-width:300px;overflow:hidden;padding:16px 20px;position:relative}.toast-success{background:linear-gradient(135deg,#10b981,#059669);border-left:4px solid #047857;color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);border-left:4px solid #b91c1c;color:#fff}.toast-content{flex:1 1;gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{background:#fff3;border-radius:50%;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast-icon-svg{stroke-width:2.5;height:16px;width:16px}.toast-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:12px;transition:background-color .2s ease;width:24px}.toast-close-btn:hover{background:#ffffff4d}.toast-close-btn:active{transform:scale(.95)}.toast-close-icon{stroke-width:2;height:14px;width:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.9)}}@media (max-width:640px){.toast-container{left:20px;right:20px;transform:translateY(-100px)}.toast-container.toast-show{transform:translateY(0)}.toast{max-width:none;min-width:auto;width:100%}}@media (prefers-color-scheme:dark){.toast{box-shadow:0 10px 25px #0000004d}}.toast-close-btn:focus{outline:2px solid #ffffff80;outline-offset:2px}.toast-progress{animation:progress linear;background:#fff6;border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.profilePicture_profilePictureSection__jlZki{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.profilePicture_profilePictureWrapper__yDjye{box-shadow:0 2px 8px #0000001a;height:150px;overflow:hidden;width:150px}.profilePicture_profilePicture__tigmH{height:100%;position:relative;width:100%;z-index:0}.profilePicture_profileUploadImage__x7QhK{align-items:center;background-color:#00000080;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:1}.profilePicture_profilePictureImage__CEgUu{height:100%;object-fit:cover;width:100%}.profilePicture_deleteButton__z-DYH{align-items:center;background-color:#f00c;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;transition:all .3s;width:30px;z-index:2}.profilePicture_deleteButton__z-DYH:hover{background-color:red;transform:scale(1.1)}.profilePicture_deleteButton__z-DYH:disabled{background-color:#96969680;cursor:not-allowed;transform:scale(1)}.edit-invoice-container{margin:0 auto;max-width:1200px;padding:2rem}.edit-invoice-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.edit-invoice-content h2{color:#333;font-size:1.5rem;margin-bottom:2rem}.form-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.form-section h3{color:#666;font-size:1.2rem;margin-bottom:1rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group label{color:#666;font-size:.9rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.form-group input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.form-actions{border-top:1px solid #eee;margin-top:2rem;padding-top:1rem}.cancel-btn,.save-btn{border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background-color:#eee}.save-btn{background-color:#4a90e2;border:1px solid #4a90e2;color:#fff}.save-btn:hover{background-color:#357abd}@media (max-width:768px){.edit-invoice-container,.edit-invoice-content{padding:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.edit-invoice-content,.edit-invoice-form,.form-grid,.form-group,.form-section{display:block!important;opacity:1!important;visibility:visible!important}.edit-invoice-content{background:#f8f9fa;border:2px solid #007bff}.form-section{background:#e9ecef;border:1px dashed #28a745;margin-bottom:16px;padding:12px}.form-group{background:#fff3cd;border:1px solid #ffc107;margin-bottom:8px;padding:8px}input,select{background:#fff!important;border:1px solid #333!important;color:#111!important}.receipts-table table,.receipts-table td,.receipts-table th{background:#fff!important;border:1px solid #dc3545!important;color:#111!important}[style*="display: none"],[style*="visibility: hidden"]{display:block!important;visibility:visible!important}.add-product-header{margin-bottom:2rem}.add-product-header h2{color:#0072bc;font-size:1rem}.add-product-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.add-product-form-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.add-product-form-group label{font-size:.9rem;min-width:120px}.add-product-form-group input,.add-product-form-group select{border:1px solid #ccc;border-radius:4px;flex:1 1;font-family:inherit;padding:.5rem}.add-product-form-group input:focus,.add-product-form-group select:focus{border-color:#0072bc;outline:none}.add-product-form-group .company-select{cursor:pointer}.add-product-button-group{display:flex;gap:1rem;margin-top:2rem}.add-product-cancel-btn,.add-product-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 3rem}.add-product-save-btn{background:#0072bc;color:#fff}.add-product-save-btn:hover{background:#005a94}.add-product-save-btn:disabled{background:#ccc;cursor:not-allowed}.add-product-cancel-btn{background:#6b7280;color:#fff}.add-product-cancel-btn:hover{background:#4b5563}.add-product-cancel-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:1023px){.page-container{padding:1rem}.content-wrapper{width:100%}.add-product-header{margin-bottom:1.5rem}.add-product-header h2{font-size:1.25rem;text-align:center}.add-product-form{padding:1rem}.add-product-form-group{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.add-product-form-group label{color:#4a5568;font-size:1rem;font-weight:500;min-width:auto;width:100%}.add-product-form-group input,.add-product-form-group select{border:1px solid #e2e8f0;font-size:1rem;min-height:44px;padding:.75rem;width:100%}.add-product-button-group{flex-direction:column;gap:1rem;margin-top:1.5rem}.add-product-save-btn{font-size:1rem;min-height:44px;padding:.75rem 1rem;width:100%}.error-message,.success-message{border-radius:4px;font-size:1rem;margin:1rem 0;padding:1rem;text-align:center}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.success-message{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}}@media (min-width:768px) and (max-width:1023px){.add-product-form{padding:1.5rem}.add-product-form-group{align-items:center;flex-direction:row;gap:1rem}.add-product-form-group label{min-width:120px;width:auto}.add-product-form-group input,.add-product-form-group select{flex:1 1}.add-product-button-group{flex-direction:row;justify-content:center}.add-product-save-btn{min-width:200px;width:auto}}@media (max-width:767px){.add-product-header{margin-bottom:1rem}.add-product-form{border-radius:0;margin:0 -.5rem}.add-product-form-group{margin-bottom:1rem}.add-product-form-group input:focus,.add-product-form-group select:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a}.add-product-save-btn:active{transform:translateY(1px)}.add-product-save-btn:disabled{opacity:.6}}.spinner-overlay{align-items:center;background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.spinner-wrapper{min-height:200px}.company-dropdown-menu{bottom:auto!important}.company-option-content{align-items:center;display:flex;gap:12px}.company-option-logo{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;height:36px;object-fit:contain;padding:4px;width:36px}.company-option-info{flex:1 1;min-width:0}.image-uploader_uploaderWrapper__K-k0y{display:flex;flex-direction:column;gap:12px;width:100%}.image-uploader_imageUploader__fwFZn{align-items:center;background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;justify-content:center;outline:none;overflow:hidden;position:relative;transition:all .3s ease}.image-uploader_imageUploader__fwFZn:hover{background:#f8faff;border-color:#667eea;transform:translateY(-1px)}.image-uploader_imageUploader__fwFZn:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.image-uploader_imageUploader__fwFZn.image-uploader_dragging__\+M3LV{background:#f0f4ff;border-color:#667eea;transform:scale(1.02)}.image-uploader_imageUploader__fwFZn.image-uploader_disabled__xLND5{background:#f9fafb;cursor:not-allowed;opacity:.6}.image-uploader_imageUploader__fwFZn.image-uploader_disabled__xLND5:hover{background:#f9fafb;border-color:#d1d5db;transform:none}.image-uploader_imageUploader__fwFZn.image-uploader_error__WtuO7{background:#fef2f2;border-color:#ef4444}.image-uploader_imageUploader__fwFZn.image-uploader_hasImage__mdefr{background:#fff;border-color:#e5e7eb;border-style:solid}.image-uploader_imageUploader__fwFZn.image-uploader_circle__2lhnQ{border-radius:50%}.image-uploader_imageUploader__fwFZn.image-uploader_noRadius__KhuKR{border-radius:0}.image-uploader_hiddenInput__diqyB{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.image-uploader_uploadPrompt__5TPHz{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center;width:100%}.image-uploader_uploadIcon__JRYRr{color:#9ca3af;height:48px;margin-bottom:12px;transition:color .2s ease;width:48px}.image-uploader_imageUploader__fwFZn:hover .image-uploader_uploadIcon__JRYRr{color:#667eea}.image-uploader_uploadText__aqPyM{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.image-uploader_uploadSubtext__SMcDm{color:#6b7280;display:block;font-size:.875rem}.image-uploader_processingState__JN\+JI{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;width:100%}.image-uploader_spinner__H3Y26{animation:image-uploader_spin__GJpo- 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}@keyframes image-uploader_spin__GJpo-{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-uploader_processingText__EtE5m{color:#6b7280;font-size:.875rem;font-weight:500}.image-uploader_previewContainer__hCxf1{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-uploader_previewImage__QcggY{border-radius:inherit;height:100%;object-fit:cover;width:100%}.image-uploader_imageOverlay__IzshT{align-items:center;background:#00000080;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.image-uploader_previewContainer__hCxf1:hover .image-uploader_imageOverlay__IzshT{opacity:1}.image-uploader_overlayActions__W8ixz{display:flex;gap:8px}.image-uploader_changeButton__mn54z,.image-uploader_removeButton__ybSjG{align-items:center;background:#ffffffe6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.image-uploader_changeButton__mn54z:hover{background:#fff;color:#667eea;transform:scale(1.05)}.image-uploader_removeButton__ybSjG:hover{background:#fff;color:#ef4444;transform:scale(1.05)}.image-uploader_changeButton__mn54z svg,.image-uploader_removeButton__ybSjG svg{height:20px;width:20px}.image-uploader_fileInfo__O8hzF{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:12px}.image-uploader_fileInfoRow__UoH2c{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.image-uploader_fileInfoRow__UoH2c:last-child{margin-bottom:0}.image-uploader_fileInfoLabel__7WVO5{color:#374151;font-weight:600}.image-uploader_fileInfoValue__-S0s7{color:#6b7280;font-family:monospace;word-break:break-all}.image-uploader_errorMessage__p3Y6X{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:8px;padding:12px 16px}.image-uploader_errorIcon__TDC6E{flex-shrink:0;height:16px;width:16px}.image-uploader_imageUploader__fwFZn[style*="width: 120px"] .image-uploader_uploadPrompt__5TPHz{padding:16px}.image-uploader_imageUploader__fwFZn[style*="width: 120px"] .image-uploader_uploadIcon__JRYRr{height:32px;margin-bottom:8px;width:32px}.image-uploader_imageUploader__fwFZn[style*="width: 120px"] .image-uploader_uploadText__aqPyM{font-size:.875rem}.image-uploader_imageUploader__fwFZn[style*="width: 120px"] .image-uploader_uploadSubtext__SMcDm{font-size:.75rem}.image-uploader_imageUploader__fwFZn[style*="width: 300px"] .image-uploader_uploadPrompt__5TPHz{padding:32px}.image-uploader_imageUploader__fwFZn[style*="width: 300px"] .image-uploader_uploadIcon__JRYRr{height:64px;margin-bottom:16px;width:64px}.image-uploader_imageUploader__fwFZn[style*="width: 300px"] .image-uploader_uploadText__aqPyM{font-size:1.125rem}@media (max-width:768px){.image-uploader_uploaderWrapper__K-k0y{max-width:300px;width:100%}.image-uploader_imageUploader__fwFZn{height:200px!important;width:100%!important}.image-uploader_uploadPrompt__5TPHz{padding:20px}.image-uploader_uploadIcon__JRYRr{height:40px;width:40px}.image-uploader_uploadText__aqPyM{font-size:.875rem}.image-uploader_uploadSubtext__SMcDm{font-size:.75rem}.image-uploader_fileInfo__O8hzF{font-size:.8rem}.image-uploader_overlayActions__W8ixz{flex-direction:column;gap:6px}.image-uploader_changeButton__mn54z,.image-uploader_removeButton__ybSjG{height:36px;width:36px}.image-uploader_changeButton__mn54z svg,.image-uploader_removeButton__ybSjG svg{height:18px;width:18px}}@media (prefers-color-scheme:dark){.image-uploader_imageUploader__fwFZn{background:#1f2937;border-color:#374151}.image-uploader_imageUploader__fwFZn:hover{background:#111827;border-color:#667eea}.image-uploader_imageUploader__fwFZn.image-uploader_dragging__\+M3LV{background:#1e293b}.image-uploader_imageUploader__fwFZn.image-uploader_disabled__xLND5{background:#111827;border-color:#374151}.image-uploader_uploadText__aqPyM{color:#f9fafb}.image-uploader_processingText__EtE5m,.image-uploader_uploadSubtext__SMcDm{color:#d1d5db}.image-uploader_fileInfo__O8hzF{background:#1f2937;border-color:#374151}.image-uploader_fileInfoLabel__7WVO5{color:#f9fafb}.image-uploader_fileInfoValue__-S0s7{color:#d1d5db}}@media (prefers-reduced-motion:reduce){.image-uploader_changeButton__mn54z,.image-uploader_imageOverlay__IzshT,.image-uploader_imageUploader__fwFZn,.image-uploader_removeButton__ybSjG,.image-uploader_spinner__H3Y26,.image-uploader_uploadIcon__JRYRr{animation:none;transition:none}.image-uploader_imageUploader__fwFZn.image-uploader_dragging__\+M3LV,.image-uploader_imageUploader__fwFZn:hover{transform:none}}.image-uploader_imageUploader__fwFZn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.image-uploader_imageUploader__fwFZn{border-width:3px}.image-uploader_uploadSubtext__SMcDm,.image-uploader_uploadText__aqPyM{font-weight:600}.image-uploader_errorMessage__p3Y6X{border-width:2px}}.product-category_categoryContainer__sUJOP{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;width:100%}.product-category_categoryHeader__ercSk{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.product-category_categoryHeaderLeft__OS9-\+{flex:1 1}.product-category_categoryTitle__lSot9{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 8px}.product-category_categorySubtitle__oqCDx{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.product-category_categoryHeaderRight__XLR96{align-items:center;display:flex;gap:12px}.product-category_categorySearchSection__HdcaQ{margin-bottom:24px}.product-category_categorySearchBar__i0XRB{max-width:400px;position:relative}.product-category_categorySearchIcon__e9go8{color:#9ca3af;height:20px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.product-category_categorySearchInput__erXgx{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#1f2937!important;font-size:1rem;outline:none;padding:12px 16px 12px 44px;transition:all .2s ease-in-out;width:100%}.product-category_categorySearchInput__erXgx:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a,0 4px 8px #0000001a}.product-category_categorySearchInput__erXgx::placeholder{color:#9ca3af}.product-category_categoryContent__2QkJh{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.product-category_categoryLoading__APdN0{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.product-category_categorySpinner__0Va9X{animation:product-category_categorySpinner__0Va9X 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes product-category_categorySpinner__0Va9X{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-category_categoryError__Jm6iU{align-items:center;display:flex;justify-content:center;padding:60px 20px}.product-category_categoryErrorContent__1BbNw{max-width:400px;text-align:center}.product-category_categoryErrorIcon__L9O0t{color:#ef4444;height:48px;margin:0 auto 16px;width:48px}.product-category_categoryErrorContent__1BbNw h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.product-category_categoryErrorContent__1BbNw p{color:#6b7280;line-height:1.5;margin:0 0 24px}.product-category_categoryEmpty__UdJ0B{align-items:center;display:flex;justify-content:center;padding:60px 20px}.product-category_categoryEmptyContent__E\+o1f{max-width:400px;text-align:center}.product-category_categoryEmptyIcon__t19IK{color:#9ca3af;height:48px;margin:0 auto 16px;width:48px}.product-category_categoryEmptyContent__E\+o1f h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.product-category_categoryEmptyContent__E\+o1f p{color:#6b7280;line-height:1.5;margin:0 0 24px}.product-category_categoryGrid__tPMRu{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0}.product-category_categoryCard__Wm4TZ{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding:20px;position:relative;transition:all .2s ease-in-out}.product-category_categoryCard__Wm4TZ:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}.product-category_categoryCard__Wm4TZ:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.product-category_categoryCard__Wm4TZ:hover:before{opacity:1}.product-category_categoryCardHeader__B\+w3N{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.product-category_categoryCardTitle__Gx22R{color:#1f2937;flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.product-category_categoryCardActions__SUbcy{display:flex;flex-shrink:0;gap:8px}.product-category_categoryActionBtn__ZELQL{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.7;transition:all .2s ease-in-out;width:32px}.product-category_categoryActionBtn__ZELQL:hover{opacity:1;transform:scale(1.05)}.product-category_categoryActionBtn__ZELQL svg{height:16px;width:16px}.product-category_categoryActionEdit__fhRR\+{background:#f3f4f6;color:#374151}.product-category_categoryActionEdit__fhRR\+:hover{background:#e5e7eb;color:#1f2937}.product-category_categoryActionDelete__3DBvG{background:#fef2f2;color:#dc2626}.product-category_categoryActionDelete__3DBvG:hover{background:#fee2e2;color:#b91c1c}.product-category_categoryToggleBtn__G9\+3v{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:8px;opacity:.9;padding:6px 12px;transition:all .3s ease}.product-category_categoryToggleBtn__G9\+3v:hover{opacity:1;transform:translateY(-1px)}.product-category_categoryToggleBtn__G9\+3v:disabled{cursor:not-allowed;opacity:.5}.product-category_categoryToggleBtn__G9\+3v.product-category_active__CRA9j{background:#d1fae5;border:1px solid #10b981;color:#047857}.product-category_categoryToggleBtn__G9\+3v.product-category_inactive__eVsd7{background:#fee2e2;border:1px solid #ef4444;color:#dc2626}.product-category_toggleSwitch__VIBfE{border-radius:12px;height:18px;position:relative;transition:all .3s ease;width:32px}.product-category_categoryToggleBtn__G9\+3v.product-category_active__CRA9j .product-category_toggleSwitch__VIBfE{background:#10b981}.product-category_categoryToggleBtn__G9\+3v.product-category_inactive__eVsd7 .product-category_toggleSwitch__VIBfE{background:#ef4444}.product-category_toggleSlider__c4U0S{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:14px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:14px}.product-category_categoryToggleBtn__G9\+3v.product-category_active__CRA9j .product-category_toggleSlider__c4U0S{transform:translateX(14px)}.product-category_categoryToggleBtn__G9\+3v.product-category_inactive__eVsd7 .product-category_toggleSlider__c4U0S{transform:translateX(0)}.product-category_toggleLabel__HpHDU{font-weight:600;-webkit-user-select:none;user-select:none}.product-category_categoryCardDescription__V6Whu{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 16px;overflow:hidden}.product-category_categoryCardImage__PsYvE{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:center;margin:0 0 16px;min-height:120px;overflow:hidden}.product-category_categoryImage__wwBgl{border-radius:8px;height:120px;object-fit:contain;width:100%}.product-category_categoryCardFooter__-Wpye{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.product-category_categoryStatus__ifVVE{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.product-category_categoryStatus__ifVVE.product-category_active__CRA9j{background:#dcfce7;color:#166534}.product-category_categoryStatus__ifVVE.product-category_inactive__eVsd7{background:#fef2f2;color:#dc2626}.product-category_categoryCardId__OqHHG{color:#9ca3af;font-size:.75rem;font-weight:500}.product-category_categoryBtn__\+t6KQ{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;outline:none;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease-in-out}.product-category_categoryBtn__\+t6KQ:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.product-category_categoryBtnPrimary__Kln84{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.product-category_categoryBtnPrimary__Kln84:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.product-category_categoryBtnSecondary__pMQkq{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.product-category_categoryBtnSecondary__pMQkq:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.product-category_categoryBtnDanger__q77-0{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.product-category_categoryBtnDanger__q77-0:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.product-category_categoryIcon__Auhk7{height:16px;width:16px}.product-category_categoryModalOverlay__Sua1z{align-items:center;animation:product-category_categoryModalFadeIn__kNZGH .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes product-category_categoryModalFadeIn__kNZGH{0%{opacity:0}to{opacity:1}}.product-category_categoryModal__tfDDH{animation:product-category_categoryModalSlideIn__dYUfe .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes product-category_categoryModalSlideIn__dYUfe{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-category_categoryModalHeader__Dp3eM{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.product-category_categoryModalHeader__Dp3eM h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.product-category_categoryModalClose__xDzqk{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease-in-out;width:32px}.product-category_categoryModalClose__xDzqk:hover{background:#e5e7eb;transform:scale(1.05)}.product-category_categoryModalClose__xDzqk svg{color:#6b7280;height:16px;width:16px}.product-category_categoryModalContent__4hHQj{max-height:calc(90vh - 100px);overflow-y:auto;padding:24px}.product-category_categoryDeleteContent__cWpyX{text-align:center}.product-category_categoryDeleteIcon__ZTRUU{align-items:center;background:#fef2f2;border-radius:50%;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.product-category_categoryDeleteIcon__ZTRUU svg{color:#ef4444;height:24px;width:24px}.product-category_categoryDeleteContent__cWpyX h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 12px}.product-category_categoryDeleteContent__cWpyX p{color:#6b7280;line-height:1.5;margin:0 0 24px}.product-category_categoryDeleteActions__Hj\+cJ{display:flex;gap:12px;justify-content:center}.product-category_categoryForm__VylVk{display:flex;flex-direction:column;gap:20px}.product-category_categoryFormGroup__9SCWh{display:flex;flex-direction:column;gap:8px}.product-category_categoryFormLabel__R4rmk{color:#374151;font-size:.875rem;font-weight:600}.product-category_categoryFormInput__OgDCn,.product-category_categoryFormTextarea__LQ-Ec{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:8px;color:#1f2937!important;font-size:1rem;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease-in-out}.product-category_categoryFormInput__OgDCn:focus,.product-category_categoryFormTextarea__LQ-Ec:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.product-category_categoryFormInput__OgDCn.product-category_error__8-Zyx,.product-category_categoryFormTextarea__LQ-Ec.product-category_error__8-Zyx{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.product-category_categoryFormInput__OgDCn:disabled,.product-category_categoryFormTextarea__LQ-Ec:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.product-category_categoryFormTextarea__LQ-Ec{font-family:inherit;min-height:80px}.product-category_categoryFormCheckbox__u0hSk{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:12px}.product-category_categoryFormCheckbox__u0hSk input[type=checkbox]{background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;margin:0;position:relative;width:18px}.product-category_categoryFormCheckbox__u0hSk input[type=checkbox]:checked{background:#667eea;border-color:#667eea}.product-category_categoryFormCheckbox__u0hSk input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.product-category_categoryFormCheckboxText__7PdOb{font-weight:500}.product-category_categoryFormError__QLcwM{color:#ef4444;font-size:.75rem;font-weight:500}.product-category_categoryFormErrorMessage__oYl81{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-top:8px;padding:12px 16px}.product-category_categoryFormActions__Hrffl{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.product-category_imagePreview__LeanY{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-top:12px;max-width:200px;overflow:hidden}.product-category_previewImage__7rHZY{display:block;height:120px;object-fit:cover;width:100%}@media (max-width:768px){.product-category_categoryContainer__sUJOP{padding:16px}.product-category_categoryHeader__ercSk{flex-direction:column;gap:16px}.product-category_categoryTitle__lSot9{font-size:1.5rem}.product-category_categoryGrid__tPMRu{gap:16px;grid-template-columns:1fr}.product-category_categoryCardHeader__B\+w3N{align-items:flex-start;flex-direction:column;gap:8px}.product-category_categoryCardActions__SUbcy{align-self:flex-end}.product-category_categoryModal__tfDDH{margin:16px;max-width:calc(100vw - 32px)}.product-category_categoryModalHeader__Dp3eM{padding:20px 20px 12px}.product-category_categoryModalContent__4hHQj{padding:20px}.product-category_categoryDeleteActions__Hj\+cJ,.product-category_categoryFormActions__Hrffl{flex-direction:column}}@media (max-width:480px){.product-category_categoryContainer__sUJOP{padding:12px}.product-category_categoryTitle__lSot9{font-size:1.25rem}.product-category_categorySubtitle__oqCDx{font-size:.875rem}.product-category_categoryCard__Wm4TZ,.product-category_categoryContent__2QkJh{padding:16px}}.product-list_productContainer__TZPJ5{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;width:100%}.product-list_productHeader__R7B4c{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.product-list_productHeaderLeft__z3vUm{flex:1 1}.product-list_productTitle__sqBJB{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 8px}.product-list_productSubtitle__vHpPL{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.product-list_productHeaderRight__rvN5K{align-items:center;display:flex;gap:12px}.product-list_productSearchSection__fsp0i{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr auto;justify-content:space-between;margin-bottom:24px}.product-list_productSearchBar__J09o4{max-width:400px;position:relative}.product-list_productSearchIcon__qAmkA{color:#9ca3af;height:20px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.product-list_productSearchInput__vSIJA{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#1f2937!important;font-size:1rem;outline:none;padding:12px 16px 12px 44px;transition:all .2s ease-in-out;width:100%}.product-list_productSearchInput__vSIJA:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a,0 4px 8px #0000001a}.product-list_productSearchInput__vSIJA::placeholder{color:#9ca3af}.product-list_productContent__jaGBo{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;min-height:400px;padding:24px}.product-list_productLoading__eR95P{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.product-list_productSpinner__W\+MjZ{animation:product-list_productSpinner__W\+MjZ 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes product-list_productSpinner__W\+MjZ{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-list_productError__G8FvO{align-items:center;display:flex;justify-content:center;padding:60px 20px}.product-list_productErrorContent__asnOO{max-width:400px;text-align:center}.product-list_productErrorIcon__HPgK7{color:#ef4444;height:48px;margin:0 auto 16px;width:48px}.product-list_productErrorContent__asnOO h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.product-list_productErrorContent__asnOO p{color:#6b7280;font-size:.875rem;margin:0 0 16px}.product-list_productEmpty__wy\+C1{align-items:center;display:flex;justify-content:center;padding:60px 20px}.product-list_productEmptyContent__Ln3WL{max-width:400px;text-align:center}.product-list_productEmptyIcon__MAAwd{color:#9ca3af;height:64px;margin:0 auto 20px;width:64px}.product-list_productEmptyContent__Ln3WL h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 12px}.product-list_productEmptyContent__Ln3WL p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 20px}.product-list_productGrid__kaRMV{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:0}.product-list_productCard__MdEaN{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease}.product-list_productCard__MdEaN:hover{border-color:#d1d5db;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.product-list_productCardHeader__w-KJo{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 16px 12px}.product-list_productCardTitle__u8oyb{color:#1f2937;flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 12px 0 0}.product-list_productCardActions__fcYby{display:flex;flex-shrink:0;gap:6px}.product-list_productActionBtn__Yp-fM{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.product-list_productActionBtn__Yp-fM svg{height:16px;width:16px}.product-list_productActionEdit__97nVM{background:#f0fdfa;color:#0f766e}.product-list_productActionEdit__97nVM:hover{background:#ccfbf1;color:#0d9488}.product-list_productActionDelete__zrEWo{background:#fef2f2;color:#dc2626}.product-list_productActionDelete__zrEWo:hover{background:#fee2e2;color:#b91c1c}.product-list_productCardImage__GcZCr{align-items:center;background:#f9fafb;display:flex;height:130px;justify-content:center;overflow:hidden;width:100%}.product-list_productImage__gITlN{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.product-list_productCard__MdEaN:hover .product-list_productImage__gITlN{transform:scale(1.05)}.product-list_productCardContent__6XqHL{padding:16px}.product-list_productDescription__bea0U{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 12px;overflow:hidden}.product-list_productDetails__Mt5ue{display:flex;flex-direction:column;gap:8px}.product-list_productDetailItem__4bOTY{align-items:center;display:flex;justify-content:space-between}.product-list_productDetailLabel__lnL5D{color:#6b7280;font-size:.875rem;font-weight:500}.product-list_productDetailValue__HVb\+R{color:#1f2937;font-size:.875rem;font-weight:600}.product-list_stockValue__Xklss{background:#ecfdf5;border-radius:4px;color:#059669;font-size:.75rem;padding:2px 8px}.product-list_productCardFooter__kqso9{align-items:center;background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 16px}.product-list_productCardId__P6OI8{color:#9ca3af;font-size:.75rem;font-weight:500}.product-list_productStatus__srv6M{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.product-list_productStatus__srv6M.product-list_active__gdqYm{background:#d1fae5;color:#065f46}.product-list_productStatus__srv6M.product-list_inactive__EDKOz{background:#fee2e2;color:#991b1b}.product-list_productBtn__TfMWw{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;outline:none;padding:12px 20px;text-decoration:none;transition:all .2s ease-in-out}.product-list_productIcon__efTLM{height:16px;width:16px}.product-list_productBtnPrimary__vHiM\+{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff}.product-list_productBtnPrimary__vHiM\+:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.product-list_productBtnSecondary__5ze6A{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.product-list_productBtnSecondary__5ze6A:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.product-list_productBtnDanger__98x8n{background:#ef4444;box-shadow:0 2px 4px #ef444433;color:#fff}.product-list_productBtnDanger__98x8n:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.product-list_productBtn__TfMWw:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.product-list_productModalOverlay__n37OE{align-items:center;animation:product-list_productModalFadeIn__rDs85 .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes product-list_productModalFadeIn__rDs85{0%{opacity:0}to{opacity:1}}.product-list_productModal__SsDAS{animation:product-list_productModalSlideIn__Turu8 .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes product-list_productModalSlideIn__Turu8{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-list_productModalHeader__ur5-1{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.product-list_productModalHeader__ur5-1 h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.product-list_productModalClose__81khx{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.product-list_productModalClose__81khx:hover{background:#f3f4f6;color:#374151}.product-list_productModalClose__81khx svg{height:20px;width:20px}.product-list_productModalContent__pNcwl{overflow:hidden;padding:24px}.product-list_productDeleteContent__42pE6{padding:20px 0;text-align:center}.product-list_productDeleteIcon__An1Lj{align-items:center;background:#fef2f2;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.product-list_productDeleteIcon__An1Lj svg{color:#ef4444;height:32px;width:32px}.product-list_productDeleteContent__42pE6 h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 12px}.product-list_productDeleteContent__42pE6 p{color:#6b7280;line-height:1.5;margin:0 0 24px}.product-list_productDeleteActions__OpnAD{display:flex;gap:12px;justify-content:center}.product-list_productForm__hN0Iz{display:flex;flex-direction:column;gap:20px;max-width:100%;overflow:hidden;width:100%}.product-list_productFormRow__DFpvK{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;overflow:hidden;width:100%}.product-list_productFormGroup__j\+DMw{display:flex;flex-direction:column;gap:6px;max-width:100%;overflow:hidden;width:100%}.product-list_productFormLabel__88k0S{color:#374151;font-size:.875rem;font-weight:500}.product-list_productFormInput__\+Q-Vw,.product-list_productFormSelect__3g5I1,.product-list_productFormTextarea__ZhL2m{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:6px;color:#1f2937!important;font-size:.875rem;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.product-list_selectWrapper__GLbY-{position:relative;width:100%}.product-list_productFormSelect__3g5I1{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:6px;color:#1f2937!important;cursor:pointer;font-size:.875rem;outline:none;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.product-list_productFormSelect__3g5I1:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.product-list_productFormSelect__3g5I1.product-list_error__Sp\+eL{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.product-list_selectIcon__r8GT\+{color:#6b7280;height:20px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:20px}.product-list_selectWrapper__GLbY-:hover .product-list_selectIcon__r8GT\+{color:#374151}.product-list_productFormSelect__3g5I1:focus+.product-list_selectIcon__r8GT\+{color:#667eea;transform:translateY(-50%) rotate(180deg)}.product-list_productFormSelect__3g5I1 option{background:#fff;border:none;color:#1f2937;font-size:.875rem;line-height:1.5;max-width:100%;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.product-list_productFormSelect__3g5I1 option:hover{background:#f9fafb}.product-list_productFormSelect__3g5I1 option:checked{background:#667eea;color:#fff;font-weight:500}.product-list_productFormSelect__3g5I1:disabled{background-color:#f9fafb!important;color:#9ca3af!important;cursor:not-allowed}.product-list_productFormSelect__3g5I1:disabled+.product-list_selectIcon__r8GT\+{color:#d1d5db}.product-list_productFormInput__\+Q-Vw[type=select],select.product-list_productFormInput__\+Q-Vw{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}select.product-list_productFormInput__\+Q-Vw option{word-wrap:break-word;background:#fff;border:none;color:#1f2937;font-size:.875rem;line-height:1.4;padding:8px 12px}select.product-list_productFormInput__\+Q-Vw{box-sizing:border-box;max-width:100%;width:100%!important}.product-list_productFormGroup__j\+DMw select.product-list_productFormInput__\+Q-Vw{flex-shrink:1;max-width:100%;min-width:0;width:100%}.product-list_productFormInput__\+Q-Vw:focus,.product-list_productFormTextarea__ZhL2m:focus,select.product-list_productFormInput__\+Q-Vw:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.product-list_productFormInput__\+Q-Vw.product-list_error__Sp\+eL,.product-list_productFormTextarea__ZhL2m.product-list_error__Sp\+eL,select.product-list_productFormInput__\+Q-Vw.product-list_error__Sp\+eL{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.product-list_productFormTextarea__ZhL2m{min-height:80px;resize:vertical}.product-list_productFormError__pShAi{color:#ef4444;font-size:.75rem;margin-top:4px}.product-list_productFormCheckbox__ivZ20{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.product-list_productFormCheckbox__ivZ20 input[type=checkbox]{accent-color:#667eea;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:16px;width:16px}.product-list_productFormCheckboxText__KDCCl{color:#374151;font-size:.875rem;font-weight:500}.product-list_productFormErrorMessage__l2fLd{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.875rem;padding:12px}.product-list_productFormActions__8aQEU{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media (max-width:768px){.product-list_productContainer__TZPJ5{padding:16px}.product-list_productHeader__R7B4c{flex-direction:column;gap:16px}.product-list_productHeaderRight__rvN5K{justify-content:flex-start;width:100%}.product-list_productGrid__kaRMV{gap:16px;grid-template-columns:1fr}.product-list_productModal__SsDAS{margin:10px;max-height:calc(100vh - 20px)}.product-list_productModalContent__pNcwl{padding:20px}.product-list_productFormRow__DFpvK{gap:12px;grid-template-columns:1fr}.product-list_productFormActions__8aQEU{flex-direction:column-reverse}.product-list_productFormActions__8aQEU .product-list_productBtn__TfMWw{justify-content:center;width:100%}}@media (max-width:480px){.product-list_productContainer__TZPJ5{padding:12px}.product-list_productContent__jaGBo{padding:16px}.product-list_productTitle__sqBJB{font-size:1.5rem}.product-list_productCardContent__6XqHL,.product-list_productCardHeader__w-KJo{padding:12px}.product-list_productCardFooter__kqso9{padding:8px 12px}}@media (max-width:768px){.product-list_productModal__SsDAS{margin:10px;max-width:calc(100vw - 20px)}.product-list_productModalContent__pNcwl{padding:16px}select.product-list_productFormInput__\+Q-Vw option{font-size:.8rem;max-width:calc(100vw - 80px)}}select.product-list_productFormInput__\+Q-Vw option{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@supports (-webkit-appearance:none){select.product-list_productFormInput__\+Q-Vw{appearance:none}select.product-list_productFormInput__\+Q-Vw option{box-sizing:border-box}}.product-list_categoryImageForlist__PVR1M{border-radius:8px;height:40px;object-fit:cover;width:40px}.products-header{align-items:center;justify-content:space-between;margin-bottom:2rem}.products-header h2{color:#0072bc;font-size:1.5rem;margin:0}.products-page-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px!important;width:100%}.products-list-alert{color:#6b7280;text-align:center}.add-product-btn{align-items:center;background:#0072bc;border-radius:6px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.add-product-btn:hover{background:#005a94}.add-product-btn .icon{height:1.25rem;width:1.25rem}.filters-container{align-items:flex-end;display:flex;gap:1rem;margin-bottom:2rem}.company-filter-container{min-width:300px}.company-filter-container label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.company-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;width:100%}.company-select:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a;outline:none}.search-container{margin-bottom:1.5rem}.search-input{border:1px solid #e2e8f0;max-width:400px}.search-input:focus{border-color:#0072bc;box-shadow:0 0 0 2px #0072bc1a}.no-company-selected{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;padding:4rem 1rem;text-align:center}.no-company-selected p{font-size:1.1rem;margin:0}.products-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.products-table{border-collapse:collapse;font-size:.9rem;width:100%}.products-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.products-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.products-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;padding:1rem}.products-table tbody tr:hover{background:#f8fafc}.products-table tbody tr:last-child td{border-bottom:none}.price-cell{color:#059669;font-weight:600}.quantity-cell{color:#dc2626;font-weight:600}.product-id-cell{color:#6b7280;font-family:Courier New,monospace;font-size:.8rem;word-break:break-all}.actions-cell{align-items:center}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:2rem;justify-content:center;text-decoration:none;transition:background-color .2s;width:2rem}.edit-btn{background:#f0f9ff;color:#0072bc}.edit-btn:hover{background:#e0f2fe}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fee2e2}.delete-btn .icon,.edit-btn .icon{height:1rem;width:1rem}.no-products{color:#64748b;padding:3rem 1rem;text-align:center}.no-products p{font-size:1.1rem;margin-bottom:1.5rem}.add-first-product-btn{align-items:center;background:#0072bc;border-radius:6px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.add-first-product-btn:hover{background:#005a94}.loading{color:#64748b;font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:1023px){.page-container{padding:1rem}.content-wrapper{width:100%}.products-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.products-header h2{font-size:1.25rem;text-align:center}.add-product-btn{justify-content:center;padding:.75rem 1rem}.filters-container{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.company-filter-container{min-width:auto}.search-container{margin-bottom:1rem}.search-input{max-width:none}.products-table-container{overflow-x:auto}.products-table{font-size:.8rem;min-width:800px}.products-table td,.products-table th{padding:.75rem .5rem}.product-id-cell{font-size:.7rem;max-width:120px}.actions-cell{gap:.25rem}.delete-btn,.edit-btn{height:1.75rem;width:1.75rem}.delete-btn .icon,.edit-btn .icon{height:.875rem;width:.875rem}}@media (min-width:768px) and (max-width:1023px){.products-header{align-items:center;flex-direction:row}.products-header h2{text-align:left}.filters-container{align-items:flex-end;flex-direction:row}.company-filter-container{min-width:250px}}@media (max-width:767px){.no-company-selected{padding:2rem 1rem}.no-company-selected,.products-table-container{border-radius:0;margin:0 -.5rem}.products-table td,.products-table th{font-size:.75rem;padding:.5rem .25rem}.product-id-cell{font-size:.65rem;max-width:100px}}.add-product-form{margin-bottom:20px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:.25rem;transition:background .2s}.icon-btn:focus{outline:2px solid #0072bc}.icon{color:#374151;height:1.25rem;pointer-events:none;width:1.25rem}.icon-btn:hover .icon{color:#0072bc}.content-wrapper{display:block;min-height:600px}.spinner-wrapper{min-height:600px}.spinner{align-self:center;border:8px solid #f3f3f3;border-top-color:#4299e1;height:60px;margin:100px auto;width:60px}.receipt-details-page{background:linear-gradient(135deg,#f5f7fa,#e8eef3);min-height:100vh;padding:2rem 1rem}.receipt-details-container{margin:0 auto;max-width:900px}.receipt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.back-button{border:2px solid #e2e8f0;color:#4a5568;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-button:hover{background:#f8fafc;border-color:#cbd5e0;transform:translateX(-4px)}.receipt-actions{display:flex;gap:1rem}.action-button{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.button-icon{height:1.25rem;width:1.25rem}.print-button{background:#4299e1;color:#fff}.print-button:hover{background:#3182ce;box-shadow:0 4px 8px #4299e14d;transform:translateY(-2px)}.download-button{background:#48bb78;color:#fff}.download-button:hover{background:#38a169;box-shadow:0 4px 8px #48bb784d;transform:translateY(-2px)}.receipt-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;margin:0 1rem;padding:3rem}.receipt-content-header{border-bottom:3px solid #2d3748;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.receipt-title{color:#2d3748;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0 0 1rem}.receipt-meta{display:flex;gap:3rem;justify-content:center;margin-top:1rem}.receipt-date,.receipt-number{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.meta-value{color:#2d3748;font-size:1.125rem;font-weight:600}.parties-section{grid-gap:2rem;background:#f8fafc;border-radius:8px;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem;padding:1.5rem}.party-info{display:flex;flex-direction:column}.party-title{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.party-details{display:flex;flex-direction:column;gap:.5rem}.party-name{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.party-field{color:#4a5568;font-size:.95rem;line-height:1.5;margin:0}.items-section{margin-bottom:2rem}.section-title{border-bottom:2px solid #e2e8f0;color:#2d3748;margin:0 0 1rem;padding-bottom:.5rem}.items-table{margin-top:1rem}.items-table thead{background:#2d3748;color:#fff}.items-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.items-table tbody tr:hover{background:#f8fafc}.items-table td{color:#4a5568}.col-no{text-align:center;width:60px}.col-description{width:auto}.col-price,.col-quantity,.col-total{text-align:right;width:120px}.no-items{color:#a0aec0;font-style:italic;padding:2rem!important;text-align:center}.summary-section{align-items:flex-end;background:#f8fafc;border-radius:8px;flex-direction:column;gap:.75rem;margin-top:2rem;padding:1.5rem}.summary-row{min-width:300px}.summary-label{color:#4a5568;font-size:1rem}.summary-value{color:#2d3748}.summary-row.grand-total{border-top:2px solid #2d3748;margin-top:.5rem;padding-top:1rem}.summary-row.grand-total .summary-label,.summary-row.grand-total .summary-value{color:#2d3748;font-size:1.25rem;font-weight:700}.receipt-footer{border-top:2px solid #e2e8f0;margin-top:3rem;padding-top:2rem;text-align:center}.footer-text{color:#718096;font-size:1rem;font-style:italic;margin:0}@media print{.no-print{display:none!important}.receipt-details-page{background:#fff;padding:0}.receipt-content{box-shadow:none;margin:0;padding:1rem}.receipt-title{font-size:2rem}.parties-section,.summary-section{background:#fff;border:1px solid #e2e8f0}.items-table{page-break-inside:avoid}}@media (max-width:768px){.receipt-details-page{padding:1rem .5rem}.receipt-header{align-items:stretch;gap:1rem}.receipt-actions,.receipt-header{flex-direction:column}.action-button,.back-button{justify-content:center;width:100%}.receipt-content{border-radius:8px;margin:0;padding:1.5rem}.receipt-title{font-size:1.75rem}.receipt-meta{flex-direction:column;gap:1rem}.parties-section{gap:1.5rem;grid-template-columns:1fr}.items-table{font-size:.875rem}.items-table td,.items-table th{padding:.75rem .5rem}.summary-row{min-width:100%}.col-no{width:40px}.col-price,.col-quantity,.col-total{width:80px}}.manual-assign-container{background:#f8fafc;min-height:100vh;padding:20px}.content-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin:0 auto;max-width:1200px;padding:24px}.manual-assign-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.manual-assign-header h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 8px}.manual-assign-subtitle{color:#6b7280;font-size:1rem;margin:0}.search-section{margin-bottom:24px}.search-bar{align-items:center;display:flex;position:relative}.search-bar .search-input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;outline:none;padding:12px 45px 12px 16px;transition:border-color .2s ease;width:100%}.search-bar .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;position:absolute;right:40px;transition:color .2s ease}.clear-search-btn:hover{color:#374151}.search-spinner{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:20px;position:absolute;right:12px;width:20px}.search-info{color:#6b7280;font-size:.875rem;margin-top:8px}.search-info span{font-weight:500}.search-section-old{align-items:flex-end;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.search-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.search-group label{color:#374151;font-size:.875rem;font-weight:500}.search-input{border-radius:6px;transition:border-color .2s ease}.search-buttons{display:flex;gap:12px}.clear-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.clear-btn:hover:not(:disabled){background:#4b5563}.clear-btn:disabled{cursor:not-allowed;opacity:.5}.users-table-section{background:#fff}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 4px}.table-info,.users-per-page{color:#6b7280;font-size:.875rem}.users-per-page{align-items:center;display:flex;gap:8px}.per-page-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;padding:4px 8px}.per-page-select:focus{border-color:#3b82f6;outline:none}.users-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.users-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.875rem;padding:16px;vertical-align:middle}.users-table tbody tr{transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f8fafc}.users-table tbody tr:last-child td{border-bottom:none}.user-name-cell{font-weight:500}.email-cell{color:#6b7280}.status-badge{border-radius:20px;font-size:.75rem;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.admin{background:#dcfce7;color:#166534}.status-badge.user{background:#e2f1fd;color:#3273ec}.status-badge.inactive{background:#fef2f2;color:#dc2626}.action-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.assign-btn{background-color:#3b82f6;color:#eff6ff}.assign-btn:hover{background:#dbeafe;color:#1d4ed8}.action-icon{height:16px;width:16px}.no-data{color:#6b7280;font-style:italic;padding:32px 16px;text-align:center}.spinner-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 16px}.spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.user-name-wrapper{align-items:center;display:flex;gap:12px}.user-image{border-radius:50%;height:50px;object-fit:cover;width:50px}.spinner-wrapper p{color:#6b7280;font-size:1rem;margin:0}.pagination-wrapper{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:24px;padding-top:24px}.pagination{display:flex;gap:4px}.pagination-btn{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(.disabled):not(.dots){background:#f3f4f6;border-color:#9ca3af}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn.disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.pagination-btn.dots{background:none;border:none;cursor:default;padding:8px 4px}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;font-size:.875rem;margin-bottom:24px;padding:12px 16px}@media (max-width:1024px){.content-wrapper,.manual-assign-container{padding:16px}}@media (max-width:768px){.search-section{align-items:stretch;flex-direction:column}.search-buttons{justify-content:flex-end}.table-header{align-items:stretch;flex-direction:column;gap:12px}.users-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table table{min-width:700px}.users-table td,.users-table th{font-size:.8rem;padding:8px 12px}.pagination-wrapper{align-items:center;flex-direction:column;gap:16px}.pagination{flex-wrap:wrap;justify-content:center}.manual-assign-header h1{font-size:1.5rem}}@media (max-width:480px){.manual-assign-container{padding:8px}.content-wrapper{padding:12px}.users-table td,.users-table th{padding:6px 8px}.pagination-btn{font-size:.8rem;min-width:32px;padding:6px 8px}.manual-assign-header h1{font-size:1.25rem}.manual-assign-subtitle{font-size:.875rem}}.modal-overlay{animation:modalFadeIn .2s ease-out;background:#00000080;padding:20px}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;overflow:hidden;padding:0!important}.modal-header{margin-bottom:24px;padding:24px}.modal-header h2{font-size:1.25rem}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{max-height:50vh;overflow-y:auto;padding:0 24px}.user-info-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.user-info-section h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.user-details{align-items:center;display:flex;gap:16px}.user-avatar{flex-shrink:0}.avatar-img{border:2px solid #e5e7eb;border-radius:50%;height:48px;object-fit:cover;width:48px}.user-text{flex:1 1}.user-text p{color:#374151;font-size:.875rem;margin:0 0 4px}.user-text strong{color:#1f2937;font-weight:500}.assignment-form{display:flex;flex-direction:column;gap:20px}.form-group{background:#0000!important;border:none!important;margin-bottom:0!important;padding:0!important}.form-select{background:#fff;border:1px solid #d1d5db!important;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%!important}.form-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.form-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.error-select,.loading-select{border-radius:8px;font-size:.875rem;padding:12px 16px;text-align:center}.loading-select{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.error-select{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;outline:none;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f64d;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-overlay{padding:16px}.modal-content{max-width:100%}.modal-body,.modal-footer,.modal-header{padding-left:16px;padding-right:16px}.modal-header{margin-bottom:16px;padding-top:16px}.modal-footer{flex-direction:column;margin-top:16px;padding-top:16px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.user-details{flex-direction:column;text-align:center}}.packages-container{padding:20px}.packages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-button{background-color:#6b7280;border:none;border-radius:4px;color:#fff;padding:8px 16px;transition:background-color .2s ease}.back-button:hover{background-color:#4b5563}.packages-title{font-size:2rem}.packages-welcome{color:#6b7280;margin-bottom:30px}.packages-content{margin-top:30px}.features-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.features-title{color:#374151;font-size:1.25rem;margin-bottom:15px}.features-list{margin:10px 0;padding-left:20px}.features-list li{color:#4b5563;margin-bottom:8px}.quick-actions-section{background-color:#e8f5e8;border:1px solid #d4edda;border-radius:8px;margin-top:20px;padding:20px}.quick-actions-title{color:#155724;font-size:1.125rem;margin-bottom:15px}.quick-actions-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.action-button.primary{background-color:#28a745;color:#fff}.action-button.primary:hover{background-color:#218838}.action-button.secondary{background-color:#007bff;color:#fff}.action-button.secondary:hover{background-color:#0056b3}.action-button.warning{background-color:#ffc107;color:#000}.action-button.warning:hover{background-color:#e0a800}.development-section{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:20px;padding:20px}.development-title{color:#856404;font-size:1.125rem;margin-bottom:10px}.development-text{color:#856404;margin:0}.loading-container{padding:20px;text-align:center}.loading-text{color:#6b7280;font-size:1.125rem}@media (max-width:768px){.packages-container{padding:15px}.packages-title{font-size:1.75rem}.quick-actions-buttons{align-items:stretch;flex-direction:column}.action-button{margin-bottom:10px;width:100%}.development-section,.features-section,.quick-actions-section{padding:15px}}@media (max-width:480px){.packages-container{padding:10px}.packages-title{font-size:1.5rem}.back-button{font-size:.9rem;padding:6px 12px}.development-section,.features-section,.quick-actions-section{padding:12px}.action-button{font-size:.9rem;padding:8px 16px}}.create-package-container{margin:0 auto;padding:20px}.create-package-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.create-package-title{color:#1f2937;font-size:2rem;margin-bottom:0;margin-top:0}.create-package-subtitle{color:#6b7280;margin-bottom:20px}.package-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:30px}.create-package-form-section{margin-bottom:30px}.form-actions-btns{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.section-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.create-package-form-group{display:flex;flex-direction:column}.form-label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-label.required:after{color:#ef4444;content:" *"}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #e5e7eb!important;border-radius:8px;font-size:.875rem;padding:10px 13px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6!important;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-textarea{min-height:100px;resize:vertical}.form-checkbox-group{align-items:center;display:flex;gap:8px;margin-top:10px}.form-checkbox{accent-color:#3b82f6;height:18px;width:18px}.checkbox-label{color:#374151;cursor:pointer;font-size:.95rem}.error-message{align-items:center;color:#ef4444;display:flex;font-size:.85rem;gap:4px;margin-top:4px}.duration-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr}.currency-input-group{display:flex;gap:0}.currency-select{border-radius:8px 0 0 8px;border-right:none;min-width:80px}.price-input{border-radius:0 8px 8px 0;flex:1 1}.form-actions{gap:15px;margin-top:30px;padding-top:20px}.submit-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.cancel-button{background-color:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.cancel-button:hover{background-color:#4b5563}.form-help-text{color:#6b7280;font-size:.85rem;margin-top:4px}@media (max-width:768px){.create-package-container{padding:15px}.package-form{padding:20px}.form-row{gap:15px;grid-template-columns:1fr}.duration-group{gap:10px;grid-template-columns:1fr}.currency-input-group{flex-direction:column}.currency-select{border-right:2px solid #e5e7eb;margin-bottom:10px}.currency-select,.price-input{border-radius:8px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.packages-grid{grid-gap:20px;display:grid;gap:20px;margin-top:20px}@media (min-width:1200px){.packages-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:992px) and (max-width:1199px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:991px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:576px) and (max-width:767px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.packages-grid{grid-template-columns:1fr}}.package-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;padding:24px;transition:all .3s ease}.package-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.package-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.package-title{color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.trial-badge{background-color:#10b981;border-radius:4px;font-size:.75rem;margin-left:8px;padding:4px 8px}.package-price{margin-bottom:16px}.price-amount{color:#1f2937;font-size:2rem}.price-duration{font-size:.875rem;margin-left:4px}.package-description{color:#6b7280;flex-grow:1;line-height:1.5;margin-bottom:20px}.package-limits{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.limit-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.limit-item:last-child{margin-bottom:0}.limit-label{color:#6b7280;font-size:.875rem}.limit-value{color:#1f2937;font-weight:500}.package-features{margin-bottom:20px}.package-features .features-title{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:8px}.package-features .features-list{list-style:none;margin:0;padding:0}.feature-item{color:#10b981;font-size:.875rem;margin-bottom:4px}.package-actions{display:flex;gap:8px;margin-top:auto}.btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.btn-edit{background-color:#3b82f6;color:#fff}.btn-edit:hover{background-color:#2563eb}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.no-packages,.packages-error,.packages-loading{padding:40px 20px;text-align:center}.packages-error{color:#ef4444}.create-first-package-button,.retry-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.create-first-package-button:hover,.retry-button:hover{background-color:#2563eb}@media (max-width:768px){.package-card{padding:20px}.package-actions{flex-direction:column}.btn{width:100%}.package-card-header{align-items:flex-start;flex-direction:column}.trial-badge{align-self:flex-start;margin-left:0;margin-top:8px}}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;padding:24px}.skeleton-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.skeleton-title{border-radius:4px;height:24px;width:60%}.skeleton-badge{border-radius:4px;height:20px;width:50px}.skeleton-price{margin-bottom:16px}.skeleton-price-amount{border-radius:4px;height:28px;margin-bottom:4px;width:80px}.skeleton-price-duration{border-radius:4px;height:16px;width:120px}.skeleton-description{border-radius:4px;height:16px;margin-bottom:20px;width:100%}.skeleton-limits{margin-bottom:20px}.skeleton-limit-item{display:flex;justify-content:space-between;margin-bottom:8px}.skeleton-limit-label{border-radius:4px;height:16px;width:40%}.skeleton-limit-value{border-radius:4px;height:16px;width:25%}.skeleton-features{margin-bottom:20px}.skeleton-features-title{border-radius:4px;height:18px;margin-bottom:12px;width:80px}.skeleton-feature-item{border-radius:4px;height:16px;margin-bottom:8px;width:70%}.skeleton-feature-item:nth-child(2){width:85%}.skeleton-feature-item:nth-child(3){width:60%}.skeleton-actions{display:flex;gap:12px;margin-top:auto}.skeleton-button{border-radius:6px;height:36px;width:80px}.packages-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.5rem;margin-bottom:10px;padding-bottom:20px}.packages-intro-wrapper{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.assign-package-form{grid-gap:20px;display:grid;gap:20px;max-width:600px}.form-group{gap:8px}.form-group label{font-size:14px}.searchable-select{position:relative}.select-input{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:20px;padding:12px 16px;transition:all .2s ease}.select-input:hover{border-color:#9ca3af}.select-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.select-value{color:#374151;font-size:14px}.select-arrow{color:#9ca3af;font-size:12px;transition:transform .2s ease}.searchable-select:hover .select-arrow{color:#6b7280}.select-dropdown{background:#fff;border:2px solid #d1d5db;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 10px 25px #0000001a;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-box{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px}.search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-options{max-height:200px;overflow-y:auto}.option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.option:hover{background-color:#f9fafb}.option.selected{background-color:#3b82f6;color:#fff}.option.selected:hover{background-color:#2563eb}.option.error,.option.loading,.option.no-results{color:#6b7280;cursor:default;font-style:italic;text-align:center}.option.error{color:#dc2626}.option-content{display:flex;flex-direction:column;gap:2px}.package-name,.user-name{font-size:14px;font-weight:500}.package-price,.user-email{color:#6b7280;font-size:12px}.option.selected .package-price,.option.selected .user-email{color:#fffc}.traditional-select{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.traditional-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.traditional-select:hover{border-color:#9ca3af}@media (max-width:768px){.assign-package-form{max-width:100%}.company-dropdown-menu{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;position:fixed;right:0;top:auto}.company-dropdown-header-info{position:sticky;top:0;z-index:1}}.search-input{border:1px solid #e5e7eb;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.search-input:focus{border-color:#667eea}.search-input::placeholder{color:#9ca3af}.assign-package-form .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.assign-package-form .company-label{color:#374151;font-size:14px;font-weight:600;margin:0}.company-dropdown-container select.company-dropdown-button{cursor:pointer;padding-right:45px}.company-dropdown-container select.company-dropdown-button:focus{outline:none}.company-dropdown-menu{z-index:1100}.payment-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.payment-header{margin-bottom:30px;text-align:center}.payment-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:8px}.payment-header p{color:#6b7280;font-size:1rem;margin:0}.payment-loading{padding:60px 20px;text-align:center}.payment-loading h2{color:#6b7280;font-size:1.2rem}.payment-content{grid-gap:25px;display:grid;gap:25px}.payment-package-summary{background:#fff;border:1px solid #007bff1a;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:20px}.payment-package-summary h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:15px;margin-top:0}.package-details{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.package-info h4{align-items:center;color:#1f2937;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:8px;margin-top:0}.trial-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:.65rem;font-weight:500;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.package-info p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.package-price{flex-shrink:0;text-align:right}.price-amount{color:#059669;display:block;font-size:1.8rem;font-weight:700;margin-bottom:4px}.price-duration{color:#6b7280;font-size:.85rem;font-weight:500}.payment-methods{background:#fff;border:1px solid #007bff1a;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:20px}.payment-methods h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:15px;margin-top:0}.payment-options{display:flex;flex-wrap:wrap;gap:15px}.payment-option{align-items:center;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:200px;padding:12px 16px;transition:all .3s ease}.payment-option:hover{background:#f9fafb;border-color:#d1d5db}.payment-option.selected{background:#f0f4ff;border-color:#667eea}.payment-option input[type=radio]{margin:0}.payment-icon{font-size:1.2rem}.payment-name{color:#1f2937;font-weight:500}.billing-info{background:#fff;border:1px solid #007bff1a;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:20px}.billing-info h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:15px;margin-top:0}.billing-form{display:flex;flex-direction:column;gap:15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{gap:5px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#9ca3af}.payment-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px}.error-icon{font-size:1rem}.payment-actions{align-items:center;display:flex;gap:15px;justify-content:space-between;padding-top:10px}.back-button{background:#fff;border:2px solid #e5e7eb;color:#6b7280;display:flex;font-size:.9rem;gap:6px;padding:12px 20px;transition:all .3s ease}.back-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#4b5563}.back-button:disabled{cursor:not-allowed;opacity:.5}.pay-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 3px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:12px 24px;transition:all .3s ease}.pay-button:hover:not(:disabled){box-shadow:0 4px 18px #667eea66;transform:translateY(-1px)}.pay-button:active:not(:disabled){transform:translateY(0)}.pay-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.pay-icon{font-size:1rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.payment-container{padding:15px}.payment-header h1{font-size:1.5rem}.package-details{flex-direction:column;gap:15px}.package-price{text-align:left}.form-row{grid-template-columns:1fr}.payment-options{flex-direction:column}.payment-option{min-width:auto}.payment-actions{flex-direction:column;gap:12px}.back-button,.pay-button{justify-content:center;width:100%}}@media (max-width:480px){.payment-container{padding:10px}.billing-info,.payment-methods,.payment-package-summary{padding:15px}.price-amount{font-size:1.5rem}}.toyyibpay-category-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;padding:32px;position:relative}.toyyibpay-category-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.toyyibpay-category-section .category-form-header{margin-bottom:28px;text-align:center}.toyyibpay-category-section .category-form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 8px}.toyyibpay-category-section .category-form-header p{color:#6b7280;font-size:.9rem;margin:0}.toyyibpay-category-section .category-form{display:flex;flex-direction:column;gap:24px}.toyyibpay-category-section .form-group{display:flex;flex-direction:column;gap:8px}.toyyibpay-category-section .form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:4px;margin:0}.toyyibpay-category-section .form-label.required:after{color:#ef4444;content:"*";font-weight:700}.toyyibpay-category-section .form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:inherit;font-size:.95rem;min-height:44px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease-in-out}.toyyibpay-category-section .form-input:focus{background:#fefefe;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toyyibpay-category-section .form-input:hover:not(:focus){border-color:#d1d5db}.toyyibpay-category-section .form-input.error{background:#fef2f2;border-color:#ef4444}.toyyibpay-category-section .form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.toyyibpay-category-section .form-textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.toyyibpay-category-section .form-error{align-items:center;animation:slideInError .2s ease-out forwards;color:#ef4444;display:flex;font-size:.8rem;gap:4px;margin:0;opacity:0;transform:translateY(-4px)}@keyframes slideInError{to{opacity:1;transform:translateY(0)}}.toyyibpay-category-section .form-error-icon{flex-shrink:0;height:14px;width:14px}.toyyibpay-category-section .form-actions{display:flex;gap:12px;margin-top:8px}.toyyibpay-category-section .btn-category-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;outline:none;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s ease-in-out}.toyyibpay-category-section .btn-category-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-1px)}.toyyibpay-category-section .btn-category-submit:active{transform:translateY(0)}.toyyibpay-category-section .btn-category-submit:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.toyyibpay-category-section .btn-category-reset{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;outline:none;padding:14px 24px;transition:all .2s ease-in-out}.toyyibpay-category-section .btn-category-reset:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.toyyibpay-category-section .btn-category-reset:active{background:#f3f4f6}.toyyibpay-category-section .btn-loading{align-items:center;display:flex;gap:8px;justify-content:center}.toyyibpay-category-section .btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.toyyibpay-category-section .category-success{align-items:center;animation:slideInSuccess .3s ease-out;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;gap:12px;margin-top:16px;padding:16px}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toyyibpay-category-section .success-icon{color:#16a34a;flex-shrink:0;height:20px;width:20px}.toyyibpay-category-section .success-message{font-size:.9rem;font-weight:500;margin:0}.toyyibpay-category-section .success-details{font-size:.8rem;margin:4px 0 0;opacity:.8}@media (max-width:640px){.toyyibpay-category-section{border-radius:12px;margin:0 -8px 24px;padding:24px 20px}.toyyibpay-category-section .category-form-header h2{font-size:1.3rem}.toyyibpay-category-section .form-actions{flex-direction:column}.toyyibpay-category-section .btn-category-reset,.toyyibpay-category-section .btn-category-submit{padding:16px 24px;width:100%}}.toyyibpay-category-section .form-input-counter{color:#9ca3af;font-size:.75rem;margin-top:4px;text-align:right}.toyyibpay-category-section .form-input-counter.warning{color:#f59e0b}.toyyibpay-category-section .form-input-counter.error{color:#ef4444}.toyyibpay-category-section .form-input:focus-visible{outline:2px solid #667eea;outline-offset:2px}.toyyibpay-category-section .btn-category-reset:focus-visible,.toyyibpay-category-section .btn-category-submit:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.toyyibpay-category-section{background:#1f2937;border-color:#374151}.toyyibpay-category-section .category-form-header h2{color:#f9fafb}.toyyibpay-category-section .category-form-header p{color:#d1d5db}.toyyibpay-category-section .form-label{color:#e5e7eb}.toyyibpay-category-section .form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.toyyibpay-category-section .form-input:focus{background:#4b5563}.toyyibpay-category-section .btn-category-reset{background:#374151;border-color:#4b5563;color:#d1d5db}.toyyibpay-category-section .btn-category-reset:hover{background:#4b5563;border-color:#6b7280}}.pos-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.pos-header-section{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pos-header-left{width:100%}.pos-header-right{align-items:flex-end;display:flex;height:100%;width:100%}.pos-header-right .search-bar{margin-bottom:0;width:100%}.pos-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 500px}.purchase-content{margin-top:1rem}.pos-products-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.products-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:24px}.search-bar{margin-bottom:16px;width:100%}.search-input{background:#fff;border:2px solid #e5e7eb!important;color:#1f2937!important;font-size:1rem;max-width:100%;outline:none;padding:12px 16px;transition:all .2s ease-in-out}.search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.category-filters{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;width:100%}.category-btn{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;outline:none;padding:8px 16px;transition:all .2s ease-in-out}.category-btn:hover{border-color:#667eea;color:#667eea}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.products-list-wrapper{max-height:75vh;min-height:auto;overflow-y:auto;padding:16px 0}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.loading-products{grid-column:1/-1;padding:60px 20px;text-align:center}.loading-spinner{border-top-color:#667eea;margin:0 auto 16px}.product-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease-in-out}.product-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.product-image{align-items:center;background:#e5e7eb;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}.product-image img{background:#f3f4f6;height:100%;object-fit:contain;width:100%}.product-info h3{color:#1f2937;font-size:.9rem;font-weight:600;margin:0 0 8px}.product-price-stock{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-bottom:4px}.product-price{color:#059669;font-size:1.1rem;font-weight:700;margin:0 0 4px}.product-stock{color:#6b7280;font-size:.8rem;margin:0 0 4px}.add-to-cart-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;outline:none;padding:8px 12px;transition:all .2s ease-in-out;width:100%}.add-to-cart-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.add-to-cart-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.pos-cart-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;height:fit-content;padding:24px;position:sticky;top:20px}.cart-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.cart-header h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.clear-cart-btn{background:#fff;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:600;outline:none;padding:6px 12px;transition:all .2s ease-in-out}.clear-cart-btn:hover{background:#ef4444;color:#fff}.cart-items{margin-bottom:20px;max-height:325px;overflow-y:auto}.empty-cart{color:#6b7280;padding:40px 20px;text-align:center}.empty-cart p{font-size:1rem;font-weight:600;margin:0 0 8px}.empty-cart span{font-size:.875rem}.cart-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;padding:12px 0}.cart-item:last-child{border-bottom:none}.cart-item-info{width:30%}.cart-item-info h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:#6b7280;font-size:.8rem;margin:0}.cart-item-controls{gap:6px}.cart-item-controls,.quantity-btn{align-items:center;display:flex;flex-shrink:0}.quantity-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;height:26px;justify-content:center;outline:none;transition:all .2s ease-in-out;width:26px}.quantity-btn:hover{border-color:#667eea;color:#667eea}.quantity{color:#1f2937;font-size:.85rem;min-width:18px}.remove-btn{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:26px;justify-content:center;margin-left:4px;outline:none;transition:all .2s ease-in-out;width:26px}.remove-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.cart-item-discount{display:flex;flex-direction:column;flex-shrink:0;gap:2px;max-width:50px;min-width:50px}.cart-item-discount label{color:#6b7280;font-size:.6rem;font-weight:500;line-height:1;white-space:nowrap}.discount-input{border:1px solid #d1d5db!important;border-radius:3px!important;font-size:.7rem!important;height:24px!important;outline:none!important;padding:2px 4px!important;text-align:center!important;transition:all .2s ease-in-out!important;width:100%!important}.discount-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cart-item-total{color:#059669;flex-shrink:0;font-size:.85rem;font-weight:700;min-width:55px;text-align:right}.customer-info{border-top:1px solid #e5e7eb;margin-bottom:20px;padding-top:16px}.customer-info h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 12px}.customer-mode-toggle{display:flex;gap:8px;margin-bottom:12px}.mode-btn{background:#fff;border:1px solid #d1d5db;flex:1 1;padding:8px 12px;transition:all .2s ease-in-out}.mode-btn:hover{border-color:#667eea;color:#667eea}.mode-btn.active{background:#667eea;border-color:#667eea;color:#fff}.customer-form{display:flex;flex-direction:column;gap:8px}.customer-input{background:#fff;border:1px solid #d1d5db!important;border-radius:6px;color:#1f2937!important;font-size:.875rem;outline:none;padding:8px 12px;transition:all .2s ease-in-out}.customer-input:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a}.customer-select-container{display:flex;flex-direction:column;gap:8px}.customer-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:.875rem;outline:none;padding:8px 12px;transition:all .2s ease-in-out}.customer-search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.customer-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto}.customer-list-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 12px;transition:background .2s ease-in-out}.customer-list-item:last-child{border-bottom:none}.customer-list-item:hover{background:#f9fafb}.customer-item-info{display:flex;flex-direction:column;gap:4px}.customer-item-name{color:#1f2937;font-size:.875rem;font-weight:600}.customer-item-details{color:#6b7280;font-size:.75rem}.selected-customer{align-items:center;background:#f9fafb;border:1px solid #18da1e;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.selected-customer-info h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 4px}.selected-customer-info p{color:#6b7280;font-size:.75rem;margin:2px 0}.clear-customer-btn{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:28px;justify-content:center;outline:none;transition:all .2s ease-in-out;width:28px}.clear-customer-btn:hover{background:#ef4444;color:#fff}.customer-loading,.no-customers{color:#6b7280;font-size:.875rem;padding:20px;text-align:center}.cart-footer{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding-top:16px}.cart-total{margin-bottom:16px}.cart-total h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0;text-align:center}.checkout-btn{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;outline:none;padding:16px 24px;transition:all .2s ease-in-out;width:100%}.checkout-btn:hover:not(:disabled){box-shadow:0 6px 20px #0596694d;transform:translateY(-1px)}.checkout-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:1024px){.pos-header-section{gap:16px;grid-template-columns:1fr}.pos-header-right{align-items:flex-start}.pos-content{gap:16px;grid-template-columns:1fr}.pos-cart-section{position:static}}@media (max-width:768px){.pos-container{padding:16px}.pos-header-section{gap:12px}.pos-cart-section,.pos-products-section{padding:16px}.products-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.category-filters{gap:6px}.category-btn{font-size:.8rem;padding:6px 12px}}@media (max-width:640px){.pos-header h1{font-size:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cart-header{align-items:stretch;flex-direction:column;gap:12px}.cart-item{flex-wrap:nowrap;gap:4px}.cart-item,.cart-item-info h4{font-size:.75rem}.cart-item-price{font-size:.7rem}.quantity-btn{font-size:.75rem;height:24px;width:24px}.quantity{font-size:.75rem;min-width:16px}.cart-item-discount{max-width:45px;min-width:45px}.cart-item-discount label{font-size:.55rem}.discount-input{font-size:.65rem;height:22px}.cart-item-total{font-size:.75rem;min-width:50px}.remove-btn{font-size:1rem;height:24px;width:24px}.cart-item-controls{flex-basis:100%;justify-content:center;order:3}}.calculation-form-row{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;padding-top:16px;width:100%}.calculation-form-row .form-group-item{flex:1 1}.calculation-form-row .form-group-item label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}.calculation-form-row .form-group-item input,.calculation-form-row .form-group-item select{background:#fff;border:1px solid #d1d5db!important;border-radius:6px;color:#1f2937!important;font-size:.875rem;outline:none;padding:6px 12px;transition:all .2s ease-in-out;width:100%}.calculation-form-row .form-group-item input:focus,.calculation-form-row .form-group-item select:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a}.total-line{color:#1f2937;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.custom-grand-total{border-top:1px solid #e5e7eb;padding-top:16px}.inventory_inventoryContainer__1meUT{background:#fff;padding:20px;width:100%}.inventory_inventoryHeader__ad2zT{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.inventory_inventoryHeaderLeft__bNvvs{flex:1 1}.inventory_inventoryTitle__CVKUT{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 8px}.inventory_inventorySubtitle__lFcyb{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.inventory_inventoryHeaderRight__u\+pJB{align-items:center;display:flex;gap:12px}.inventory_inventorySearchSection__AxjLb{margin-bottom:24px}.inventory_inventorySearchBar__6dj8Y{max-width:400px;position:relative}.inventory_inventorySearchIcon__v4Tu4{color:#9ca3af;height:20px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.inventory_inventorySearchInput__FzHyg{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#1f2937!important;font-size:1rem;outline:none;padding:12px 16px 12px 44px;transition:all .2s ease-in-out;width:100%}.inventory_inventorySearchInput__FzHyg:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a,0 4px 8px #0000001a}.inventory_inventorySearchInput__FzHyg::placeholder{color:#9ca3af}.inventory_inventoryContent__NHh8F{min-height:400px;padding:24px}.inventory_inventoryContent__NHh8F,.inventory_inventoryToggleCard__R29EI{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014}.inventory_inventoryToggleCard__R29EI{align-items:center;display:flex;gap:10px;justify-content:center;padding:8px 8px 8px 16px}.inventory_inventoryLoading__uq2Ez{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.inventory_inventorySpinner__joho2{animation:inventory_categorySpinner__4KlwY 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes inventory_categorySpinner__4KlwY{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inventory_inventoryError__aXMaC{align-items:center;display:flex;justify-content:center;padding:60px 20px}.inventory_inventoryErrorContent__icRGb{max-width:400px;text-align:center}.inventory_inventoryErrorIcon__gHj67{color:#ef4444;height:48px;margin:0 auto 16px;width:48px}.inventory_inventoryErrorContent__icRGb h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.inventory_inventoryErrorContent__icRGb p{color:#6b7280;line-height:1.5;margin:0 0 24px}.inventory_inventoryEmpty__262vt{align-items:center;display:flex;justify-content:center;padding:60px 20px}.inventory_inventoryEmptyContent__cQwZi{max-width:400px;text-align:center}.inventory_inventoryEmptyIcon__oPXb6{color:#9ca3af;height:48px;margin:0 auto 16px;width:48px}.inventory_inventoryEmptyContent__cQwZi h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.inventory_inventoryEmptyContent__cQwZi p{color:#6b7280;line-height:1.5;margin:0 0 24px}.inventory_inventoryGrid__R\+L0C{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0}.inventory_inventoryCard__y-M2L{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding:20px;position:relative;transition:all .2s ease-in-out}.inventory_inventoryCard__y-M2L:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}.inventory_inventoryCard__y-M2L:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.inventory_inventoryCard__y-M2L:hover:before{opacity:1}.inventory_inventoryCardHeader__IRCQ4{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.inventory_inventoryCardTitle__0hgSv{color:#1f2937;flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.inventory_inventoryCardActions__n5asP{display:flex;flex-shrink:0;gap:8px}.inventory_inventoryActionBtn__NbfvU{border-radius:8px;display:flex;height:32px;justify-content:center;opacity:.7;transition:all .2s ease-in-out;width:32px}.inventory_inventoryActionBtn__NbfvU:hover{opacity:1;transform:scale(1.05)}.inventory_inventoryActionBtn__NbfvU svg{height:16px;width:16px}.inventory_inventoryActionEdit__BOh49{background:#f3f4f6;color:#374151}.inventory_inventoryActionEdit__BOh49:hover{background:#e5e7eb;color:#1f2937}.inventory_inventoryActionDelete__2BeoR{background:#fef2f2;color:#dc2626}.inventory_inventoryActionDelete__2BeoR:hover{background:#fee2e2;color:#b91c1c}.inventory_inventoryToggleBtn__UKMsT{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:8px;opacity:.9;padding:6px 12px;transition:all .3s ease}.inventory_inventoryToggleBtn__UKMsT:hover{opacity:1;transform:translateY(-1px)}.inventory_inventoryToggleBtn__UKMsT:disabled{cursor:not-allowed;opacity:.5}.inventory_inventoryToggleBtn__UKMsT.inventory_active__bJQ8j{background:#d1fae5;border:1px solid #10b981;color:#047857}.inventory_inventoryToggleBtn__UKMsT.inventory_inactive__4laDC{background:#fee2e2;border:1px solid #ef4444;color:#dc2626}.inventory_toggleSwitch__8WK0f{border-radius:12px;height:18px;position:relative;transition:all .3s ease;width:32px}.inventory_inventoryToggleBtn__UKMsT.inventory_active__bJQ8j .inventory_toggleSwitch__8WK0f{background:#10b981}.inventory_inventoryToggleBtn__UKMsT.inventory_inactive__4laDC .inventory_toggleSwitch__8WK0f{background:#ef4444}.inventory_toggleSlider__-MLJr{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:14px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:14px}.inventory_inventoryToggleBtn__UKMsT.inventory_active__bJQ8j .inventory_toggleSlider__-MLJr{transform:translateX(14px)}.inventory_inventoryToggleBtn__UKMsT.inventory_inactive__4laDC .inventory_toggleSlider__-MLJr{transform:translateX(0)}.inventory_toggleLabel__VCXZh{font-weight:600;-webkit-user-select:none;user-select:none}.inventory_inventoryCardDescription__-rYy-{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 16px;overflow:hidden}.inventory_inventoryCardImage__fgond{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:center;margin:0 0 16px;min-height:120px;overflow:hidden}.inventory_inventoryImage__K1h1I{border-radius:8px;height:120px;object-fit:contain;width:100%}.inventory_inventoryCardFooter__OrKhp{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.inventory_inventoryStatus__OU7EH{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.inventory_inventoryStatus__OU7EH.inventory_active__bJQ8j{background:#dcfce7;color:#166534}.inventory_inventoryStatus__OU7EH.inventory_inactive__4laDC{background:#fef2f2;color:#dc2626}.inventory_inventoryCardId__furOJ{color:#9ca3af;font-size:.75rem;font-weight:500}.inventory_inventoryBtn__298GO{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;outline:none;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease-in-out}.inventory_inventoryBtn__298GO:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.inventory_inventoryBtnPrimary__mD03u{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.inventory_inventoryBtnPrimary__mD03u:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.inventory_inventoryBtnSecondary__SLGAc{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.inventory_inventoryBtnSecondary__SLGAc:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.inventory_inventoryBtnDanger__HjcFO{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.inventory_inventoryBtnDanger__HjcFO:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.inventory_inventoryIcon__HTuv3{height:16px;width:16px}.inventory_inventoryModalOverlay__Vybw-{align-items:center;animation:inventory_categoryModalFadeIn__WlzG8 .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes inventory_categoryModalFadeIn__WlzG8{0%{opacity:0}to{opacity:1}}.inventory_inventoryModal__PEE\+0{animation:inventory_categoryModalSlideIn__JLoaf .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes inventory_categoryModalSlideIn__JLoaf{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.inventory_inventoryModalHeader__7o62G{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.inventory_inventoryModalHeader__7o62G h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.inventory_inventoryModalClose__kCcg7{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease-in-out;width:32px}.inventory_inventoryModalClose__kCcg7:hover{background:#e5e7eb;transform:scale(1.05)}.inventory_inventoryModalClose__kCcg7 svg{color:#6b7280;height:16px;width:16px}.inventory_inventoryModalContent__vyvOK{max-height:calc(90vh - 100px);overflow-y:auto;padding:12px 20px 20px}.inventory_inventoryDeleteContent__YYjG4{text-align:center}.inventory_inventoryDeleteIcon__EJGi\+{align-items:center;background:#fef2f2;border-radius:50%;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.inventory_inventoryDeleteIcon__EJGi\+ svg{color:#ef4444;height:24px;width:24px}.inventory_inventoryDeleteContent__YYjG4 h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 12px}.inventory_inventoryDeleteContent__YYjG4 p{color:#6b7280;line-height:1.5;margin:0 0 24px}.inventory_inventoryDeleteActions__Ffbt5{display:flex;gap:12px;justify-content:center}.inventory_inventoryForm__CYE66{display:flex;flex-direction:column;gap:20px}.inventory_inventoryFormGroup__LWhhk{display:flex;flex-direction:column;gap:8px}.inventory_inventoryFormLabel__tlynw{color:#374151;font-size:.875rem;font-weight:600}.inventory_inventoryFormInput__B8qEj,.inventory_inventoryFormTextarea__7r6lR{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:8px;color:#1f2937!important;font-size:1rem;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease-in-out;width:100%}.inventory_inventoryFormInput__B8qEj:focus,.inventory_inventoryFormTextarea__7r6lR:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.inventory_inventoryFormInput__B8qEj.inventory_error__FmhZv,.inventory_inventoryFormTextarea__7r6lR.inventory_error__FmhZv{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.inventory_inventoryFormInput__B8qEj:disabled,.inventory_inventoryFormTextarea__7r6lR:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.inventory_inventoryFormTextarea__7r6lR{font-family:inherit;min-height:80px}.inventory_inventoryFormCheckbox__06mHX{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:12px}.inventory_inventoryFormCheckbox__06mHX input[type=checkbox]{background:#fff!important;border:2px solid #d1d5db!important;border-radius:4px;cursor:pointer;height:18px;margin:0;position:relative;width:18px}.inventory_inventoryCheckboxWrapper__Bbuxv{align-items:center;display:flex;gap:5px}.inventory_inventoryFormCheckbox__06mHX input[type=checkbox]:checked{background:#667eea!important;border-color:#667eea!important}.inventory_inventoryFormCheckbox__06mHX input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.inventory_inventoryFormCheckboxText__ymgJn{font-weight:500}.inventory_inventoryFormError__GUV38{color:#ef4444;font-size:.75rem;font-weight:500}.inventory_inventoryFormErrorMessage__yFakn{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-top:8px;padding:12px 16px}.inventory_inventoryFormActions__jXHGz{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.inventory_imagePreview__wnHaE{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-top:12px;max-width:200px;overflow:hidden}.inventory_previewImage__LX\+o7{display:block;height:120px;object-fit:cover;width:100%}@media (max-width:768px){.inventory_inventoryContainer__1meUT{padding:16px}.inventory_inventoryHeader__ad2zT{flex-direction:column;gap:16px}.inventory_inventoryTitle__CVKUT{font-size:1.5rem}.inventory_inventoryGrid__R\+L0C{gap:16px;grid-template-columns:1fr}.inventory_inventoryCardHeader__IRCQ4{align-items:flex-start;flex-direction:column;gap:8px}.inventory_inventoryCardActions__n5asP{align-self:flex-end}.inventory_inventoryModal__PEE\+0{margin:16px;max-width:calc(100vw - 32px)}.inventory_inventoryModalHeader__7o62G{padding:20px 20px 12px}.inventory_inventoryModalContent__vyvOK{padding:20px}.inventory_inventoryDeleteActions__Ffbt5,.inventory_inventoryFormActions__jXHGz{flex-direction:column}}@media (max-width:480px){.inventory_inventoryContainer__1meUT{padding:12px}.inventory_inventoryTitle__CVKUT{font-size:1.25rem}.inventory_inventorySubtitle__lFcyb{font-size:.875rem}.inventory_inventoryCard__y-M2L,.inventory_inventoryContent__NHh8F{padding:16px}}.inventory_inventoryTableContainer__EuR5a{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:24px;overflow-x:auto;padding:24px}.inventory_inventoryTable__4lNN2{border-collapse:collapse;border-spacing:0;width:100%}.inventory_inventoryTable__4lNN2 th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.inventory_inventoryTable__4lNN2 td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.875rem;padding:16px;vertical-align:middle}.inventory_inventoryTable__4lNN2 tbody tr{transition:background-color .2s ease}.inventory_inventoryTable__4lNN2 tbody tr:hover{background-color:#f8fafc}.inventory_inventoryTable__4lNN2 tbody tr:last-child td{border-bottom:none}.inventory_inventoryTableBadge__pRx9b{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.inventory_inventoryTableBadgeActive__IGkVj{background:#d1fae5;color:#065f46}.inventory_inventoryTableBadgeInactive__z0joz{background:#fee2e2;color:#991b1b}.inventory_inventoryTableBadgeWarehouse__uHj\+1{background:#dbeafe;color:#1e40af;margin-left:8px}.inventory_inventoryActionBtns__x18Xq{align-items:center;display:flex;gap:8px}.inventory_inventoryActionBtn__NbfvU{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.inventory_inventoryActionBtnEdit__pdErG{background:#dbeafe;color:#1e40af}.inventory_inventoryActionBtnEdit__pdErG:hover{background:#bfdbfe}.inventory_inventoryActionBtnDelete__YccM7{background:#fee2e2;color:#991b1b}.inventory_inventoryActionBtnDelete__YccM7:hover{background:#fecaca}.inventory_inventoryActionBtn__NbfvU svg{height:14px;width:14px}.inventory_inventoryEmptyTable__ll3z3{color:#6b7280;padding:60px 20px;text-align:center}.inventory_inventoryEmptyTable__ll3z3 h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 8px}.inventory_inventoryEmptyTable__ll3z3 p{line-height:1.5;margin:0 0 24px}@media (max-width:768px){.inventory_inventoryTable__4lNN2{font-size:.875rem}.inventory_inventoryTable__4lNN2 td,.inventory_inventoryTable__4lNN2 th{padding:8px 4px}.inventory_inventoryActionBtns__x18Xq{flex-direction:column;gap:4px}.inventory_inventoryActionBtns__x18Xq .inventory_inventoryActionBtn__NbfvU{font-size:.75rem;padding:4px 8px;width:100%}}.inventory_selectWrapper__VO-36{position:relative;width:100%}.inventory_productFormSelect__YOwSK{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:6px;color:#1f2937!important;cursor:pointer;font-size:.875rem;outline:none;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.inventory_productFormSelect__YOwSK:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.inventory_productFormSelect__YOwSK.inventory_error__FmhZv{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.inventory_selectIcon__seY1f{color:#6b7280;height:20px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:20px}.inventory_selectWrapper__VO-36:hover .inventory_selectIcon__seY1f{color:#374151}.inventory_productFormSelect__YOwSK:focus+.inventory_selectIcon__seY1f{color:#667eea;transform:translateY(-50%) rotate(180deg)}.inventory_inventoryNoSelection__8kKqJ{color:#6b7280;padding:40px 20px;text-align:center}.inventory_inventoryFilters__PrztN{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.inventory_inventoryFilter__leimV{flex:1 1 200px}.inventory_inventoryMovements__zXd17{display:flex;flex-direction:column;gap:12px}.inventory_inventoryMovementsHeader__hDUQv{align-items:center;display:flex;justify-content:space-between;width:100%}.inventory_inventoryMovementsTitle__w-oRO{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 8px;width:33%}.inventory_inventoryMovementsActions__eXcMe{display:flex;justify-content:flex-end;width:33%}.inventory_inventoryMovementsEmpty__e2gxs{color:#6b7280;padding:40px 20px;text-align:center}.inventory_inventorySpinnerWrapper__ayMpx{align-items:center;display:flex;justify-content:center;padding:40px 20px}.inventory_inventoryMovementsError__1r1B2{color:#e00e0e;padding:40px 20px;text-align:center}@media (max-width:625px){.inventory_inventoryMovementsHeader__hDUQv{align-items:flex-start;flex-direction:column;gap:6px}.inventory_inventoryMovementsTitle__w-oRO{text-align:left;width:100%}.inventory_inventoryMovementsActions__eXcMe{justify-content:flex-start;width:100%}}.inventory_inventoryProductInfo__cwhwd{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.inventory_inventoryProductImage__RmKws{border:1px solid #d1d5db;border-radius:6px;height:50px;object-fit:cover;width:50px}.inventory_inventoryProductName__jW-gw{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.inventory_inventoryProductStock__Psj4N{color:#6b7280;font-size:12px;margin:0}.inventory_addProductToInventoryContainer__P1fCz{align-items:center;display:flex;justify-content:flex-end}.inventory_customSelectContainer__ZaExs{position:relative;width:100%}.inventory_customSelectTrigger__UONAl{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.inventory_customSelectTrigger__UONAl:hover{border-color:#d1d5db}.inventory_customSelectTrigger__UONAl:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inventory_customSelectTrigger__UONAl.inventory_error__FmhZv{border-color:#ef4444}.inventory_selectedProductDisplay__mvSqw{align-items:center;display:flex;flex:1 1;gap:12px}.inventory_productImageSmall__XGbbw{border:1px solid #e5e7eb;border-radius:6px;height:30px;object-fit:cover;width:30px}.inventory_selectedProductName__\+mxxu{color:#374151;font-weight:500}.inventory_selectPlaceholder__Ex8kE{color:#9ca3af;font-style:italic}.inventory_dropdownArrow__VIC7N{color:#6b7280;font-size:12px;transition:transform .2s ease-in-out}.inventory_customSelectContainer__ZaExs:hover .inventory_dropdownArrow__VIC7N{transform:rotate(180deg)}.inventory_customSelectDropdown__\+Wr8a{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.inventory_productOption__hyeUB{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease-in-out}.inventory_productOption__hyeUB:hover{background-color:#f8fafc}.inventory_productOption__hyeUB:last-child{border-bottom:none}.inventory_productImage__Gv5bn{border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.inventory_productInfo__56g8o{display:flex;flex:1 1;flex-direction:column;gap:4px}.inventory_productName__nYW1u{color:#374151;font-size:14px;font-weight:500}.inventory_productStock__AAAn-{color:#6b7280;font-size:12px}.inventory_noProductsMessage__9fju6{color:#9ca3af;font-style:italic;padding:16px;text-align:center}.inventory_inventoryMovementCardWrapper__Vp9is{display:flex;flex-wrap:wrap;margin-bottom:2px}.inventory_inventoryMovementsList__aAEJD{display:flex;flex-wrap:wrap;margin-bottom:10px}.inventory_inventoryMovementArrow__DBMiG{padding:0 6px}.inventory_inventoryMovementStatus__Cosa7{border:none;color:#fff;cursor:pointer;font-size:.6rem;font-weight:600;outline:none;padding:3px 6px;transition:all .2s ease-in-out}.inventory_inventoryMovementStatusIN__JKHkZ{background:#10b981}.inventory_inventoryMovementStatusOUT__rOX05{background:#ef4444}.inventory_inventoryMovementCard__5n4e1{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;font-size:.6rem;font-weight:600;gap:6px;outline:none;padding:3px 6px;transition:all .2s ease-in-out}.inventory_lowStockBadgeWrapper__ec1Vs{align-items:flex-end;display:flex}.inventory_lowStockBadge__DV9Ff{animation:inventory_blink__mAI7b 1.5s infinite;background:red;border-radius:4px;color:#fff;font-size:.5rem;font-weight:700;letter-spacing:.5px;padding:4px 8px}@keyframes inventory_blink__mAI7b{0%,50%{opacity:1}51%,to{opacity:.3}}.inventory_productActions__\+LCtx{align-items:center;display:flex;flex-direction:column;gap:6px}.inventory_reserveSection__gmLwM{align-items:center;display:flex;gap:8px;width:100%}.inventory_reserveInput__wZJ8y{border:1px solid #d1d5db!important;border-radius:4px;font-size:.875rem;padding:6px 8px;text-align:center;transition:border-color .2s ease;width:60px}.inventory_reserveInput__wZJ8y:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inventory_reserveInput__wZJ8y::-webkit-inner-spin-button,.inventory_reserveInput__wZJ8y::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inventory_reserveInput__wZJ8y[type=number]{appearance:textfield}.company-dropdown-wrapper{align-items:center;display:flex;gap:10px;position:relative;width:100%}.company-dropdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.company-label{margin:0}.company-retry-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1rem;padding:4px;transition:all .2s ease}.company-retry-btn:hover{background:#f3f4f6;color:#374151;transform:rotate(180deg)}.company-dropdown-container{position:relative}.company-dropdown-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#1f2937;cursor:pointer;font-size:.95rem;outline:none;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease-in-out;width:100%}.company-dropdown-button:hover:not(:disabled){border-color:#667eea;box-shadow:0 4px 12px #667eea26}.company-dropdown-button.open,.company-dropdown-button:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.company-dropdown-button.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.company-dropdown-button.error{background:#fef2f2;border-color:#ef4444}.company-button-content{align-items:center;display:flex;justify-content:space-between;width:100%}.company-button-text{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-dropdown-button.error .company-button-text{color:#dc2626}.company-chevron{color:#6b7280;flex-shrink:0;height:20px;transition:transform .2s ease;width:20px}.company-chevron-up{transform:rotate(180deg)}.company-spinner-small{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.company-error-icon{color:#ef4444;font-size:16px}.company-dropdown-menu{animation:fadeInDropdown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;left:0;margin-top:4px;max-height:320px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.company-dropdown-header-info{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 16px}.company-count{font-weight:500}.company-options{max-height:240px;overflow-y:auto}.company-option{background:none;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;text-align:left;transition:background-color .15s ease;width:100%}.company-option:last-child{border-bottom:none}.company-option:hover{background:#f8fafc}.company-option.selected{background:#eff6ff;color:#1d4ed8}.company-option.placeholder{color:#6b7280;font-style:italic}.company-option-content{width:100%}.company-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.company-option-name{color:inherit;font-size:.95rem;font-weight:600}.company-check-icon{color:#10b981;flex-shrink:0}.company-option-details{display:flex;flex-direction:column;gap:2px}.company-option-address,.company-option-contact,.company-option-id{color:#6b7280;font-size:.8rem}.company-option-id{color:#9ca3af;font-weight:500}.company-empty-tooltip,.company-error-tooltip{animation:fadeInDropdown .2s ease-out;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;left:0;margin-top:4px;padding:12px 16px;position:absolute;right:0;top:100%;z-index:999}.company-empty-tooltip{background:#f8fafc;border-color:#e2e8f0}.company-empty-message,.company-error-message{color:#dc2626;display:block;font-size:.875rem;margin:0}.company-empty-message{color:#6b7280}.company-dropdown-container{width:100%}.company-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin:0 0 8px}.company-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.company-dropdown:focus{background:#fefefe;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.company-dropdown:hover:not(:focus){border-color:#d1d5db}.company-dropdown option{font-size:.9rem;padding:8px}.company-info{margin-top:8px;text-align:center}.company-count{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:.8rem;padding:4px 8px}.selected-company-info{animation:slideInCompany .3s ease-out;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:16px}@keyframes slideInCompany{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.company-details{display:flex;flex-direction:column;gap:8px}.company-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.company-name{color:#1f2937;font-size:1rem;font-weight:700}.company-id{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;font-size:.8rem;font-weight:500;padding:2px 8px}.company-address,.company-contact{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:8px}.address-icon,.contact-icon{font-size:.9rem;opacity:.7}@media (max-width:640px){.pos-company-list{border-radius:12px;margin:0 -8px 24px;padding:20px 16px}.company-selection-header h3{font-size:1.1rem}.company-dropdown{font-size:1rem;padding:14px 16px}.company-detail-header{align-items:flex-start;flex-direction:column;gap:4px}.company-name{font-size:.95rem}.company-empty,.company-error,.company-loading{padding:30px 16px}}@media (prefers-color-scheme:dark){.pos-company-list{background:#1f2937;border-color:#374151}.company-selection-header h3{color:#f9fafb}.company-selection-header p{color:#d1d5db}.company-dropdown{background:#374151;border-color:#4b5563;color:#f9fafb}.company-dropdown:focus{background:#4b5563}.selected-company-info{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563}.company-name{color:#f9fafb}.company-id{background:#1f2937;border-color:#374151}.company-address,.company-contact,.company-id{color:#d1d5db}}.purchase-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.purchase-table-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.purchase-table-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.clear-purchase-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.clear-purchase-btn:hover{background-color:#dc2626}.supplier-info-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.supplier-header{margin-bottom:1rem}.supplier-info-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.supplier-mode-toggle{background-color:#e5e7eb;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.mode-btn{background-color:initial;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.mode-btn.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.mode-btn:hover:not(.active){color:#374151}.supplier-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.supplier-select-wrapper{margin-top:1rem}.supplier-error,.supplier-loading{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;justify-content:center;padding:1.5rem}.supplier-loading{color:#6b7280}.supplier-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.error-icon{font-size:1.25rem}.loading-spinner{border:3px solid #e5e7eb;height:20px;width:20px}.supplier-dropdown-container{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1rem}.supplier-dropdown-container label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.supplier-dropdown-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.supplier-dropdown-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.supplier-dropdown-select option{padding:.5rem}.no-suppliers-message{color:#9ca3af;font-size:.875rem;margin-top:.75rem;text-align:center}.selected-supplier-display{background-color:#fff;border:2px solid #3b82f6;border-radius:8px;padding:1rem}.supplier-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.info-item{display:flex;flex-direction:column}.info-item label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.supplier-input.readonly{background-color:#f9fafb;color:#1f2937;cursor:not-allowed;font-weight:500}.change-supplier-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;width:100%}.change-supplier-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.supplier-select-section{position:relative}.selected-supplier-card{align-items:center;background-color:#fff;border:2px solid #3b82f6;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.supplier-details h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.supplier-details p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.supplier-search-section{position:relative}.supplier-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.supplier-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.supplier-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.supplier-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:.75rem 1rem;transition:background-color .15s}.supplier-item:last-child{border-bottom:none}.supplier-item:hover{background-color:#f9fafb}.supplier-item-name{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.supplier-item-details{color:#6b7280;font-size:.8rem}.supplier-item-details span{margin-right:.5rem}.no-suppliers-found{color:#9ca3af;font-size:.875rem;padding:1rem;text-align:center}.form-group label{color:#4b5563;font-weight:500;margin-bottom:.5rem}.supplier-input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.625rem;transition:border-color .2s,box-shadow .2s}.supplier-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.purchase-items-section{margin-bottom:2rem}.purchase-items-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.empty-purchase{color:#6b7280;padding:3rem 1rem;text-align:center}.empty-purchase p{font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.empty-purchase span{color:#9ca3af;font-size:.95rem}.purchase-table-wrapper{border:1px solid #e5e7eb;border-radius:8px}.purchase-items-table{border-collapse:collapse;width:100%}.purchase-items-table thead{background-color:#f9fafb}.purchase-items-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.purchase-items-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:1rem}.purchase-items-table tbody tr:hover{background-color:#f9fafb}.product-name-cell{font-weight:500}.product-info-cell{align-items:center;display:flex;gap:.75rem}.product-thumbnail{border:1px solid #e5e7eb;border-radius:6px;height:40px;object-fit:cover;width:40px}.discount-input,.price-input,.quantity-input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.5rem;text-align:center;width:100px}.discount-input:focus,.price-input:focus,.quantity-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.quantity-controls{gap:.5rem}.qty-btn,.quantity-controls{align-items:center;display:flex}.qty-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;height:30px;justify-content:center;transition:background-color .2s;width:30px}.qty-btn:hover{background-color:#2563eb}.qty-btn:active{transform:scale(.95)}.total-cell{color:#1f2937;font-size:1rem;font-weight:600}.total-cell-content{display:flex;flex-direction:column;gap:.25rem}.original-price{color:#9ca3af;font-size:.75rem;text-decoration:line-through}.final-price{color:#1f2937;font-weight:600}.discount-cell{align-items:center;display:flex;flex-direction:column;gap:.25rem}.discount-amount{color:#16a34a;font-size:.75rem;font-weight:500}.discount-input{width:80px}.remove-item-btn{align-items:center;background-color:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;height:32px;justify-content:center;transition:background-color .2s;width:32px}.remove-item-btn:hover{background-color:#fecaca}.purchase-summary-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.summary-inputs{grid-gap:1rem;border-bottom:2px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;padding-bottom:1.5rem}.summary-input-group{display:flex;flex-direction:column}.summary-input-group label{color:#4b5563;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.summary-input,.summary-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.625rem;transition:border-color .2s,box-shadow .2s}.summary-input:focus,.summary-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.summary-totals{display:flex;flex-direction:column;gap:.75rem}.summary-row{font-size:.95rem}.summary-row span:first-child{color:#4b5563;font-weight:500}.summary-value.discount{color:#16a34a}.total-row{border-top:2px solid #e5e7eb;font-size:1.125rem;margin-top:.5rem;padding-top:1rem}.summary-value.total{color:#3b82f6;font-size:1.5rem}.purchase-actions{border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.complete-purchase-btn,.save-draft-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.save-draft-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.save-draft-btn:hover{background-color:#e5e7eb}.complete-purchase-btn{background-color:#3b82f6;color:#fff}.complete-purchase-btn:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}.complete-purchase-btn:active,.save-draft-btn:active{transform:scale(.98)}@media (max-width:768px){.purchase-table-container{padding:1rem}.purchase-table-header{align-items:flex-start;flex-direction:column;gap:1rem}.clear-purchase-btn{width:100%}.supplier-form{grid-template-columns:1fr}.purchase-table-wrapper{overflow-x:scroll}.purchase-items-table{min-width:600px}.summary-inputs{grid-template-columns:1fr}.purchase-actions{flex-direction:column}.complete-purchase-btn,.save-draft-btn{width:100%}}.purchase-list-container{background-color:#f9fafb;min-height:100vh;padding:2rem}.purchase-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-left h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.create-purchase-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.create-purchase-btn:hover{background-color:#2563eb}.filters-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-filter{flex:1 1;min-width:250px}.search-input{border-radius:8px;transition:border-color .2s,box-shadow .2s}.status-filter{min-width:150px}.status-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-filter{min-width:150px}.date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.purchase-list-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:400px;padding:1.5rem}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.error-state{color:#dc2626}.error-icon{font-size:3rem}.empty-icon{font-size:4rem}.empty-state p{margin:0}.create-first-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-first-btn:hover{background-color:#2563eb}.purchase-table-wrapper{overflow-x:auto}.purchase-list-table{border-collapse:collapse;width:100%}.purchase-list-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.purchase-list-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.purchase-list-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.purchase-list-table tbody tr:hover{background-color:#f9fafb}.purchase-list-table td{color:#4b5563;font-size:.95rem;padding:1rem}.purchase-number{color:#1f2937;font-weight:600}.amount{color:#059669;font-weight:600}.status-badge{font-size:.8rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.completed,.status-badge.received{background-color:#d1fae5;color:#065f46}.status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.cancel-btn,.receive-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.view-btn{background-color:#3b82f6;color:#fff}.view-btn:hover{background-color:#2563eb}@media (max-width:768px){.purchase-list-container{padding:1rem}.purchase-list-header{align-items:stretch;flex-direction:column}.header-left h1{font-size:1.5rem}.create-purchase-btn{width:100%}.filters-section{flex-direction:column}.search-filter,.status-filter{width:100%}.purchase-table-wrapper{overflow-x:scroll}.purchase-list-table{min-width:600px}.purchase-list-table td,.purchase-list-table th{font-size:.875rem;padding:.75rem .5rem}}.purchase-details-container{background-color:#f9fafb;min-height:100vh;padding:2rem}.purchase-details-error,.purchase-details-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.purchase-details-error{text-align:center}.purchase-details-error h2{color:#dc2626;margin:.5rem 0}.purchase-details-error p{color:#6b7280;margin:.5rem 0}.loading-spinner{animation:spin .8s linear infinite;border:5px solid #e5e7eb;height:48px;width:48px}.details-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.header-left{display:flex;flex-direction:column;gap:1rem}.back-button{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s;width:fit-content}.back-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.back-button .icon{height:1rem;width:1rem}.header-title h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.purchase-number{color:#6b7280;font-size:1.125rem;font-weight:500}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.back-btn,.cancel-btn,.download-btn,.print-btn,.receive-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.receive-btn{background-color:#10b981;color:#fff}.receive-btn:hover{background-color:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.cancel-btn{background-color:#ef4444;color:#fff}.cancel-btn:hover{background-color:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-2px)}.download-btn{background-color:#48bb78;color:#fff}.download-btn:hover{background-color:#38a169;box-shadow:0 4px 8px #48bb784d;transform:translateY(-2px)}.print-btn{background-color:#4299e1;color:#fff}.print-btn:hover{background-color:#3182ce;box-shadow:0 4px 8px #4299e14d;transform:translateY(-2px)}.back-btn{background-color:#3b82f6;color:#fff}.back-btn:hover{background-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.cancel-btn .icon,.download-btn .icon,.print-btn .icon,.receive-btn .icon{color:#fff;height:1.25rem;width:1.25rem}.status-section{display:flex;justify-content:center;margin-bottom:2rem}.status-badge-large{border-radius:9999px;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:.75rem 2rem;text-transform:uppercase}.status-badge-large.pending{background-color:#fef3c7;color:#92400e}.status-badge-large.completed,.status-badge-large.received{background-color:#d1fae5;color:#065f46}.status-badge-large.cancelled{background-color:#fee2e2;color:#991b1b}.details-content{display:flex;flex-direction:column;gap:2rem}.info-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.card-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.card-icon{color:#3b82f6;height:1.5rem;width:1.5rem}.card-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.card-body{display:flex;flex-direction:column;gap:.75rem}.info-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.info-row .label{color:#6b7280;font-size:.875rem;font-weight:600;min-width:120px}.info-row .value{color:#1f2937;flex:1 1;font-size:.95rem;text-align:right}.payment-method{font-weight:500;text-transform:capitalize}.items-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.items-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.items-table-wrapper{overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table thead{background-color:#f9fafb}.items-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.items-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.items-table tbody tr:hover{background-color:#f9fafb}.items-table td{color:#4b5563;font-size:.95rem;padding:1rem}.item-description{color:#1f2937;font-weight:500}.quantity{font-weight:600;text-align:center}.total-cost{color:#059669;font-weight:600}.summary-section{display:flex;justify-content:flex-end}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:500px;min-width:400px;padding:1.5rem}.summary-card h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem}.summary-rows{display:flex;flex-direction:column;gap:.75rem}.summary-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.summary-label{color:#6b7280;font-size:.95rem;font-weight:500}.summary-value{color:#1f2937;font-size:1rem;font-weight:600}.summary-value.discount{color:#ef4444}.summary-row.total{border-top:2px solid #e5e7eb;margin-top:.75rem;padding-top:1rem}.summary-row.total .summary-label{color:#1f2937;font-size:1.125rem;font-weight:700}.summary-row.total .summary-value{color:#059669;font-size:1.5rem;font-weight:700}@media print{.back-button,.details-header .header-actions,.navbar,.sidebar{display:none!important}.purchase-details-container{padding:0}.info-card,.items-section,.summary-card{border:1px solid #d1d5db;box-shadow:none;page-break-inside:avoid}}@media (max-width:768px){.purchase-details-container{padding:1rem}.details-header{align-items:stretch}.details-header,.header-actions{flex-direction:column}.cancel-btn,.print-btn,.receive-btn{justify-content:center;width:100%}.info-cards-grid{grid-template-columns:1fr}.info-row{align-items:flex-start;flex-direction:column}.info-row .value{text-align:left}.items-table-wrapper{overflow-x:scroll}.items-table{min-width:600px}.summary-section{justify-content:stretch}.summary-card{min-width:100%}}.supplier-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.supplier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.supplier-header h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.supplier-company-section{margin-bottom:2rem}.btn-add-supplier{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;outline:none;padding:8px 12px;transition:all .2s ease-in-out}.btn-add-supplier:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-add-supplier:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.supplier-search{margin-bottom:2rem}.search-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;padding:.75rem 1rem;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background-color:#fee2e2;border-radius:.5rem;color:#dc2626;padding:1rem;text-align:center}.empty-state{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;color:#6b7280;padding:3rem 1rem;text-align:center}.empty-state p{font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.empty-state span{color:#9ca3af;font-size:.95rem}.supplier-table-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.supplier-table{border-collapse:collapse;width:100%}.supplier-table thead{background-color:#f9fafb}.supplier-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.supplier-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:1rem}.supplier-table tbody tr:hover{background-color:#f9fafb}.supplier-name{color:#1f2937;font-weight:500}.actions-cell{display:flex;gap:.5rem}.btn-icon{background:#0000;border:none;border-radius:.375rem;cursor:pointer;padding:.5rem;transition:background-color .2s}.btn-icon.edit{color:#3b82f6}.btn-icon.edit:hover{background-color:#dbeafe}.btn-icon.delete{color:#dc2626}.btn-icon.delete:hover{background-color:#fee2e2}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.btn-icon:disabled:hover{background-color:initial}.btn-icon .icon{height:20px;width:20px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:0!important;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.modal-close:hover{background-color:#f3f4f6}.supplier-form{padding:1.5rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem!important}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease}.form-input:hover{border-color:#9ca3af}.form-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:#9ca3af}textarea.form-input{line-height:1.5;min-height:100px;resize:vertical}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.75rem;padding-top:1.5rem}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;min-width:120px;padding:.75rem 1.75rem;transition:all .2s ease}.btn-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-submit{background-color:#3b82f6;color:#fff}.btn-submit:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-cancel:active,.btn-submit:active{transform:translateY(0)}.toggle-status-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:8px;opacity:.9;padding:6px 12px;transition:all .3s ease}.toggle-status-btn:hover:not(:disabled){opacity:1;transform:translateY(-1px)}.toggle-status-btn:disabled{cursor:not-allowed;opacity:.5}.toggle-status-btn.active{background:#d1fae5;border:1px solid #10b981;color:#047857}.toggle-status-btn.inactive{background:#fee2e2;border:1px solid #ef4444;color:#dc2626}.toggle-switch{border-radius:12px;height:18px;position:relative;transition:all .3s ease;width:32px}.toggle-status-btn.active .toggle-switch{background:#10b981}.toggle-status-btn.inactive .toggle-switch{background:#ef4444}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:14px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:14px}.toggle-status-btn.active .toggle-slider{transform:translateX(14px)}.toggle-status-btn.inactive .toggle-slider{transform:translateX(0)}.toggle-label{font-weight:600;-webkit-user-select:none;user-select:none}.status-badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-align:center}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.pagination-container{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:.25rem}.pagination-page{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;height:2.5rem;min-width:2.5rem;padding:.5rem;transition:all .2s}.pagination-page:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-page.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-page:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{align-items:center;color:#9ca3af;display:flex;font-weight:500;padding:0 .5rem}.supplier-form select,textarea{width:100%}@media (max-width:768px){.supplier-container{padding:1rem}.supplier-header{align-items:flex-start;flex-direction:column;gap:1rem}.supplier-header h1{font-size:1.5rem}.btn-add-supplier{width:100%}.supplier-table-container{overflow-x:auto}.supplier-table{min-width:800px}.form-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.pagination-container{align-items:stretch;flex-direction:column;gap:1rem}.pagination-info{text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{justify-content:center;order:-1;width:100%}.pagination-btn{flex:1 1}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}
/*# sourceMappingURL=main.78e68ad6.css.map*/