*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f1e14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}:root{--color-primary-dark: #0f1e14;--color-primary-green: #10b981;--color-primary-green-light: #22c55e;--color-primary-green-lighter: #4ade80;--bg-primary: #0f1e14;--bg-secondary: rgba(15, 30, 20, .98);--bg-overlay: rgba(15, 30, 20, .65);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .7);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(74, 222, 128, .2);--border-accent: rgba(74, 222, 128, .4);--shadow-green: rgba(74, 222, 128, .3);--shadow-dark: rgba(0, 0, 0, .3);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease;--z-navbar: 1000;--z-overlay: 100;--z-modal: 2000}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1rem 0;border-bottom:1px solid rgba(74,222,128,.2);box-shadow:0 4px 20px #0000004d}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{display:flex;align-items:center;cursor:pointer;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-item a{color:#ffffffe6;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;display:flex;align-items:center;gap:.3rem}.nav-item a:hover{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.5)}.dropdown-arrow{font-size:.7rem;opacity:.7}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-login{color:#ffffffe6;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.nav-login:hover{color:#4ade80}.nav-demo-btn{text-decoration:none;display:inline-block}.nav-demo-btn{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b98166}.nav-demo-btn:hover{background:linear-gradient(135deg,#22c55e,#4ade80);transform:translateY(-2px);box-shadow:0 6px 20px #4ade8080}@media(max-width:1024px){.nav-menu{display:none}.nav-container{padding:0 1.5rem}}@media(max-width:768px){.nav-actions{gap:1rem}.nav-demo-btn{padding:.5rem 1rem;font-size:.85rem}.nav-login{font-size:.85rem}}.hero-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#10b9814d,#22c55e66,#16a34a59,#0596694d,#14532d66);background-image:radial-gradient(circle at 20% 50%,rgba(74,222,128,.4) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(34,197,94,.35) 0%,transparent 60%),radial-gradient(circle at 50% 20%,rgba(59,130,246,.2) 0%,transparent 50%),radial-gradient(circle at 10% 90%,rgba(251,191,36,.15) 0%,transparent 50%);z-index:1;animation:gradientShift 15s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);opacity:.3}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0f1e14b3,#0f1e1480,#0f1e1499);z-index:2}.hero-content{position:relative;z-index:3;max-width:1400px;width:100%;padding:8rem 2rem 4rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:3rem;min-height:100vh;align-items:center}.hero-text-block{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:2rem;max-width:500px;margin-left:auto}.hero-description{color:#fffffff2;font-size:1.1rem;line-height:1.8;font-weight:400;letter-spacing:.3px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#10b981,#22c55e,#4ade80);color:#fff;border:none;padding:.9rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b98166;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#22c55e,#4ade80,#10b981);transform:translateY(-2px);box-shadow:0 8px 30px #10b98199}.btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(74,222,128,.4);padding:.9rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4ade8033}.btn-secondary:hover{border-color:#4ade80;color:#4ade80;background:#4ade8033;transform:translateY(-2px);box-shadow:0 6px 25px #4ade8066}.hero-heading-block{grid-column:1;grid-row:2;align-self:end}.hero-heading{font-size:3.5rem;font-weight:700;line-height:1.2;color:#fff;margin:0;letter-spacing:-1px}.hero-heading .highlight{font-weight:800;background:linear-gradient(135deg,#4ade80,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline;text-decoration-color:#4ade80;text-underline-offset:8px;text-decoration-thickness:3px;position:relative}.hero-explore{grid-column:2;grid-row:3;display:flex;justify-content:flex-end;align-items:flex-end}.explore-link{color:#ffffffe6;text-decoration:none;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.explore-link:hover{color:#4ade80;transform:translateY(-3px);text-shadow:0 0 10px rgba(74,222,128,.5)}.arrow-down{font-size:1.2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media(max-width:1200px){.hero-heading{font-size:3rem}.hero-description{font-size:1rem}}@media(max-width:968px){.hero-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:2rem;text-align:center}.hero-text-block{grid-column:1;grid-row:2;margin:0 auto;max-width:600px}.hero-heading-block{grid-column:1;grid-row:1;align-self:start}.hero-heading{font-size:2.5rem}.hero-explore{grid-column:1;grid-row:3;justify-content:center}.hero-buttons{justify-content:center}}@media(max-width:640px){.hero-content{padding:6rem 1.5rem 3rem}.hero-heading{font-size:2rem}.hero-description{font-size:.95rem}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:.9rem}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.features-section{padding:6rem 2rem;background:linear-gradient(180deg,#0f1e14fa,#14321ef2,#1a4d2eeb);position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(74,222,128,.25) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(34,197,94,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.15) 0%,transparent 60%);pointer-events:none;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.features-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-1px}.features-subtitle{font-size:1.2rem;color:#fffc;max-width:700px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:linear-gradient(135deg,#ffffff14,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.2);border-radius:16px;padding:2.5rem;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4ade801a,#22c55e0d);opacity:0;transition:opacity .4s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#4ade8080;transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #4ade804d}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem;display:block}.feature-title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:1rem}.feature-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0}@media(max-width:768px){.features-section{padding:4rem 1.5rem}.features-title{font-size:2.2rem}.features-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}}.services-section{padding:6rem 2rem;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);position:relative;overflow:hidden}.services-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(74,222,128,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(34,197,94,.15) 0%,transparent 50%);pointer-events:none}.services-container{max-width:1400px;margin:0 auto}.services-header{text-align:center;margin-bottom:4rem}.services-title{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-1px}.services-subtitle{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto}.services-slider-wrapper{position:relative;margin-bottom:3rem}.services-slider{overflow:hidden;position:relative;width:100%}.services-slider-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.service-slide{min-width:100%;flex-shrink:0;padding:0 1rem;display:flex;justify-content:center}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10}.slider-arrow:hover{background:#4ade8033;border-color:#4ade8080;color:#4ade80;transform:translateY(-50%) scale(1.1)}.slider-arrow-prev{left:-25px}.slider-arrow-next{right:-25px}.slider-dots{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.slider-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease;padding:0}.slider-dot:hover{background:#ffffff80;transform:scale(1.2)}.slider-dot.active{background:#4ade80;width:32px;border-radius:6px}.service-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:20px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4ade8026,#22c55e1a,#10b9810d);opacity:0;transition:opacity .4s ease}.service-card:hover:before{opacity:1}.service-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#4ade8099;transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #4ade804d}.service-number{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#4ade80,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;line-height:1;margin-bottom:1rem;position:relative;z-index:1}.service-title{font-size:1.6rem;font-weight:600;color:#fff;margin-bottom:1rem;position:relative;z-index:1}.service-description{font-size:1rem;color:#ffffffb3;line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.service-features{list-style:none;padding:0;margin:0 0 2rem;position:relative;z-index:1}.service-feature{display:flex;align-items:center;gap:.8rem;font-size:.95rem;color:#fffc;margin-bottom:.8rem}.check-icon{color:#4ade80;font-weight:700;font-size:1.1rem;flex-shrink:0}.service-btn{background:linear-gradient(135deg,#4ade8026,#22c55e1a);color:#4ade80;border:2px solid rgba(74,222,128,.4);padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-btn:hover{background:linear-gradient(135deg,#4ade8040,#22c55e33);border-color:#4ade80;transform:translateY(-2px);box-shadow:0 6px 20px #4ade804d}@media(max-width:1200px){.service-card{max-width:600px;margin:0 auto}}@media(max-width:768px){.services-section{padding:4rem 1.5rem}.services-title{font-size:2.2rem}.services-subtitle{font-size:1rem}.slider-arrow{width:40px;height:40px}.slider-arrow-prev{left:-15px}.slider-arrow-next{right:-15px}.service-card{padding:2rem;max-width:100%}.service-slide{padding:0 .5rem}}@media(max-width:480px){.slider-arrow{width:35px;height:35px}.slider-arrow-prev{left:-10px}.slider-arrow-next{right:-10px}.slider-arrow svg{width:18px;height:18px}}.stats-section{padding:5rem 2rem;background:linear-gradient(135deg,#10b98133,#1a4d2ef2,#0f1e14fa);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(74,222,128,.2) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(34,197,94,.15) 0%,transparent 60%),radial-gradient(circle at 50% 20%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;animation:pulseStats 6s ease-in-out infinite}@keyframes pulseStats{0%,to{opacity:1}50%{opacity:.7}}.stats-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.stat-card{text-align:center;padding:2rem;background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;transition:all .4s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4ade801a,#22c55e0d);opacity:0;transition:opacity .4s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#4ade8080;transform:translateY(-8px) scale(1.03);box-shadow:0 15px 40px #4ade804d}.stat-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#4ade80,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1;filter:drop-shadow(0 0 10px rgba(74,222,128,.5))}.stat-label{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.stat-description{font-size:.95rem;color:#fff9;margin-top:.5rem}@media(max-width:768px){.stats-section{padding:4rem 1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-number{font-size:2.5rem}.stat-label{font-size:1.1rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.about-section{padding:6rem 2rem;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(74,222,128,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(34,197,94,.12) 0%,transparent 50%);pointer-events:none}.about-container{max-width:1400px;margin:0 auto}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-title{font-size:2.8rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:1rem;letter-spacing:-1px}.about-description{font-size:1.1rem;color:#fffc;line-height:1.8;margin:0}.about-features-list{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.about-feature-item{display:flex;align-items:center;gap:1rem;font-size:1rem;color:#ffffffe6}.feature-bullet{color:#4ade80;font-size:1.2rem;flex-shrink:0}.about-cta-btn{background:linear-gradient(135deg,#10b981,#22c55e,#4ade80);color:#fff;border:none;padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:1rem;box-shadow:0 4px 20px #10b98166;position:relative;overflow:hidden}.about-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.about-cta-btn:hover:before{left:100%}.about-cta-btn:hover{background:linear-gradient(135deg,#22c55e,#4ade80,#10b981);transform:translateY(-2px);box-shadow:0 8px 30px #4ade8099}.about-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;height:fit-content}.visual-card{background:linear-gradient(135deg,#ffffff14,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:2rem;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.visual-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4ade801a,#22c55e0d);opacity:0;transition:opacity .4s ease}.visual-card:hover:before{opacity:1}.visual-card:nth-child(3){grid-column:1 / -1}.visual-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#4ade8080;transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #4ade804d}.visual-icon{font-size:3rem;margin-bottom:1rem;display:block}.visual-card h3{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.visual-card p{font-size:.95rem;color:#ffffffb3;margin:0}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:3rem}.about-visual{order:-1}}@media(max-width:768px){.about-section{padding:4rem 1.5rem}.about-title{font-size:2.2rem}.about-description{font-size:1rem}.about-visual{grid-template-columns:1fr}.visual-card:nth-child(3){grid-column:1}}.footer{background:linear-gradient(180deg,#0a140ffa,#050f0a);border-top:2px solid rgba(74,222,128,.2);padding:4rem 2rem 2rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(74,222,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(34,197,94,.08) 0%,transparent 50%);pointer-events:none}.footer-container{max-width:1400px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.footer-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin:0}.footer-social{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.social-link{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .3s ease}.social-link:hover{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.5);transform:translateY(-2px)}.footer-heading{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-links li{margin:0}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:#4ade80;transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copyright{color:#fff9;font-size:.9rem;margin:0}.footer-legal{display:flex;gap:2rem;flex-wrap:wrap}.footer-legal a{color:#fff9;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-legal a:hover{color:#4ade80}@media(max-width:1200px){.footer-content{grid-template-columns:2fr 1fr 1fr;gap:2.5rem}.footer-section:nth-child(4),.footer-section:nth-child(5){grid-column:span 1}}@media(max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.footer-section:first-child{grid-column:1 / -1}}@media(max-width:640px){.footer{padding:3rem 1.5rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-section:first-child{grid-column:1}.footer-bottom-content{flex-direction:column;align-items:flex-start}.footer-legal{flex-direction:column;gap:1rem}}.sidebar{width:260px;height:100vh;background:linear-gradient(180deg,#0f1e14bf,#14321eb3,#0f1e14bf);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(74,222,128,.3);position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:1000;overflow-y:auto;transition:width .3s ease;box-shadow:4px 0 20px #0003}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0f1e144d;border-radius:10px;margin:.5rem 0}.sidebar::-webkit-scrollbar-thumb{background:#4ade804d;border-radius:10px;transition:background .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:#4ade8080}.sidebar{scrollbar-width:thin;scrollbar-color:rgba(74,222,128,.3) rgba(15,30,20,.3)}.sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 20%,rgba(74,222,128,.15) 0%,transparent 50%),radial-gradient(circle at 0% 80%,rgba(34,197,94,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .menu-label{display:none}.sidebar.collapsed .sidebar-menu-link{justify-content:center;padding:.9rem;margin:.2rem .5rem}.sidebar.collapsed .sidebar-menu-link:hover{transform:scale(1.1)}.sidebar.collapsed .menu-icon{margin:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(74,222,128,.2);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.sidebar-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:1rem 0;position:relative;z-index:1}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{margin:.25rem 0}.sidebar-menu-link{display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;color:#ffffffd9;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;background:#ffffff05;margin:.2rem .5rem;border-radius:8px;position:relative}.sidebar-menu-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(74,222,128,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;border-radius:8px}.sidebar-menu-link:hover{background:#4ade8026;color:#fffffff2;border-left-color:#4ade8099;transform:translate(3px)}.sidebar-menu-link:hover:before{opacity:1}.sidebar-menu-link.active{background:linear-gradient(90deg,#4ade8040,#4ade801a);color:#4ade80;border-left-color:#4ade80;font-weight:600;box-shadow:0 4px 12px #4ade8033}.sidebar-menu-link.active:before{opacity:1;background:linear-gradient(90deg,rgba(74,222,128,.2) 0%,transparent 100%)}.sidebar-menu-item.has-dropdown{position:relative}.dropdown-arrow{margin-left:auto;font-size:.75rem;transition:transform .3s ease}.sidebar-submenu{list-style:none;padding:0;margin:.5rem 0 .5rem 2rem;background:#0003;border-radius:6px;overflow:hidden}.sidebar-submenu li{margin:0}.sidebar-submenu-link{display:block;padding:.7rem 1rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease;border-left:2px solid transparent}.sidebar-submenu-link:hover{background:#4ade801a;color:#ffffffe6;border-left-color:#4ade8080}.sidebar-submenu-link.active{background:#4ade8026;color:#4ade80;border-left-color:#4ade80;font-weight:500}.menu-icon{font-size:1.3rem;width:24px;text-align:center}.menu-label{font-size:.95rem}.sidebar-backdrop{display:none}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}}@media(max-width:768px){.sidebar{width:240px}.menu-label{font-size:.9rem}}.dashboard-header{background:linear-gradient(135deg,#10b98140,#22c55e33);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(74,222,128,.3);padding:1rem 2rem;position:sticky;top:0;left:0;right:0;z-index:100;width:100%;box-shadow:0 4px 20px #00000026;transition:all .3s ease;min-height:70px;display:flex;align-items:center}.dashboard-header-content{max-width:100%;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:0}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.menu-toggle-btn{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:all .3s ease}.menu-toggle-btn:hover{background:#ffffff26;border-color:#4ade8066}.sidebar-collapse-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-collapse-btn:hover{background:#4ade8033;border-color:#4ade8066;color:#4ade80}.dashboard-title-section{flex:1}.dashboard-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.dashboard-subtitle{color:#fffc;font-size:.9rem}.header-right{display:flex;align-items:center;gap:1.5rem}.language-switch{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.25rem;gap:.25rem}.lang-btn{background:transparent;border:none;color:#ffffffb3;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:40px}.lang-btn:hover{color:#ffffffe6;background:#ffffff1a}.lang-btn.active{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;box-shadow:0 2px 8px #4ade804d}.header-actions{display:flex;align-items:center;gap:.75rem}.header-icon-btn{position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.6rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{background:#4ade8033;border-color:#4ade8066;color:#4ade80}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#fff;font-weight:600;font-size:.9rem}.user-email{color:#ffffffb3;font-size:.8rem}.logout-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#ef44444d;border-color:#ef444499;transform:translateY(-2px)}@media(max-width:1024px){.menu-toggle-btn{display:block}.sidebar-collapse-btn,.user-details{display:none}}@media(max-width:768px){.dashboard-header{padding:.75rem 1rem}.dashboard-header-content{gap:1rem}.dashboard-title{font-size:1.4rem}.dashboard-subtitle{font-size:.8rem}.header-right{gap:1rem}.header-actions{gap:.5rem}.header-icon-btn{padding:.5rem;width:36px;height:36px}.header-icon-btn svg{width:18px;height:18px}.user-avatar{width:35px;height:35px;font-size:1rem}.logout-btn{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:640px){.dashboard-header{padding:.75rem}.dashboard-title-section{display:none}.header-right{gap:.75rem}.header-actions{gap:.25rem}.header-icon-btn{padding:.4rem;width:32px;height:32px}.user-info{gap:.5rem}.user-avatar{width:32px;height:32px;font-size:.9rem}.logout-btn{padding:.4rem .75rem;font-size:.8rem}}.landing-page{width:100%;min-height:100vh;overflow-x:hidden}.login-page{height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b9814d,#22c55e66,#16a34a59,#0596694d,#14532d66);background-image:radial-gradient(circle at 20% 50%,rgba(74,222,128,.4) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(34,197,94,.35) 0%,transparent 60%);padding:1.5rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0f1e14b3,#0f1e1480,#0f1e1499);z-index:1}.login-container{position:relative;z-index:2;width:100%;max-width:450px;max-height:90vh;overflow-y:auto}.login-container::-webkit-scrollbar{width:4px}.login-container::-webkit-scrollbar-track{background:transparent}.login-container::-webkit-scrollbar-thumb{background:#4ade804d;border-radius:10px}.login-container::-webkit-scrollbar-thumb:hover{background:#4ade8080}.login-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(74,222,128,.3);border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;max-height:100%;display:flex;flex-direction:column}.login-header{text-align:center;margin-bottom:2rem;flex-shrink:0}.login-logo{display:flex;justify-content:center;margin-bottom:1rem}.login-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.login-subtitle{color:#fffc;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem;flex:1;overflow-y:auto}.test-credentials{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:.75rem;font-size:.8rem;color:#ffffffe6;text-align:center}.test-credentials p{margin:.2rem 0}.test-credentials strong{color:#4ade80}.form-group label{color:#ffffffe6;font-size:.95rem;font-weight:500}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;flex-shrink:0}.forgot-link{color:#4ade80;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#22c55e;text-decoration:underline}.login-btn{background:linear-gradient(135deg,#10b981,#22c55e,#4ade80);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b98166;margin-top:.5rem}.login-btn:hover{background:linear-gradient(135deg,#22c55e,#4ade80,#10b981);transform:translateY(-2px);box-shadow:0 8px 30px #4ade8099}.login-divider{display:flex;align-items:center;text-align:center;margin:.75rem 0;color:#fff9;flex-shrink:0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.login-divider span{padding:0 1rem}.signup-link{text-align:center;color:#fffc;font-size:.9rem;flex-shrink:0;margin-top:.5rem}.signup-link a,.signup-link Link{color:#4ade80;text-decoration:none;font-weight:600;transition:color .3s ease}.signup-link a:hover,.signup-link Link:hover{color:#22c55e;text-decoration:underline}@media(max-width:640px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.85rem}.form-group input{padding:.7rem .9rem;font-size:.9rem}.login-btn{padding:.75rem 1.5rem;font-size:.9rem}}.signup-page{height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b9814d,#22c55e66,#16a34a59,#0596694d,#14532d66);background-image:radial-gradient(circle at 20% 50%,rgba(74,222,128,.4) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(34,197,94,.35) 0%,transparent 60%);padding:1.5rem;position:relative;overflow:hidden}.signup-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0f1e14b3,#0f1e1480,#0f1e1499);z-index:1}.signup-container{position:relative;z-index:2;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.signup-container::-webkit-scrollbar{width:4px}.signup-container::-webkit-scrollbar-track{background:transparent}.signup-container::-webkit-scrollbar-thumb{background:#4ade804d;border-radius:10px}.signup-container::-webkit-scrollbar-thumb:hover{background:#4ade8080}.signup-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(74,222,128,.3);border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;max-height:100%;display:flex;flex-direction:column}.signup-header{text-align:center;margin-bottom:2rem;flex-shrink:0}.signup-logo{display:flex;justify-content:center;margin-bottom:1rem}.signup-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.signup-subtitle{color:#fffc;font-size:.95rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem;flex:1;overflow-y:auto}.error-message{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.form-group label{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-group input{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.95rem;transition:all .3s ease}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{outline:none;border-color:#4ade8099;background:#ffffff26;box-shadow:0 0 0 3px #4ade801a}.form-options{display:flex;justify-content:flex-start;align-items:center;font-size:.85rem;flex-shrink:0}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fffc;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4ade80}.signup-btn{background:linear-gradient(135deg,#10b981,#22c55e,#4ade80);color:#fff;border:none;padding:.85rem 2rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b98166;margin-top:.5rem;flex-shrink:0}.signup-btn:hover{background:linear-gradient(135deg,#22c55e,#4ade80,#10b981);transform:translateY(-2px);box-shadow:0 8px 30px #4ade8099}.signup-divider{display:flex;align-items:center;text-align:center;margin:.75rem 0;color:#fff9;flex-shrink:0}.signup-divider:before,.signup-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.signup-divider span{padding:0 1rem}.login-link{text-align:center;color:#fffc;font-size:.9rem;flex-shrink:0;margin-top:.5rem}.login-link a,.login-link Link{color:#4ade80;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link a:hover,.login-link Link:hover{color:#22c55e;text-decoration:underline}@media(max-width:640px){.signup-page{padding:1rem}.signup-card{padding:2rem 1.5rem}.signup-title{font-size:1.5rem}.signup-subtitle{font-size:.85rem}.form-group input{padding:.7rem .9rem;font-size:.9rem}.signup-btn{padding:.75rem 1.5rem;font-size:.9rem}}.dashboard-page{min-height:100vh;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);position:relative;display:flex}.dashboard-main{flex:1;margin-left:260px;transition:margin-left .3s ease;min-height:100vh;display:flex;flex-direction:column;width:calc(100% - 260px)}.dashboard-main.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}.dashboard-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.stat-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#4ade8066;transform:translateY(-5px);box-shadow:0 10px 30px #4ade8033}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#4ade801a;border-radius:12px}.stat-info{flex:1}.stat-label{color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-change{font-size:.85rem;font-weight:600}.stat-change.positive{color:#4ade80}.stat-change.negative{color:#fca5a5}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.dashboard-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:2rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{font-size:1.3rem;font-weight:600;color:#fff}.view-all-link{color:#4ade80;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.view-all-link:hover{color:#22c55e;text-decoration:underline}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table thead{border-bottom:1px solid rgba(255,255,255,.1)}.orders-table th{color:#fffc;font-size:.9rem;font-weight:600;text-align:left;padding:1rem .75rem}.orders-table td{color:#ffffffe6;font-size:.95rem;padding:1rem .75rem;border-bottom:1px solid rgba(255,255,255,.05)}.orders-table tbody tr:hover{background:#ffffff0d}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600}.status-completed{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.status-pending{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-processing{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#fff;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#4ade801a;border-color:#4ade804d;transform:translateY(-3px)}.action-icon{font-size:2rem}.action-btn span:last-child{font-size:.9rem;font-weight:500}@media(max-width:1024px){.dashboard-main,.dashboard-main.sidebar-collapsed{margin-left:0!important;width:100%!important}.sidebar-overlay{display:block}.sidebar.collapsed{width:260px}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .menu-label{display:block}.sidebar.collapsed .sidebar-menu-link{justify-content:flex-start;padding:.9rem 1.5rem}}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-content{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.dashboard-content{padding:1rem}.quick-actions{grid-template-columns:repeat(2,1fr)}.orders-table{font-size:.85rem}.orders-table th,.orders-table td{padding:.75rem .5rem}}.sales-page{min-height:100vh;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);position:relative;display:flex}.sales-container{max-width:1200px;width:100%;margin:0 auto}.form-select option{background-color:#1a2e1f;color:#fff}@media(max-width:768px){.sales-container{padding:1rem}.sales-form{padding:1.5rem}.form-row,.info-grid{grid-template-columns:1fr}.select-with-button{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn{width:100%}.modal-content{padding:1.5rem}}.sales-list-page{min-height:100vh;background:linear-gradient(135deg,#0f1e14,#1a2e1f);color:#ffffffe6}.sales-table-container{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);overflow-x:auto}.sales-table{width:100%;border-collapse:collapse}.sales-table thead{background:#4ade801a;border-bottom:2px solid rgba(74,222,128,.3)}.sales-table th{padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.sales-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc}.sales-table tbody tr:hover{background:#4ade800d}.inventory-page{min-height:100vh;background:linear-gradient(135deg,#0f1e14,#1a2e1f);color:#ffffffe6}.filter-section{margin-bottom:2rem}.filter-buttons{display:flex;gap:1rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover{background:#ffffff1a;border-color:#4ade804d}.filter-btn.active{background:linear-gradient(135deg,#4ade8033,#22c55e33);border-color:#4ade8080;color:#4ade80;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);transition:all .3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4ade8033;border-color:#4ade8066}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.product-type-badge{padding:.5rem 1rem;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:6px;font-size:.85rem;font-weight:500;color:#4ade80}.product-actions{display:flex;gap:.5rem}.product-body{margin-top:1rem}.product-name{font-size:1.25rem;font-weight:600;color:#fffffff2;margin-bottom:.75rem}.company-name{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.company-label{color:#fff9;font-size:.85rem}.company-value{color:#4ade80e6;font-weight:500;font-size:.9rem}.product-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item.description{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{color:#fff9;font-size:.9rem}.detail-value{color:#ffffffe6;font-weight:500}.detail-value.low-stock{color:#f87171;font-weight:600}.customers-page{min-height:100vh;background:linear-gradient(135deg,#0f1e14,#1a2e1f);color:#ffffffe6}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.customer-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);transition:all .3s ease}.customer-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4ade8033;border-color:#4ade8066}.customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22c55e);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase}.customer-actions{display:flex;gap:.5rem}.customer-body{margin-top:1rem}.customer-name{font-size:1.25rem;font-weight:600;color:#fffffff2;margin-bottom:.5rem}.customer-created-by{margin-bottom:1rem;padding:.5rem 0}.created-by-label{color:#fff9;font-size:.85rem;margin-right:.5rem}.created-by-value{color:#c084fc;font-weight:500;font-size:.9rem}.customer-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item:last-child{border-bottom:none}.detail-icon{font-size:1.1rem;width:24px;text-align:center}.detail-value{color:#fffc;font-size:.9rem;flex:1}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#fff9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-input,.form-textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.95rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#4ade8080;background:#ffffff14;box-shadow:0 0 0 3px #4ade801a}.purchase-page{min-height:100vh;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);position:relative;display:flex}.purchase-container{max-width:1200px;width:100%;margin:0 auto}.page-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem;text-align:center}.sales-form{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:2rem}.form-section{margin-bottom:2.5rem}.form-section:last-of-type{margin-bottom:1.5rem}.section-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(74,222,128,.2)}.form-group label{display:block;color:#ffffffe6;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group .required{color:#fca5a5;margin-left:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4ade8080;background:#ffffff14;box-shadow:0 0 0 3px #4ade801a}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-select{cursor:pointer}.form-textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.select-with-button{display:flex;gap:.75rem}.select-with-button .form-select{flex:1}.btn-add{padding:.75rem 1.25rem;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s ease}.btn-add:hover{background:#4ade8040;border-color:#4ade8080;transform:translateY(-2px)}.product-info-card,.customer-info-card{background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.product-info-card h3,.customer-info-card h3{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.info-grid div{color:#ffffffe6;font-size:.9rem}.info-grid strong{color:#4ade80;margin-right:.5rem}.total-amount-display{padding:.75rem 1rem;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-size:1.2rem;font-weight:700;text-align:center}.discount-info{margin-top:.5rem;padding:.5rem .75rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:6px;display:flex;justify-content:space-between;align-items:center}.discount-label{color:#fffc;font-size:.85rem}.discount-value{color:#fbbf24;font-size:.95rem;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-add-item{padding:.5rem 1rem;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-add-item:hover{background:#4ade8040;border-color:#4ade8080}.sale-item-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.item-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.btn-remove{padding:.4rem .8rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-remove:hover{background:#ef444440;border-color:#ef444480}.item-form{margin-top:1rem}.btn-add-small{padding:.5rem .75rem;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:6px;color:#4ade80;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .3s ease}.btn-add-small:hover{background:#4ade8040;border-color:#4ade8080}.discount-info-small{margin-top:.25rem;font-size:.8rem;color:#fbbf24}.subtotal-display{padding:.5rem .75rem;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:6px;color:#4ade80;font-size:1rem;font-weight:600;text-align:center}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-credit{padding:.5rem 1rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-credit:hover{background:#fbbf2440;border-color:#fbbf2480}.credit-balance{grid-column:1 / -1;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}.credit-positive{color:#fbbf24;font-weight:600;margin-left:.5rem}.credit-zero{color:#4ade80;font-weight:600;margin-left:.5rem}.credit-info{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.credit-info p{margin:.5rem 0;color:#ffffffe6}.credit-info strong{color:#fbbf24}.credit-actions{display:flex;gap:.75rem}.btn-credit-history{padding:.5rem 1rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-credit-history:hover{background:#3b82f640;border-color:#3b82f680}.modal-large{max-width:900px;max-height:90vh}.credit-payments-list{margin:1.5rem 0;max-height:400px;overflow-y:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table thead{background:#ffffff0d;border-bottom:2px solid rgba(74,222,128,.3)}.payments-table th{padding:1rem;text-align:left;color:#ffffffe6;font-weight:600;font-size:.9rem}.payments-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc;font-size:.9rem}.payments-table tbody tr:hover{background:#ffffff08}.amount-positive{color:#4ade80;font-weight:600}.amount-negative{color:#f87171;font-weight:600}.invoice-link{color:#60a5fa;cursor:pointer;text-decoration:underline}.invoice-link:hover{color:#93c5fd}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.btn{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#4ade80);transform:translateY(-2px);box-shadow:0 5px 15px #4ade804d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:linear-gradient(135deg,#0f1e14fa,#14321efa);border:1px solid rgba(74,222,128,.3);border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.purchase-container{padding:1rem}.sales-form{padding:1.5rem}.form-row,.info-grid{grid-template-columns:1fr}.select-with-button{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn{width:100%}.modal-content{padding:1.5rem}}.purchase-list-page{min-height:100vh;background:linear-gradient(135deg,#0f1e14,#1a2e1f);color:#ffffffe6}.main-content{margin-left:260px;transition:margin-left .3s ease;min-height:100vh}.main-content.sidebar-collapsed{margin-left:80px}.content-wrapper{padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading{text-align:center;padding:3rem;color:#fff9}.purchases-table-container{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);overflow-x:auto}.purchases-table{width:100%;border-collapse:collapse}.purchases-table thead{background:#4ade801a;border-bottom:2px solid rgba(74,222,128,.3)}.purchases-table th{padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.purchases-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc}.purchases-table tbody tr:hover{background:#4ade800d}.invoice-cell{font-weight:600;color:#4ade80}.payment-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.payment-badge.cash{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.payment-badge.credit{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.payment-badge.mixed{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-icon{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-icon:hover{transform:scale(1.1)}.btn-edit:hover{background:#3b82f633;border-color:#3b82f680}.btn-delete:hover{background:#ef444433;border-color:#ef444480}.btn-remove{background:#ef444426;border-color:#ef44444d;color:#fca5a5;padding:.25rem .5rem;font-size:.9rem}.modal-large{max-width:1000px}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#4ade80}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-section:last-child{border-bottom:none}.form-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#ffffffe6}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.95rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#4ade8080;background:#ffffff14;box-shadow:0 0 0 3px #4ade801a}.form-input:disabled{opacity:.5;cursor:not-allowed}.item-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-number{font-weight:600;color:#4ade80}.item-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.subtotal-display,.grand-total-display{padding:.75rem;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;font-weight:600;color:#4ade80;font-size:1.1rem}.grand-total-display{font-size:1.5rem;text-align:center}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef44444d}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.accounting-page{min-height:100vh;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);position:relative;display:flex}.accounting-main{flex:1;margin-left:260px;transition:margin-left .3s ease;min-height:100vh;display:flex;flex-direction:column;width:calc(100% - 260px)}.accounting-main.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}.accounting-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.accounting-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.accounting-tabs{display:flex;gap:1rem;border-bottom:2px solid rgba(74,222,128,.2);margin-bottom:2rem}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#ffffffb3;cursor:pointer;transition:all .3s ease;position:relative;bottom:-2px}.tab-btn:hover{color:#4ade80}.tab-btn.active{color:#4ade80;border-bottom-color:#4ade80}.error-message{background:#ef444426;color:#fca5a5;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid rgba(239,68,68,.5)}.accounting-summary{display:flex;flex-direction:column;gap:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.summary-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.summary-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#4ade8066;transform:translateY(-5px);box-shadow:0 10px 30px #4ade8033}.card-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#4ade801a;border-radius:12px}.card-content{flex:1}.card-content h3{font-size:.9rem;color:#ffffffb3;margin:0 0 .5rem;font-weight:500}.card-value{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.card-value.positive{color:#4ade80}.card-value.negative{color:#fca5a5}.credit-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.credit-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:1.5rem}.credit-card h3{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(74,222,128,.2)}.credit-details{display:flex;flex-direction:column;gap:.75rem}.credit-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.credit-item span:first-child{color:#ffffffe6;font-weight:500}.credit-item span:last-child{font-weight:700;font-size:1.1rem}.credit-item.total{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:1.1rem}.credit-item.total span:first-child{font-weight:700;color:#fff}.accounting-table-container{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:1.5rem;overflow-x:auto}.accounting-table{width:100%;border-collapse:collapse;min-width:1000px}.accounting-table thead{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.accounting-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.accounting-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.accounting-table tbody tr:hover{background:#ffffff0d}.accounting-table td{padding:1rem;color:#ffffffe6}.accounting-table td.positive{color:#4ade80;font-weight:600}.accounting-table td.negative{color:#fca5a5;font-weight:600}.accounting-table td.no-data{text-align:center;padding:3rem;color:#ffffff80;font-style:italic}@media(max-width:768px){.accounting-content{padding:1rem}.summary-grid,.credit-section{grid-template-columns:1fr}.accounting-table-container{padding:.5rem}}.reports-page{min-height:100vh;background:linear-gradient(180deg,#0f1e14fa,#14321ef2);position:relative;display:flex}.reports-main{flex:1;margin-left:260px;transition:margin-left .3s ease;min-height:100vh;display:flex;flex-direction:column;width:calc(100% - 260px)}.reports-main.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}.reports-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.period-selector{display:flex;align-items:center;gap:.75rem}.period-selector label{color:#ffffffe6;font-weight:500}.period-select{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .3s ease}.period-select:focus{outline:none;border-color:#4ade8080;background:#ffffff14;box-shadow:0 0 0 3px #4ade801a}.period-select option{background:#0f1e14fa;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-container p{color:#fffc}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.report-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(74,222,128,.25);border-radius:16px;padding:1.5rem;transition:all .3s ease}.report-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#4ade8066;transform:translateY(-5px);box-shadow:0 10px 30px #4ade8033}.report-title{font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(74,222,128,.2)}.report-summary{display:flex;gap:2rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.85rem;color:#ffffffb3}.summary-value{font-size:1.2rem;font-weight:700;color:#4ade80}@media(max-width:1200px){.reports-grid{grid-template-columns:1fr}}@media(max-width:768px){.reports-content{padding:1rem}.reports-header{flex-direction:column;align-items:flex-start}.reports-grid{grid-template-columns:1fr}.report-card{padding:1rem}}.expenses-page{min-height:100vh;background:linear-gradient(135deg,#0f1e14,#1a2e1f);color:#ffffffe6}.expenses-content{margin-left:260px;transition:margin-left .3s ease;min-height:100vh}.expenses-content.sidebar-collapsed{margin-left:80px}.expenses-container{padding:2rem}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.expenses-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-add-expense{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-add-expense:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.expenses-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4ade8033;border-color:#4ade8066}.summary-card h3{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem;font-weight:500}.summary-amount{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-count{font-size:2rem;font-weight:700;color:#ffffffe6}.expenses-table-container{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);overflow-x:auto}.expenses-table{width:100%;border-collapse:collapse}.expenses-table thead{background:#4ade801a}.expenses-table th{padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;border-bottom:2px solid rgba(74,222,128,.3);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.expenses-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc}.expenses-table tbody tr:hover{background:#4ade800d}.category-badge{display:inline-block;padding:.25rem .75rem;background:#4ade8033;border-radius:6px;font-size:.85rem;font-weight:500;color:#4ade80;text-transform:capitalize}.amount-cell{font-weight:600;color:#fca5a5}.employees-page{min-height:100vh;background:linear-gradient(135deg,#0f1e14,#1a2e1f);color:#ffffffe6}.employees-content{margin-left:260px;transition:margin-left .3s ease;min-height:100vh}.employees-content.sidebar-collapsed{margin-left:80px}.employees-container{padding:2rem}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.employees-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-add-employee{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-add-employee:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.empty-state{text-align:center;padding:4rem 2rem;color:#fff9;background:#ffffff0d;border-radius:12px;border:1px solid rgba(74,222,128,.2)}.employees-table-container{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);overflow-x:auto}.employees-table{width:100%;border-collapse:collapse}.employees-table thead{background:#4ade801a}.employees-table th{padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;border-bottom:2px solid rgba(74,222,128,.3);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.employees-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc}.employees-table tbody tr:hover{background:#4ade800d}.role-badge{display:inline-block;padding:.25rem .75rem;background:#3b82f633;border-radius:6px;font-size:.85rem;font-weight:500;color:#60a5fa}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.status-badge.active{background:#4ade8033;color:#4ade80}.status-badge.inactive{background:#ef444433;color:#fca5a5}.created-by-badge{display:inline-block;padding:.25rem .75rem;background:#a855f733;border-radius:6px;font-size:.85rem;font-weight:500;color:#c084fc}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-delete{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-edit:hover{background:#3b82f633;border-color:#3b82f680;transform:scale(1.1)}.btn-delete:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.modal-content.modal-small{max-width:500px}.modal-body{margin-bottom:1.5rem}.modal-body p{color:#fffc;margin-bottom:1rem}.delete-preview{background:#ffffff0d;border-radius:8px;padding:1rem;margin-top:1rem}.delete-preview p{margin-bottom:.5rem;color:#ffffffb3}.delete-preview strong{color:#ffffffe6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.required{color:#f87171}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4ade8080;background:#ffffff14;box-shadow:0 0 0 3px #4ade801a}.form-group textarea{resize:vertical}.btn-cancel,.btn-save,.btn-delete-confirm{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-delete-confirm{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-delete-confirm:hover{background:#ef44444d}.btn-cancel:disabled,.btn-save:disabled,.btn-delete-confirm:disabled{opacity:.5;cursor:not-allowed}.roles-permissions-page{min-height:100vh;background:linear-gradient(135deg,#0f1e14,#1a2e1f);color:#ffffffe6}.roles-permissions-content{margin-left:260px;transition:margin-left .3s ease;min-height:100vh}.roles-permissions-content.sidebar-collapsed{margin-left:80px}.roles-permissions-container{padding:2rem}.roles-permissions-header{margin-bottom:2rem}.roles-permissions-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:#4ade80}.loading-container{text-align:center;padding:3rem;color:#fff9}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.role-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.2);transition:all .3s ease}.role-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4ade8033;border-color:#4ade8066}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.role-header h3{font-size:1.25rem;font-weight:600;color:#fffffff2}.role-name-badge{padding:.25rem .75rem;background:#3b82f633;border-radius:6px;font-size:.85rem;font-weight:500;color:#60a5fa;text-transform:uppercase}.role-description{color:#ffffffb3;margin-bottom:1rem;font-size:.9rem}.role-permissions{margin-bottom:1.5rem}.role-permissions h4{font-size:.95rem;font-weight:600;color:#ffffffe6;margin-bottom:.75rem}.permissions-list{display:flex;flex-direction:column;gap:.5rem}.permission-module{padding:.5rem;background:#ffffff08;border-radius:6px}.permission-module strong{color:#ffffffe6;font-size:.85rem;display:block;margin-bottom:.25rem}.permission-actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.permission-badge{display:inline-block;padding:.15rem .5rem;background:#4ade8033;border-radius:4px;font-size:.75rem;color:#4ade80}.no-permissions{color:#ffffff80;font-size:.85rem;font-style:italic}.btn-assign-permissions{width:100%;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-assign-permissions:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.modal-content{background:linear-gradient(135deg,#0f1e14f2,#14321ef2);border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(74,222,128,.3);box-shadow:0 20px 60px #00000080}.modal-content.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.5rem;font-weight:700;color:#4ade80}.modal-close{background:transparent;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;transition:color .3s ease;line-height:1}.modal-close:hover{color:#fca5a5}.permissions-assignment{max-height:60vh;overflow-y:auto;margin-bottom:1.5rem}.permission-module-group{margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:8px}.permission-module-group h3{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.75rem;text-transform:capitalize}.permission-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.permission-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:6px;transition:background .3s ease}.permission-checkbox:hover{background:#ffffff0d}.permission-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4ade80}.permission-checkbox span{color:#fffc;font-size:.9rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-cancel{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover{background:#ffffff26}.btn-save{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.btn-save:disabled{opacity:.5;cursor:not-allowed}