@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);html{scroll-behavior:smooth;scroll-padding-top:90px}body{background-color:var(--black);color:var(--white);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.landing-container{overflow-x:hidden}button{cursor:pointer;font-family:inherit}.fade-in-section{transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section,.fade-in-section.section-visible{opacity:1;transform:translateY(0)}.hero{transform:translateY(0)!important}.hero-title-accent,.hero-title-line{display:block;opacity:0;transform-origin:left}.hero-subtitle{color:#ffffffe6;color:var(--light-white);font-size:1.4rem;font-weight:300;line-height:1.6;margin:0 0 2.5rem;max-width:90%;opacity:0;text-shadow:0 2px 10px #0003}.hero-cta{display:flex;gap:1.5rem;opacity:0}.chopsticks,.document-icon,.invoice-paper,.sushi-maki,.sushi-nigiri,.sushi-plate,.sushi-roll,.workflow-container,.workflow-icon,.workflow-path{opacity:1!important}.about-section,.faq-section,.features-section,.pricing-section,.timeline-section{opacity:1!important;transform:translateY(0)!important}@media (min-width:1px){.about-section.fade-in-section,.faq-section.fade-in-section,.features-section.fade-in-section,.hero.fade-in-section,.pricing-section.fade-in-section,.timeline-section.fade-in-section{opacity:1!important;transform:translateY(0)!important}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212f2;box-shadow:0 2px 20px #0003;justify-content:space-between;left:0;padding:1.5rem 5%;position:fixed;right:0;top:0;transition:all .3s ease;transition:all var(--transition-medium);z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{cursor:pointer;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#888;color:var(--light-gray);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.cta-button,.nav-links a:hover{color:#fff;color:var(--white)}.cta-button{background-color:initial;border:2px solid #ff3b30;border:2px solid var(--accent-red);border-radius:30px;font-size:1rem;font-weight:600;outline:none;padding:.7rem 1.5rem;transition:all .2s ease;transition:all var(--transition-fast)}.cta-button:hover{background-color:#ff3b301a;transform:translateY(-2px)}.cta-button.primary{background-color:#ff3b30;background-color:var(--accent-red);color:#fff;color:var(--white)}.cta-button.primary:hover{background-color:#e0352b;transform:translateY(-2px)}.cta-button.secondary{background-color:initial;border-color:#888;border-color:var(--light-gray)}.cta-button.secondary:hover{background-color:#ffffff1a;border-color:#fff;border-color:var(--white)}.hero{align-items:center;background:linear-gradient(135deg,#121212,#222);background:linear-gradient(135deg,var(--black) 0,var(--dark-gray) 100%);display:flex;justify-content:flex-start;min-height:90vh;opacity:1!important;overflow:hidden;padding:10rem 5% 5rem;position:relative}.hero-content{flex:0 0 50%;max-width:600px;padding-right:2rem;position:relative;z-index:2}.hero-title{display:flex;flex-direction:column;font-size:4.2rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 1.8rem;text-shadow:0 5px 15px #0000004d}.hero-title-accent{color:#ff3b30;color:var(--accent-red);font-size:5rem;letter-spacing:-2px;margin-top:.5rem;position:relative}.hero-title-accent:after{background:#ff3b30;background:var(--accent-red);border-radius:4px;bottom:0;content:"";height:8px;left:0;position:absolute;width:0}.hero-image-container{align-items:center;display:flex;flex:1 1;height:500px;justify-content:flex-start;max-width:50%;perspective:1000px;position:relative}.hero-image{height:100%;position:relative;transform-style:preserve-3d;width:100%}.sushi-stack{cursor:pointer;left:20%;top:50%;transform:translate(-50%,-50%)}.sushi-plate,.sushi-stack{height:300px;opacity:1!important;position:absolute;transform-style:preserve-3d;width:300px}.sushi-plate{background-color:#f4f4f8;border-radius:50%;box-shadow:0 20px 50px #0000004d;left:0;top:0;z-index:1}.sushi-plate:after{border:2px solid #0000001a;border-radius:50%;content:"";height:85%;transform:translate(-50%,-50%);width:85%}.sushi-plate:after,.sushi-roll{left:50%;position:absolute;top:50%}.sushi-roll{background-color:#f8f8f8;background-color:var(--off-white);border-radius:50%;box-shadow:0 15px 35px #00000040;height:120px;opacity:1!important;transform:translate(-50%,-80%);transform-style:preserve-3d;width:120px;z-index:3}.sushi-roll:before{background-color:#ff3b30;background-color:var(--accent-red);border-radius:15px;content:"";left:5%;transform:translateY(-50%);width:90%}.sushi-nigiri,.sushi-roll:before{height:30px;position:absolute;top:50%}.sushi-nigiri{background-color:#f8ecc9;border-radius:10px;box-shadow:0 5px 15px #0003;left:30%;opacity:1!important;transform:translate(-50%,-50%);transform-style:preserve-3d;width:60px;z-index:3}.sushi-nigiri:before{background-color:#ff3b30;background-color:var(--accent-red);border-radius:8px 8px 0 0;content:"";height:15px;left:5%;position:absolute;top:-7px;width:90%}.sushi-maki{background-color:#f8f8f8;background-color:var(--off-white);box-shadow:0 5px 15px #0003;height:40px;opacity:1!important;right:30%;top:60%;transform-style:preserve-3d;width:40px;z-index:3}.sushi-maki,.sushi-maki:before{border-radius:50%;position:absolute}.sushi-maki:before{background-color:#ff3b30;background-color:var(--accent-red);content:"";height:70%;left:15%;top:15%;width:70%}.chopsticks{height:15px;left:70%;opacity:1!important;position:absolute;top:70%;transform:rotate(30deg);transform-style:preserve-3d;width:200px;z-index:2}.chopstick{background-color:#8a5a44;border-radius:4px;box-shadow:0 2px 10px #0003;height:8px;position:absolute;width:100%}.chopstick:first-child{top:-10px}.chopstick:last-child{top:10px}.invoice-paper{background-color:#fff;background-color:var(--white);border-radius:6px;box-shadow:0 15px 35px #00000040;height:240px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(10%,-110%);transform-style:preserve-3d;width:180px;z-index:2}.invoice-paper:before{background-color:#ff3b30;background-color:var(--accent-red);border-radius:3px;height:15px;top:25px}.invoice-paper:after,.invoice-paper:before{content:"";left:5%;position:absolute;width:90%}.invoice-paper:after{background-image:linear-gradient(180deg,#888 0,#888 20%,#0000 0,#0000 40%,#888 0,#888 50%,#0000 0,#0000 70%,#888 0,#888 80%,#0000 0,#0000);background-image:linear-gradient(to bottom,var(--light-gray) 0,var(--light-gray) 20%,#0000 20%,#0000 40%,var(--light-gray) 40%,var(--light-gray) 50%,#0000 50%,#0000 70%,var(--light-gray) 70%,var(--light-gray) 80%,#0000 80%,#0000 100%);background-repeat:repeat-y;background-size:100% 15px;height:120px;top:60px}.features-section{background:linear-gradient(180deg,#121212,#222);background:linear-gradient(180deg,var(--black) 0,var(--dark-gray) 100%);overflow:hidden;padding:8rem 5%;position:relative}.features-section:before{background:linear-gradient(90deg,#0000,#ff3b30 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-red) 50%,#0000 100%);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.section-title{display:inline-block;font-size:3rem;font-weight:700;left:50%;letter-spacing:-1px;margin-bottom:4rem;position:relative;text-align:center;transform:translateX(-50%)}.section-title:after{background-color:#ff3b30;background-color:var(--accent-red);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:80px}.features-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;perspective:1000px;position:relative}.feature-card{background-color:#1e1e1e99;border-radius:12px;box-shadow:0 15px 35px #0003;opacity:0;overflow:hidden;padding:2.5rem;position:relative;transform:translateY(30px);transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.feature-card:before{background:linear-gradient(135deg,#ff3b301a,#0000);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.feature-card:hover:before{opacity:1}.feature-icon-container{align-items:center;background-color:#28282899;border-radius:50%;box-shadow:0 10px 25px #00000026;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;transform-style:preserve-3d;width:80px}.feature-icon{font-size:2.5rem;z-index:2}.feature-icon-bg{background:conic-gradient(from 0deg,#ff3b30,#0000 60%);background:conic-gradient(from 0deg,var(--accent-red),#0000 60%);border-radius:50%;height:100%;opacity:.7;position:absolute;transform:scale(.85);width:100%;z-index:1}.feature-card h3{display:inline-block;font-size:1.4rem;margin:0 0 1rem;position:relative}.feature-card h3:after{background-color:#ff3b30;background-color:var(--accent-red);border-radius:1px;bottom:-5px;content:"";height:2px;left:0;opacity:0;position:absolute;transition:width .3s ease,opacity .3s ease;width:0}.feature-card:hover h3:after{opacity:1;width:100%}.feature-card p{color:#ffffffe6;color:var(--light-white);font-size:1rem;line-height:1.6;margin:0}.pricing-section{background:linear-gradient(180deg,#222,#121212);background:linear-gradient(180deg,var(--dark-gray) 0,var(--black) 100%);overflow:hidden;padding:8rem 5%;position:relative}.pricing-section:before{background:linear-gradient(90deg,#0000,#ff3b30 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-red) 50%,#0000 100%);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.pricing-section:after{background:radial-gradient(ellipse at center,#ff3b3033 0,#0000 70%);bottom:0;content:"";filter:blur(40px);height:200px;left:20%;opacity:.5;position:absolute;right:20%;z-index:0}.pricing-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:5rem auto 0;max-width:1200px;perspective:1000px;position:relative;z-index:1}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#222222b3;border-radius:20px;box-shadow:0 15px 35px #0000004d;display:flex;flex-direction:column;height:auto;min-height:550px;opacity:0;overflow:hidden;position:relative;transform:translateY(50px);transform-style:preserve-3d;transition:all .3s ease}.pricing-card:hover{transform:translateY(-15px)}.pricing-card.featured{background:linear-gradient(135deg,#282828b3,#222222e6);border:2px solid #ff3b30;border:2px solid var(--accent-red);z-index:2}.pricing-card.featured:hover{transform:translateY(-15px) scale(1.03)}.pricing-card:before{background:linear-gradient(45deg,#0000,#0000,#ff3b30,#0000,#0000);background:linear-gradient(45deg,#0000,#0000,var(--accent-red),#0000,#0000);border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transform:translateZ(-10px);transition:opacity .5s ease;z-index:-1}.pricing-card:hover:before{animation:glowingBorder 3s linear infinite;opacity:.5}.pricing-card.featured .pricing-header{padding-top:3rem}.featured-tag{background-color:#ff3b30;background-color:var(--accent-red);box-shadow:0 5px 15px #ff3b3066;color:#fff;color:var(--white);font-size:.8rem;font-weight:600;padding:.3rem 2.5rem;position:absolute;right:-36px;top:10px;transform:rotate(45deg);z-index:10}.pricing-header{overflow:visible;padding:2.5rem 2rem 1.5rem;position:relative;text-align:center}.pricing-header:after{background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";height:1px;left:20%;position:absolute;right:20%}.pricing-header h3{font-size:2.2rem;font-weight:700;margin:0 0 1.5rem}.price{align-items:baseline;color:#fff;color:var(--white);display:flex;font-size:3.5rem;font-weight:800;justify-content:center;line-height:1.2;margin-bottom:2rem;position:relative}.price .dollar-sign{font-size:1.8rem;font-weight:600;margin-right:5px;opacity:.8;vertical-align:top}.price .period{color:#888;color:var(--light-gray);font-size:1rem;font-weight:400;margin-left:5px}.pricing-features{flex:1 1;list-style:none;margin:0;padding:0 2rem;text-align:left}.pricing-features li.available,.pricing-features li.unavailable{margin-bottom:1.5rem;opacity:0;padding-left:1.8rem;position:relative;transform:translateX(-20px)}.pricing-features li.unavailable{color:#888;color:var(--light-gray)}.pricing-features li.available:before{content:"✓"}.pricing-features li.available:before,.pricing-features li.unavailable:before{color:#ff3b30;color:var(--accent-red);font-weight:700;left:0;position:absolute}.pricing-features li.unavailable:before{content:"✗"}.pricing-cta{margin-top:auto;padding:2rem;text-align:center}.pricing-card .cta-button{font-size:1.1rem;max-width:250px;opacity:0;padding:1rem;transform-origin:center;width:100%}.pricing-card.featured .cta-button{background:linear-gradient(45deg,#ff3b30,#ff5e54);background:linear-gradient(45deg,var(--accent-red),#ff5e54);border-color:#0000;box-shadow:0 10px 20px #ff3b304d}.pricing-card.featured .cta-button:hover{background:linear-gradient(45deg,#ff5e54,#ff3b30);background:linear-gradient(45deg,#ff5e54,var(--accent-red));box-shadow:0 15px 25px #ff3b3066}.popular-badge{align-items:center;background-color:#ff3b30;background-color:var(--accent-red);border-radius:50%;box-shadow:0 5px 15px #ff3b3066;color:#fff;color:var(--white);display:flex;font-size:.8rem;font-weight:700;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:-30px;transform:translateX(-50%);transform:translateX(-50%) scale(0);width:60px;z-index:2}.pricing-card.featured .popular-badge{opacity:1}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.particle{background-color:#ff3b30;background-color:var(--accent-red);border-radius:50%;opacity:.6;position:absolute}@keyframes glowingBorder{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.about-section{background-color:#222;background-color:var(--dark-gray);color:#fff;color:var(--white);overflow:hidden;padding:80px 0;position:relative}.about-bg-pattern{background-image:repeating-linear-gradient(45deg,#ff3b300d,#ff3b300d 2px,#0000 0,#0000 10px);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.about-content{flex-direction:row;gap:4rem;justify-content:space-between;margin-top:3rem}.about-content,.about-left{align-items:center;display:flex;position:relative}.about-left{flex:1 1;height:500px;justify-content:center;perspective:1000px;transform-style:preserve-3d}.about-right{flex:1 1}.about-image{backface-visibility:hidden;border-radius:12px;box-shadow:0 15px 35px #00000080;cursor:pointer;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .3s ease;will-change:transform,box-shadow,opacity}.about-image img{display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.main-image{height:auto;max-height:400px;width:90%}.main-image img{display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.accent-image-1,.accent-image-2{display:none}.about-image:before{background:linear-gradient(135deg,#ff3b301a,#ff3b304d);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.about-image:hover:before{opacity:1}.about-text{padding-right:2rem}.about-text p{color:#ffffffe6;color:var(--light-white);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.about-section.section-visible .about-content{opacity:1;transform:translateY(0)}.title-underline{background-color:#ff3b30;background-color:var(--accent-red);border-radius:2px;bottom:-10px;height:4px;left:0;opacity:0;position:absolute}.about-section .section-title:after{display:none}@media (max-width:992px){.about-content{flex-direction:column;gap:2rem}.about-left,.about-right{flex:none;width:100%}.about-left{height:400px}.main-image{max-height:350px;width:80%}.about-text{padding-right:0;text-align:center}}@media (max-width:576px){.about-left{height:300px}.main-image{max-height:250px;width:90%}}.footer{background-color:#121212;background-color:var(--black);padding:5rem 5% 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.footer-section h4{font-size:1.2rem;margin-bottom:1.5rem;position:relative}.footer-section h4:after{background-color:#ff3b30;background-color:var(--accent-red);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-section p{color:#888;color:var(--light-gray)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#888;color:var(--light-gray);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.footer-section ul li a:hover{color:#fff;color:var(--white)}.footer-bottom{border-top:1px solid #333;border-top:1px solid var(--gray);color:#888;color:var(--light-gray);font-size:.9rem;padding-top:2rem;text-align:center}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:1024px){.hero{flex-direction:column;padding-top:8rem;text-align:center}.hero-content{flex:0 0 100%;margin-bottom:3rem;max-width:100%;padding-right:0}.hero-image-container{justify-content:center;max-width:100%}.sushi-stack{left:50%}.hero-title{font-size:2.8rem}.hero-cta{justify-content:center}.about-content{flex-direction:column}.about-image{width:100%}}@media (max-width:768px){.nav-links a{display:none}.nav-links .cta-button{display:block}.hero-title{font-size:2.2rem}.feature-card,.pricing-card{margin:0 auto;max-width:400px}.pricing-grid{gap:3rem}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-10px)}}@media (max-width:480px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column}.section-title{font-size:2rem}}.workflow-container{height:400px;opacity:0;position:absolute;right:0;top:10%;transform-style:preserve-3d;width:300px;z-index:4}.workflow-path{fill:none;stroke:#ff3b30;stroke:var(--accent-red);stroke-width:2;stroke-dasharray:5;opacity:.6}.workflow-icon{align-items:center;background-color:#fff;background-color:var(--white);border-radius:50%;box-shadow:0 5px 15px #0000004d;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:0;position:absolute;width:50px}.workflow-icon:after{color:#fff;color:var(--white);content:attr(data-step);font-size:.9rem;font-weight:600;position:absolute;text-align:center;text-shadow:0 2px 4px #00000080;top:-25px;width:120px}.document-icon{background-color:#fff;background-color:var(--white);border-radius:3px;box-shadow:0 5px 15px #0003;height:40px;position:absolute;transform-origin:center;width:30px}.document-icon:before{background-color:#ff3b30;background-color:var(--accent-red);border-radius:1px;height:3px;top:8px}.document-icon:after,.document-icon:before{content:"";left:5px;position:absolute;right:5px}.document-icon:after{background-image:linear-gradient(180deg,#888 0,#888 10%,#0000 0,#0000 25%,#888 0,#888 35%,#0000 0,#0000 50%,#888 0,#888 60%,#0000 0,#0000 75%,#888 0,#888 85%,#0000 0,#0000);background-image:linear-gradient(to bottom,var(--light-gray) 0,var(--light-gray) 10%,#0000 10%,#0000 25%,var(--light-gray) 25%,var(--light-gray) 35%,#0000 35%,#0000 50%,var(--light-gray) 50%,var(--light-gray) 60%,#0000 60%,#0000 75%,var(--light-gray) 75%,var(--light-gray) 85%,#0000 85%,#0000 100%);background-repeat:repeat-y;background-size:100% 10px;bottom:8px;opacity:.5;top:15px}.timeline-section{background:linear-gradient(180deg,#121212,#222);background:linear-gradient(180deg,var(--black) 0,var(--dark-gray) 100%);overflow:hidden;padding:8rem 5%;position:relative}.timeline-section:before{background:linear-gradient(90deg,#0000,#ff3b30 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-red) 50%,#0000 100%);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.timeline-container{margin:5rem auto 0;max-width:1200px;min-height:300px;padding:20px 0;position:relative}.timeline-line{background-color:#ffffff1a;border-radius:2px;height:4px;left:0;opacity:0;position:absolute;right:0;top:50px;transform-origin:left;z-index:1}.timeline-item{cursor:pointer;display:inline-block;padding-top:60px;position:relative;vertical-align:top;width:20%}.timeline-dot{background-color:#666;border-radius:50%;box-shadow:0 0 0 4px #6663;cursor:pointer;height:20px;left:50%;opacity:0;position:absolute;top:50px;transform:translate(-50%,-50%);transform-origin:center;transition:background-color .3s ease,box-shadow .3s ease;width:20px;z-index:3}.timeline-dot.active{background-color:#ff3b30;background-color:var(--accent-red);box-shadow:0 0 0 4px #ff3b3033}.timeline-icon{align-items:center;background:linear-gradient(135deg,#282828e6,#1e1e1ee6);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 25px #0000004d;color:#fff;color:var(--white);display:flex;font-size:1.2rem;height:50px;justify-content:center;left:50%;opacity:0;perspective:500px;position:absolute;top:20px;transform:translateX(-50%);transform-origin:center;transform-style:preserve-3d;transition:transform .3s ease;width:50px;z-index:2}.timeline-item:hover .timeline-icon{transform:translateX(-50%) translateY(-5px)}.timeline-icon:after{background:linear-gradient(180deg,#ff3b3080,#0000);bottom:-15px;content:"";height:15px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.timeline-icon i{text-shadow:0 0 10px #ff3b304d}.timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#222222b3;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 10px 30px #0003;margin:0 10px;min-height:180px;opacity:0;padding:20px;transform:translateY(40px);transition:transform .3s ease,box-shadow .3s ease}.timeline-content h3{display:inline-block;font-size:1.2rem;margin-bottom:15px;margin-top:0;position:relative}.timeline-content h3:after{background-color:#ff3b30;background-color:var(--accent-red);border-radius:1px;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(.3);transform-origin:left;transition:transform .3s ease;width:100%}.timeline-content:hover h3:after{transform:scaleX(1)}.timeline-content p{color:#ffffffe6;color:var(--light-white);font-size:.95rem;line-height:1.5;margin:0}.timeline-item:before{background-color:initial;content:"";height:4px;left:0;position:absolute;top:50px;width:50%;z-index:0}.timeline-item.active:before,.timeline-item.completed:before{background-color:#ff3b30;background-color:var(--accent-red)}@media (max-width:992px){.timeline-item{width:33.33%}.timeline-container{overflow-x:auto;padding-bottom:30px;white-space:nowrap}.timeline-content{min-height:200px}}@media (max-width:768px){.timeline-item{width:50%}.timeline-icon{font-size:1rem;height:45px;width:45px}}@media (max-width:576px){.timeline-item{width:85%}.timeline-content{min-height:150px}}.faq-section{background:linear-gradient(180deg,#222 0,#121212);background:linear-gradient(to bottom,var(--dark-gray) 0,var(--black) 100%);overflow:hidden;padding:8rem 5%;position:relative}.faq-section:before{background:linear-gradient(90deg,#0000,#ff3b3080 50%,#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.faq-container{margin:3rem auto 0;max-width:900px}.faq-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2828284d;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 10px 30px #00000026;margin-bottom:1.5rem;opacity:0;overflow:hidden;transform:translateY(60px);transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover{box-shadow:0 15px 40px #00000040;transform:translateY(-5px)}.faq-question{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.5rem;position:relative;transition:color .3s ease}.faq-question span,.faq-question:before{transition:transform .3s ease}.faq-question:before{background-color:#ff3b30;background-color:var(--accent-red);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;width:3px}.faq-question.active{color:#ff3b30;color:var(--accent-red)}.faq-question.active:before{transform:scaleY(1)}.faq-icon{align-items:center;background-color:#ff3b3033;border-radius:50%;color:#ff3b30;color:var(--accent-red);display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;position:relative;transition:transform .3s ease,background-color .3s ease;width:24px}.faq-answer{color:#ffffffe6;color:var(--light-white);font-size:1rem;height:0;line-height:1.6;opacity:0;overflow:hidden;padding:0 1.5rem;transition:opacity .3s ease}.faq-answer p{margin:0;padding-bottom:1.5rem}.faq-answer.open{height:auto}@media (max-width:768px){.faq-question{font-size:1rem;padding:1.2rem}.faq-answer{font-size:.95rem;padding:0 1.2rem}}@media (max-width:576px){.faq-container{margin-top:2rem}.faq-item{margin-bottom:1rem}.faq-question{font-size:.9rem;padding:1rem}.faq-answer{font-size:.9rem;padding:0 1rem}.faq-icon{font-size:1rem;height:20px;width:20px}}.auth-page{background-color:#121212;display:flex;min-height:100vh;overflow:hidden;position:relative}.auth-form-container{background-color:#222;box-shadow:0 10px 30px #0000004d;color:#fff;flex:1 1;max-width:450px;opacity:0;padding:2.5rem;position:relative;transform:translateY(20px);transition:all .6s ease;z-index:1}.auth-form-container.visible{opacity:1;transform:translateY(0)}.auth-success-container{animation:fadeIn .8s ease forwards;background-color:#222;box-shadow:0 10px 30px #0000004d;color:#fff;flex:1 1;max-width:450px;padding:2.5rem;position:relative;z-index:1}.auth-logo{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem}.auth-form-container h2,.auth-success-container h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.auth-subtitle{color:#888;font-size:.95rem;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#ddd}.auth-input{background-color:#333;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.auth-input:focus{border-color:#ff3b30;box-shadow:0 0 0 2px #ff3b3033;outline:none}.auth-input::placeholder{color:#666}.auth-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:.9rem;position:relative;transition:all .3s ease}.auth-button.primary{background-color:#ff3b30;color:#fff}.auth-button.primary:hover{background-color:#e0352b;transform:translateY(-2px)}.auth-button.secondary{background-color:initial;border:2px solid #888;color:#fff}.auth-button.secondary:hover{background-color:#ffffff1a;border-color:#fff}.auth-button.loading{background-color:#bb2d27;cursor:not-allowed}.auth-button.loading:after{animation:loading 1s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:30%}.auth-message{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:1rem}.auth-message.success{background-color:#4cd96426;border-left:3px solid #4cd964;color:#4cd964}.auth-message.error{background-color:#ff3b3026;border-left:3px solid #ff3b30;color:#ff3b30}.auth-divider{margin:2rem 0;position:relative;text-align:center}.auth-divider:before{background-color:#444;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background-color:#222;color:#888;font-size:.9rem;padding:0 1rem;position:relative}.auth-toggle{color:#888;font-size:.95rem;text-align:center}.toggle-button{background:none;border:none;color:#ff3b30;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease}.toggle-button:hover{color:#e0352b}.back-button{color:#888;display:block;margin-top:2rem;text-align:center}.back-button:hover{color:#fff}.auth-decoration{align-items:center;background-color:#171717;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.decoration-sushi{height:300px;position:relative;width:300px}.decoration-sushi:before{animation:rotate 20s linear infinite;background-color:#121212;border:25px solid #ff3b30;border-radius:50%;box-shadow:0 20px 40px #00000080;height:220px;width:220px}.decoration-sushi:after,.decoration-sushi:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.decoration-sushi:after{background-color:#333;border-radius:50%;height:120px;width:120px}.success-icon{animation:popIn .5s ease .3s forwards;background-color:#4cd964;box-shadow:0 10px 20px #4cd9644d;font-size:2.5rem;height:80px;margin:0 auto 2rem;transform:scale(0);width:80px}.user-details{background-color:#333;border-radius:8px;margin:2rem 0;padding:1.5rem}.user-detail{border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:.8rem 0}.user-detail:last-child{border-bottom:none}.detail-label{font-size:.9rem}.detail-value{font-weight:500}.auth-buttons{display:flex;gap:1rem;margin-top:2rem}.auth-buttons .auth-button{flex:1 1}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:1024px){.auth-decoration{display:none}.auth-form-container,.auth-success-container{border-radius:0;max-width:100%}}@media (max-width:480px){.auth-form-container,.auth-success-container{padding:2rem 1.5rem}.auth-buttons{flex-direction:column}}:root{--primary-color:#ff3b30;--primary-light:#ff6259;--secondary-color:#333;--dark-bg:#121212;--sidebar-bg:#222;--content-bg:#121212;--text-dark:#fff;--text-muted:#888;--border-light:#333;--card-shadow:0 4px 12px #0000004d;--transition-speed:0.3s;--positive-color:#4cd964;--negative-color:#ff3b30;--card-bg:#1e1e1e;--hover-bg:#2a2a2a}body{background-color:var(--dark-bg);color:var(--text-dark);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;padding:0}.dashboard-container{background-color:#121212;background-color:var(--content-bg);display:flex;min-height:100vh}.sidebar{background-color:#222;background-color:var(--sidebar-bg);border-right:1px solid #333;border-right:1px solid var(--border-light);bottom:0;box-shadow:2px 0 10px #00000080;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:250px;z-index:100}.sidebar-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border-light);padding:20px}.dashboard-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-dot{color:var(--primary-color);font-size:1.8rem}.logo-invoice{color:var(--text-muted)}.create-invoice-button-container{padding:20px}.create-invoice-button{align-items:center;background-color:#ff3b30;background-color:var(--primary-color);display:flex;font-size:1rem;justify-content:center;padding:12px;transition:background-color .3s;transition:background-color var(--transition-speed)}.create-invoice-button:hover{background-color:#ff6259;background-color:var(--primary-light);box-shadow:0 4px 12px #ff3b304d}.plus-icon{font-size:1.2rem;font-weight:300;margin-right:8px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{align-items:center;border-radius:8px;color:#888;color:var(--text-muted);cursor:pointer;display:flex;margin:5px 10px;padding:12px 20px;transition:background-color .3s;transition:background-color var(--transition-speed)}.sidebar-nav li:hover{background-color:#ff3b301a;color:#ff3b30;color:var(--primary-color)}.sidebar-nav li.active{background-color:#ff3b3033;color:#ff3b30;color:var(--primary-color);font-weight:600}.nav-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;margin-right:12px;opacity:.8;width:20px}.profile-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>')}.overview-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>')}.invoices-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></svg>')}.settings-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>')}.logout-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>')}.sidebar-footer{border-top:1px solid #333;border-top:1px solid var(--border-light);padding:20px}.logout-button{align-items:center;background:none;border:none;border-radius:8px;color:#888;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;padding:10px;transition:background-color .3s;transition:background-color var(--transition-speed);width:100%}.logout-button:hover{background-color:#ff3b301a;color:#ff3b30;color:var(--primary-color)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px}.topbar{align-items:center;background-color:#222;background-color:var(--sidebar-bg);border-bottom:1px solid #333;border-bottom:1px solid var(--border-light);display:flex;height:70px;justify-content:space-between;padding:0 30px}.search-bar{flex:1 1;max-width:500px}.search-bar input{background-color:#333;border:1px solid #333;border:1px solid var(--border-light);border-radius:8px;color:#fff;font-size:.9rem;padding:10px 15px;transition:border .3s;transition:border var(--transition-speed);width:100%}.search-bar input:focus{border-color:#ff6259;border-color:var(--primary-light);box-shadow:0 0 0 3px #ff3b3033;outline:none}.search-bar input::placeholder{color:#888;color:var(--text-muted)}.user-menu{align-items:center;display:flex}.notification-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:24px;margin-right:20px;opacity:.7;transition:opacity .3s;transition:opacity var(--transition-speed);width:24px}.notification-icon:hover{opacity:1}.user-info{align-items:center;cursor:pointer;display:flex}.user-name{color:#fff;font-size:.9rem;font-weight:500;margin-right:12px}.user-avatar{align-items:center;background-color:#ff3b30;background-color:var(--primary-color);border-radius:50%;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.content-area{background-color:#121212;background-color:var(--dark-bg);flex:1 1;min-height:calc(100vh - 70px);overflow-y:auto;padding:30px}.content-area h2{color:#fff;font-size:1.5rem;margin-bottom:25px;margin-top:0}.create-invoice-section,.invoice-list-section{margin:0 auto;max-width:1200px;width:100%}.create-invoice-section form{background-color:#222;background-color:var(--sidebar-bg);border:1px solid #333;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow);color:#fff;color:var(--text-dark);margin-bottom:30px;padding:20px}.create-invoice-section input,.create-invoice-section select,.create-invoice-section textarea{background-color:#333;border:1px solid #333;border:1px solid var(--border-light);border-radius:5px;color:#fff;color:var(--text-dark);padding:10px}.create-invoice-section input:focus,.create-invoice-section select:focus,.create-invoice-section textarea:focus{border-color:#ff3b30;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff3b3033;outline:none}.create-invoice-section button{background-color:#ff3b30;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s;transition:background-color var(--transition-speed)}.create-invoice-section button:hover{background-color:#ff6259;background-color:var(--primary-light)}.invoice-list-section table{background-color:#222;background-color:var(--sidebar-bg);border:1px solid #333;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow);color:#fff;color:var(--text-dark);margin-bottom:20px;width:100%}.invoice-list-section th{background-color:#ff3b301a;color:#fff;color:var(--text-dark);padding:12px 15px;text-align:left}.invoice-list-section td{border-top:1px solid #333;border-top:1px solid var(--border-light);padding:12px 15px}.invoice-list-section tr:hover{background-color:#ff3b300d}.invoice-list-section .pagination{display:flex;justify-content:center;margin:20px 0}.invoice-list-section .pagination button{background-color:#222;background-color:var(--sidebar-bg);border:1px solid #333;border:1px solid var(--border-light);border-radius:5px;color:#fff;color:var(--text-dark);cursor:pointer;margin:0 5px;padding:8px 12px;transition:all .3s;transition:all var(--transition-speed)}.invoice-list-section .pagination button.active,.invoice-list-section .pagination button:hover{background-color:#ff3b30;background-color:var(--primary-color);color:#fff}.section-redirect{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.section-redirect p{color:#888;color:var(--text-muted);margin-top:0}.profile-section{max-width:800px}.profile-card{background-color:#222;background-color:var(--sidebar-bg);border:1px solid #333;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow);overflow:hidden}.profile-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-light);display:flex;padding:30px}.profile-avatar{align-items:center;background-color:#ff3b30;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:600;height:80px;justify-content:center;margin-right:20px;width:80px}.profile-name{flex:1 1}.profile-name h3{color:#fff;font-size:1.5rem;margin:0 0 5px}.profile-name p{color:#888;color:var(--text-muted);margin:0}.profile-details{padding:20px 30px}.profile-detail-item{border-bottom:1px solid #333;border-bottom:1px solid var(--border-light);display:flex;padding:15px 0}.profile-detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-muted);width:140px}.overview-section{padding:0}.overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.time-filter{background-color:#1e1e1e;background-color:var(--card-bg);border-radius:12px;display:flex;padding:4px}.time-filter-btn{background:none;border:none;border-radius:8px;color:#888;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s ease}.time-filter-btn.active{background-color:#ff3b30;background-color:var(--primary-color);color:#fff;font-weight:500}.time-filter-btn:hover:not(.active){background-color:#2a2a2a;background-color:var(--hover-bg);color:#fff;color:var(--text-dark)}.stats-container{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.stat-card{background-color:#1e1e1e;background-color:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow);flex:1 1;min-width:220px;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 24px #00000080;transform:translateY(-5px)}.stat-card:after{background:linear-gradient(90deg,#ff3b30,#ff6259);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.stat-card:hover:after{opacity:1}.stat-header{justify-content:space-between;margin-bottom:16px}.stat-header,.stat-trend{align-items:center;display:flex}.stat-trend{background-color:#0003;border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 8px}.stat-trend.positive{color:#4cd964;color:var(--positive-color)}.stat-trend.negative{color:#ff3b30;color:var(--negative-color)}.stat-icon{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:24px;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.total-invoices-icon{background-color:#ff3b3026;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></svg>')}.validated-icon{background-color:#4cd96426;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234cd964" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>')}.pending-icon{background-color:#ffcc0026;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffcc00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>')}.revenue-icon{background-color:#007aff26;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23007aff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>')}.stat-content{display:flex;flex-direction:column}.stat-value{color:#fff;color:var(--text-dark);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.stat-label{font-size:.95rem;margin-bottom:4px}.stat-label,.stat-subtitle{color:#888;color:var(--text-muted)}.stat-subtitle{font-size:.8rem;opacity:.7}.animate-value{animation:countUp 1s ease-out forwards;display:inline-block}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.chart-card{background-color:#1e1e1e;background-color:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow);padding:20px;position:relative}.chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-card h3{font-size:1.2rem;font-weight:600;margin:0}.chart-actions{display:flex;gap:8px}.chart-action-btn{align-items:center;background-color:#2a2a2a;background-color:var(--hover-bg);border:none;border-radius:8px;color:#888;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chart-action-btn.active{background-color:#ff3b30;background-color:var(--primary-color);color:#fff}.chart-action-btn:hover:not(.active){background-color:#333;background-color:var(--border-light);color:#fff;color:var(--text-dark)}.chart-period-selector{background-color:#2a2a2a;background-color:var(--hover-bg);border:none;border-radius:8px;color:#fff;color:var(--text-dark);cursor:pointer;font-size:.9rem;padding:8px 12px}.chart-body{height:250px;position:relative}.chart-loading{align-items:center;color:#888;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:12px;height:250px;justify-content:center}.chart-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--primary-color);height:30px;width:30px}.chart-info{background-color:#0003;border-radius:12px;display:flex;justify-content:space-around;margin-top:16px;padding:12px}.chart-info-item{align-items:center;display:flex;flex-direction:column}.info-label{color:#888;color:var(--text-muted);font-size:.8rem;margin-bottom:4px}.info-value{color:#fff;color:var(--text-dark);font-size:1.1rem;font-weight:600}.info-date{color:#888;color:var(--text-muted);font-size:.8rem;opacity:.7}.pie-chart-container{align-items:center;display:flex;height:200px;justify-content:center;position:relative}.pie-chart-total{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.total-value{color:#fff;color:var(--text-dark);font-size:1.8rem;font-weight:700;line-height:1}.total-label{color:var(--text-muted);font-size:.8rem}.pie-chart-labels{display:flex;flex-direction:column;gap:16px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.pie-chart-label{gap:12px}.label-icon,.pie-chart-label{align-items:center;display:flex}.label-icon{border-radius:8px;height:28px;justify-content:center;width:28px}.validated-label .label-icon{background-color:#ff3b3026}.pending-label .label-icon{background-color:#ffcc0026}.label-content{display:flex;flex-direction:column}.label-percentage{font-size:1.1rem;font-weight:600;line-height:1}.validated-label .label-percentage{color:#ff3b30}.pending-label .label-percentage{color:#fc0}.label-text{color:#888;color:var(--text-muted);font-size:.8rem}.recent-activity-section{background-color:#1e1e1e;background-color:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow);padding:20px}.section-header{margin-bottom:16px}.section-header h3{font-size:1.2rem;font-weight:600}.view-all-btn{background:none;border:none;color:#ff3b30;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:500;transition:color .2s ease}.view-all-btn:hover{color:#ff6259;color:var(--primary-light);text-decoration:underline}.activity-list{display:flex;flex-direction:column}.activity-item{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-light);display:flex;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-item.new{background-color:#ff3b300d;border-radius:8px;margin:0 -10px;padding:12px 10px}.activity-icon{background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:10px;height:36px;margin-right:14px;width:36px}.activity-icon.created{background-color:#ff3b3026;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>')}.activity-icon.validated{background-color:#4cd96426;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234cd964" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>')}.activity-icon.sent{background-color:#007aff26;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23007aff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>')}.activity-content{flex:1 1}.activity-title{color:#fff;color:var(--text-dark);font-size:.95rem;font-weight:500;margin-bottom:4px}.activity-time{color:#888;color:var(--text-muted);font-size:.8rem}.activity-amount{color:#fff;color:var(--text-dark);font-size:1rem;font-weight:600}.settings-section{max-width:800px}.settings-placeholder{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.settings-option{background-color:#222;border:1px solid #333;border-radius:10px;box-shadow:0 4px 12px #0000004d;padding:24px;transition:all .3s ease}.settings-option:hover{border-color:#444;box-shadow:0 6px 16px #0006}.settings-option h3{font-size:18px;font-weight:600;margin-bottom:12px;margin-top:0}.settings-option p{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0}.settings-option ul{margin-top:10px;padding-left:20px}.settings-option li{color:#d0d0d0;font-size:14px;margin-bottom:5px}.settings-option .form-field{margin-bottom:16px}.settings-option .form-field label{color:#d0d0d0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.settings-option .form-field input,.settings-option .form-field textarea{-webkit-text-fill-color:#fff!important;background-color:#333;border:1px solid #444;border-radius:6px;-webkit-box-shadow:inset 0 0 0 1000px #333!important;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.settings-option .form-field input:-webkit-autofill,.settings-option .form-field input:-webkit-autofill:active,.settings-option .form-field input:-webkit-autofill:focus,.settings-option .form-field input:-webkit-autofill:hover,.settings-option .form-field textarea:-webkit-autofill,.settings-option .form-field textarea:-webkit-autofill:active,.settings-option .form-field textarea:-webkit-autofill:focus,.settings-option .form-field textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #333!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.settings-option .form-field input:focus,.settings-option .form-field textarea:focus{border-color:#ff4b4b;box-shadow:0 0 0 2px #ff4b4b33;outline:none}.settings-option .form-field input::placeholder,.settings-option .form-field textarea::placeholder{color:#666;opacity:1}.settings-option .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.settings-option .btn-primary{background-color:#ff4b4b;color:#fff}.settings-option .btn-primary:hover{background-color:#ff6b6b;transform:translateY(-1px)}.settings-option .btn-secondary{background-color:#333;border:1px solid #444;color:#fff}.settings-option .btn-secondary:hover{background-color:#444}.settings-option .btn-danger{background-color:#333;border:1px solid #ff4b4b;color:#ff4b4b}.settings-option .btn-danger:hover{background-color:#ff4b4b1a}.sidebar-nav li.active .invoices-icon,.sidebar-nav li.active .overview-icon,.sidebar-nav li.active .profile-icon,.sidebar-nav li.active .settings-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>')}.sidebar-nav li.active .overview-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>')}.sidebar-nav li.active .invoices-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></svg>')}.sidebar-nav li.active .settings-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>')}.loading{align-items:center;background-color:#121212;background-color:var(--dark-bg);color:#888;color:var(--text-muted);display:flex;flex-direction:column;font-size:1.2rem;height:100vh;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ff3b301a;border-radius:50%;border-top:3px solid var(--primary-color);height:50px;margin-bottom:16px;width:50px}@media (max-width:992px){.chart-container{grid-template-columns:1fr}.pie-chart-container{height:180px}}@media (max-width:768px){.stats-container{grid-template-columns:1fr 1fr}.overview-header{align-items:flex-start;flex-direction:column;gap:16px}.time-filter{overflow-x:auto;width:100%}}@media (max-width:576px){.stats-container{grid-template-columns:1fr}.stat-card{min-width:0;min-width:auto}.activity-item{flex-wrap:wrap}.activity-amount{margin-left:50px;margin-top:8px;width:100%}}.settings-section{background-color:#1e1e1e;background-color:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow);padding:16px;width:100%}.settings-section h2{color:#fff;color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:24px}.settings-tabs{border-bottom:1px solid #ffffff1a;display:flex;margin-bottom:24px;overflow-x:auto;padding-bottom:2px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#888;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:#fff;color:var(--text-dark)}.tab-button.active{border-bottom:2px solid #ff3b30;border-bottom:2px solid var(--primary-color);color:#ff3b30;color:var(--primary-color)}.settings-content{padding:16px 0}.settings-placeholder{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.settings-option{background-color:#ffffff0d;border-radius:12px;padding:20px}.settings-option h3{color:#fff;color:var(--text-dark);font-size:1.1rem;margin-bottom:8px}.settings-option p{color:#888;color:var(--text-muted);font-size:.9rem;margin-bottom:16px}.form-field{margin-bottom:16px}.form-field label{color:#888;color:var(--text-muted);font-size:.9rem;margin-bottom:6px}.form-field input,.form-field textarea{background-color:#0003;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-dark);font-size:.95rem;padding:10px 12px;width:100%}.form-field input:focus,.form-field textarea:focus{border-color:#ff3b30;border-color:var(--primary-color);box-shadow:0 0 0 1px #ff3b30;box-shadow:0 0 0 1px var(--primary-color);outline:none}.settings-save-button{background-color:#ff3b30;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:16px;padding:10px 16px;transition:background-color .2s ease}.settings-save-button:hover{background-color:#ff6259;background-color:var(--primary-light)}@media (max-width:768px){.settings-placeholder{grid-template-columns:1fr}.settings-tabs{justify-content:flex-start;padding-bottom:8px}}.backup-accounts-section{margin-top:1.5rem}.linked-accounts{margin-bottom:2rem}.linked-accounts h4{color:#fff;font-size:1.1rem;margin-bottom:1rem}.account-list{background:#333;background:var(--border-light);border-radius:8px;padding:1rem}.account-item{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:.75rem}.account-item:last-child{border-bottom:none}.account-info{display:flex;flex-direction:column;gap:.25rem}.account-email{color:#fff;font-weight:500}.account-status{background:#34c7591a;border-radius:4px;color:#34c759;font-size:.8rem;padding:.25rem .5rem;width:fit-content}.account-status.primary{background:#ff3b301a;color:#ff3b30}.add-account-section{background:#333;background:var(--border-light);border-radius:8px;padding:1.5rem}.add-account-section h4{color:#fff;font-size:1.1rem;margin-bottom:1rem}.add-account-form{align-items:flex-end;display:flex;gap:1rem}.add-account-form .form-field{flex:1 1;margin-bottom:0}.auth-methods{gap:1rem;margin-top:1.5rem}.auth-method,.auth-methods{display:flex;flex-direction:column}.auth-method{background:#333;background:var(--border-light);border-radius:8px;padding:1.5rem}.method-content{margin-bottom:1rem}.method-content,.method-header{align-items:center;display:flex;gap:1rem}.method-header{flex:1 1}.method-icon{align-items:center;background:#ff3b301a;border-radius:8px;color:#ff3b30;display:flex;height:40px;justify-content:center;width:40px}.method-info{flex:1 1}.method-info h4{color:#fff;font-size:1rem;margin-bottom:.25rem}.method-info p{color:#a0a0a0;font-size:.9rem;margin:0}.method-actions{border-top:1px solid #3a3a3a;display:flex;justify-content:flex-end;padding-top:1rem}.active-sessions{background:#333;background:var(--border-light);border-radius:8px;margin-top:1.5rem;padding:1rem}.session-item{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:1rem}.session-item:last-child{border-bottom:none}.session-info{display:flex;flex-direction:column;gap:.5rem}.session-device{align-items:center;display:flex;gap:.5rem}.device-icon{font-size:1.2rem}.device-name{color:#fff;font-weight:500}.session-details{display:flex;gap:1rem}.session-location,.session-time{color:#a0a0a0;font-size:.9rem}.session-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.btn-sm{font-size:.9rem;padding:.5rem 1rem}:root{--card-background:var(--gray);--border-color:#ffffff1a;--input-background:var(--dark-gray);--placeholder-color:#666}.invoice-form-container{background-color:#121212;background-color:var(--black);color:#fff;color:var(--white);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:900px;padding:0 20px 30px;width:100%}.invoice-header{border-bottom:1px solid #333;border-bottom:1px solid var(--gray);justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.invoice-logo{align-items:center;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.logo-text{color:#fff;color:var(--white)}.logo-dot{color:#ff3b30;color:var(--accent-red);font-size:2.2rem;margin:0 2px}.logo-invoice{color:#888;color:var(--light-gray);font-weight:400}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{margin:0}.form-section p{color:#888;color:var(--light-gray);font-size:13px;font-style:italic;margin-top:8px;padding-bottom:10px}.required-indicator,.required-note{color:#ff3b30;color:var(--accent-red);margin-left:3px}.field-note,.required-note{font-size:.8rem}.field-note{color:#888;color:var(--light-gray);font-style:italic;margin-top:5px}.form-group input,.form-group select{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--white);font-family:inherit;font-size:14px;padding:12px 15px;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus{border-color:#ff3b30;border-color:var(--accent-red);box-shadow:0 0 0 2px #ff3b3033;outline:none}.add-item-button{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;transition:all var(--transition-fast)}.add-item-button:hover{background-color:#ff3b301a;border-color:#ff3b30;border-color:var(--accent-red)}.remove-item-button{background:none;border:none;border-radius:4px;color:#ff3b30;color:var(--accent-red);cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s ease;transition:background-color var(--transition-fast)}.remove-item-button:hover{background-color:#ff3b301a}.totals-section{margin-top:20px}.invoice-summary{background-color:#222;background-color:var(--dark-gray);border-radius:8px;padding:20px}.summary-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.summary-row:not(:last-child){border-bottom:1px solid #ffffff1a}.summary-label{color:#888;color:var(--light-gray);font-size:16px;font-weight:500}.summary-value{color:#fff;color:var(--white);font-size:16px;font-weight:600}.tax-row{color:#888;color:var(--light-gray);display:flex;justify-content:space-between}.total-row{border-top:1px solid #fff3!important;margin-top:5px;padding-top:15px}.summary-value.total{color:#4cd964;color:var(--accent-green);font-size:20px;font-weight:700}.tax-configuration{align-items:center;display:flex;gap:20px}.tax-rate-input{align-items:center;display:flex;max-width:150px;position:relative}.tax-rate-field{color:#4cd964!important;color:var(--accent-green)!important;font-size:16px!important;font-weight:600;padding-right:30px!important}.tax-rate-symbol{font-weight:600;position:absolute;right:15px}.tax-rate-help,.tax-rate-symbol{color:#888;color:var(--light-gray)}.tax-rate-help{font-size:13px;font-style:italic;margin-top:8px}.form-actions{justify-content:flex-end;margin-top:20px}.form-actions.centered{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.form-button{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease;transition:all var(--transition-medium)}.circle-icon-label{margin-left:10px}.circle-icon{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease;transition:all var(--transition-fast)}.circle-icon:hover{transform:translateY(-2px)}.form-button.circle-icon{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease;transition:all var(--transition-fast)}.form-button.circle-icon:hover{transform:translateY(-2px)}.form-button.circle-icon .circle-icon{align-items:center;background:linear-gradient(135deg,red,#000);border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:1.25rem;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.form-button.circle-icon .circle-icon:after{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.form-button.circle-icon .circle-icon-label{color:#888;color:var(--light-gray);font-size:.9rem}.form-button.primary{background-color:#ff3b30;background-color:var(--accent-red);color:#fff}.form-button.primary:hover{background-color:#ff1f14;box-shadow:0 4px 12px #ff3b304d;transform:translateY(-2px)}.form-button.primary:disabled{background-color:#ff3b3080;box-shadow:none;cursor:not-allowed;transform:none}.form-button.secondary{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;color:#fff;color:var(--white)}.form-button.secondary:hover{background-color:#ffffff26}.form-button.validate-button{align-items:center;background-color:#4cd964;border:none;color:#fff;color:var(--white);display:flex;gap:8px;justify-content:center;overflow:hidden;position:relative}.form-button.validate-button:hover{background-color:#3cb853;box-shadow:0 4px 12px #4cd9644d;transform:translateY(-2px)}.form-button.validate-button:disabled{background-color:#3a8a48;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.checkmark-icon{align-items:center;display:inline-flex;font-size:16px;font-weight:700;justify-content:center}.message.error{background-color:#ff3b301a;border-left:4px solid #ff3b30;border-left:4px solid var(--accent-red);border-radius:5px;font-size:14px;line-height:1.6;margin-bottom:20px;padding:15px;white-space:pre-wrap}.invoice-success{animation:fadeIn .5s ease forwards;background-color:#333;background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0003;padding:40px;text-align:center}.success-icon{background-color:#4cd96426;color:#4cd964;color:var(--accent-green);font-size:30px;height:60px;margin:0 auto 20px;width:60px}.invoice-success h3{color:#fff;color:var(--white);font-size:24px;margin-bottom:10px}.invoice-success p{color:#888;color:var(--light-gray);margin-bottom:30px}.invoice-details{border-radius:8px;margin-bottom:30px;padding:20px}.detail-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:10px 0}.detail-item:last-child{border-bottom:none}.detail-label,.invoice-success .detail-label{color:#888;color:var(--light-gray);font-weight:500}.detail-value{font-weight:600}.detail-value.success,.detail-value.total{color:#4cd964;color:var(--accent-green)}.detail-value.total{font-size:18px;font-weight:700}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.invoice-total{flex-direction:column;gap:10px;text-align:center}.form-actions{flex-direction:column-reverse}.form-button{width:100%}}.welcome-banner{padding:2.5rem}.banner-header{margin-bottom:.75rem}.banner-header h2{font-size:2rem;margin:0}.welcome-banner:before{background:linear-gradient(90deg,#ff3b30,#ff3b3080);background:linear-gradient(90deg,var(--accent-red) 0,#ff3b3080 100%);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.error-list{list-style-type:none;margin:0;padding:0}.error-list li{margin-bottom:10px;padding-left:20px;position:relative}.error-list li:before{color:#ff3b30;color:var(--accent-red);content:"•";font-weight:700;left:0;position:absolute}.currency-selector{align-items:center;display:flex;position:relative}.currency-loading{animation:pulse 1s ease-in-out infinite;color:#ff3b30;color:var(--accent-red);font-size:.8rem;position:absolute;right:10px}.currency-conversion-info{color:#888;color:var(--light-gray);font-style:italic;margin-top:5px}.currency-conversion-info small{font-size:.7rem}.cost-input-container{align-items:center;display:flex;gap:10px;margin-bottom:8px}.cost-input{flex:1 1}.currency-toggle-button{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease;transition:all var(--transition-fast);white-space:nowrap}.currency-toggle-button:hover{background-color:#ff3b301a;border-color:#ff3b30;border-color:var(--accent-red)}.currency-conversion-container{animation:fadeIn .3s ease;background-color:#0003;border:1px solid #ffffff0d;border-radius:6px;margin-top:10px;padding:12px}.currency-conversion-inputs{display:flex;gap:10px;margin-bottom:10px}.currency-select{flex:1 1;min-width:120px}.currency-amount-input{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--white);flex:1 1;font-family:inherit;font-size:14px;padding:12px 15px;transition:all .2s ease;transition:all var(--transition-fast)}.currency-amount-input:focus{border-color:#ff3b30;border-color:var(--accent-red);box-shadow:0 0 0 2px #ff3b3033;outline:none}.convert-button{background-color:#ff3b30;background-color:var(--accent-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease;transition:all var(--transition-medium);width:100%}.convert-button:hover{background-color:#ff1f14;box-shadow:0 4px 12px #ff3b304d;transform:translateY(-2px)}.convert-button:disabled{background-color:#ff3b3080;box-shadow:none;cursor:not-allowed;transform:none}.item-conversion-info{background-color:#4cd9641a;border-left:2px solid #4cd964;border-left:2px solid var(--accent-green);border-radius:4px;color:#4cd964;color:var(--accent-green);font-style:italic;margin-top:8px;padding:6px 10px}.item-conversion-info small{display:block;font-size:.8rem;line-height:1.2}.item-error-message{background-color:#ff3b301a;border-left:2px solid #ff3b30;border-left:2px solid var(--accent-red);border-radius:4px;color:#ff3b30;color:var(--accent-red);font-style:italic;margin-top:8px;padding:6px 10px}.item-error-message small{display:block;font-size:.8rem;line-height:1.2}.currency-note{background-color:#ffffff0d;border-left:2px solid #ff3b30;border-left:2px solid var(--accent-red);border-radius:4px;margin-bottom:15px;padding:8px 12px}.currency-note small{color:#888;color:var(--light-gray);font-style:italic}.padding-bottom{padding-bottom:10px}.peppol-sending-section{background-color:#333;background-color:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;color:var(--white);margin-top:30px;padding:20px}.peppol-sending-section h3{color:#fff;color:var(--white);font-size:1.2rem;font-weight:600;margin-bottom:15px}.peppol-sending-section p{color:#888;color:var(--light-gray);line-height:1.5;margin-bottom:15px}.peppol-form{margin-top:15px}.peppol-form input{background-color:#222;background-color:var(--input-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:6px;color:#fff;color:var(--white);font-size:.95rem;margin-bottom:10px;padding:12px;width:100%}.peppol-form input::placeholder{color:#666;color:var(--placeholder-color)}.peppol-form input:focus{border-color:#ff3b30;border-color:var(--accent-red);box-shadow:0 0 0 2px #ff3b3033;outline:none}.peppol-form small{color:#888;color:var(--light-gray);display:block;font-style:italic;margin-bottom:15px}.send-peppol-button{align-items:center;border-radius:6px;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:12px 24px}.send-peppol-button:hover{background-color:#ff1f14;transform:translateY(-2px)}.send-peppol-button:disabled{background-color:#ff3b3080;opacity:.7}.send-peppol-button svg{height:18px;width:18px}.peppol-not-configured{background-color:#ffffff0d;border-left:3px solid #ff3b30;border-left:3px solid var(--accent-red);border-radius:6px;margin-bottom:15px;padding:15px}:root{--accent-orange:orange}.validation-container{animation:validationFadeIn .5s ease forwards;background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0003;margin:40px auto;max-width:800px;padding:40px;text-align:center}.validation-success-icon{align-items:center;border-radius:50%;box-shadow:0 0 20px #4cd9644d;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.validation-success-icon.valid{background-color:#4cd96426;color:var(--accent-green)}.validation-error-icon,.validation-success-icon.invalid{background-color:#ff3b3026;box-shadow:0 0 20px #ff3b304d;color:#ff3b30}.validation-error-icon{align-items:center;border-radius:50%;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.validation-container h3{color:var(--white);font-size:24px;margin-bottom:10px}.validation-container p{color:var(--light-gray);margin-bottom:30px}.validation-schema-list{list-style:none;margin:10px 0;padding:0}.validation-schema-list li{background-color:var(--dark-gray);border-radius:4px;color:var(--white);display:inline-block;margin:5px;padding:5px 10px}.validation-invoice-details{background-color:var(--dark-gray);border-radius:8px;margin-bottom:30px;padding:20px}.validation-invoice-details h4{color:var(--white);margin-bottom:20px;text-align:left}.validation-invoice-item,.validation-invoice-list{display:flex;flex-direction:column;gap:10px}.validation-invoice-item{background-color:#ffffff0d;border-radius:6px;padding:15px;transition:background-color .2s ease}.validation-invoice-info{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.validation-invoice-id{color:var(--white);flex-grow:1;font-weight:500}.validation-status{align-items:center;border-radius:4px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:4px 10px}.validation-status.success{background-color:#4cd96426;color:var(--accent-green)}.validation-status.failed{background-color:#ff3b3026;color:#ff3b30}.validation-errors{background-color:#ff3b301a;border-left:4px solid var(--accent-red)}.validation-errors,.validation-warnings{border-radius:4px;margin-top:10px;padding:10px;text-align:left}.validation-warnings{background-color:#ff95001a;border-left:4px solid orange;border-left:4px solid var(--accent-orange)}.validation-errors h5{color:var(--accent-red);font-size:14px;margin-bottom:5px}.validation-warnings h5{color:orange;color:var(--accent-orange);font-size:14px;margin-bottom:5px}.validation-errors ul,.validation-warnings ul{list-style:disc;margin:0;padding-left:20px}.validation-errors li{color:var(--accent-red)}.validation-errors li,.validation-warnings li{font-size:13px;line-height:1.4;margin-bottom:3px}.validation-warnings li{color:orange;color:var(--accent-orange)}.validation-edit-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--light-gray);cursor:pointer;font-size:1.2rem;height:100%;padding:8px;transition:all .2s ease}.validation-edit-button:hover{background-color:#ffffff1a;color:var(--white)}.validation-form-actions{margin-top:30px}.validation-form-button{border-radius:6px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.validation-form-button.primary{background-color:var(--dark-gray);border:1px solid #ffffff1a;color:var(--white);width:15%}.validation-form-button.primary:hover{background-color:var(--accent-white);transform:translateY(-1px)}@keyframes validationFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--menu-primary-color:#ff3b30;--menu-primary-light:#ff6259;--menu-secondary-color:#333;--menu-dark-bg:#121212;--menu-sidebar-bg:#222;--menu-content-bg:#121212;--menu-text-dark:#fff;--menu-text-muted:#888;--menu-border-light:#333;--menu-card-shadow:0 4px 12px #0000004d;--menu-transition-speed:0.3s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes glow{0%{text-shadow:0 0 5px #ff3b3080}50%{text-shadow:0 0 20px #ff3b30cc}to{text-shadow:0 0 5px #ff3b3080}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.menu-sidebar{background-color:#222;background-color:var(--menu-sidebar-bg);border-right:1px solid #333;border-right:1px solid var(--menu-border-light);bottom:0;box-shadow:2px 0 10px #00000080;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:250px;z-index:100}.menu-sidebar-header{border-bottom:1px solid #333;border-bottom:1px solid var(--menu-border-light);padding:20px}.menu-dashboard-logo{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;transition:all .3s ease}.animated-logo{border-radius:8px;overflow:hidden;padding:5px;position:relative;transition:transform .3s ease,background-color .3s ease}.animated-logo:hover{background-color:#ff3b301a;transform:scale(1.05)}.animated-logo:active,.logo-clicked{animation:bounce .5s ease}.logo-ripple{animation:ripple .6s ease-out;background-color:#ff3b304d;border-radius:50%;height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:20px;z-index:-1}.menu-logo-text{color:#fff;transition:color .3s ease}.animated-logo:hover .menu-logo-text{color:#ff6259;color:var(--menu-primary-light)}.menu-logo-dot{color:#ff3b30;color:var(--menu-primary-color);font-size:1.8rem;margin:0 2px;transition:color .3s ease}.animated-logo:hover .menu-logo-dot{animation:pulse 1s infinite;color:#ff6259;color:var(--menu-primary-light)}.menu-logo-invoice{color:#888;color:var(--menu-text-muted);font-weight:400;transition:color .3s ease}.animated-logo:hover .menu-logo-invoice{color:#fff;color:var(--menu-text-dark)}.menu-buttons-container{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:0 20px}.menu-create-invoice-button,.menu-upload-xml-button{align-items:center;background-color:#ff3b30;background-color:var(--menu-primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.menu-create-invoice-button:hover,.menu-upload-xml-button:hover{background-color:#ff6259;background-color:var(--menu-primary-light);box-shadow:0 4px 12px #ff3b304d;transform:translateY(-1px)}.menu-plus-icon,.menu-upload-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.menu-sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 0}.menu-sidebar-nav ul{list-style:none;margin:0;padding:0}.menu-sidebar-nav li{align-items:center;border-radius:8px;color:#888;color:var(--menu-text-muted);cursor:pointer;display:flex;margin:5px 10px;padding:12px 20px;transition:background-color .3s;transition:background-color var(--menu-transition-speed)}.menu-sidebar-nav li:hover{background-color:#ff3b301a;color:#ff3b30;color:var(--menu-primary-color)}.menu-sidebar-nav li.menu-active{background-color:#ff3b3033;color:#ff3b30;color:var(--menu-primary-color);font-weight:600}.menu-nav-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;margin-right:12px;opacity:.8;width:20px}.menu-profile-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>')}.menu-overview-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>')}.menu-invoices-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></svg>')}.menu-shared-invoices-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>')}.menu-settings-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>')}.menu-logout-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>')}.menu-sidebar-footer{border-top:1px solid #333;border-top:1px solid var(--menu-border-light);padding:20px}.menu-logout-button{align-items:center;background:none;border:none;border-radius:8px;color:#888;color:var(--menu-text-muted);cursor:pointer;display:flex;font-size:1rem;padding:10px;transition:background-color .3s;transition:background-color var(--menu-transition-speed);width:100%}.menu-logout-button:hover{background-color:#ff3b301a;color:#ff3b30;color:var(--menu-primary-color)}.menu-sidebar-nav li.menu-active .menu-invoices-icon,.menu-sidebar-nav li.menu-active .menu-overview-icon,.menu-sidebar-nav li.menu-active .menu-profile-icon,.menu-sidebar-nav li.menu-active .menu-settings-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>')}.menu-sidebar-nav li.menu-active .menu-overview-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>')}.menu-sidebar-nav li.menu-active .menu-invoices-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></svg>')}.menu-sidebar-nav li.menu-active .menu-settings-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>')}.menu-sidebar-nav li.menu-active .menu-shared-invoices-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff3b30" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>')}@media (max-width:768px){.menu-sidebar{overflow:hidden;width:80px}.menu-sidebar-header{padding:15px;text-align:center}.menu-dashboard-logo{font-size:1.2rem;justify-content:center}.menu-logo-invoice{display:none}.menu-create-invoice-button,.menu-create-invoice-button-container{padding:10px}.menu-create-invoice-button span:not(.menu-plus-icon){display:none}.menu-plus-icon{margin:0}.menu-sidebar-nav li{justify-content:center;padding:15px 0}.menu-sidebar-nav li span{display:none}.menu-nav-icon{margin:0}.menu-logout-button span{display:none}}.search-results-dropdown{background:var(--dark-gray);border-radius:8px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:8px;max-height:300px;max-width:600px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-results-dropdown::-webkit-scrollbar{width:0}.search-results-dropdown::-webkit-scrollbar-track{background:var(--dark-gray)}.search-results-dropdown::-webkit-scrollbar-thumb{background-color:var(--dark-gray);border-radius:4px}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:var(--dark-gray)}.search-result-item{align-items:flex-start;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s;width:100%}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#5c5c5c1a}.result-icon{color:#ff3b30cc;font-size:1.5rem;margin-left:12px;margin-right:12px;margin-top:4px}.result-icon:hover{transform:scale(1.1)}.result-content{flex:1 1;padding-left:1rem}.result-title{color:#333;font-weight:500;margin-bottom:4px}.result-subtitle{color:var(#fff);font-size:.85rem;margin-bottom:2px}.result-timestamp{color:#888;font-size:.75rem;font-style:italic}.app-content,.app-layout{background-color:#121212;display:flex;min-height:100vh}.app-content{flex:1 1;flex-direction:column;margin-left:250px}.main-content-area{flex:1 1;overflow-y:auto;padding:20px}.search-container{flex:1 1;max-width:600px;position:relative}@media (max-width:768px){.app-content{margin-left:80px}}.send-options-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.send-options-content{animation:modalAppear .3s ease-out;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%}.send-options-content:before{background:red;border-radius:4px 4px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.close-button{color:var(--light-gray);padding:.5rem;transition:color .2s ease}.close-button:hover{color:var(--white)}.send-options-title{color:var(--white);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 1.25rem}.send-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.send-option{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all var(--transition-fast)}.send-option:hover{transform:translateY(-2px)}.send-option-icon{align-items:center;background:linear-gradient(135deg,red,#000);border-radius:50%;color:var(--white);display:flex;font-size:1.25rem;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.send-option-icon img{filter:brightness(0) invert(1);height:60%;object-fit:contain;width:60%}.send-option-icon:after{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.send-option-icon.peppol{background:linear-gradient(135deg,red,#000);padding:8px}.send-option-icon.peppol:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="white"/><circle cx="12" cy="12" r="8" fill="none" stroke="%23ff0000" stroke-width="1"/><circle cx="12" cy="12" r="5" fill="none" stroke="%23ff0000" stroke-width="1"/><circle cx="12" cy="12" r="2" fill="%23ff0000"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:60%;content:"";height:100%;position:absolute;width:100%}.send-option-label{color:var(--light-gray);font-size:.9rem}.send-options-buttons{display:flex;gap:1rem;justify-content:center}.send-options-button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:.875rem 1.75rem;transition:all .2s ease}.send-options-button.cancel{background-color:var(--dark-gray);border:1px solid var(--gray);color:var(--white)}.send-options-button.cancel:hover{background-color:#ffffff26;border-color:#fff3;transform:translateY(-1px)}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.email-send-content{max-width:500px}.email-send-content p{color:var(--light-gray);font-size:.9rem;margin-bottom:1rem}.email-input-container{margin:1.5rem 0}.email-input-container small{color:var(--light-gray);display:block;font-size:.8rem;font-style:italic;justify-content:left;margin-top:.2rem;text-align:left;width:100%}.email-tags{background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;min-height:44px;padding:.5rem}.email-tags.success{align-items:center;background-color:var(--gray);border:none;justify-content:center;width:auto}.email-tag{align-items:center;background-color:#ffffff1a;border-radius:16px;color:var(--white);display:flex;font-size:.9rem;gap:.5rem;padding:.25rem .75rem}.email-tag-icon{color:var(--accent-red);font-size:.8rem}.email-tag-remove{align-items:center;background:none;border:none;color:var(--light-gray);cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:0;transition:color .2s ease}.email-input,.email-tag-remove:hover{color:var(--white)}.email-input{background:none;border:none;flex:1 1;font-size:.9rem;min-width:120px;outline:none;padding:.25rem}.email-input::placeholder{color:var(--light-gray)}.email-error{background-color:#ff3b301a;border-left:3px solid var(--accent-red);border-radius:4px;color:var(--accent-red);font-size:.9rem;margin-top:.5rem;padding:.5rem}.send-email-button{background-color:var(--accent-red);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:.875rem 1.75rem;transition:all .2s ease}.send-email-button:hover:not(:disabled){background-color:#ff1f14;transform:translateY(-1px)}.send-email-button:disabled{background-color:#ff3b3080;cursor:not-allowed;transform:none}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.loader{animation:rotation 1s linear infinite;border:5px solid;border-color:#fff #fff #ff3d00;border-radius:50%;box-sizing:border-box;display:inline-block;height:70px;margin-top:1.5rem;width:70px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invoice-list-container{background-color:#121212;background-color:var(--black);color:#fff;color:var(--white);display:flex;flex-direction:column;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;position:relative;width:100%}.invoice-list-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--gray);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.invoice-list-title{color:#333;font-size:2rem;margin-bottom:1.5rem}.filter-panel{background-color:#333;background-color:var(--gray);background-image:linear-gradient(135deg,#ff3b3026,#12121200);border-radius:12px;box-shadow:0 4px 20px #0003;margin-bottom:2rem;overflow:hidden;padding:1.5rem 1.5rem 1.5rem 2.5rem;position:relative;width:100%}.filter-panel:before{background:linear-gradient(90deg,#ff3b30,#ff3b3080);background:linear-gradient(90deg,var(--accent-red) 0,#ff3b3080 100%);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.filter-panel-header{cursor:pointer;width:100%}.filter-panel-title h2{color:#fff;color:var(--white);font-size:2rem;margin-bottom:.75rem;margin-top:0}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:0;padding-right:1rem;padding-top:1rem}.filter-group label{color:#888;color:var(--light-gray);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.filter-group select{transition:all .2s ease;transition:all var(--transition-fast);width:100%}.filter-group button,.filter-group select{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--white);font-family:inherit;font-size:14px;padding:12px 15px}.filter-group button:hover,.filter-group select:hover{animation:hover-animation .3s ease;background-color:#333;background-color:var(--gray);border-color:#ff3b30;border-color:var(--accent-red);box-shadow:0 0 0 2px #ff3b3033;cursor:pointer;outline:none}.filter-label{color:#888;color:var(--light-gray);font-weight:500}.filter-select{background-color:#222;background-color:var(--dark-gray);border-radius:8px;color:#fff;color:var(--white);font-weight:400;margin-bottom:10px;padding:10px}.invoice-list{flex:1 1;list-style:none;margin:0 0 1rem;overflow-y:auto;padding:0}.invoice-list-header-row{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#888;color:var(--light-gray);font-weight:600;margin-bottom:1rem}.invoice-header,.invoice-list-header-row{align-items:center;display:flex;gap:1rem;justify-content:flex-start;padding:1rem}.invoice-header{background-color:#333;background-color:var(--gray);position:relative}.invoice-header-content{justify-content:space-between;padding-right:2rem;width:100%}.invoice-header-arrow,.invoice-header-content{align-items:center;cursor:pointer;display:flex}.invoice-header-arrow{color:#888;color:var(--light-gray);justify-content:center;min-width:40px;padding:.5rem;transition:transform .2s ease;transition:transform var(--transition-fast)}.invoice-header-actions{align-items:center;display:flex;gap:.5rem}.invoice-header-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#888;color:var(--light-gray);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.invoice-header-icon:hover{background:#ffffff1a;color:#fff;color:var(--white);transform:translateY(-1px)}.invoice-header-icon svg{stroke:currentColor;height:16px;width:16px}.invoice-header-icon.view-details{font-size:1.2rem}.invoice-header-icon.validate{margin-right:8px}.invoice-header-icon.validate:hover{color:var(--accent-green-hover);transform:scale(1.1)}.invoice-header-arrow.expanded{transform:rotate(180deg)}.invoice-main-info{grid-gap:1.5rem;align-items:center;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:120px 120px 80px 170px;padding-left:0}.invoice-dates{color:#888;color:var(--light-gray);font-size:.9rem;padding-left:2.5rem}.invoice-dates,.invoice-list-header-row .invoice-dates{align-items:center;display:flex;justify-content:flex-start;min-width:150px}.invoice-item{background-color:#333;background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0003;margin-bottom:1rem;overflow:hidden;transition:all .3s ease;transition:all var(--transition-medium)}.invoice-item:hover{box-shadow:0 6px 24px #0000004d;cursor:pointer}.invoice-column-header{color:#ffffffe6;color:var(--light-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-status{border-radius:20px;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-align:center}.status-valid{background:#4cd96426;border:1px solid #4cd9644d;color:#4cd964;color:var(--accent-green)}.status-invalid{background:#ff3b3026;border:1px solid #ff3b304d;color:#ff3b30;color:var(--accent-red)}.invoice-details{background-color:#222;background-color:var(--dark-gray);border-top:1px solid #ffffff1a;padding:1.5rem}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.5rem}.list-detail-label{color:#888;color:var(--light-gray);font-size:.875rem;font-weight:500}.detail-value{color:var(--white);font-size:.9rem}.error-message{background-color:#ff3b3026;border:1px solid #ff3b304d;border-radius:6px;color:#ff3b30;color:var(--accent-red);margin-bottom:1rem}.invoice-checkbox-container{align-items:center;display:flex;justify-content:center;margin-right:.5rem;min-width:40px}.invoice-checkbox{appearance:none;-webkit-appearance:none;background-color:initial;border:2px solid #888;border:2px solid var(--light-gray);border-radius:4px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:20px}.invoice-checkbox:checked{background-color:#fff;background-color:var(--white);border-color:#fff;border-color:var(--white)}.invoice-checkbox:checked:after{color:#121212;color:var(--black);content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.invoice-checkbox:hover{border-color:#fff;border-color:var(--white)}.invoice-checkbox:focus{box-shadow:0 0 0 2px #fff3;outline:none}@media (max-width:768px){.invoice-main-info{align-items:flex-start;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-right:0}.invoice-dates,.invoice-main-info{flex-direction:column;gap:.5rem}.invoice-header{pad:0;flex-direction:column;gap:0}}.view-options{display:flex;gap:.5rem}.view-option-button{background-color:#222;background-color:var(--dark-gray);border:1px solid #888;border:1px solid var(--light-gray);border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease;transition:all var(--transition-fast)}.view-option-button:hover{background-color:#333;background-color:var(--gray);border-color:#fff;border-color:var(--white)}.action-bar{background-color:#222;background-color:var(--dark-gray);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0003;left:0;padding:1rem;position:fixed;right:0;z-index:1000}.action-bar-content{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin:0 auto;max-width:900px;padding:0 20px}.selected-count{color:#888;color:var(--light-gray);font-size:.9rem;margin-right:.5rem}.action-buttons{display:flex;gap:.5rem}.action-bar-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#888;color:var(--light-gray);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;transition:all var(--transition-fast);width:40px}.action-bar-icon:hover{background:#ffffff1a;color:#fff;color:var(--white);transform:translateY(-1px)}.action-bar-icon svg{stroke:currentColor;height:20px;width:20px}.action-bar-icon.validate{border-color:#4cd9644d;color:#4cd964;color:var(--accent-green)}.action-bar-icon.validate:hover{background:#4cd96426;color:#4cd964;color:var(--accent-green)}.action-bar-icon.delete{border-color:#ff3b304d;color:#ff3b30;color:var(--accent-red)}.action-bar-icon.delete:hover{background:#ff3b3026;color:#ff3b30;color:var(--accent-red)}.action-bar-icon.download{border-color:#4cd9644d;color:#4cd964;color:var(--accent-green)}.action-bar-icon.download:hover{background:#4cd96426;color:#4cd964;color:var(--accent-green)}.action-bar-icon.cancel{color:#888;color:var(--light-gray)}.action-bar-icon.cancel:hover{background:#ffffff1a;color:#fff;color:var(--white)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf}.modal-content{animation:modalAppear .3s ease-out;background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:400px;text-align:center}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 1.25rem}.modal-content p{color:#888;color:var(--light-gray);font-weight:400;line-height:1.6;margin:0 0 2rem}.modal-buttons{justify-content:center}.modal-button{border-radius:8px;font-size:.95rem;font-weight:500;min-width:120px;padding:.875rem 1.75rem}.modal-button.cancel{background-color:#ffffff1a;border:1px solid #ffffff1a}.modal-button.cancel:hover{background-color:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.modal-button.delete{background-color:#ff3b30;background-color:var(--accent-red);border:none;color:#fff;color:var(--white)}.modal-button.delete:hover{background-color:#ff4b40;box-shadow:0 4px 12px #ff3b304d;transform:translateY(-1px)}.send-peppol-button{background-color:#ff3b30;background-color:var(--accent-red);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:.875rem 1.75rem;transition:all .2s ease}.send-peppol-button:hover{background-color:#ff4b40;box-shadow:0 4px 12px #ff3b304d;transform:translateY(-1px)}.send-peppol-button:disabled{background-color:#888;background-color:var(--light-gray);box-shadow:none;cursor:not-allowed;transform:none}.invoice-pagination{background-color:#fff;border-top:1px solid #e2e8f0}.validation-overlay{align-items:center;animation:fadeIn .3s ease forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.validation-pop-up{animation:slideIn .3s ease forwards;background-color:#333;background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0003;max-width:500px;overflow:hidden;padding:1.5rem;position:relative;width:90%;z-index:1000}.validation-pop-up:before{background:linear-gradient(90deg,#ff3b30,#ff3b3080);background:linear-gradient(90deg,var(--accent-red) 0,#ff3b3080 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.validation-pop-up h1{color:#fff;color:var(--white);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.validation-schemas{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.schema-option{align-items:center;background-color:#222;background-color:var(--dark-gray);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;min-height:60px;padding:1rem;transition:all .3s ease;transition:all var(--transition-medium)}.schema-option:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.schema-option.selected{background-color:#ff3b301a;border-color:#ff3b30;border-color:var(--accent-red)}.schema-option input[type=checkbox]{accent-color:#ff3b30;accent-color:var(--accent-red);height:16px;width:16px}.schema-option label{color:#fff;color:var(--white);cursor:pointer;flex:1 1;font-size:.95rem}.validation-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.validation-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.25rem;transition:all .3s ease;transition:all var(--transition-medium)}.validation-buttons.cancel{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;color:#fff;color:var(--white)}.validation-buttons.cancel:hover{background-color:#333;background-color:var(--gray);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.validation-buttons.verify{background-color:#ff3b30;background-color:var(--accent-red);color:#fff;color:var(--white)}.validation-buttons.verify:hover{background-color:#ff1f14;box-shadow:0 4px 12px #ff3b304d;transform:translateY(-2px)}.validation-message{background-color:#ff3b3026;border:1px solid #ff3b304d;border-radius:6px;color:#ff3b30;color:var(--accent-red);font-size:.9rem;margin-bottom:1rem;padding:.75rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.validation-pop-up{padding:1.25rem;width:95%}.validation-schemas{flex-direction:column;gap:.75rem}.validation-buttons{flex-direction:column-reverse}.validation-buttons button{width:100%}}.invoice-pagination{align-items:center;background-color:var(--black);border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:center;margin-top:auto;padding:1rem 0;width:100%}.page-numbers{align-items:center;display:flex;gap:.5rem}.page-number,.pagination-button{background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:8px;color:var(--light-gray);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.page-number:hover:not(.active),.pagination-button:hover:not(:disabled){background-color:#ff3b3026;border-color:#ff3b304d;color:var(--white)}.pagination-button:disabled{color:var(--light-gray);cursor:not-allowed;opacity:.5}.page-number.active{background-color:#ff3b3026;border-color:#ff3b304d;color:var(--accent-red)}.ellipsis{color:var(--light-gray);padding:0 .5rem}.peppol-settings-container{align-items:flex-start;display:flex;gap:30px;margin:0 auto;max-width:1200px}.peppol-settings-form-card{flex:0 0 580px;flex-direction:column}.peppol-info-card,.peppol-settings-form-card{background-color:#222;border:1px solid #333;border-radius:10px;box-shadow:0 4px 12px #0000004d;display:flex;height:fit-content}.peppol-info-card{flex:0 0 500px;flex-direction:column}.card-header{border-bottom:1px solid #333;padding:20px 24px}.card-header h3,.card-header h4{color:#fff;font-size:18px;font-weight:600;margin:0}.peppol-description{color:#a0a0a0;font-size:14px;line-height:1.5;margin-bottom:0;margin-top:8px}.peppol-info-card .card-body{flex-grow:1;padding:24px}.peppol-info-card h5{border-left:3px solid #ff4b4b;color:#fff;font-size:15px;font-weight:600;margin-bottom:10px;margin-top:20px;padding-left:10px}.peppol-info-card h5:first-of-type{margin-top:0}.peppol-info-card p.info-intro{color:#d0d0d0;font-size:14px;line-height:1.6;margin-bottom:20px}.benefits-list,.steps-list{color:#a0a0a0;font-size:14px;line-height:1.7;list-style:none;margin:0;padding-left:0}.benefits-list li,.steps-list li{align-items:flex-start;display:flex;margin-bottom:8px}.benefits-list .list-icon{color:#ff4b4b;font-weight:700;margin-right:10px;min-width:15px}.steps-list li{counter-increment:step-counter;padding-left:25px;position:relative}.steps-list li:before{align-items:center;background-color:#333;border-radius:50%;color:#ff4b4b;content:counter(step-counter);display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;left:0;line-height:1;position:absolute;top:0;width:18px}.getting-started{margin-top:25px}.peppol-info-card .card-footer{background-color:#1e1e1e;border-radius:0 0 10px 10px;border-top:1px solid #333;padding:16px 24px;text-align:right}.learn-more-link{color:#ff6b6b;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.learn-more-link:hover{color:#fff;text-decoration:underline}.peppol-settings-form-card form{flex-grow:1;padding:24px}.form-field{margin-bottom:20px}.form-field label{color:#d0d0d0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-field input{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-field input:focus{border-color:#ff4b4b;box-shadow:0 0 0 2px #ff4b4b33;outline:none}.form-field input::placeholder{color:#777}.form-field small{color:#888;display:block;font-size:12px;margin-top:6px}.form-actions{display:flex;gap:15px;margin-top:25px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-primary{background-color:#ff4b4b!important;color:#fff!important}.btn-primary:hover{background-color:#ff6b6b!important;transform:translateY(-1px)}.btn-danger{background-color:#333;border:1px solid #ff4b4b;color:#ff4b4b}.btn-danger:hover{background-color:#ff4b4b1a}.btn-secondary{background-color:#333;border:1px solid #444;color:#fff}.btn-secondary:hover{background-color:#444}.btn:disabled{cursor:not-allowed;opacity:.6}.message{margin:0 24px 15px;padding:10px 15px}.message.success{background-color:#4cd96433}.message.error{color:#ff4b4b}.confirmation-dialog-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-dialog{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 5px 15px #00000080;max-width:450px;width:90%}.confirmation-header{border-bottom:1px solid #444;padding:16px 20px}.confirmation-header h4{color:#fff;font-size:16px;margin:0}.confirmation-body{color:silver;font-size:14px;line-height:1.6;padding:20px}.confirmation-body p{margin:0}.confirmation-actions{border-top:1px solid #444;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.loading-spinner{color:#a0a0a0;font-size:14px;padding:40px;text-align:center}@media (max-width:1120px){.peppol-settings-container{align-items:stretch;flex-direction:column}.peppol-info-card,.peppol-settings-form-card{flex:0 0 auto;max-width:100%;width:100%}}@media (max-width:576px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}.confirmation-actions{flex-direction:column-reverse}.confirmation-actions .btn{width:100%}}:root{--black:#121212;--dark-gray:#222;--gray:#333;--light-gray:#888;--accent-red:#ff3b30;--accent-green:#4cd964;--white:#fff;--light-white:#ffffffe6;--off-white:#f8f8f8;--transition-slow:0.5s ease;--transition-medium:0.3s ease;--transition-fast:0.2s ease}.invoice-view-container{background-color:var(--sidebar-bg);border-radius:10px;box-shadow:var(--card-shadow);margin:0 auto;max-width:1200px;padding:2rem}.welcome-banner{background-color:#333;background-color:var(--gray);background-image:linear-gradient(135deg,#ff3b3026,#12121200);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 20px #0003;margin-bottom:2rem;overflow:hidden;padding:24px;position:relative}.banner-header,.welcome-banner{align-items:center;display:flex;justify-content:space-between}.banner-header{width:100%}.banner-left{gap:16px}.back-button,.banner-left{align-items:center;display:flex}.back-button{background:none;border:none;color:#fff;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:5px 0}.back-button:hover{color:#ff3b30;color:var(--accent-red);transform:translateX(-4px)}.back-button svg{stroke:currentColor;height:20px;width:20px}.banner-header>div:first-child{flex:1 1}.banner-actions{display:flex;gap:12px;margin-left:24px}.action-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.action-button svg{stroke:#fff;height:20px;transition:all .3s ease;width:20px}.action-button:hover{background:#ffffff1a;transform:translateY(-2px)}.action-button.validate:hover{background:#34c75933;border-color:#34c7594d}.action-button.delete:hover{background:#ff3b3033;border-color:#ff3b304d}.welcome-banner h2{color:#fff;color:var(--white);font-size:2rem;margin-bottom:.75rem;margin-top:0}.welcome-banner p{color:#888;color:var(--light-gray);font-size:1.1rem;line-height:1.6;margin-bottom:0;max-width:80%}.invoice-form{display:flex;flex-direction:column;gap:30px}.form-section{animation:fadeIn .5s ease forwards;background-color:#333;background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0003;padding:24px;transition:transform .3s ease;transition:transform var(--transition-medium)}.form-section h3{color:#fff;color:var(--white);display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:20px;margin-top:0;position:relative}.form-section h3:after{background-color:#ff3b30;background-color:var(--accent-red);bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:15px}.form-group label{color:#888;color:var(--light-gray);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-value{border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--white);font-family:inherit;font-size:14px;padding:12px 15px;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.form-value,.item-container{background-color:#222;background-color:var(--dark-gray)}.item-container{border:1px solid #ffffff0d;border-radius:8px;margin-bottom:15px;padding:20px}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.item-header h4{font-size:16px;margin:0}.item-header h4,.item-total{color:#fff;color:var(--white)}.item-total{font-size:14px;font-weight:500;margin-top:10px;text-align:right}.invoice-total{align-items:center;background-color:#333;background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0003;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px}.total-label{color:#888;color:var(--light-gray)}.total-value{color:#ff3b30;color:var(--accent-red)}.message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:15px}.message.success{background-color:#4cd96426;border:1px solid #4cd9644d;color:#4cd964;color:var(--accent-green)}.message.error{background-color:#ff3b3026;border:1px solid #ff3b304d;color:#ff3b30;color:var(--accent-red)}.dashboard-navbar{align-items:center;background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 2rem}.dashboard-main{flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.invoice-total{flex-direction:column;gap:10px;text-align:center}.invoice-view-container{padding:1rem}}.input-field{margin:15px 0}.input-field input{background-color:#222;background-color:var(--dark-gray);border:1px solid #ffffff1a;border-radius:4px;color:#fff;color:var(--white);font-size:14px;margin-bottom:5px;padding:10px 12px;width:100%}.input-field small{color:#888;color:var(--light-gray);display:block;font-style:italic}.sending-result{border-radius:6px;margin:10px 0;padding:12px}.sending-result.success{background-color:#4cd96426;border:1px solid #4cd9644d;color:#4cd964;color:var(--accent-green)}.sending-result.error{background-color:#ff3b301a;border-left:4px solid #ff3b30;border-left:4px solid var(--accent-red);color:#ff3b30;color:var(--accent-red)}.delivery-details{font-size:.9rem;margin-top:15px}.delivery-details .detail-item{display:flex;margin-bottom:8px}.delivery-details .detail-label{color:#888;color:var(--light-gray);flex-shrink:0;font-weight:600;width:100px}.delivery-details .detail-value{color:#fff;color:var(--white);flex:1 1}.modal-button.send{background-color:#ff3b30;background-color:var(--accent-red);color:#fff}.modal-button.send:hover{background-color:#ff1f14;box-shadow:0 4px 12px #ff3b304d;transform:translateY(-2px)}.modal-button.send:disabled{background-color:#ff3b3080;box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-content{background-color:#333;background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:450px;padding:2rem;width:90%}.modal-content h3{color:#fff;color:var(--white);font-size:1.5rem;margin:0 0 1rem}.modal-content p{color:#ffffffe6;color:var(--light-white);font-size:1rem;margin:0 0 1.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease;transition:all var(--transition-fast)}.modal-button.cancel{background-color:#222;background-color:var(--dark-gray);border:1px solid #888;border:1px solid var(--light-gray);color:#fff;color:var(--white)}.modal-button.cancel:hover{background-color:#333;background-color:var(--gray);border-color:#fff;border-color:var(--white)}.modal-button.delete{background-color:#ff3b3026;border:1px solid #ff3b304d;color:#ff3b30;color:var(--accent-red)}.modal-button.delete:hover{background-color:#ff3b3040}.xml-modal-content{background-color:var(--gray);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.xml-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.xml-modal-header h3{color:var(--white);font-size:1.5rem;margin:0}.xml-modal-actions{display:flex;gap:.5rem}.xml-modal-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--light-gray);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.xml-modal-button:hover{background-color:#ffffff1a;color:var(--white)}.xml-modal-button.copy:hover{color:var(--accent-green)}.xml-modal-button.close:hover{color:var(--accent-red)}.xml-content{background-color:var(--dark-gray);flex:1 1;overflow-y:auto;padding:1.5rem}.xml-content pre{word-wrap:break-word;color:var(--light-white);font-family:monospace;font-size:.9rem;line-height:1.5;margin:0;text-align:left;white-space:pre-wrap}.welcome-container{align-items:center;background-image:linear-gradient(135deg,#ff3b3026,#12121200);display:flex;justify-content:center;min-height:100vh;width:100%}.welcome-box{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 16px #0003;max-width:600px;padding:3rem;text-align:center;width:90%}.welcome-box h1{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:1rem}.welcome-box h2{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.welcome-box p{color:#a0a0a0;font-size:1.2rem;line-height:1.5;margin-bottom:2rem}.welcome-buttons{display:flex;gap:1rem;justify-content:center}.welcome-button{align-items:center;border-radius:30px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.welcome-button:first-child{background-color:initial;border:2px solid #fff3;color:#fff}.welcome-button:last-child{background-color:#ff3b30;border:none;color:#fff}.welcome-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.welcome-button:first-child:hover{background-color:#ffffff1a;border-color:#ffffff4d}.welcome-button:last-child:hover{background-color:#ff2d22}.invoice-selection-container{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:900px;padding:2rem}.ai-selection-card{background:linear-gradient(145deg,#2d2d2d,#333);border:2px solid #8a2be2;overflow:hidden;position:relative}.ai-selection-card:hover{border-color:#9932cc;box-shadow:0 5px 20px #8a2be24d;transform:translateY(-5px) scale(1.02)}.ai-selection-card:before{animation:gradientMove 5s ease infinite;background:linear-gradient(90deg,#8a2be2,orchid,#8a2be2);background-size:200% 100%;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.ai-icon{color:orchid}.new-feature-badge{background:#ff3b30;border-radius:4px;box-shadow:0 2px 4px #ff3b304d;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:10}.feature-label{color:#ff3b30;display:inline-block;font-size:.8rem;font-weight:500;margin-left:8px;position:relative;top:-1px}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.order-search-container{background-color:#1a1a1a;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:2rem;padding:1.5rem}.order-search-container h3{color:#fff;margin-bottom:15px;margin-top:0}.order-search-form{gap:1rem}.form-group,.order-search-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#fff;font-weight:600}.button-group{display:flex;gap:1rem;margin-top:1rem}.display-order-button,.fetch-order-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.fetch-order-button{background-color:red;color:#fff}.fetch-order-button:hover{background-color:#c00}.display-order-button{background-color:#333;border:1px solid red;color:#fff}.display-order-button:hover{background-color:red}.order-search-error{background-color:#ff00001a;border:1px solid red;border-radius:4px;color:red;margin-top:1rem;padding:.75rem}.order-data-popup{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#1a1a1a;border:1px solid red;border-radius:8px;box-shadow:0 4px 6px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:3rem 2rem 2rem;position:relative;width:90%}.popup-content h4{border-bottom:2px solid red;color:#fff;font-size:1.25rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.order-details{background-color:#2a2a2a;border-radius:4px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.detail-row{align-items:flex-start;border-bottom:1px solid #333;display:flex;gap:1rem;padding:.75rem}.detail-row:last-child{border-bottom:none}.detail-label{color:red;font-weight:600;min-width:120px;text-transform:capitalize}.detail-value{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;flex:1 1;font-family:monospace;padding:.5rem;white-space:pre-wrap;word-break:break-word}.detail-row:has(.detail-label:contains("items")) .detail-value{background-color:#2a2a2a;border:1px solid red;font-size:.9rem;line-height:1.5;padding:1rem}.detail-row:has(.detail-label:contains("items")){align-items:flex-start}.close-button{align-items:center;background-color:red;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;font-weight:600;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s;width:auto}.close-button:before{content:"×";font-size:1.5rem;line-height:1}.close-button:hover{background-color:#c00;transform:scale(1.05)}button:disabled{cursor:not-allowed;opacity:.7}.order-search-success{background-color:#4cd96426;border:1px solid #4cd9644d;border-radius:6px;color:#4cd964;font-size:14px;margin-bottom:20px;padding:15px}.create-from-order-container{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:900px;padding:2rem}.create-from-order-header{margin-bottom:2rem;text-align:center}.create-from-order-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.create-from-order-header p{color:#a0a0a0;font-size:1rem}.order-search-wrapper{margin-bottom:2rem}.xml-upload-selection-container{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:900px;padding:2rem}.selection-header{margin-bottom:2rem;text-align:center}.selection-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.selection-header p{color:#a0a0a0;font-size:1rem}.selection-options{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:30px}.selection-card{align-items:center;background-color:#2d2d2d;border:1px solid #444;border-radius:8px;cursor:pointer;display:flex;flex:1 1;min-width:300px;padding:2rem;position:relative;transition:all .3s ease}.selection-card:hover{background-color:#333;border-color:#ff3b30;box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.selection-icon{color:#ff3b30;flex-shrink:0;margin-right:1.5rem}.selection-content{flex-grow:1}.selection-content h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.selection-content p{color:#a0a0a0;font-size:.9rem}.selection-arrow{color:#ff3b30;opacity:0;position:absolute;right:1.5rem;transition:all .3s ease}.selection-card:hover .selection-arrow{opacity:1}.xml-upload-section{border-top:1px solid #333;margin-top:30px;padding-top:30px}.xml-upload-section .xml-dataset-upload-container{background-color:initial;border:none;box-shadow:none;margin:0;padding:0}.xml-upload-section .xml-upload-header{margin-bottom:20px;text-align:center}.xml-upload-section .back-button-container{display:none}@media (max-width:768px){.selection-options{flex-direction:column}.selection-card{width:100%}}.xml-dataset-upload-container{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:900px;padding:2rem}.xml-dataset-upload-container.embedded{background-color:initial;border:none;border-radius:0;box-shadow:none;color:#fff;margin:0;max-width:100%;padding:20px 0}.xml-dataset-upload-container.embedded .preview-area h3,.xml-dataset-upload-container.embedded .xml-upload-header h2,.xml-dataset-upload-container.embedded .xml-upload-header p{color:#fff}.xml-dataset-upload-container.embedded .file-input-label{background-color:#2d2d2d;border:2px dashed #444;color:#fff}.xml-dataset-upload-container.embedded .file-input-label:hover{background-color:#333;border-color:#ff3b30}.xml-dataset-upload-container.embedded .preview-area{background-color:#2d2d2d;border:1px solid #444}.xml-dataset-upload-container.embedded .xml-preview{background-color:#262626;border:1px solid #333;color:#a0a0a0}.xml-upload-header{margin-bottom:2rem;text-align:center}.xml-upload-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.xml-upload-header p{color:#a0a0a0;font-size:1rem}.upload-area{margin-bottom:2rem}.file-input-label{align-items:center;background-color:#2d2d2d;border:2px dashed #444;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:3rem 2rem;text-align:center;transition:all .3s ease}.file-input-label:hover{background-color:#333;border-color:#ff3b30}.file-input{display:none}.preview-area{background-color:#2d2d2d;border:1px solid #444;border-radius:6px;margin-top:1.5rem;padding:1rem}.preview-area h3{color:#fff;font-size:1.25rem;margin-bottom:1rem}.xml-preview{background-color:#262626;border:1px solid #333;border-radius:4px;color:#a0a0a0;font-family:monospace;max-height:200px;overflow-x:auto;overflow-y:auto;padding:1rem;white-space:pre-wrap}.upload-button{background-color:#ff3b30;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease;width:100%}.upload-button:hover:not(:disabled){background-color:#ff291f}.upload-button:disabled{background-color:#7a7a7a;cursor:not-allowed}.message{align-items:center;border-radius:4px;display:flex;gap:.5rem;margin-top:1rem;padding:1rem}.message.success{background-color:#27ae6033;border:1px solid #27ae60;color:#2ecc71}.error-message{align-items:center;background-color:#e74c3c33;border:1px solid #e74c3c;border-radius:4px;color:#ff6b6b;display:flex;gap:.5rem;margin-top:1rem;padding:1rem}.back-button-container{display:flex;justify-content:center;margin-top:2rem}.back-button{background-color:initial;border:1px solid #ff3b30;border-radius:4px;color:#ff3b30;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background-color:#ff3b301a}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.ai-invoice-creator{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.ai-invoice-creator h2{color:#333;margin-bottom:1.5rem;text-align:center}.tab-navigation{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:1.5rem}.tab-navigation button{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:all .3s ease}.tab-navigation button.active{border-bottom:3px solid #4a90e2;font-weight:700}.image-form,.text-form{display:flex;flex-direction:column;gap:1rem}.text-form textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;resize:vertical}.file-upload{align-items:center;display:flex;flex-direction:column}.file-upload input[type=file]{display:none}.file-upload label{background-color:#f1f1f1;border-radius:4px;cursor:pointer;display:inline-block;max-width:100%;overflow:hidden;padding:.75rem 1.5rem;text-overflow:ellipsis;white-space:nowrap}.image-preview{border:1px solid #444;border-radius:8px;height:60px;overflow:hidden;position:relative;width:60px}.image-overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:11}.image-preview:hover .image-overlay,.message-image:hover .image-overlay{opacity:1}button[type=submit]{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}button[type=submit]:hover{background-color:#3a7bc8}button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.ai-chat-container{background-color:#121212;box-shadow:0 0 20px #0003;display:flex;flex-direction:column;height:calc(100vh - 80px);overflow:hidden;width:100%}.chat-header{box-shadow:0 2px 10px #0003;padding:1.2rem 2rem;position:relative;text-align:center;z-index:10}.chat-header h2{font-size:1.5rem;justify-content:center;text-shadow:0 1px 2px #00000080}.chat-header p{color:#a0a0a0;font-size:.85rem;margin:.25rem 0 0;opacity:.8}.chat-messages{padding:0;scroll-behavior:smooth;scrollbar-color:#444 #222;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#222;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background-color:#444;border:1px solid #333;border-radius:20px}.chat-message{border-bottom:1px solid #4646461a;padding:1.5rem 2rem;transition:background-color .2s ease}.chat-message:hover{background-color:#ffffff05}.message-avatar{box-shadow:0 2px 8px #0000004d;height:38px;margin-right:1rem;width:38px}.assistant-avatar,.user-avatar{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;height:38px;justify-content:center;transition:transform .2s ease;width:38px}.chat-message:hover .assistant-avatar,.chat-message:hover .user-avatar{transform:scale(1.05)}.user-avatar{border:2px solid #34495e}.assistant-avatar{border:2px solid #e5593e}.message-content{line-height:1.6;margin-top:4px}.message-content p{font-weight:400;margin:0;text-shadow:0 1px 1px #0000001a;white-space:pre-wrap}.message-image{border:1px solid #444;border-radius:8px;margin:10px 0;max-width:300px;overflow:hidden;position:relative}.message-image:after{display:none}.message-image img{display:block;width:100%}.delete-image-button{align-items:center;background:#ff3b30;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:30px;z-index:12}.message-image:hover .delete-image-button{opacity:1!important}.delete-image-button:hover{background-color:#d42d23!important;transform:translate(-50%,-50%) scale(1.1)!important}.chat-input-form{bottom:0;box-shadow:0 -5px 15px #0003;padding:1.2rem 1.5rem;position:sticky;width:100%;z-index:10}.chat-input-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px #0003,inset 0 1px 1px #ffffff0d;margin:0 auto;max-width:900px;transition:all .3s ease}.chat-input-container:focus-within{background-color:#282828b3;border-color:#ff3b3080;box-shadow:0 2px 12px #ff3b3033,inset 0 1px 1px #ffffff1a}.chat-textarea{transition:all .2s ease}.chat-textarea::placeholder{transition:color .2s ease}.chat-input-container:focus-within .chat-textarea::placeholder{color:#c8c8c8b3}.chat-input-container button{overflow:hidden;position:relative}.chat-input-container button:before{background:radial-gradient(circle,#0000 70%,#ff3b301a 100%);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:transform .4s cubic-bezier(.19,1,.22,1)}.chat-input-container button:hover:before{transform:scale(2.5)}.chat-input-container button:hover{background-color:initial;color:#ff3b30}.chat-input-container button:active{transform:scale(.95)}.upload-button{font-size:1.2rem;margin-right:.25rem}.typing-indicator{align-items:center}.typing-indicator span{display:inline-block}.invoice-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2d2d2d80;border-left:4px solid #ff3b30;border-radius:12px;box-shadow:0 4px 15px #0003;margin-top:1.5rem;padding:1.25rem;transition:transform .3s ease,box-shadow .3s ease}.invoice-preview:hover{box-shadow:0 6px 18px #0000004d;transform:translateY(-2px)}.invoice-preview h4{color:#ff3b30;font-size:1.1rem;margin-bottom:.75rem;margin-top:0;padding-bottom:8px;position:relative}.invoice-preview h4:after{background:linear-gradient(90deg,#ff3b30,#ff3b301a);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.preview-content{display:flex;flex-direction:column;gap:.6rem}.preview-row{border-bottom:1px solid #44444480;display:flex;justify-content:space-between;padding:.4rem 0;transition:background-color .2s ease}.preview-row:hover{background-color:#ffffff08}.preview-row span:first-child{color:#a0a0a0;font-weight:500}.create-invoice-button{background:linear-gradient(90deg,#ff3b30,#ff9500);border:none;border-radius:8px;box-shadow:0 4px 12px #ff3b304d;color:#fff;cursor:pointer;font-weight:600;margin-top:1.25rem;overflow:hidden;padding:.85rem 1rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.create-invoice-button:before{background:linear-gradient(120deg,#0000,#0000 40%,#ffffff26 50%,#0000 60%,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.create-invoice-button:hover{background:linear-gradient(90deg,#e0351e,#e58600);box-shadow:0 6px 15px #ff3b3066;transform:translateY(-2px)}.create-invoice-button:hover:before{transform:translateX(100%);transition:transform .8s ease}.create-invoice-button:active{box-shadow:0 2px 8px #ff3b304d;transform:translateY(0)}.invoice-created-message{align-items:center;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2ecc7126;border-left:4px solid #2ecc71;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:20px;max-width:95%;padding:25px}.success-icon{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;box-shadow:0 4px 12px #27ae604d;color:#fff;display:flex;font-size:26px;height:56px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative;width:56px}.success-icon:after{background:radial-gradient(circle,#0000 50%,#fff3 100%);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.invoice-created-message p{color:#fff;font-size:1.05rem;font-weight:500;margin-bottom:18px;text-align:center}.view-invoice-button{align-items:center;background:linear-gradient(90deg,#2ecc71,#27ae60);border:none;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;margin-top:5px;min-width:160px;overflow:hidden;padding:12px 22px;position:relative;transition:all .3s ease}.view-invoice-button:before{background:linear-gradient(120deg,#0000,#0000 40%,#ffffff26 50%,#0000 60%,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.view-invoice-button:hover{background:linear-gradient(90deg,#25b962,#219653);box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.view-invoice-button:hover:before{transform:translateX(100%);transition:transform .8s ease}.view-invoice-button:active{box-shadow:0 2px 5px #0003;transform:translateY(1px)}.preview-payment{background-color:#ff95000d;border-radius:8px;border-top:1px solid #444;margin-top:15px;padding:12px}.preview-payment h5{align-items:center;color:#ff9500;display:flex;font-size:.95rem;margin:0 0 10px}.preview-payment h5:before{content:"💳";font-size:1.1rem;margin-right:6px}.invoice-action-buttons{display:flex;justify-content:center;margin-top:15px}.prefill-form-button{background:linear-gradient(90deg,#ff3b30,#ff9500);border:none;border-radius:8px;box-shadow:0 4px 12px #ff3b304d;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:.85rem 1rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.prefill-form-button:before{background:linear-gradient(120deg,#0000,#0000 40%,#ffffff26 50%,#0000 60%,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.prefill-form-button:hover{background:linear-gradient(90deg,#e0351e,#e58600);box-shadow:0 6px 15px #ff3b3066;transform:translateY(-2px)}.prefill-form-button:hover:before{transform:translateX(100%);transition:transform .8s ease}.prefill-form-button:active{box-shadow:0 2px 8px #ff3b304d;transform:translateY(0)}.logo-icon{-webkit-text-fill-color:#0000;animation:pulse-subtle 3s ease-in-out infinite;background:linear-gradient(135deg,#ff3b30,#ff9500);-webkit-background-clip:text;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));font-size:1.4rem;margin-right:12px}@keyframes pulse-subtle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.status-indicator{align-items:center;background-color:#46464666;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 6px #0003;display:flex;font-size:.75rem;margin-left:16px;opacity:.8;padding:4px 10px}.status-dot{background-color:#4caf50;border-radius:50%;height:8px;margin-right:6px;position:relative;width:8px}.status-dot:after{animation:pulse-glow 2s ease-in-out infinite;background:radial-gradient(circle,#4caf5099 0,#0000 70%);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.status-text{color:#e0e0e0;font-weight:500}.message-container{position:relative}.message-header{align-items:center;margin-bottom:6px}.message-sender{color:#fff;font-size:.9rem;opacity:.9;text-transform:capitalize}.assistant-message .message-sender{color:#ff9500}.user-message .message-sender{color:#4a90e2}.message-time{font-size:.7rem;font-weight:400}.image-preview-container{align-items:center;display:flex;margin-right:10px;position:relative}.image-preview:after{display:none}.image-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-preview:hover img{transform:scale(1.05)}.cancel-image-button{align-items:center;background:#ff3b30;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:30px;z-index:12}.image-preview:hover .cancel-image-button{opacity:1!important}.cancel-image-button:hover{background-color:#d42d23!important;transform:translate(-50%,-50%) scale(1.1)!important}.send-button-with-image{margin-left:8px}.chat-bot-button{align-items:center;background:linear-gradient(135deg,#ff3b30,#ff9500);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:60px;z-index:1000}.chat-bot-button:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.1)}.chat-bot-icon{color:#fff;font-size:28px}.chat-modal{background-color:#121212;bottom:0;box-shadow:-4px 0 20px #0000004d;position:fixed;right:0;top:0;transform:translateX(0);transition:transform .3s ease;width:400px;z-index:1000}.chat-modal-content{display:flex;flex-direction:column;height:100%}.chat-header{background:linear-gradient(90deg,#1a1a1a,#252525);border-bottom:1px solid #333;justify-content:space-between;padding:1.2rem 1.5rem}.chat-header,.chat-header h2{align-items:center;display:flex}.chat-header h2{color:#fff;font-size:1.2rem;gap:.5rem;margin:0}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;opacity:.7;padding:4px;transition:opacity .2s ease}.close-button:hover{opacity:1}.chat-messages{background:radial-gradient(circle at center,#1a1a1a 0,#121212 100%);flex:1 1;overflow-y:auto;padding:1rem}.chat-input-form{background:linear-gradient(0deg,#1a1a1a,#131313);border-top:1px solid #333;padding:1rem}.chat-input-container{align-items:center;background-color:#25252599;border:1px solid #444;border-radius:18px;box-shadow:0 2px 10px #0003;display:flex;padding:.5rem .75rem}.chat-input-container::-webkit-scrollbar{width:0}.chat-textarea{background:#0000;border:none;color:#fff;flex-grow:1;font-family:inherit;font-size:1rem;line-height:1.5;max-height:120px;outline:none;overflow-y:auto;padding:.75rem;resize:none}.chat-textarea::-webkit-scrollbar{width:4px}.chat-textarea::-webkit-scrollbar-track{background:var(--dark-gray)}.chat-textarea::-webkit-scrollbar-thumb{background:var(--light-gray);border-radius:4px;scroll-behavior:smooth}.chat-textarea::placeholder{color:#aaa9}.chat-input-container button{align-items:center;background:#0000;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.6rem;transition:all .3s ease;width:36px}.chat-input-container button:hover:not(:disabled){color:#ff3b30}.chat-input-container button:disabled{cursor:not-allowed;opacity:.5}.chat-message{animation:fadeIn .3s ease;border-radius:12px;margin-bottom:1rem;padding:1rem}.user-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#28282866}.assistant-message{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#19191966}.message-container{display:flex;gap:1rem}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.user-avatar{background:linear-gradient(135deg,#2c3e50,#4a6572);color:#fff}.assistant-avatar{background:linear-gradient(135deg,#ff3b30,#ff9500);color:#fff}.message-content{color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:8px}.message-header{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.message-sender{font-weight:600}.message-time{color:#ffffff80}.typing-indicator{background-color:#ff3b3026;border-radius:12px;display:flex;gap:4px;padding:6px 10px;width:fit-content}.typing-indicator span{animation:pulse 1.5s ease-in-out infinite;background:#ff3b30;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.5;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-action-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 16px;transition:background-color .3s}.chat-action-button:hover{background-color:#45a049}.chat-action-button:disabled{background-color:#ccc;cursor:not-allowed}
/*# sourceMappingURL=main.fcb49f33.css.map*/