body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.how-it-works{background:#0000;overflow:hidden;padding:6rem 2rem;position:relative}.container{margin:0 auto;max-width:1200px}.section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#fff 70%,#b0b0b0)!important;-webkit-background-clip:text!important;background-clip:text!important;border-bottom:none!important;color:#fff!important;display:block!important;font-size:2.8rem!important;font-weight:700!important;margin-bottom:4rem!important;padding-bottom:0!important;position:relative!important;text-align:center!important;width:100%!important}.tabs-container{background:#0000;padding:3rem 0;position:relative;z-index:5}.tabs-header{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem;position:relative;z-index:10}.how-it-works .tab-button,.tabs-header .tab-button{background:#0000!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;box-shadow:none!important;color:#b0b0b0!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;outline:none!important;padding:.5rem 1rem!important;position:relative!important;transition:all .3s ease!important;white-space:nowrap!important;z-index:10!important}.how-it-works .tab-button:hover,.tabs-header .tab-button:hover{background:#0000!important;border-bottom:2px solid #fff!important;box-shadow:none!important;color:#fff!important;transform:translateY(-2px)}.how-it-works .tab-button.active,.tabs-header .tab-button.active{background:#0000!important;border-bottom:2px solid #667eea!important;box-shadow:none!important;color:#fff!important}.tab-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;transition:all .3s ease}.tab-content.transitioning{opacity:.7;transform:scale(.98)}.content-left{padding-right:2rem}.content-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;transition:all .4s ease}.content-description{color:#d0d0d0;font-size:1rem;font-weight:400;line-height:1.7;transition:all .4s ease}.content-description.fade-out,.content-title.fade-out,.snapshot-image.fade-out{opacity:0;transform:translateY(20px);transition:all .2s ease}.content-description.fade-in,.content-title.fade-in,.snapshot-image.fade-in{opacity:1;transform:translateY(0);transition:all .4s ease}.snapshot-container{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex;height:650px;justify-content:center;margin:-30px 0 0!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important;position:relative;width:100%}.how-it-works .snapshot-container,.how-it-works .snapshot-container *,.snapshot-container,.snapshot-container *{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:none!important}.snapshot-image{border-radius:10px;box-shadow:0 10px 30px #0000004d;cursor:pointer;height:140%;max-height:none;max-width:none;object-fit:contain;transition:all .4s ease;width:140%}.snapshot-image:hover{box-shadow:0 15px 40px #0006;transform:scale(1.05)}.image-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.image-modal-content,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-content{max-height:90%;max-width:90%;position:relative}.modal-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:.5rem;position:absolute;right:0;top:-40px;transition:all .3s ease;z-index:10001}.modal-close-btn:hover{color:#667eea;transform:scale(1.1)}.modal-image{border-radius:10px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%;object-fit:contain}.mobile-nav-arrows{display:none;gap:1rem;margin-top:1rem;padding:.5rem}.mobile-nav-arrows,.nav-arrow{align-items:center;justify-content:center}.nav-arrow{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;transition:all .3s ease;width:40px}.nav-arrow:hover{background:#fff3;transform:scale(1.1)}.tab-indicator{color:#b0b0b0;font-size:.9rem;font-weight:500;min-width:50px;text-align:center}@media (max-width:768px){.how-it-works{padding:4rem 1rem}.mobile-nav-arrows{display:flex}.section-title{font-size:2.2rem!important;margin-bottom:2rem!important;text-align:center!important}.tabs-container{padding:2rem 0}.tabs-header{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.tab-button{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;font-size:.9rem!important;min-height:40px;min-width:80px;padding:.6rem .8rem!important;text-align:center!important}.tab-content{gap:2rem;grid-template-columns:1fr}.content-left{padding-right:0}.content-title{font-size:1.5rem}.snapshot-container{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:none!important;height:300px;margin:0!important;padding:0!important;width:100%}.snapshot-image{height:100%!important;object-fit:contain;width:100%!important}.tab-content{gap:1.5rem}.content-description{font-size:.95rem;line-height:1.5}.image-modal-content{max-height:95%;max-width:95%}.modal-close-btn{font-size:1.5rem;top:-30px}}@media (max-width:480px){.how-it-works{padding:3rem 1rem}.nav-arrow{font-size:1.2rem;height:35px;width:35px}.tab-indicator{font-size:.8rem}.section-title{font-size:1.8rem!important;margin-bottom:1.5rem!important}.tabs-header{flex-direction:column;gap:.5rem}.tab-button{font-size:.85rem!important;padding:.4rem .3rem!important}.snapshot-container{height:250px}.content-title{font-size:1.3rem}.content-description{font-size:.9rem;line-height:1.4}.tab-content{gap:1rem}}.why-teams-love{background:#0000;overflow:hidden;padding:6rem 2rem;position:relative}.why-teams-love .container{margin:0 auto;max-width:1200px}.why-teams-love .section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#fff 70%,#b0b0b0)!important;-webkit-background-clip:text!important;background-clip:text!important;border-bottom:none!important;color:#fff!important;display:block!important;font-size:2.2rem!important;font-weight:700!important;margin-bottom:4rem!important;padding-bottom:0!important;position:relative!important;text-align:center!important;width:100%!important}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease;z-index:1}.feature-card:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.feature-content{text-align:center}.feature-title{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.feature-description{color:#ccc;font-size:1rem;font-weight:400;line-height:1.6}@media (max-width:768px){.why-teams-love{padding:4rem 1rem}.why-teams-love .section-title{font-size:1.8rem;margin-bottom:2rem;text-align:center}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:2rem}.feature-title{font-size:1.1rem}.feature-description{font-size:.9rem}}@media (max-width:480px){.why-teams-love .section-title{font-size:1.5rem;text-align:center}.feature-card{padding:1.5rem}}.who-benefits{background:#0000;overflow:hidden;padding:6rem 2rem;position:relative}.who-benefits .container{margin:0 auto;max-width:1200px}.who-benefits .section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#fff 70%,#b0b0b0)!important;-webkit-background-clip:text!important;background-clip:text!important;border-bottom:none!important;color:#fff!important;display:block!important;font-size:2.2rem!important;font-weight:700!important;margin-bottom:3rem!important;padding-bottom:0!important;position:relative!important;text-align:center!important;width:100%!important}.testimonials-container{padding:2rem 0;position:relative;width:100%}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);width:100%}.testimonial-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-sizing:border-box;padding:1.8rem;position:relative;transition:all .3s ease}.testimonial-card:hover{border-color:#ffffff40;box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.testimonial-content{position:relative;text-align:left}.quote-icon{color:#b0b0b0;font-size:2.5rem;margin-bottom:1rem;opacity:.8}.testimonial-text{border-left:3px solid #b0b0b066;color:#e0e0e0;font-size:1rem;font-style:italic;font-weight:400;line-height:1.7;margin-bottom:1.5rem;padding-left:1rem;position:relative}.testimonial-author{align-items:center;display:flex;gap:1rem;margin-top:2rem}.author-avatar{align-items:center;background:linear-gradient(45deg,grey,#a0a0a0);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.avatar-initial{color:#fff;font-size:1.5rem;font-weight:700}.author-info{display:flex;flex-direction:column;gap:.5rem}.author-role{color:#fff;font-size:1rem;font-weight:600}.author-stars{color:#d0d0d0;font-size:.9rem;letter-spacing:2px}@media (max-width:768px){.who-benefits{padding:4rem 1rem}.who-benefits .section-title{font-size:1.8rem!important;margin-bottom:2rem!important}.testimonials-container{padding:1rem 0}.testimonials-grid{gap:1.5rem;grid-template-columns:1fr}.testimonial-card{padding:1.5rem}.quote-icon{font-size:2rem}.testimonial-text{font-size:1rem;line-height:1.6}.author-avatar{height:35px;width:35px}.avatar-initial{font-size:1.2rem}.author-role{font-size:.9rem}.author-stars{font-size:.8rem}}@media (max-width:480px){.who-benefits .section-title{font-size:1.6rem!important}.testimonial-card{padding:1.5rem}.author-role,.testimonial-text{font-size:.9rem}}.pricing-section{background:#0000;overflow:hidden;padding:6rem 2rem;position:relative}.pricing-section .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 1rem}.pricing-section .section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#fff 70%,#b0b0b0)!important;-webkit-background-clip:text!important;background-clip:text!important;border-bottom:none!important;color:#fff!important;display:block!important;font-size:2.2rem!important;font-weight:700!important;margin-bottom:4rem!important;padding-bottom:0!important;position:relative!important;text-align:center!important;width:100%!important}.pricing-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:600px;padding:2rem;position:relative;transition:all .2s ease-out;z-index:1}.pricing-card:hover{background:#ffffff1a;border-color:#ffffff40;box-shadow:0 15px 30px #00000040;transform:translateY(-6px) scale(1.01);z-index:10}.pricing-card.popular{background:#ffffff14;border-color:#fff3;transform:scale(1.02);z-index:5}.pricing-card.popular:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 20px 40px #0000004d;transform:scale(1.03) translateY(-6px);z-index:15}.popular-badge{background:linear-gradient(45deg,#fff,#b0b0b0);border-radius:20px;color:#1a1a1a;font-size:.9rem;font-weight:600;left:50%;letter-spacing:.5px;padding:.5rem 1.5rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.card-header{margin-bottom:1.5rem;text-align:center}.plan-name{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.plan-subtitle{color:#b0b0b0;font-size:1rem;font-style:italic;margin-bottom:.75rem}.plan-description{color:#e0e0e0;font-size:.9rem;line-height:1.5}.card-pricing{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding:1rem 0;text-align:center}.price{align-items:baseline;display:flex;gap:.5rem;justify-content:center}.price-amount{color:#fff;font-size:2.5rem;font-weight:700}.price-period{color:#b0b0b0;font-size:1.1rem;font-weight:400}.card-features{flex-grow:1;margin-bottom:1.5rem;min-height:200px}.features-title{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.features-list{list-style:none;margin:0;padding:0}.feature-item{align-items:flex-start;color:#e0e0e0;display:flex;font-size:.9rem;gap:.75rem;line-height:1.5;margin-bottom:.75rem}.checkmark{color:#4ade80;flex-shrink:0;font-size:1rem;font-weight:700;margin-top:.1rem}.card-action{margin-top:auto;padding-top:1rem;text-align:center}.cta-button{background:#fff;border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .15s ease-out;width:100%}.cta-button:hover{background:#f0f0f0;box-shadow:0 8px 16px #0003;transform:translateY(-2px) scale(1.01)}@media (max-width:768px){.pricing-section{padding:4rem 1rem}.pricing-section .container{box-sizing:border-box;max-width:100%;overflow:hidden;padding:0 .5rem}.pricing-section .section-title{font-size:1.8rem!important;margin-bottom:3rem!important}.pricing-grid{display:flex!important;flex-direction:column!important;gap:3rem!important;grid-template-columns:1fr;margin-bottom:3rem}.pricing-card{box-sizing:border-box!important;margin-bottom:2rem!important;min-height:auto!important;padding:1.5rem;position:relative!important;width:100%!important}.pricing-card.popular{margin-bottom:2rem!important;transform:none!important;z-index:1}.pricing-card.popular:hover{transform:translateY(-3px)!important;z-index:10}.plan-name{font-size:1.4rem}.price-amount{font-size:2rem}.feature-item{font-size:.9rem}.card-features{min-height:auto!important}}@media (max-width:480px){.pricing-section .container{padding:0 .25rem}.pricing-section .section-title{font-size:1.6rem!important}.pricing-grid{display:flex!important;flex-direction:column!important;gap:2.5rem!important}.pricing-card{box-sizing:border-box!important;min-height:auto!important;padding:1rem;position:relative!important;width:100%!important}.pricing-card,.pricing-card.popular{margin-bottom:1.5rem!important}.plan-name{font-size:1.2rem}.price-amount{font-size:1.8rem}.cta-button{font-size:.9rem;padding:.875rem 1.5rem}}.about-us{background:#0000;overflow:hidden;padding:6rem 2rem;position:relative}.about-us .container{margin:0 auto;max-width:1200px;padding:0 2rem}.about-us .section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#fff 70%,#b0b0b0)!important;-webkit-background-clip:text!important;background-clip:text!important;border-bottom:none!important;color:#fff!important;display:block!important;font-size:2.2rem!important;font-weight:700!important;margin-bottom:4rem!important;padding-bottom:0!important;position:relative!important;text-align:center!important;width:100%!important}.about-content{display:flex;flex-direction:column;gap:3rem;margin:0 auto 0 0;max-width:800px;text-align:left}.about-section{opacity:0;text-align:left;transform:translateY(30px);transition:all .6s ease-out}.about-section.visible{opacity:1;transform:translateY(0)}.about-section:first-child.visible{transition-delay:.1s}.about-section:nth-child(2).visible{transition-delay:.2s}.about-section:nth-child(3).visible{transition-delay:.3s}.about-section:nth-child(4).visible{transition-delay:.4s}.about-section:nth-child(5).visible{transition-delay:.5s}.subsection-title{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;text-transform:none}.subsection-text{color:#e0e0e0;font-size:1.1rem;font-weight:400;line-height:1.8;text-align:left}.subsection-text strong{color:#fff;font-weight:600}@media (max-width:768px){.about-us{padding:4rem 1rem}.about-us .section-title{font-size:1.8rem!important;margin-bottom:3rem!important}.about-content{gap:2.5rem}.subsection-title{font-size:1.3rem;margin-bottom:1.25rem}.subsection-text{font-size:1rem;line-height:1.7}}@media (max-width:480px){.about-us .section-title{font-size:1.6rem!important}.about-content{gap:2rem}.subsection-title{font-size:1.2rem;margin-bottom:1rem}.subsection-text{font-size:.95rem;line-height:1.6}}.our-values{background:#0000;overflow:hidden;padding:0 2rem;position:relative}.our-values .container{margin:0 auto;max-width:1200px;padding:0 2rem}.our-values .section-title{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;border-bottom:none!important;color:#fff!important;display:block!important;font-size:1.4rem!important;font-weight:600!important;margin-bottom:1.5rem!important;padding-bottom:0!important;position:relative!important;text-align:left!important;width:100%!important}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:1rem auto 3rem 0;max-width:1200px}.value-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:2rem;text-align:left;transition:all .3s ease}.value-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.value-title{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;text-transform:none}.value-description{color:#e0e0e0;font-size:1.1rem;font-weight:400;line-height:1.8;text-align:left}@media (max-width:768px){.our-values{padding:0 1rem}.our-values .section-title{font-size:1.3rem!important;margin-bottom:2rem!important}.values-grid{gap:1.5rem;grid-template-columns:1fr}.value-card{padding:1.5rem}.value-title{font-size:1.2rem}.value-description{font-size:.95rem}}@media (max-width:480px){.our-values .section-title{font-size:1.2rem!important}.values-grid{gap:1rem}.value-card{padding:1.25rem}.value-title{font-size:1.1rem}.value-description{font-size:.9rem}}.get-in-touch{background:#0000;overflow:hidden;padding:6rem 2rem;position:relative}.get-in-touch .container{margin:0 auto;max-width:1200px;padding:0 2rem}.get-in-touch .section-title{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;border-bottom:none!important;color:#fff!important;display:block!important;font-size:2.2rem!important;font-weight:700!important;margin-bottom:1rem!important;padding-bottom:0!important;position:relative!important;text-align:center!important;width:100%!important}.section-description{color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:3rem;text-align:center}.contact-section{margin:0 auto 0 0;max-width:600px;text-align:left}.contact-heading{color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-align:left;text-transform:none}.contact-instruction{color:#fff;font-size:1rem;line-height:1.5;margin-bottom:2rem;text-align:left}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem 0;position:relative;text-decoration:none;transition:all .3s ease;z-index:10}a.contact-item{color:inherit!important;cursor:pointer!important;pointer-events:auto!important;text-decoration:none!important}.contact-item:hover{background:#0000;border-color:#0000;cursor:default;transform:none}a.contact-item:hover{background:#ffffff1a!important;color:inherit!important;text-decoration:none!important;transform:translateY(-2px)!important}.contact-icon{align-items:center;background:#0000;border-radius:0;color:gold;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.contact-info{flex-grow:1}.contact-label{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.25rem;text-decoration:none}.contact-value{color:#fff!important;font-size:1rem!important;font-weight:600!important;line-height:1.3;margin:0}@media (max-width:768px){.get-in-touch{padding:4rem 1rem}.get-in-touch .section-title{font-size:1.8rem!important;margin-bottom:1.5rem!important}.section-description{font-size:1.1rem;margin-bottom:3rem}.contact-heading{font-size:1.3rem}.contact-item{padding:1.25rem}.contact-icon{height:40px;width:40px}.contact-label{font-size:1rem}.contact-value{font-size:.95rem}}@media (max-width:480px){.get-in-touch .section-title{font-size:1.6rem!important}.section-description{font-size:1rem}.contact-item{padding:1rem}.contact-icon{height:36px;width:36px}.contact-label{font-size:.95rem}.contact-value{font-size:.9rem}}.footer{background:#0000;border-top:1px solid #ffffff1a;color:#fff;padding:3rem 2rem 1rem}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto 2rem;max-width:1200px;position:relative;z-index:5}.footer-column{display:flex;flex-direction:column}.footer-heading{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem}.footer-link{background:none;border:none;color:#ccc;cursor:pointer;font-family:inherit;font-size:.9rem;padding:0;pointer-events:auto;position:relative;text-decoration:none;transition:all .3s ease;z-index:10}.footer-link:hover{color:#fff!important;cursor:pointer;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:2rem;text-align:center}.copyright{font-size:.85rem;margin:0}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-container{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer-heading{font-size:1rem}.footer-link{font-size:.85rem}}@media (max-width:480px){.footer-container{gap:1rem;grid-template-columns:1fr}.footer-heading{font-size:.95rem}.footer-link{font-size:.8rem}}.landing-page{background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.nav-link{color:#b0b0b0;font-weight:500}.nav-link:hover{transform:translateY(-2px)}.landing-main{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:120px 2rem 2rem;position:relative;z-index:5}.content-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:900px;min-height:80vh;padding-top:100px;text-align:center}.tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a4a4a4d;border:1px solid #4a4a4a66;border-radius:20px;display:inline-flex;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.tag-dot{color:#6a6a6a;font-size:1.2rem}.tag-text{color:#b0b0b0;font-size:.9rem;font-weight:500}.main-headline{align-items:center;display:flex;font-size:6.5rem;font-weight:800;justify-content:center;line-height:1.1;margin-bottom:2rem;margin-top:-50px;min-height:150px;text-align:center}.headline-line:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fff);-webkit-background-clip:text;background-clip:text}.headline-line:last-child{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#4a4a4a);-webkit-background-clip:text;background-clip:text}.headline-line{display:block;position:relative}.headline-line.with-cursor:after{animation:blink 1s infinite;content:"|";position:absolute;right:-10px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.sub-headline{color:#b0b0b0;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:0;transform:translateY(30px);transition:all .8s ease}.sub-headline.fade-in-up{opacity:1;transform:translateY(0)}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;opacity:0;transform:translateY(30px);transition:all .8s ease}.cta-buttons.fade-in-up{opacity:1;transform:translateY(0)}.cta-primary{background:linear-gradient(45deg,#4a4a4a,#6a6a6a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.cta-primary:hover{box-shadow:0 12px 30px #4a4a4a66;transform:translateY(-3px)}.cta-secondary{background:#0000;border:2px solid #b0b0b04d;border-radius:12px;color:#b0b0b0;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-secondary:hover{background:#b0b0b01a;border-color:#4a4a4a;color:#4a4a4a}@media (max-width:768px){.landing-header{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.header-nav{flex-wrap:wrap;gap:1rem}.logo-icon{height:28px;margin-top:1px;width:28px}.logo-text{font-size:1.5rem}.main-headline{font-size:3.5rem;margin-top:-30px;min-height:120px}.sub-headline{font-size:1rem;padding:0 1rem}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}}@media (max-width:480px){.main-headline{font-size:3rem;margin-top:-20px;min-height:100px}.landing-main{padding:1rem}.content-container{min-height:70vh;padding-top:80px}}.language-selector{align-items:center;display:flex;margin-left:1rem}.language-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out}.language-select:hover{border-color:#9ca3af}.language-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.language-select option{font-size:.875rem;padding:.5rem}@media (prefers-color-scheme:dark){.language-select{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}.language-select:hover{border-color:#6b7280}.language-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}}.language-select.desktop-only{display:block!important}.language-select.mobile-only{display:none!important}@media (max-width:768px){.header .desktop-only,.header-container .desktop-only,.header-right .desktop-only,.language-selector .desktop-only{display:none!important}.header .mobile-only,.header-container .mobile-only,.header-right .mobile-only,.language-selector .mobile-only{display:block!important}.header .language-select.desktop-only{display:none!important}.header .language-select.mobile-only{display:block!important}.language-selector{margin-left:.5rem}.language-select.mobile-only{font-size:.875rem;max-width:60px;min-width:50px;padding:.375rem .5rem;text-align:center}.language-select.mobile-only option{padding:.25rem;text-align:center}}@media (max-width:480px){.header .desktop-only,.header-container .desktop-only,.header-right .desktop-only,.language-selector .desktop-only{display:none!important}.header .mobile-only,.header-container .mobile-only,.header-right .mobile-only,.language-selector .mobile-only{display:block!important}.header .language-select.desktop-only{display:none!important}.header .language-select.mobile-only{display:block!important}.language-selector{margin-left:.25rem}.language-select.mobile-only{font-size:.8rem;max-width:50px;min-width:45px;padding:.25rem .375rem;text-align:center}.language-select.mobile-only option{padding:.2rem;text-align:center}}.login-page{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0a0a0a);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;position:relative}.animated-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.floating-shape{animation:float 25s ease-in-out infinite;border-radius:15px;box-shadow:0 0 30px #4a7c4a4d;filter:blur(3px);opacity:.25;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#2a2a2a,#4a4a4a 50%,#6a6a6a);box-shadow:0 0 40px #4a4a4a66;height:120px;left:10%;top:10%;width:300px}.shape-2{animation-delay:-8s;background:linear-gradient(135deg,#1e1e1e,#3d3d3d 50%,#5a5a5a);box-shadow:0 0 35px #1e1e1e66;height:80px;right:15%;top:60%;width:200px}.shape-3{animation-delay:-15s;background:linear-gradient(135deg,#2a2a2a,#5a5a5a 50%,#7a7a7a);bottom:20%;box-shadow:0 0 45px #2a2a2a66;height:100px;left:20%;width:250px}.shape-4{animation-delay:-12s;background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#6a6a6a);box-shadow:0 0 30px #1a1a1a66;height:70px;right:30%;top:30%;width:180px}.shape-5{animation-delay:-5s;background:linear-gradient(135deg,#2d2d2d,#6a6a6a 50%,#8a8a8a);bottom:40%;box-shadow:0 0 50px #2d2d2d66;height:90px;right:10%;width:220px}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-20px) translateX(10px) rotate(5deg)}50%{transform:translateY(-10px) translateX(-15px) rotate(-3deg)}75%{transform:translateY(15px) translateX(8px) rotate(2deg)}}.landing-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f0ff2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 20px #0000004d;display:flex;justify-content:space-between;left:0;padding:1.5rem 3rem;position:fixed;right:0;top:0;z-index:1000}.header-left .logo{cursor:pointer;transition:transform .3s ease}.header-left .logo:hover{transform:scale(1.05)}.logo-text{font-size:1.8rem;margin-bottom:3px;margin-left:-3px}.login-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;margin:120px auto 2rem;max-width:450px;padding:3rem;position:relative;width:100%;z-index:10}.back-to-landing{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;left:0;padding:.5rem 0;position:absolute;top:-50px;transition:color .3s ease}.back-to-landing:hover{color:#4a7c4a}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{color:#000;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.login-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.signup-tabs{background:#f3f4f6;border-radius:12px;display:flex;gap:4px;margin-bottom:2rem;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.tab-btn:hover{background:#e5e7eb;color:#374151}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#000;font-weight:600}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{margin-bottom:.25rem}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#000;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.form-group input::placeholder{color:#9ca3af}.help-text{font-size:.75rem;line-height:1.4;margin-top:.25rem}.info-box{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-top:.5rem;padding:1rem}.info-box p{color:#0369a1;font-size:.875rem;line-height:1.5;margin:0;text-align:center}.login-submit-btn{background:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:all .2s ease}.login-submit-btn:hover{background:#1a1a1a;box-shadow:0 10px 25px #0003;transform:translateY(-1px)}.login-submit-btn:active{transform:translateY(0)}.login-switch{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-switch p{color:#6b7280;font-size:.875rem;margin:0}.switch-btn{background:none;border:none;color:#000;cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.switch-btn:hover{color:#374151}.demo-credentials{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;padding:1.5rem}.demo-credentials h4{color:#000;font-size:.875rem;font-weight:600;margin:0 0 1rem;text-align:center}.credential-item{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin-bottom:.5rem;text-align:center}.credential-item:last-child{margin-bottom:0}.credential-item strong{color:#000}@media (max-width:640px){.landing-header{padding:1rem 1.5rem}.logo-text{font-size:1.5rem}.login-container{margin:100px 1rem 1rem;padding:2rem}.login-header h1{font-size:1.75rem}.login-header p{font-size:.875rem}.signup-tabs{margin-bottom:1.5rem}.tab-btn{font-size:.8rem;padding:.625rem .75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{animation:fadeInUp .6s ease-out}.forgot-password-btn{background:none;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:underline;transition:all .2s ease}.forgot-password-btn:hover{background:#f3f4f6;color:#2563eb;text-decoration:none}.forgot-password-btn:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.success-message{align-items:center;display:flex;gap:8px;justify-content:center}.error-message,.success-message{border-radius:8px;font-weight:500;margin:1rem 0;padding:.75rem}.error-message{background:#6b7280!important;border:1px solid #4b5563;box-shadow:0 2px 4px #6b728033;color:#fff!important}.error-message:after,.error-message:before{display:none!important}.privacy-policy-page{background:#0a0a0a;color:#fff;min-height:100vh;overflow:hidden;position:relative}.privacy-policy-page:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.policy-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #ffffff1a;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.policy-main{padding-bottom:4rem;padding-top:100px}.policy-container{margin:0 auto;max-width:800px;padding:0 2rem}.policy-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:3rem}.policy-content,.policy-title{text-align:left}.policy-section{margin-bottom:2.5rem;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.policy-section.visible{opacity:1;transform:translateY(0)}.policy-section h2{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.policy-section p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:1rem}.policy-section ul{margin:1rem 0;padding-left:1.5rem}.policy-section li{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.policy-section a{color:#667eea;text-decoration:none;transition:color .3s ease}.policy-section a:hover{color:#764ba2;text-decoration:underline}.policy-section strong{color:#fff;font-weight:600}@media (max-width:768px){.header-container{padding:0 1rem}.header-nav{gap:1rem}.login-btn,.nav-link{font-size:.8rem}.login-btn{padding:.6rem 1.2rem}.policy-container{padding:0 1rem}.policy-title{font-size:2rem;margin-bottom:2rem}.policy-section h2{font-size:1.2rem}.policy-section li,.policy-section p{font-size:.95rem}}@media (max-width:480px){.header-nav{display:none}.policy-title{font-size:1.8rem}.policy-section h2{font-size:1.1rem}.policy-section li,.policy-section p{font-size:.9rem}}.general-terms-page{background:#0a0a0a;color:#fff;min-height:100vh;overflow:hidden;position:relative}.general-terms-page:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.terms-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #ffffff1a;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.header-container{margin:0 auto;max-width:1200px;padding:0 2rem}.header-left .logo{align-items:center;display:flex;gap:.75rem}.logo-icon{height:32px;margin-top:1px;transition:all .3s ease;width:32px}.logo:hover .logo-icon{transform:scale(1.1)}.logo-text{color:#e0e0e0!important;font-size:1.5rem;font-weight:700;text-decoration:none;text-shadow:0 0 10px #e0e0e04d;transition:color .3s ease}.logo-text:hover{color:#667eea}.header-nav{align-items:center;display:flex;gap:2rem}.nav-link{background:none;border:none;color:#ccc;cursor:pointer;font-family:inherit;font-size:.9rem;padding:0;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#fff}.login-btn{background:linear-gradient(45deg,#4a4a4a,#6a6a6a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.login-btn:hover{box-shadow:0 8px 25px #4a4a4a4d;transform:translateY(-2px)}.terms-main{padding-bottom:4rem;padding-top:100px}.terms-container{margin:0 auto;max-width:800px;padding:0 2rem}.terms-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:3rem}.terms-content,.terms-title{text-align:left}.terms-section{margin-bottom:2.5rem;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.terms-section.visible{opacity:1;transform:translateY(0)}.terms-section h2{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.terms-section p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:1rem}.terms-section ul{margin:1rem 0;padding-left:1.5rem}.terms-section li{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.terms-section a{color:#667eea;text-decoration:none;transition:color .3s ease}.terms-section a:hover{color:#764ba2;text-decoration:underline}.terms-section strong{color:#fff;font-weight:600}.copyright{border-top:1px solid #ffffff1a;color:#999;font-size:.9rem;margin-top:3rem;padding-top:2rem;text-align:center}@media (max-width:768px){.header-container{padding:0 1rem}.header-nav{gap:1rem}.login-btn,.nav-link{font-size:.8rem}.login-btn{padding:.6rem 1.2rem}.terms-container{padding:0 1rem}.terms-title{font-size:2rem;margin-bottom:2rem}.terms-section h2{font-size:1.2rem}.terms-section li,.terms-section p{font-size:.95rem}}@media (max-width:480px){.header-nav{display:none}.terms-title{font-size:1.8rem}.terms-section h2{font-size:1.1rem}.terms-section li,.terms-section p{font-size:.9rem}}.currency-selector{display:inline-block;position:relative}.currency-selector-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;min-width:60px;padding:8px 12px;transition:all .2s ease}.currency-selector-button:hover{background:#f9fafb;border-color:#9ca3af}.currency-symbol{font-size:16px;font-weight:600}.currency-code{color:#6b7280;font-size:12px}.currency-arrow{color:#6b7280;transition:transform .2s ease}.currency-arrow.open{transform:rotate(180deg)}.currency-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.currency-dropdown.dropdown-position{left:0;margin-top:4px;min-width:100%;position:absolute;right:0;top:100%;transform:translateY(0);z-index:1001}.currency-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.currency-option:hover{background:#f9fafb}.currency-option.selected{background:#eff6ff;color:#1d4ed8;font-weight:500}.currency-option .currency-symbol{font-size:16px;font-weight:600;min-width:20px;text-align:center}.currency-option .currency-name{flex:1 1;font-weight:500}.currency-option .currency-code{color:#6b7280;font-size:12px;font-weight:400}.currency-selector.in-dropdown{width:100%}.currency-selector-button.dropdown-style{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;justify-content:space-between;padding:8px 12px;width:100%}@media (max-width:768px){.currency-selector-button{min-width:50px;padding:6px 8px}.currency-code.desktop-only{display:none}.currency-dropdown{min-width:160px}.currency-option{gap:8px;padding:10px 12px}}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 4px 20px #00000026;max-height:90vh}.close-btn{font-size:1.5rem}.modal-body{padding:24px}.form-section{margin-bottom:32px}.form-section h3{border-bottom:2px solid #3b82f6;color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.help-text{color:#6b7280;font-size:.875rem;line-height:1.5}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.generate-codes-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.generate-codes-btn:hover{background:#2563eb}.codes-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.code-item{margin-bottom:20px}.code-item:last-child{margin-bottom:0}.code-item label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.code-value{align-items:center;display:flex;gap:12px;margin-bottom:4px}.code-value span{background:#e5e7eb;border-radius:4px;color:#111827;flex:1 1;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;padding:8px 12px}.copy-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:background-color .2s}.copy-btn:hover{background:#059669}.code-item small{color:#6b7280;font-size:.75rem}.warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin-top:16px;padding:12px}.warning strong{color:#d97706}.success-message{border-radius:6px;font-size:.875rem;margin-bottom:16px;padding:12px}.modal-actions{background:#f9fafb}.submit-btn{background:#3b82f6;border-radius:6px;font-weight:500;padding:10px 20px;transition:background-color .2s}.submit-btn:hover:not(:disabled){background:#2563eb}.submit-btn:disabled{background:#9ca3af}@media (max-width:640px){.modal-content{margin:20px;width:95%}.modal-actions,.modal-body,.modal-header{padding:16px}.code-value{align-items:stretch;flex-direction:column;gap:8px}.copy-btn{align-self:flex-end}}.admin-notification-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-notification-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.admin-notification-modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.admin-notification-modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.close-btn{height:32px;transition:all .2s;width:32px}.close-btn:hover{background-color:#f3f4f6}.admin-notification-modal-content{flex:1 1;overflow-y:auto;padding:0}.loading{font-size:14px}.no-notifications{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center;padding:40px;text-align:center}.notifications-list{padding:0}.notification-item{padding:20px 24px;transition:background-color .2s}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff;border-left:4px solid #3b82f6}.notification-item.unread:hover{background-color:#dbeafe}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.notification-user{display:flex;flex-direction:column;gap:2px}.notification-user strong{color:#111827;font-size:14px;font-weight:600}.user-email{color:#6b7280;font-size:12px}.notification-time{color:#9ca3af;font-size:12px;white-space:nowrap}.notification-content{margin-bottom:12px}.notification-content p{color:#333;margin:8px 0}.changes-summary{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;margin-top:12px;padding:12px}.changes-title{color:#495057;font-size:14px;margin:0 0 8px}.changes-list{display:flex;flex-direction:column;gap:6px}.change-item{align-items:center;font-size:13px;gap:8px;padding:4px 0}.change-field{color:#495057;font-weight:600;min-width:120px}.change-old{background-color:#f8d7da;border-radius:4px;color:#dc3545;font-size:12px;padding:2px 6px}.change-arrow{color:#6c757d;font-weight:700}.change-new{background-color:#d4edda;border-radius:4px;color:#28a745;font-size:12px;padding:2px 6px}.notification-content strong{color:#111827;font-weight:600}.notification-actions{align-items:center;display:flex;gap:8px}.view-request-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.view-request-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.view-request-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.mark-read-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.mark-read-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.request-details-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.request-details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.request-details-modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.request-details-modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.request-details-modal-content{flex:1 1;overflow-y:auto;padding:24px}.request-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-item.full-width{grid-column:1/-1}.info-item span{line-height:1.5}.phase-badge,.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-approved{background-color:#d1fae5;color:#065f46}.status-badge.status-rejected{background-color:#fee2e2;color:#991b1b}.status-badge.status-revision_required{background-color:#fef3c7;color:#92400e}.phase-badge.phase-document_preparation{background-color:#dbeafe;color:#1e40af}.phase-badge.phase-define_supplier_list{background-color:#e0e7ff;color:#3730a3}.phase-badge.phase-send_out_rfq{background-color:#fef3c7;color:#92400e}.phase-badge.phase-receive_responses{background-color:#d1fae5;color:#065f46}.phase-badge.phase-select_supplier{background-color:#fce7f3;color:#be185d}.phase-badge.phase-advise_unsuccessful_suppliers{background-color:#fee2e2;color:#991b1b}.custom-specs-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.custom-spec-item{background-color:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;font-size:13px;line-height:1.4;padding:8px 12px}.custom-spec-item strong{color:#374151;font-weight:600}.admin-notification-modal-content::-webkit-scrollbar,.request-details-modal-content::-webkit-scrollbar{width:6px}.admin-notification-modal-content::-webkit-scrollbar-track,.request-details-modal-content::-webkit-scrollbar-track{background:#f1f5f9}.admin-notification-modal-content::-webkit-scrollbar-thumb,.request-details-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-notification-modal-content::-webkit-scrollbar-thumb:hover,.request-details-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.address-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.address-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.address-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.address-modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-button{padding:.5rem}.address-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.error-message,.success-message{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin:1rem 2rem;padding:.75rem 1rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.add-address-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.add-address-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.add-address-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}.form-group label{font-size:.875rem}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-address-btn{align-self:flex-start;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.add-address-btn:hover:not(:disabled){background:#2563eb}.add-address-btn:disabled{background:#9ca3af;cursor:not-allowed}.addresses-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.loading-spinner,.no-addresses{padding:2rem;text-align:center}.no-addresses{color:#6b7280}.addresses-list{display:flex;flex-direction:column;gap:1rem}.address-item{border:1px solid #e5e7eb;border-radius:8px;cursor:default;padding:1rem;transition:all .2s ease}.address-item.selectable{cursor:pointer}.address-item.selectable:hover{background:#f8fafc;border-color:#3b82f6}.address-item.default{background:#eff6ff;border-color:#3b82f6}.address-content{flex:1 1}.address-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.address-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.default-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.address-text{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.address-actions{display:flex;gap:.5rem;margin-top:1rem}.action-btn{border:1px solid #d1d5db}.action-btn:hover{border-color:#9ca3af}.set-default-btn:hover{border-color:#3b82f6;color:#3b82f6}.delete-btn:hover{border-color:#dc2626;color:#dc2626}.address-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:1.5rem 2rem}.cancel-btn{background:#6b7280;font-size:.875rem;transition:all .2s ease}.cancel-btn:hover{background:#4b5563}@media (max-width:768px){.address-modal-content{margin:1rem;width:95%}.address-modal-body,.address-modal-footer,.address-modal-header{padding:1rem}.address-header{align-items:flex-start;flex-direction:column;gap:.5rem}.address-actions{justify-content:flex-end}}.desktop-only{display:block!important}.mobile-only{display:none!important}.header-add-company-btn.desktop-only,.header-new-request-btn.desktop-only,.header-sent-emails-btn.desktop-only{display:flex!important}.header-add-company-btn.mobile-only,.header-new-request-btn.mobile-only,.header-sent-emails-btn.mobile-only{display:none!important}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#374151;left:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.header-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0;max-width:100%;padding:0;width:100%}.header-left{flex-shrink:0;gap:16px;margin-left:0;margin-right:auto;padding-left:20px}.header-title{color:#111827;cursor:pointer;font-size:1.5rem;font-weight:700;margin:0;transition:color .2s ease}.header-title:hover{color:#374151}.header-company-logo{height:32px;object-fit:contain;opacity:.9;transition:opacity .2s ease;width:auto}.header-company-logo:hover{opacity:1}.header-right{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-left:auto;padding-right:20px}.header-new-request-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.header-new-request-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.header-new-request-btn:active{transform:translateY(0)}.header-add-company-btn{align-items:center;background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.header-add-company-btn:hover{background:#1f2937;transform:translateY(-1px)}.header-add-company-btn:active{transform:translateY(0)}.header-notification-btn{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.header-notification-btn:hover{background:#f3f4f6;color:#1f2937}.notification-badge{background:#ef4444;border:2px solid #fff;border-radius:9px;color:#fff;font-size:.75rem;font-weight:600;height:18px;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}.header-icon-btn,.notification-badge{align-items:center;display:flex;justify-content:center}.header-icon-btn{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.header-icon-btn:hover{background:#f3f4f6;color:#1f2937}.header-share-btn{background-color:#111827;border:1px solid #111827;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.header-share-btn:hover{background-color:#374151;border-color:#374151}.header-sent-emails-btn{align-items:center;background-color:#111827;border:1px solid #111827;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.header-sent-emails-btn:hover{background-color:#374151;border-color:#374151;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.header-auth-btn{background-color:#111827;border:1px solid #111827;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.header-auth-btn:hover{background-color:#374151;border-color:#374151}.header-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:background-color .2s ease}.header-user:hover{background:#f3f4f6}.user-info{align-items:flex-start;gap:.125rem;min-width:0}.user-name{color:#111827;font-size:.875rem;font-weight:600}.user-name,.user-role{line-height:1.2;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.25rem}.user-role .bullet{color:#9ca3af;font-weight:700}.user-avatar{gap:.75rem}.avatar-circle,.user-avatar{align-items:center;display:flex;flex-shrink:0}.avatar-circle{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;height:36px;justify-content:center;width:36px}.dropdown-arrow{color:#6b7280;flex-shrink:0;margin-left:.5rem;transition:transform .2s}.header-user:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:4px;min-width:160px;overflow:visible;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.delete-account{border-top:1px solid #e5e7eb;color:#dc2626}.dropdown-item.delete-account:hover{background-color:#fef2f2}.dropdown-currency-section{border-bottom:1px solid #e5e7eb;padding:12px 16px}.dropdown-section-title{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:0}@media (max-width:768px){.header .desktop-only,.header-container .desktop-only,.header-right .desktop-only{display:none!important}.header .mobile-only,.header-container .mobile-only,.header-right .mobile-only{display:block!important}.header .header-add-company-btn.mobile-only,.header .header-new-request-btn.mobile-only,.header .header-sent-emails-btn.mobile-only{display:flex!important}.header .header-add-company-btn.desktop-only,.header .header-new-request-btn.desktop-only,.header .header-sent-emails-btn.desktop-only{display:none!important}.header-container{height:56px;padding:0 16px}.header-title{font-size:1.125rem;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.header-company-logo{height:28px}.header-right{gap:8px}.user-info{display:none!important}.user-avatar{gap:0}.header-add-company-btn.mobile-only,.header-new-request-btn.mobile-only,.header-sent-emails-btn.mobile-only{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex!important;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.header-new-request-btn.mobile-only{background:#f3f4f6;color:#374151}.header-new-request-btn.mobile-only:hover{background:#e5e7eb}.header-add-company-btn.mobile-only{background:#374151;color:#fff}.header-add-company-btn.mobile-only:hover{background:#1f2937}.header-sent-emails-btn.mobile-only{background:#111827;color:#fff}.header-sent-emails-btn.mobile-only:hover{background:#374151}.header-user{gap:0;padding:8px}.avatar-circle{border:1px solid #e5e7eb;height:32px;width:32px}.notification-badge{font-size:.7rem;height:16px;min-width:16px}}@media (max-width:480px){.header .desktop-only,.header-container .desktop-only,.header-right .desktop-only{display:none!important}.header .mobile-only,.header-container .mobile-only,.header-right .mobile-only{display:block!important}.header .header-add-company-btn.mobile-only,.header .header-new-request-btn.mobile-only,.header .header-sent-emails-btn.mobile-only{display:flex!important}.header-container{height:52px;padding:0 12px}.header-title{font-size:1rem;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.header-company-logo{height:24px}.header-right{gap:6px}.user-info{display:none!important}.user-avatar{gap:0}.header-add-company-btn.mobile-only,.header-new-request-btn.mobile-only,.header-sent-emails-btn.mobile-only{height:36px;padding:6px;width:36px}.header-new-request-btn.mobile-only{background:#f3f4f6;color:#374151}.header-add-company-btn.mobile-only{background:#374151;color:#fff}.header-sent-emails-btn.mobile-only{background:#111827;color:#fff}.header-user{padding:6px}.avatar-circle{border:1px solid #e5e7eb;height:28px;width:28px}.header-notification-btn{height:36px;width:36px}}.stats-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.stat-title{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.stat-value{color:#111827;font-size:1.75rem;font-weight:700;line-height:1;margin:0 0 8px}.stat-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:4px}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.stat-change.neutral{color:#6b7280}.stat-change svg{flex-shrink:0}@media (max-width:768px){.stats-cards{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{padding:20px}.stat-value{font-size:1.75rem}}@media (max-width:480px){.stat-card{padding:16px}.stat-value{font-size:1.5rem}.stat-title{font-size:.8rem}}.loading-skeleton{border-radius:6px;box-shadow:0 1px 3px #0000001a;height:28px;width:80%}.loading-skeleton,.loading-skeleton-small{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%,#f3f4f6);background-size:300% 100%;margin:0 auto}.loading-skeleton-small{border-radius:4px;box-shadow:0 1px 2px #0000001a;height:16px;width:60%}.stat-card.loading .stat-title{color:#9ca3af}.stat-card.loading .stat-value{height:28px}.stat-card.loading .stat-change,.stat-card.loading .stat-value{align-items:center;display:flex;justify-content:center;width:100%}.stat-card.loading .stat-change{height:16px}.yearly-overview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:100%;padding:24px;position:relative}.bars-wrapper{justify-content:space-between;padding:0 8px;position:relative;z-index:2}.bar-item,.bars-wrapper{align-items:flex-end;display:flex;height:100%}.bar-item{flex:1 1;justify-content:center;margin:0 4px}.bar{background-color:#111827;border-radius:4px 4px 0 0;cursor:pointer;min-height:4px;transition:all .2s;width:60px}.bar:hover{opacity:.8;transform:scaleY(1.02)}.labels-wrapper{padding:0 8px}.label-item{margin:0 4px}@media (max-width:768px){.yearly-overview{padding:20px}.chart-title{font-size:1rem;margin-bottom:16px}.chart-wrapper{height:250px;margin-bottom:16px}.y-axis{margin-right:12px;width:60px}.y-axis-label{font-size:.7rem}.bars-wrapper{padding:0 4px}.bar-item{margin:0 2px}.bar{width:50px}.labels-wrapper{margin-left:72px;padding:0 4px}.label-item{font-size:.7rem;margin:0 2px;padding-top:6px}}@media (max-width:480px){.yearly-overview{padding:16px}.chart-wrapper{height:200px;margin-bottom:12px}.y-axis{margin-right:8px;width:50px}.y-axis-label{font-size:.65rem;padding-right:4px}.bars-wrapper{padding:0 2px}.bar-item{margin:0 1px}.bar{width:40px}.labels-wrapper{margin-left:58px;padding:0 2px}.label-item{font-size:.65rem;margin:0 1px;padding-top:4px}}.yearly-overview-loading{align-items:center;display:flex;height:300px;justify-content:center;padding:24px}.yearly-overview-loading .loading-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%,#f3f4f6);background-size:300% 100%;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:200px;width:100%}@keyframes shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}.savings-chart{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:100%;padding:24px;position:relative}.chart-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 20px}.chart-loading{color:#6b7280;font-size:1rem}.chart-loading,.savings-chart-loading{align-items:center;display:flex;height:300px;justify-content:center}.savings-chart-loading{flex-direction:column;gap:16px;padding:24px}.savings-chart-loading .loading-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%,#f3f4f6);background-size:300% 100%;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:200px;width:100%}.savings-chart-loading .loading-text{color:#6b7280;font-size:.875rem;margin:0;text-align:center}.chart-wrapper{display:flex;height:300px;margin-bottom:20px}.y-axis{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;margin-right:16px;width:80px}.y-axis-label{color:#6b7280;font-size:.75rem;font-weight:500;line-height:1;padding-right:8px;text-align:right}.chart-main{flex:1 1;position:relative}.grid-lines{bottom:0;top:0;z-index:1}.grid-line,.grid-lines{left:0;position:absolute;right:0}.grid-line{background-color:#f3f4f6;height:1px}.svg-container{bottom:0;left:0;padding:0 4px;position:absolute;right:0;top:0;z-index:2}.chart-svg{height:100%;width:100%}.line-path{transition:stroke .2s}.data-point,.hover-circle{transition:all .2s}.hover-circle{cursor:pointer}.hover-circle:hover{r:10}.hover-circle:hover+.data-point{fill:#111827;r:2}@media (max-width:1200px){.data-point{r:1.2}.hover-circle{r:6}.hover-circle:hover{r:8}.hover-circle:hover+.data-point{r:1.6}}@media (max-width:768px){.data-point{r:1}.hover-circle{r:5}.hover-circle:hover{r:7}.hover-circle:hover+.data-point{r:1.4}}@media (max-width:480px){.data-point{r:.8}.hover-circle{r:4}.hover-circle:hover{r:6}.hover-circle:hover+.data-point{r:1.2}}.tooltip{pointer-events:none;position:absolute;top:-40px;transition:opacity .2s;z-index:10}.tooltip-content{background:#111827;border-radius:6px;box-shadow:0 4px 6px #0000001a;font-size:.75rem;padding:6px 10px;white-space:nowrap}.tooltip-content:after{border-top-color:#111827}.tooltip-month{font-weight:500;margin-bottom:2px}.tooltip-value{font-weight:600}.labels-wrapper{display:flex;justify-content:space-between;margin-left:96px;padding:0 4px}.label-item{color:#6b7280;flex:1 1;font-size:.75rem;font-weight:500;padding-top:8px;text-align:center}@media (max-width:768px){.savings-chart{padding:20px}.chart-title{font-size:1rem;margin-bottom:16px}.chart-wrapper{height:250px;margin-bottom:16px}.y-axis{margin-right:12px;width:60px}.y-axis-label{font-size:.7rem}.svg-container{padding:0 4px}.labels-wrapper{margin-left:72px;padding:0 4px}.label-item{font-size:.7rem;padding-top:6px}.tooltip-content{font-size:.7rem;padding:6px 10px}}@media (max-width:480px){.savings-chart{padding:16px}.chart-wrapper{height:200px;margin-bottom:12px}.y-axis{margin-right:8px;width:50px}.y-axis-label{font-size:.65rem;padding-right:4px}.svg-container{padding:0 2px}.labels-wrapper{margin-left:58px;padding:0 2px}.label-item{font-size:.65rem;padding-top:4px}.tooltip-content{font-size:.65rem;padding:4px 8px}}.search-container,.search-input-wrapper{align-items:center;display:flex}.search-input-wrapper{position:relative}.search-icon{color:#6b7280;left:14px}.search-input{background:#fff!important;border:1px solid #e5e7eb;box-sizing:border-box;color:#111827!important;height:36px;padding-left:40px;padding-right:12px}.search-input::placeholder{color:#9ca3af!important;font-weight:400;line-height:1.4;padding-left:30px}@media (max-width:768px){.search-input{background:#fff!important;color:#111827!important;font-size:13px;height:32px;width:250px}}@media (max-width:480px){.search-input{background:#fff!important;color:#111827!important;font-size:12px;height:28px;width:200px}}.new-request-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:36px;justify-content:center;padding:6px 12px;transition:background-color .2s,transform .1s,border-color .2s;width:300px}.new-request-button:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.new-request-button:active{transform:translateY(0)}.plus-icon{flex-shrink:0}@media (max-width:768px){.new-request-button{font-size:13px;height:32px;padding:6px 12px;width:250px}}@media (max-width:480px){.new-request-button{font-size:12px;height:28px;padding:6px 12px;width:200px}}.status-badge{align-items:flex-start;display:flex;flex-direction:column;gap:6px;min-width:120px}.status-text{color:#374151;font-size:12px;font-weight:600;line-height:1.2;text-align:left}.progress-bar{background-color:#f3f4f6;border-radius:3px;box-shadow:inset 0 1px 2px #0000001a;height:6px;overflow:hidden;width:100%}.progress-fill{border-radius:3px;box-shadow:0 1px 2px #0000001a;height:100%;transition:width .5s ease}.prep-dot{border-radius:50%;height:6px;margin-top:2px;width:6px}@media (max-width:768px){.status-badge{gap:4px;min-width:100px}.status-text{font-size:11px}.progress-bar{height:4px}.prep-dot{height:5px;width:5px}}.request-detail-modal{max-height:85vh;max-width:800px;overflow-y:auto;width:90%}.request-detail-modal .modal-header{align-items:center;background:#fff!important;border-bottom:1px solid #e5e7eb;color:#111827!important;display:flex;justify-content:space-between;padding:24px 24px 16px}.request-detail-modal .modal-header h2{color:#111827!important;font-size:1.5rem;font-weight:600;margin:0}.request-detail-content{padding:16px 0}.detail-section{background:#fafafa;border-left:3px solid #495057;border-radius:6px;margin-bottom:24px;padding:16px}.detail-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item span{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:flex;font-size:14px;min-height:18px;padding:6px 10px}.status-badge{letter-spacing:.5px;padding:3px 8px}.status-phase_1{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-phase_2{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status-phase_3{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-phase_4{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-phase_5{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-completed{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status-rejected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.specifications-list,.suppliers-list{display:flex;flex-direction:column;gap:6px}.spec-item,.supplier-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:flex;font-size:14px;padding:6px 10px}.custom-specs-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.custom-spec-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:8px}.custom-spec-item label{color:#495057;font-size:12px;font-weight:600}.custom-spec-item span{color:#333;font-size:13px}.note-item{margin-bottom:12px}.note-item label{color:#555;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.note-item p{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:13px;line-height:1.4;margin:0;padding:10px;white-space:pre-wrap}.loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#495057;height:32px;width:32px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-message p{font-size:14px;margin:0}.modal-footer{border-top:1px solid #e0e0e0;gap:8px;padding:16px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}@media (max-width:768px){.request-detail-modal{margin:16px;width:95%}.custom-specs-grid,.detail-grid{grid-template-columns:1fr}.detail-section{padding:12px}.detail-section h3{font-size:15px}.detail-item label{font-size:11px}.detail-item span{font-size:13px}}.completed-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.completed-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.completed-modal-close{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:background-color .2s;z-index:10}.completed-modal-close:hover{background-color:#e5e7eb}.completed-modal-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:24px 24px 16px;text-align:center}.completed-header-icon{display:flex;justify-content:center;margin-bottom:12px}.completed-modal-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px}.completed-modal-subtitle{color:#6b7280;font-size:14px;margin:0}.completed-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 24px}.loading-spinner{border-top-color:#10b981}.completed-modal-body{padding:24px}.completed-section{margin-bottom:32px}.completed-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-item label{font-size:12px}.info-item span{color:#1f2937;font-size:14px;font-weight:500}.quote-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:20px}.quote-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.quote-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.quote-status{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.quote-status.completed{background-color:#d1fae5;color:#065f46}.quote-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quote-item{display:flex;flex-direction:column;gap:4px}.quote-item label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.quote-item span{color:#1f2937;font-size:14px;font-weight:500}.price{color:#059669;font-weight:600}.price.total{color:#047857;font-size:16px}.savings-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:20px}.savings-item{align-items:center;border-bottom:1px solid #d1fae5;display:flex;justify-content:space-between;padding:8px 0}.savings-item:last-child{border-bottom:none}.savings-item label{color:#374151;font-size:14px;font-weight:500}.savings-item span{font-size:14px;font-weight:600}.original-budget{color:#6b7280;text-decoration:line-through}.final-price{color:#059669}.savings-amount{background-color:#d1fae5;border-radius:6px;margin:8px 0;padding:12px 16px}.savings-percentage{background-color:#bbf7d0;border-radius:6px;padding:12px 16px}.savings-percent.positive,.savings-value.positive{color:#047857;font-size:16px}.suppliers-list{gap:12px;margin-top:16px}.supplier-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:16px;transition:all .2s}.supplier-item:hover{background:#f1f5f9;border-color:#cbd5e1}.supplier-info h4{color:#1f2937;font-size:14px;margin:0 0 4px}.supplier-email{font-size:12px;margin:0}.supplier-quote{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.quote-price{color:#059669;font-size:14px;font-weight:600}.delivery-time{color:#6b7280;font-size:12px}.completed-error{align-items:center;color:#ef4444;display:flex;font-size:14px;justify-content:center;padding:60px 24px}.completed-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;padding:16px 24px 24px}.completed-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.completed-modal-btn.primary{background-color:#f3f4f6;color:#374151}.completed-modal-btn.primary:hover{background-color:#e5e7eb}.completed-modal-btn.primary:active{background-color:#d1d5db}.completed-modal-btn.secondary{background-color:#f3f4f6;color:#374151}.completed-modal-btn.secondary:hover{background-color:#e5e7eb}.completed-modal-btn.secondary:active{background-color:#d1d5db}@media (max-width:768px){.completed-modal-content{margin:10px;max-height:95vh}.completed-modal-header{padding:20px 16px 12px}.completed-modal-body{padding:16px}.completed-modal-footer{padding:12px 16px 20px}.info-grid,.quote-details{grid-template-columns:1fr}.supplier-item{flex-direction:column;gap:12px}.supplier-item,.supplier-quote{align-items:flex-start}}.request-emails-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.request-emails-modal-overlay{background:#000c!important;padding:0!important}}.product-name{display:none!important}.supplier-toggle-btn{background:#4f46e5;border:none;border-radius:6px;box-shadow:0 2px 4px #4f46e533;color:#fff;cursor:pointer;display:none;font-size:.85rem;font-weight:600;margin-left:8px;padding:6px 10px;transition:all .2s ease}.supplier-toggle-btn:hover{background:#3730a3;box-shadow:0 4px 8px #4f46e54d;transform:translateY(-1px)}.supplier-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;line-height:1;min-height:20px;min-width:20px;padding:2px 6px;transition:all .2s ease}.supplier-close-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}@media (max-width:768px){.mobile-only,.supplier-toggle-btn{display:block!important}.request-emails-supplier-sidebar{box-shadow:2px 0 8px #0000001a!important;transition:transform .4s cubic-bezier(.4,0,.2,1)!important}.request-emails-supplier-sidebar.collapsed{box-shadow:none!important;transform:translateX(-100%)!important}.request-emails-conversation{transition:all .4s cubic-bezier(.4,0,.2,1)!important}.request-emails-conversation.expanded{animation:expandConversation .4s cubic-bezier(.4,0,.2,1)!important;height:100%!important;left:0!important;margin-left:0!important;position:absolute!important;top:0!important;width:100%!important;z-index:5!important}@keyframes expandConversation{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.supplier-toggle-btn{font-size:.8rem!important;padding:5px 8px!important}}.request-emails-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:90vh;max-width:1400px;width:95%}.request-emails-modal-header{align-items:center;background:#374151;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:16px 24px}.header-left{gap:12px}.toggle-container{background:#374151;border-bottom:1px solid #4b5563;display:flex;justify-content:center;padding:8px}.mobile-only{display:none}.request-emails-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.request-emails-close-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px 8px;transition:background-color .2s}.request-emails-close-button:hover{background-color:#fff3}.request-emails-modal-content{display:flex;flex:1 1;overflow:hidden}.conversation-layout{display:flex;flex:1 1;height:100%}.request-emails-supplier-sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;width:300px}.request-emails-supplier-header{background:#f1f5f9;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px}.request-emails-suppliers-list{flex:1 1;max-height:calc(90vh - 120px);overflow-y:auto;padding:8px}.request-emails-supplier-item{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:6px;padding:16px 20px;transition:background-color .2s}.request-emails-supplier-item:hover{background:#e2e8f0}.request-emails-supplier-item.active{background:#e5e7eb;border-color:#6b7280}.supplier-avatar{align-items:center;background:#6b7280;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.supplier-info{margin-left:0;min-width:0}.request-emails-supplier-name{background:#6b7280;border-bottom:none;border-radius:8px 8px 0 0;color:#fff;font-size:.85rem;font-weight:500;margin:-16px -20px 8px;padding:16px 20px 8px;width:calc(100% + 40px)}.request-emails-supplier-name,.request-emails-supplier-preview{box-sizing:border-box;overflow:hidden;text-align:left!important;text-overflow:ellipsis;white-space:nowrap}.request-emails-supplier-preview{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#6b7280;font-size:.75rem;margin-left:2px;margin-top:0;max-width:calc(100% - 2px);padding:0!important}.supplier-type{color:#6b7280;font-size:.8rem}.request-emails-conversation{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;padding:0}.request-emails-conversation-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;min-height:50px;padding:12px 20px}.request-emails-conversation-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:4px}.request-emails-conversation-subtitle{color:#6b7280;font-size:.9rem}.request-emails-conversation-messages{background:#fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:15px;height:calc(90vh - 200px);max-height:calc(90vh - 200px);overflow-x:hidden;overflow-y:scroll!important;padding:15px}.request-emails-message{border-radius:12px;flex-shrink:0;margin:5px 0;max-width:90%;min-width:300px;overflow:visible;transition:box-shadow .2s}.request-emails-message:hover{box-shadow:0 2px 8px #0000001a}.request-emails-message.sent{align-self:flex-end;background:#f3f4f6;border:1px solid #d1d5db}.request-emails-message.received{align-self:flex-start;background:#fff;border:1px solid #e5e7eb}.message-header{background:#0000000d;border-bottom:1px solid #0000001a;padding:8px 12px}.message-cc,.message-to{background:#f3f4f6;border-left:3px solid #9ca3af;border-radius:4px;color:#6b7280;font-size:.75rem;margin:6px 12px;padding:4px 8px}.message-direction{font-size:.85rem;font-weight:600;margin-bottom:2px}.message-from{color:#6b7280;font-size:.8rem}.message-time{color:#9ca3af;font-size:.75rem;margin-top:4px}.message-subject{background:#00000008;border-bottom:1px solid #0000001a;font-size:.9rem;font-weight:500;padding:8px 12px}.message-body{word-wrap:break-word;color:#374151;flex-shrink:0;font-size:14px;line-height:1.4;margin:0;overflow-wrap:break-word;padding:6px 10px;white-space:pre-wrap;width:100%}.message-body h1,.message-body h2,.message-body h3{color:#1f2937;font-weight:600;margin:0 0 8px}.message-body p{line-height:1.5;margin:0 0 6px}.message-body p:last-child{margin-bottom:0}.message-body ol,.message-body ul{margin:6px 0;padding-left:20px}.message-body li{line-height:1.5;margin-bottom:3px}.message-body b,.message-body strong{color:#1f2937;font-weight:600}.message-body a{color:#3b82f6;text-decoration:underline}.message-body br{line-height:1.8}.message-body div{margin-bottom:8px}.message-body div:last-child{margin-bottom:0}.message-body table{border-collapse:collapse;font-size:14px;margin:10px 0;width:100%}.message-body thead{background-color:#f8f9fa}.message-body th{background-color:#f8f9fa;font-weight:600;text-align:left}.message-body td,.message-body th{border:1px solid #d1d5db;color:#374151;padding:8px 12px}.message-body tbody tr:nth-child(2n){background-color:#f9fafb}.message-body tbody tr:hover{background-color:#f3f4f6}.request-emails-message-attachments{background:#00000005;border-top:1px solid #0000001a;padding:8px 12px}.request-emails-attachments-header{color:#374151;font-size:.8rem;font-weight:600;margin-bottom:6px}.request-emails-attachment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:6px 8px;transition:background-color .2s}.request-emails-attachment-item:hover{background:#f3f4f6}.request-emails-attachment-info{background:#0000!important;border:none!important;display:flex;flex:1 1;flex-direction:column;gap:1px;margin:0!important;min-width:0;padding:0!important}.request-emails-attachment-name{color:#1f2937;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-emails-attachment-size{color:#6b7280;font-size:.7rem}.request-emails-attachment-download{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.7rem;padding:4px 8px;transition:background-color .2s}.request-emails-attachment-download:hover{background:#2563eb}@media (max-width:1024px) and (min-width:769px){.request-emails-modal{height:95vh!important;max-width:1200px!important;width:98%!important}.request-emails-modal-header{padding:14px 20px!important}.request-emails-modal-header h2{font-size:1.2rem!important}.request-emails-supplier-sidebar{min-width:280px!important;width:35%!important}.request-emails-conversation{width:65%!important}.request-emails-message{max-width:80%!important}.message-body{font-size:.9rem!important}}@media (max-width:768px){.request-emails-modal{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-width:none!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.request-emails-modal-header{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;padding:12px 16px!important}.header-left{align-items:center!important;display:flex!important;gap:8px!important}.request-emails-modal-header h2{font-size:1.1rem!important;margin:0!important}.request-emails-close-button{font-size:1.5rem!important;min-height:32px!important;min-width:32px!important;padding:4px 8px!important}.conversation-layout{flex-direction:row!important;height:calc(100vh - 60px)!important;overflow:hidden!important;position:relative!important;width:100%!important}.request-emails-supplier-sidebar{border-bottom:none!important;border-right:1px solid #e5e7eb!important;flex-shrink:0!important;height:100%!important;max-width:250px!important;min-height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;width:35%!important}.request-emails-supplier-header{align-items:center!important;display:flex!important;font-size:.9rem!important;justify-content:space-between!important;padding:8px 12px!important}.request-emails-suppliers-list{height:calc(100% - 40px)!important}.request-emails-supplier-item{margin-bottom:4px!important;padding:12px 16px!important}.request-emails-supplier-name{font-size:.8rem!important;margin:-12px -16px 6px!important;padding:8px 12px!important;width:calc(100% + 32px)!important}.request-emails-supplier-preview{font-size:.75rem!important;margin-left:2px!important;max-width:calc(100% - 2px)!important}.request-emails-conversation{flex-shrink:1!important;height:100%!important;min-height:auto!important;min-width:0!important;overflow:hidden!important;transition:width .3s ease,margin-left .3s ease!important;width:65%!important}.request-emails-conversation-header{border-bottom:1px solid #e5e7eb!important;padding:8px 12px!important;position:relative!important}.request-emails-conversation.expanded .request-emails-conversation-header{background:#f8f9fa!important;padding:8px 20px!important}.request-emails-conversation-title{font-size:.9rem!important;margin-bottom:2px!important}.request-emails-conversation-subtitle{font-size:.75rem!important}.request-emails-conversation-messages{-webkit-overflow-scrolling:touch!important;height:calc(100% - 60px)!important;overflow-x:auto!important;overflow-y:auto!important;padding:8px!important}.request-emails-message{word-wrap:break-word!important;box-sizing:border-box!important;margin:8px 12px!important;max-width:95%!important;min-width:280px!important;overflow-wrap:break-word!important;padding:8px 12px!important}.request-emails-message.sent{align-self:flex-end!important;margin-left:auto!important;margin-right:12px!important}.request-emails-message.received{align-self:flex-start!important;margin-left:12px!important;margin-right:auto!important}.message-header{align-items:flex-start!important;flex-direction:column!important;gap:2px!important;margin-bottom:4px!important}.message-direction{font-size:.75rem!important;font-weight:600!important}.message-time{font-size:.7rem!important}.message-subject{font-size:.8rem!important;margin-bottom:6px!important}.message-body{word-wrap:break-word!important;font-size:.85rem!important;line-height:1.4!important;min-width:250px!important;overflow-wrap:break-word!important;overflow-x:auto!important;white-space:pre-wrap!important}.message-body,.request-emails-message-attachments{padding:6px 8px!important}.request-emails-attachments-header{font-size:.75rem!important;margin-bottom:4px!important}.request-emails-attachment-item{margin-bottom:3px!important;padding:4px 6px!important}.request-emails-attachment-name{font-size:.75rem!important}.request-emails-attachment-size{font-size:.65rem!important}.request-emails-attachment-download{font-size:.65rem!important;padding:3px 6px!important}.error,.loading,.no-conversation,.no-emails{font-size:.9rem!important;padding:20px!important}}@media (max-width:480px){.request-emails-modal-header{padding:10px 12px!important}.request-emails-modal-header h2{font-size:1rem!important}.request-emails-close-button{font-size:1.3rem!important;min-height:28px!important;min-width:28px!important}.request-emails-supplier-sidebar{height:100%!important;max-width:200px!important;min-height:auto!important;width:32%!important}.request-emails-conversation{height:100%!important;min-height:auto!important;overflow:hidden!important;width:68%!important}.request-emails-message{margin:6px 8px!important;max-width:98%!important;padding:6px 10px!important}.request-emails-message.sent{align-self:flex-end!important;margin-left:auto!important;margin-right:8px!important}.request-emails-message.received{align-self:flex-start!important;margin-left:8px!important;margin-right:auto!important}.message-body{font-size:.8rem!important;padding:4px 6px!important}.request-emails-attachment-item{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.request-emails-attachment-info{width:100%!important}.request-emails-attachment-download{align-self:flex-end!important}}@media (max-width:768px) and (orientation:landscape){.request-emails-supplier-sidebar{height:100%!important;max-width:180px!important;min-height:auto!important;width:30%!important}.request-emails-conversation{height:100%!important;min-height:auto!important;overflow:hidden!important;width:70%!important}.request-emails-conversation-header{padding:6px 12px!important}.request-emails-conversation-title{font-size:.85rem!important}.request-emails-conversation-subtitle{font-size:.7rem!important}.request-emails-conversation-messages{height:calc(100% - 50px)!important;padding:6px!important}.request-emails-message{margin:6px 10px!important;padding:6px 10px!important}.message-body{font-size:.8rem!important;padding:4px 6px!important}}.error,.loading,.no-emails{align-items:center;color:#6b7280;display:flex;flex:1 1;font-size:1.1rem;justify-content:center}.error{color:#dc2626}.no-conversation{align-items:center;background:#f9fafb;color:#6b7280;display:flex;flex:1 1;font-size:1.1rem;justify-content:center}@media (max-width:768px){.request-emails-modal{height:95vh;width:95%}.conversation-layout{flex-direction:column}.supplier-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:200px;width:100%}.suppliers-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:8px}.supplier-item{margin-bottom:0;margin-right:8px;min-width:150px}.email-message{max-width:85%}.attachment-item{align-items:flex-start;flex-direction:column;gap:6px}.attachment-download{align-self:flex-end}}.procurement-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative}.loading-cell{align-items:center;display:flex;justify-content:center}.procurement-table-wrapper{-webkit-overflow-scrolling:touch;flex:1 1;min-height:400px;overflow-x:auto}.procurement-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-width:100%;overflow:hidden;table-layout:auto;width:100%}.procurement-table td:first-child,.procurement-table th:first-child{min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table td:nth-child(2),.procurement-table th:nth-child(2){min-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table td:nth-child(3),.procurement-table td:nth-child(4),.procurement-table td:nth-child(5),.procurement-table th:nth-child(3),.procurement-table th:nth-child(4),.procurement-table th:nth-child(5){min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table td:nth-child(6),.procurement-table th:nth-child(6){min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table td:nth-child(7),.procurement-table th:nth-child(7){min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table td:nth-child(8),.procurement-table th:nth-child(8){min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table td:nth-child(9),.procurement-table th:nth-child(9){min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table td:nth-child(10),.procurement-table th:nth-child(10){min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.procurement-table tbody{min-height:300px}.procurement-table tbody:empty:after{color:#6b7280;content:"No data available";display:block;font-style:italic;padding:2rem;text-align:center}.procurement-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.procurement-table th{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.procurement-table td,.procurement-table th{color:#374151;padding:16px 12px;text-align:center}.procurement-table td{border-bottom:1px solid #f3f4f6}.procurement-table tbody tr{cursor:pointer;transition:background-color .2s}.procurement-table tbody tr:hover{background-color:#f9fafb}.clickable-row{cursor:pointer;position:relative;transition:all .2s ease}.clickable-row:hover{background-color:#f0f9ff!important;box-shadow:0 2px 4px #0000001a;cursor:zoom-in;transform:translateY(-1px)}.clickable-row:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.odd-row{background-color:#fafafa}.request-id{font-size:13px}.item-name,.request-id{color:#1f2937}.category{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.status-cell{min-width:120px}.quotes-count{color:#1f2937;font-weight:600;text-align:center}.quotes-info{gap:4px}.quotes-info,.quotes-main{align-items:center;display:flex;flex-direction:column}.quotes-main{gap:2px}.quotes-number{color:#4b5563;font-size:18px;font-weight:700;line-height:1}.quotes-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.emails-sent{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:2px;padding-top:4px;width:100%}.emails-count{color:#6b7280;font-size:14px;font-weight:600;line-height:1}.emails-label{color:#9ca3af;font-size:9px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.best-quote{color:#059669;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.next-action{color:#6b7280;font-size:13px}.owner{color:#1f2937}.date,.owner{font-weight:500}.date{color:#6b7280;font-size:13px;white-space:nowrap}.actions-cell{align-items:center;display:flex;gap:8px;justify-content:center}.download-pdf-button,.edit-button,.mails-button,.refresh-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-width:80px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.edit-button:hover:not(.disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#1f2937}.edit-button.disabled{opacity:.5}.download-pdf-button:hover,.mails-button:hover,.refresh-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#1f2937}.download-pdf-button:active,.edit-button:active,.mails-button:active,.refresh-button:active{transform:scale(1)}.edit-button.disabled{color:#9ca3af;cursor:not-allowed;opacity:.4}.edit-button.disabled:hover{background:#0000;border-color:#e5e7eb;transform:none}@media (max-width:1024px){.procurement-table{min-width:1000px}.procurement-table td,.procurement-table th{font-size:12px;padding:12px 8px}.procurement-table th{font-size:11px}}@media (max-width:768px){.procurement-table{table-layout:auto}.procurement-table td,.procurement-table th{font-size:11px;padding:8px 4px}.procurement-table th{font-size:10px;padding:6px 2px}.procurement-table td:first-child,.procurement-table th:first-child{min-width:120px}.procurement-table td:nth-child(2),.procurement-table th:nth-child(2){min-width:180px}.procurement-table td:nth-child(3),.procurement-table td:nth-child(4),.procurement-table th:nth-child(3),.procurement-table th:nth-child(4){min-width:100px}.procurement-table td:nth-child(5),.procurement-table th:nth-child(5){min-width:120px}.procurement-table td:nth-child(6),.procurement-table th:nth-child(6){min-width:100px}.procurement-table td:nth-child(7),.procurement-table th:nth-child(7){min-width:140px}.procurement-table td:nth-child(8),.procurement-table th:nth-child(8){min-width:120px}.procurement-table td:nth-child(9),.procurement-table th:nth-child(9){min-width:100px}.procurement-table td:nth-child(10),.procurement-table th:nth-child(10){min-width:80px}}@media (max-width:480px){.procurement-table{table-layout:auto}.procurement-table td,.procurement-table th{font-size:10px;padding:6px 2px}.procurement-table th{font-size:9px;padding:4px 1px}.procurement-table td:first-child,.procurement-table th:first-child{min-width:100px}.procurement-table td:nth-child(2),.procurement-table th:nth-child(2){min-width:150px}.procurement-table td:nth-child(3),.procurement-table td:nth-child(4),.procurement-table th:nth-child(3),.procurement-table th:nth-child(4){min-width:80px}.procurement-table td:nth-child(5),.procurement-table th:nth-child(5){min-width:100px}.procurement-table td:nth-child(6),.procurement-table th:nth-child(6){min-width:80px}.procurement-table td:nth-child(7),.procurement-table th:nth-child(7){min-width:120px}.procurement-table td:nth-child(8),.procurement-table th:nth-child(8){min-width:100px}.procurement-table td:nth-child(9),.procurement-table th:nth-child(9){min-width:80px}.procurement-table td:nth-child(10),.procurement-table th:nth-child(10){min-width:60px}}.procurement-table-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem;position:relative}.header-actions{gap:12px;position:relative}.column-visibility-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.column-visibility-btn:hover{background:#e5e7eb;border-color:#9ca3af}.column-visibility-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:4px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}.column-visibility-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-weight:600;justify-content:space-between;padding:16px 20px}.column-visibility-buttons{align-items:center;display:flex;gap:12px}.show-all-btn{background:#1f2937;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.show-all-btn:hover{background:#111827}.reset-defaults-btn{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.reset-defaults-btn:hover{background:#4b5563}.draggable-column{cursor:grab;position:relative;transition:all .2s ease}.draggable-column:active{cursor:grabbing}.draggable-column.dragging{opacity:.5;transform:rotate(2deg);z-index:1000}.draggable-column.drag-over{background-color:#f0f9ff;border-left:3px solid #3b82f6}.drag-handle{color:#9ca3af;cursor:grab;font-size:10px;left:2px;position:absolute;top:2px;-webkit-user-select:none;user-select:none;z-index:1}.drag-handle:hover{color:#6b7280}.draggable-column .column-header{padding-left:20px}.column-visibility-list{max-height:300px;overflow-y:auto;padding:12px 0}.column-visibility-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 20px;transition:background .2s}.column-visibility-item:hover{background:#f9fafb}.column-visibility-item input[type=checkbox]{cursor:pointer;margin:0}.column-hide-button{align-items:center;background:#0000;border:none;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:2px;min-width:20px;padding:2px 3px;transition:all .2s}.column-hide-button:hover{background:#fee2e2;color:#dc2626}.procurement-table-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.column-header{flex-wrap:nowrap;gap:.25rem;justify-content:space-between;min-height:32px;padding:.25rem;width:100%}.sortable-header{font-size:inherit;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-indicator,.sortable-header{transition:color .2s ease}.filter-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:.125rem;min-width:24px;opacity:.8}.filter-button:hover{border-color:#cbd5e1;opacity:1}.filter-button.active{border-color:#3b82f6;opacity:1}.filter-dropdown{box-shadow:0 10px 25px #00000026;max-width:300px;z-index:9999}.column-header{overflow:visible!important}.procurement-table th,.procurement-table thead{overflow:visible!important;position:relative}.filter-dropdown input,.filter-dropdown select{background:#fff;border-radius:6px;box-sizing:border-box;color:#374151;margin-bottom:.75rem;padding:.75rem}.filter-dropdown input:focus,.filter-dropdown select:focus{box-shadow:0 0 0 3px #3b82f61a}.filter-dropdown input::placeholder{color:#9ca3af;font-style:italic}.filter-actions{margin-top:.5rem}.filter-actions button{border-radius:6px;font-size:.8rem;font-weight:500;min-width:60px;padding:.5rem .75rem}.filter-actions button:hover{background:#f8fafc;transform:translateY(-1px)}.filter-actions button:first-child{background:#fef2f2;border-color:#fecaca}.filter-actions button:first-child:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}@media (max-width:1200px){.column-header{gap:.125rem;padding:.125rem}.filter-button{font-size:.7rem;height:22px;min-width:22px;padding:.2rem}.column-hide-button{font-size:11px;height:18px;min-width:18px;padding:1px 2px}}@media (max-width:768px){.column-header{gap:.1rem;min-height:28px;padding:.1rem}.sortable-header{font-size:.8rem}.filter-button{font-size:.65rem;height:20px;margin-left:.1rem;min-width:20px;padding:.15rem}.column-hide-button{font-size:10px;height:16px;margin-left:1px;min-width:16px;padding:1px}}@media (max-width:480px){.column-header{gap:.05rem;min-height:24px;padding:.05rem}.sortable-header{font-size:.75rem}.filter-button{font-size:.6rem;height:18px;margin-left:.05rem;min-width:18px;padding:.1rem}.column-hide-button{font-size:9px;height:14px;margin-left:.5px;min-width:14px;padding:.5px}}.modal-content{border-radius:8px;max-width:400px;padding:0;width:90%}.modal-header{padding:20px 24px 16px}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close-button:hover{background:#f3f4f6;color:#374151}.modal-body{padding:20px 24px 24px}.modal-body p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.language-options{display:flex;flex-direction:column;gap:12px}.language-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.language-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.language-button:active{transform:translateY(0)}.modal-overlay{padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:60px 0;max-height:calc(100vh - 120px);max-width:600px;overflow:visible;position:relative;width:100%}.modal-header{justify-content:center;margin-bottom:24px;position:relative}.modal-header h2{text-align:center}.close-button{background:#fff;border:1px solid #e5e7eb;position:absolute;right:16px;top:16px;z-index:10}.modal-form{padding:0 24px 24px}.modal-content .form-section{background:#fafafa!important;border:1px solid #e5e7eb!important;border-radius:8px!important;margin-bottom:32px!important;padding:20px!important}.revision-section{background:#f3f4f6;border:1px solid #d1d5db;border-left:3px solid #6b7280;margin-bottom:20px;padding:12px}.revision-title{border-bottom-color:#6b7280;color:#374151;font-size:.95rem;margin-bottom:12px}.revision-info{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:10px}.revision-notes{margin-bottom:8px}.revision-notes-content{background:#f9fafb;border-left:2px solid #6b7280;border-radius:3px;color:#374151;font-size:.9rem;font-style:italic;margin-top:3px;padding:8px}.revision-meta{border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between;padding-top:6px}.revision-meta small{color:#6b7280}.modal-content .section-title{-webkit-text-fill-color:unset!important;align-items:center!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;border-bottom:2px solid #3b82f6!important;color:#111827!important;display:flex!important;font-size:1.1rem!important;font-weight:600!important;gap:8px!important;letter-spacing:normal!important;margin:0 0 20px!important;padding-bottom:8px!important;text-align:left!important;text-transform:none!important}.modal-content .form-group{margin-bottom:20px!important}.modal-content .form-label{align-items:center!important;color:#374151!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:6px!important;margin-bottom:6px!important}.info-tooltip{align-items:center;cursor:help;display:inline-flex;position:relative}.info-tooltip svg{color:#6b7280;transition:color .2s}.info-tooltip:hover svg{color:#3b82f6}.tooltip-content{background:#1f2937;border-radius:8px;bottom:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-size:.8rem;line-height:1.4;margin-bottom:8px;max-width:400px;min-width:300px;opacity:0;padding:12px 16px;text-align:left;transition:all .2s;visibility:hidden;white-space:normal;z-index:1000}.tooltip-content,.tooltip-content:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-content:after{border:4px solid #0000;border-top-color:#1f2937;content:"";top:100%}.info-tooltip:hover .tooltip-content{opacity:1;visibility:visible}.modal-content .form-input{padding:10px 12px!important}.modal-content .form-input,.modal-content .form-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;color:#111827!important;font-size:.875rem!important;height:42px!important;transition:border-color .2s,box-shadow .2s!important;width:100%!important}.modal-content .form-select{appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;background-size:16px!important;padding:10px 32px 10px 12px!important}.modal-content .form-input:focus,.modal-content .form-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.form-input::placeholder{color:#9ca3af}.required-indicator{color:#ef4444;font-weight:700}.form-input.error{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef4444!important}.form-input.error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.validation-error{align-items:center;color:#ef4444;display:flex;font-size:.875rem;gap:.25rem;margin-top:.25rem}.validation-error:before{content:"⚠";font-size:.75rem}.address-input-container{align-items:center;display:flex;gap:.5rem}.address-input-container .form-input{flex:1 1}.address-select-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;padding:.75rem;transition:all .2s ease}.address-select-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.product-input-container{align-items:stretch}.product-input-container .form-input{flex:1 1}.search-product-button{background:#1f2937;font-size:14px;min-width:100px;padding:12px 16px;transition:background-color .2s}.search-product-button:hover{background:#374151}.search-product-button svg{height:16px;width:16px}.file-upload{position:relative}.file-input{height:100%;opacity:0;position:absolute;width:100%}.file-upload-container{display:flex;flex-direction:column;gap:12px}.file-upload-label{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;gap:16px;justify-content:center;min-height:80px;padding:24px 16px;transition:all .2s}.file-upload-label:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.file-upload-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.file-upload-icon svg{color:inherit}.file-upload-text{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.file-upload-title{color:inherit;font-size:.875rem;font-weight:500}.file-upload-subtitle{color:#9ca3af;font-size:.75rem}.file-browse-button{align-self:flex-start;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.file-browse-button:hover{background:#4b5563}.file-browse-button:disabled{background:#d1d5db;cursor:not-allowed}.filter-suggestions{margin-bottom:16px}.filter-suggestion-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.8rem;font-weight:500;white-space:nowrap}.filter-suggestion-button:hover{background:#e5e7eb;border-color:#9ca3af}.filter-suggestion-button:active{background:#d1d5db}.add-spec-row{grid-gap:8px;align-items:end;display:grid;grid-template-columns:1fr 1fr auto;margin-bottom:16px}.add-spec-row .form-select{max-width:200px;min-width:120px}.add-spec-button{background:#3b82f6;border-radius:6px;font-size:.8rem;font-weight:500;height:38px;padding:8px 12px;transition:all .2s}.add-spec-button:hover:not(:disabled){background:#2563eb}.custom-specifications{border-top:1px solid #e5e7eb;padding-top:16px}.spec-item{background:#fff;border-radius:6px;margin-bottom:8px}.spec-key,.spec-value{font-size:.8rem}.remove-spec-button{align-items:center;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s;width:24px}.remove-spec-button:hover{background:#dc2626}.region-checkboxes{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.region-checkbox{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;gap:8px;padding:8px 12px;transition:all .2s}.region-checkbox:hover{background:#eff6ff;border-color:#3b82f6}.region-checkbox input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.add-supplier-row{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr auto;margin-bottom:16px}.add-supplier-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;height:38px;padding:8px 12px;transition:all .2s;white-space:nowrap}.add-supplier-button:hover:not(:disabled){background:#2563eb}.add-supplier-button:disabled{background:#9ca3af;cursor:not-allowed}.approved-suppliers-section{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.add-approved-suppliers-button{background:#6b7280;border:1px solid #6b7280;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s;width:100%}.add-approved-suppliers-button:hover{background:#4b5563;border-color:#4b5563}.approved-suppliers-list{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.suppliers-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.supplier-tag{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.supplier-tag.approved{background:#3b82f6}.favorite-suppliers{border-top:1px solid #e5e7eb;padding-top:16px}.supplier-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:8px 12px}.supplier-item span{color:#374151;flex:1 1;font-size:.8rem}.remove-supplier-button{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s;width:24px}.remove-supplier-button:hover{background:#dc2626}.form-actions{justify-content:center;margin-top:32px}.cancel-button,.submit-button{font-size:.875rem;transition:all .2s}.submit-button{background:#fff;border:1px solid #d1d5db;color:#374151}.submit-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button:disabled:hover,.submit-button:disabled:hover{background:#fff;border-color:#d1d5db}.error-message{margin-top:16px;text-align:center}.form-row{grid-gap:16px}.form-textarea{background:#fff;border-radius:6px;box-sizing:border-box;color:#111827;font-size:.875rem;min-height:80px;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{box-shadow:0 0 0 3px #3b82f61a}.form-textarea::placeholder{color:#9ca3af}@media (max-width:768px){.modal-overlay{padding:16px}.tooltip-content{font-size:.75rem;max-width:300px;min-width:250px;padding:10px 12px}.modal-content{margin:60px 0;max-height:calc(100vh - 120px);max-width:500px}.modal-header{padding:20px 20px 16px}.modal-form{padding:0 20px 20px}.form-section{margin-bottom:24px;padding:16px}.form-actions{align-items:center;flex-direction:column}.cancel-button,.submit-button{width:200px}.close-button{height:28px;right:12px;top:12px;width:28px}.form-row{gap:12px;grid-template-columns:1fr}.filter-suggestions{gap:6px}.filter-suggestion-button{font-size:.75rem;padding:8px 10px}.add-spec-row{gap:8px;grid-template-columns:1fr}.add-spec-row .form-select{max-width:none;min-width:auto}.region-checkboxes{grid-template-columns:1fr}.region-checkbox{padding:10px}.add-supplier-row{gap:8px;grid-template-columns:1fr}.spec-item,.supplier-item{align-items:flex-start;flex-direction:column;gap:4px}.remove-spec-button,.remove-supplier-button{align-self:flex-end}}@media (max-width:480px){.modal-overlay{padding:8px}.tooltip-content{font-size:.7rem;max-width:250px;min-width:200px;padding:8px 10px}.modal-content{margin:50px 0;max-height:calc(100vh - 100px);max-width:400px}.modal-header{padding:16px 16px 12px}.modal-form{padding:0 16px 16px}.form-section{margin-bottom:20px;padding:12px}.cancel-button,.submit-button{width:180px}.close-button{height:24px;right:8px;top:8px;width:24px}}.product-selection-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.product-selection-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:800px;overflow-y:auto;width:90%}.product-selection-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.product-selection-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-button:hover{background-color:#f3f4f6}.product-selection-content{padding:24px}.product-selection-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.product-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px;transition:all .2s}.product-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f;transform:translateY(-2px)}.product-header{margin-bottom:16px}.product-name{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.product-brand{background-color:#f3f4f6;display:inline-block;padding:2px 8px}.product-details{margin-bottom:16px}.product-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.product-price,.product-quantity,.product-total{color:#374151;font-size:14px}.product-total{color:#059669;font-weight:600}.product-description{color:#6b7280;margin:0}.product-select-button{align-items:center;background-color:#3b82f6;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s}.product-select-button:hover{background-color:#2563eb}.product-select-button svg{transition:transform .2s}.product-card:hover .product-select-button svg{transform:translateX(4px)}@media (max-width:768px){.product-selection-modal{margin:20px;width:95%}.products-grid{grid-template-columns:1fr}.product-selection-content,.product-selection-header{padding:16px}}.date-picker-container{position:relative;width:100%}.date-picker-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;color:#111827!important;cursor:pointer;font-family:inherit;font-size:.875rem!important;height:42px!important;padding:10px 12px!important;transition:border-color .2s,box-shadow .2s!important}.date-picker-container,.date-picker-input{width:100%!important}.date-picker-input::placeholder{color:#9ca3af!important}.date-picker-input:hover{border-color:#9ca3af!important}.date-picker-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.date-picker-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;margin-top:4px;max-width:320px;min-width:280px;position:absolute;right:0;top:100%;z-index:1001}.date-picker-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px}.date-picker-nav-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:4px 8px;transition:all .2s ease;width:32px}.date-picker-nav-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.date-picker-nav-btn:disabled{color:#d1d5db;cursor:not-allowed}.date-picker-month-year{color:#374151;font-size:14px;font-weight:600}.date-picker-weekdays{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(7,1fr);padding:8px 16px}.date-picker-weekday{color:#6b7280;font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.date-picker-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:8px 16px}.date-picker-day,.date-picker-day-wrapper{align-items:center;display:flex;justify-content:center}.date-picker-day{background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.date-picker-day:hover:not(.disabled){background:#f3f4f6}.date-picker-day.selected{background:#3b82f6;color:#fff;font-weight:600}.date-picker-day.selected:hover{background:#2563eb}.date-picker-day.today{background:#fef3c7;color:#92400e;font-weight:600}.date-picker-day.today:hover:not(.selected){background:#fde68a}.date-picker-day.disabled{color:#d1d5db;cursor:not-allowed}.date-picker-day.disabled:hover{background:none}.date-picker-day.empty{height:36px;width:36px}.date-picker-footer{background:#f9fafb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:12px 16px;text-align:center}.date-picker-today-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.date-picker-today-btn:hover:not(:disabled){background:#2563eb}.date-picker-today-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.date-picker-dropdown{max-width:280px;min-width:260px}.date-picker-day{font-size:13px}.date-picker-day,.date-picker-day.empty{height:32px;width:32px}}.date-picker-dropdown{animation:datePickerFadeIn .2s ease-out}@keyframes datePickerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{background:#00000080}.approved-suppliers-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:90vh;max-width:1200px;width:95%}.modal-header{background:#fff;padding:20px 24px}.modal-header h2{font-size:1.25rem}.close-button{font-size:1.5rem;padding:4px;transition:all .2s}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:border-color .2s;width:100%}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.company-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.875rem;font-weight:500;padding:8px 12px}.quick-actions{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.quick-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s}.quick-action-btn.select-all{border-color:#059669;color:#059669}.quick-action-btn.select-all:hover{background:#ecfdf5}.quick-action-btn.clear-all{border-color:#dc2626;color:#dc2626}.quick-action-btn.clear-all:hover{background:#fef2f2}.approved-suppliers-content{flex:1 1;overflow-y:auto;padding:24px}.suppliers-table-container{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;overflow:auto}.suppliers-table{background:#fff;border-collapse:collapse;font-size:.875rem;width:100%}.suppliers-table th{background:#f8fafc;border:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 8px;position:sticky;text-align:left;top:0;z-index:10}.suppliers-table td{border:1px solid #e5e7eb;padding:8px;vertical-align:middle}.suppliers-table tr:nth-child(2n){background:#f9fafb}.suppliers-table tr:hover{background:#f3f4f6}.supplier-checkbox{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.supplier-name{font-weight:500}.supplier-email,.supplier-phone,.supplier-region{color:#6b7280;font-size:.8rem}.supplier-email{color:#6b7280}.email-list{display:flex;flex-direction:column;gap:2px}.email-item{color:#2563eb;font-size:.8rem;text-decoration:none;word-break:break-all}.supplier-email:hover{text-decoration:underline}.loading-message,.no-suppliers-message{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.error-message{font-size:.875rem;margin-bottom:20px}.selected-count{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:500;margin-top:16px;padding:12px}.modal-actions{background:#fff;border-top:1px solid #e5e7eb;padding:20px 24px}.cancel-button,.confirm-button{border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-button{background:#6b7280;border:1px solid #6b7280;color:#fff}.confirm-button:hover{background:#4b5563}@media (max-width:640px){.approved-suppliers-modal{margin:20px;width:95%}.modal-actions,.modal-content,.modal-header{padding:16px}.quick-actions,.supplier-details{flex-direction:column}.supplier-details{gap:4px}}.rfq-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.rfq-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative;width:100%}.rfq-modal-close{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:background-color .2s;width:32px;z-index:10}.rfq-modal-close:hover{background-color:#f3f4f6}.rfq-modal-header{border-bottom:1px solid #e5e7eb;padding:24px 32px 16px}.rfq-modal-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 4px}.rfq-modal-subtitle{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px;margin:8px 0 0}.final-phase-badge{background:#28a745}.final-phase-badge,.select-supplier-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;margin-left:12px;padding:4px 8px}.select-supplier-badge{background:#3b82f6}.supplier-radio{cursor:pointer;margin-right:8px;transform:scale(1.2)}.rfq-comparison-container{flex:1 1;overflow:hidden;padding:0}.rfq-table-wrapper{max-height:calc(90vh - 200px);overflow-x:auto;overflow-y:auto;position:relative}.rfq-comparison-table{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.rfq-comparison-table td,.rfq-comparison-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left;vertical-align:top;white-space:nowrap}.rfq-comparison-table th{background-color:#f9fafb;box-shadow:0 1px 3px #0000001a;color:#374151;font-size:.875rem;font-weight:600;position:sticky;top:0;z-index:5}.metric-column{background-color:#f9fafb!important;box-shadow:2px 0 4px #0000001a;left:0;max-width:200px;min-width:200px;position:sticky;z-index:6}.supplier-column{background-color:#fff;min-width:180px;text-align:center}.supplier-header{gap:4px}.metric-label,.supplier-name{font-size:.875rem}.metric-label{background-color:#f9fafb;box-shadow:2px 0 4px #0000001a;color:#374151;font-weight:500;left:0;position:sticky;z-index:4}.metric-value{background-color:inherit;color:#111827;font-size:.875rem;text-align:left}.even-row{background-color:#fff}.odd-row{background-color:#f9fafb}.even-row .metric-label{background-color:#fff}.odd-row .metric-label{background-color:#f9fafb}.rfq-comparison-table th.metric-column{z-index:7}.rfq-comparison-table td.metric-label{z-index:4}.rfq-comparison-table td:not(.metric-label),.rfq-comparison-table th:not(.metric-column){border-left:1px solid #e5e7eb}.star-rating{align-items:center;display:flex;gap:2px;justify-content:flex-start}.star{font-size:14px;line-height:1}.star.filled{color:#fbbf24}.star.empty{color:#d1d5db}.rating-text{color:#6b7280;font-size:.75rem;margin-left:4px}.rfq-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 32px 24px}.rfq-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.rfq-modal-btn.primary{background-color:#111827;color:#fff}.rfq-modal-btn.primary:hover{background-color:#374151}.rfq-modal-btn.secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.rfq-modal-btn.secondary:hover{background-color:#e5e7eb}@media (max-width:768px){.rfq-modal-content{max-height:95vh;max-width:95vw}.rfq-modal-header{padding:20px 24px 12px}.rfq-modal-header h2{font-size:1.25rem}.rfq-modal-footer{flex-direction:column;padding:12px 24px 20px}.rfq-modal-btn{width:100%}.metric-column{max-width:160px;min-width:160px}.supplier-column{min-width:140px}}@media (max-width:480px){.rfq-modal-overlay{padding:10px}.rfq-modal-content{border-radius:8px;max-height:100vh;max-width:100vw}.rfq-modal-header{padding:16px 20px 8px}.rfq-modal-header h2{font-size:1.125rem}.rfq-comparison-table td,.rfq-comparison-table th{font-size:.75rem;padding:8px 12px}.metric-column{max-width:120px;min-width:120px}.supplier-column{min-width:100px}}.document-link{align-items:center;background:none;border:none;border-radius:3px;color:#3b82f6;cursor:pointer;display:flex;font-size:.8rem;gap:4px;max-width:180px;overflow:hidden;padding:2px 4px;text-decoration:none;text-overflow:ellipsis;transition:background-color .2s;white-space:nowrap}.document-link:hover{background-color:#eff6ff;text-decoration:underline}.selected-supplier{background-color:#f8f9fa!important;border:2px solid #6c757d!important}.selected-supplier .supplier-header{background-color:#e9ecef;border-radius:6px;margin:4px;padding:8px}.selected-badge{background-color:#6c757d;border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 6px;white-space:nowrap}.selected-supplier .supplier-name{color:#495057;font-weight:600}.procurement-section{margin-top:32px}.procurement-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.procurement-header-buttons{align-items:center;display:flex;gap:10px}.invoice-verification-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.invoice-verification-btn:hover{background-color:#f8f9fa}@media (max-width:768px){.procurement-section{margin-top:24px}.procurement-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}}@media (max-width:480px){.procurement-section{margin-top:20px}.procurement-header{gap:10px;margin-bottom:16px}}.load-more-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:20px;padding:15px}.brave-search-btn,.load-more-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:180px;padding:12px 24px;transition:all .2s ease}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.brave-search-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.brave-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#e74c3c);box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-1px)}.brave-search-btn:disabled,.load-more-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.brave-search-section{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.brave-search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.brave-search-label{color:#495057;font-size:14px;font-weight:500;margin:0}.brave-region-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px;transition:all .2s ease}.brave-region-select:hover{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b1a}.brave-region-select:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33;outline:none}.brave-region-select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.action-buttons{align-items:center;flex-direction:column}.brave-search-btn,.load-more-btn{max-width:300px;width:100%}}.products-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:12px;padding:12px}.products-section h6{color:#374151;font-size:14px}.product-item{margin-bottom:12px;padding:10px}.product-item:last-child{margin-bottom:0}.product-item p{font-size:13px;line-height:1.4;margin:4px 0}.product-item strong{color:#374151;font-weight:600}.specifications{background:#f1f5f9;border-left:3px solid #3b82f6;border-radius:4px;margin-top:8px;padding:8px}.specifications ul{margin:4px 0 0;padding-left:16px}.specifications li{color:#4b5563;font-size:12px;margin:2px 0}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.admin-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.admin-modal-header h2{color:#333;font-size:24px;margin:0}.close-btn{align-items:center;border-radius:50%;color:#666;display:flex;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.close-btn:hover{background:#e0e0e0}.admin-modal-body{padding:20px}.request-info{margin-bottom:30px}.info-section{background:#f8f9fa;border-left:4px solid #374151;border-radius:6px;margin-bottom:25px;padding:20px}.info-section h3{color:#333;font-size:18px;margin:0 0 15px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.edit-product-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.edit-product-btn:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.edit-product-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.product-edit-form{background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:15px;padding:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-row:last-child{margin-bottom:0}.product-edit-form .form-group{margin-bottom:15px}.product-edit-form .form-group:last-child{margin-bottom:0}.product-edit-form label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.product-input,.product-select,.product-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.product-input:focus,.product-select:focus,.product-textarea:focus{border-color:#374151;box-shadow:0 0 0 3px #3741511a;outline:none}.product-input:disabled,.product-select:disabled,.product-textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.product-textarea{min-height:80px;resize:vertical}.product-edit-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.update-product-btn{background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.update-product-btn:hover:not(:disabled){background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.update-product-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.priority-badge{border-radius:4px;display:inline-block;font-size:.8rem;padding:4px 8px;text-transform:capitalize}.priority-badge.price,.priority-badge.quality,.priority-badge.time{background-color:initial;border-left:3px solid #374151;color:#374151;padding-left:12px}.info-grid{grid-gap:15px;gap:15px}.info-item label{color:#666;font-size:14px;font-weight:600;margin-bottom:5px}.info-item span{color:#333;font-size:16px}.custom-filters-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.filter-item label{color:#666;font-size:14px;font-weight:600}.filter-item span{color:#333;font-size:14px}.notes-text{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;line-height:1.5;padding:15px}.urgency-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.urgency-badge.high,.urgency-badge.low,.urgency-badge.normal,.urgency-badge.urgent{background:#0000;border-left:3px solid #374151;color:#374151;padding-left:12px}.admin-actions{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.action-buttons{gap:15px;justify-content:center}.approve-btn,.reject-btn,.revision-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.approve-btn:hover:not(:disabled),.reject-btn:hover:not(:disabled){background:#f3f4f6;box-shadow:0 2px 4px #0000001a;color:#374151}.reject-btn:hover:not(:disabled){transform:translateY(-1px)}.analyze-btn:disabled,.approve-btn:disabled,.more-btn:disabled,.reject-btn:disabled,.revision-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.analyze-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.analyze-btn:hover:not(:disabled){background:#f3f4f6;box-shadow:0 2px 4px #0000001a;color:#374151;transform:translateY(-1px)}.more-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.more-btn:hover:not(:disabled){background:#f3f4f6;box-shadow:0 2px 4px #0000001a;color:#374151;transform:translateY(-1px)}.analysis-results{margin-top:15px}.analysis-summary{background:#f8f9fa;border-left:4px solid #374151;border-radius:6px;margin-bottom:20px;padding:15px}.analysis-summary h4{color:#1f2937;font-size:16px;margin:0 0 10px}.suppliers-section h4{color:#1f2937;font-size:16px;margin:0 0 15px}.suppliers-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.header-left{flex:1 1;min-width:0}.header-left h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.filter-input,.filter-select{border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:120px;padding:6px 12px}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.clear-btn,.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.clear-btn:hover,.filter-btn:hover{background:#f3f4f6;border-color:#9ca3af}.filter-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-btn:hover{background:#2563eb;border-color:#2563eb}.suppliers-list{gap:15px}.supplier-card{border:1px solid #e5e7eb;padding:15px}.supplier-header{margin-bottom:10px}.supplier-header h5{color:#1f2937;font-size:14px;font-weight:600;margin:0}.rating{background:#f3f4f6;border-radius:12px;color:#374151;font-size:12px;font-weight:500;padding:2px 8px}.supplier-details{font-size:13px}.contact-info p{color:#374151;margin:5px 0}.contact-info a{color:#3b82f6;text-decoration:none}.contact-info a:hover{text-decoration:underline}.products-section{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px}.products-section h6{color:#1f2937;font-size:13px;font-weight:600;margin:0 0 8px}.product-item{background:#f9fafb;border-radius:4px;margin-bottom:8px;padding:8px}.product-item p{color:#374151;margin:3px 0}.product-item a{color:#3b82f6;font-size:12px;text-decoration:none}.product-item a:hover{text-decoration:underline}.recommendations-section{background:#f3f4f6;border-left:4px solid #6b7280;border-radius:6px;margin-top:20px;padding:15px}.recommendations-section h4{color:#1f2937;font-size:16px;margin:0 0 10px}.recommendations-content p{color:#374151;font-size:13px;margin:5px 0}.region-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.region-checkbox{align-items:center;background:#f9fafb;border-radius:4px;cursor:pointer;display:flex;gap:20px;padding:8px;transition:background-color .2s}.region-checkbox:hover{background:#f3f4f6}.region-checkbox input[type=checkbox]{cursor:pointer;margin:0 12px 0 0}.region-checkbox span{color:#374151;font-size:14px}.filter-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.filter-suggestion-button{background:#6b7280;border:1px solid #4b5563;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.filter-suggestion-button:hover:not(:disabled){background:#4b5563;border-color:#374151}.filter-suggestion-button:disabled{cursor:not-allowed;opacity:.5}.add-spec-row{align-items:flex-start;display:flex;gap:8px;margin-top:8px}.add-spec-row .product-input,.add-spec-row .product-select{flex:1 1}.add-spec-button{background:#374151;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.add-spec-button:hover:not(:disabled){background:#1f2937}.add-spec-button:disabled{background:#9ca3af;cursor:not-allowed}.custom-specifications{display:flex;flex-direction:column;gap:8px;margin-top:12px}.spec-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:8px;padding:8px 12px}.spec-key{color:#374151;font-size:14px;font-weight:600}.spec-value{color:#6b7280;font-size:14px}.remove-spec-button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.remove-spec-button:hover:not(:disabled){background:#dc2626}.remove-spec-button:disabled{background:#9ca3af;cursor:not-allowed}.supplier-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px}.tab-button{background:#f3f4f6;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background:#e5e7eb;color:#374151}.tab-button.active{background:#1f2937;border-bottom-color:#1f2937;color:#fff}.local-supplier{background:#f9fafb;border-left:4px solid #6b7280}.local-badge{background:#374151;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.supplier-basic-info,.supplier-certifications,.supplier-location-info,.supplier-type{background:#f3f4f6;border-left:3px solid #d1d5db;border-radius:6px;margin-bottom:15px;padding:12px}.supplier-basic-info h6,.supplier-certifications h6,.supplier-location-info h6,.supplier-type h6{color:#1f2937;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.supplier-basic-info p,.supplier-certifications p,.supplier-location-info p,.supplier-type p{color:#4b5563;font-size:13px;margin:4px 0}.supplier-basic-info strong,.supplier-certifications strong,.supplier-location-info strong,.supplier-type strong{color:#1f2937;font-weight:600}.product-header{align-items:center;background:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.product-title{color:#1f2937;font-size:14px;font-weight:600}.product-id{background:#e5e7eb;border-radius:3px;color:#6b7280;font-size:11px;padding:2px 6px}.product-details{background:#f9fafb;border-radius:4px;margin-top:8px;padding:8px 12px}.product-details p{color:#4b5563;font-size:12px;margin:4px 0}.product-details strong{color:#374151;font-weight:600}.view-details-btn{background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-left:8px;padding:8px 16px;transition:background .3s ease}.view-details-btn:hover{background:#4b5563}.send-email-btn{background:#1f2937;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.send-email-btn:hover{background:#374151}.no-results{background:#f9fafb;border-radius:6px;margin:20px 0}.no-results p{font-size:16px;margin:0}@media (max-width:768px){.admin-modal-overlay{padding:10px}.admin-modal-content{max-height:95vh}.admin-modal-header{padding:15px}.admin-modal-header h2{font-size:20px}.admin-modal-body,.info-section{padding:15px}.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.approve-btn,.reject-btn{width:100%}.region-checkboxes{grid-template-columns:1fr}.add-spec-row{flex-direction:column}.add-spec-row .product-input,.add-spec-row .product-select{width:100%}}.refresh-local-btn{align-items:center;background:#374151;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;padding:8px;transition:background .3s ease}.refresh-local-btn:hover{background:#1f2937}.refresh-local-btn:disabled{background:#6b7280;cursor:not-allowed}.refresh-local-btn .spinning{animation:spin 1s linear infinite}.ocr-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #3b82f6;border-radius:12px;margin-bottom:24px}.ocr-section .section-title{align-items:center;color:#1e40af;display:flex;font-weight:600;gap:12px}.ocr-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.ocr-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ocr-price-info,.ocr-supplier-info{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.ocr-price-info h4,.ocr-supplier-info h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.price-details,.supplier-details{display:flex;flex-direction:column;gap:8px}.price-item,.supplier-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.price-item:last-child,.supplier-item:last-child{border-bottom:none}.price-label,.supplier-label{color:#6b7280;font-size:13px;font-weight:500}.price-value,.supplier-value{color:#111827;font-size:13px;font-weight:600}.price-value{color:#059669}.ocr-actions{background:#fff;border:1px solid #e2e8f0;padding:16px}.ocr-actions h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.action-buttons{flex-wrap:wrap;gap:12px}.action-button{align-items:center;border:none;border-radius:6px;display:flex;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s}.add-supplier-btn{background:#3b82f6;color:#fff}.add-supplier-btn:hover{background:#2563eb;transform:translateY(-1px)}.add-product-btn{background:#10b981;color:#fff}.add-product-btn:hover{background:#059669;transform:translateY(-1px)}@media (max-width:768px){.ocr-info-grid{gap:16px;grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-button{justify-content:center}}.ocr-modal{max-width:600px;width:90%}.ocr-modal .modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.ocr-modal .modal-header h2{font-size:18px;font-weight:600;margin:0}.ocr-modal .modal-body{padding:24px}.ocr-modal .modal-body p{color:#6b7280;font-size:14px;margin:0 0 20px}.product-preview,.supplier-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.product-preview h3,.supplier-preview h3{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.modal-actions{gap:12px;margin-top:20px}.cancel-btn{border:1px solid #d1d5db;font-size:14px;padding:10px 20px}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.confirm-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-btn:hover{background:#2563eb;transform:translateY(-1px)}.reject-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:background-color .2s}.reject-btn:hover:not(:disabled){background:#c82333}.reject-btn:disabled{background:#6c757d;cursor:not-allowed}.purchase-history-btn{align-items:center;background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:background-color .2s}.purchase-history-btn:hover{background:#138496}.ocr-actions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:15px}.add-to-db-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s}.add-to-db-btn:hover{background:#218838}.add-to-db-btn svg{height:16px;width:16px}.approve-modal{max-height:80vh;max-width:900px;overflow-y:auto}.request-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.request-info h4{color:#495057;font-size:1.1rem;margin:0 0 12px}.request-info p{color:#6c757d;margin:4px 0}.suppliers-section{margin-bottom:20px}.suppliers-section h4{color:#495057;font-size:1.1rem;margin:0 0 12px}.help-text{font-size:.9rem;margin-bottom:16px}.help-text,.no-results{color:#6c757d}.suppliers-grid{grid-gap:16px;gap:16px;max-height:400px;overflow-y:auto}.supplier-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.supplier-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.supplier-header{align-items:flex-start;gap:12px}.supplier-checkbox{margin-top:4px}.supplier-info h5{color:#495057;font-size:1rem;margin:0 0 4px}.supplier-email{color:#6c757d;font-size:.9rem;margin:2px 0}.supplier-region{color:#6c757d;font-size:.85rem;margin:2px 0}.match-score{align-items:center;display:flex}.score-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.product-info{border-top:1px solid #e9ecef;padding-top:12px}.product-info h6{font-size:.95rem;margin:0 0 6px}.product-brand{color:#6c757d;font-size:.85rem;margin:2px 0}.product-price{color:#28a745;font-size:.9rem;font-weight:600;margin:2px 0}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.85rem;margin:6px 0 0;overflow:hidden}.selection-summary{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;margin-bottom:16px;padding:12px}.selection-summary p{color:#1976d2}.loading-state{color:#6c757d;padding:40px 20px;text-align:center}@media (max-width:768px){.suppliers-grid{grid-template-columns:1fr}.supplier-card{padding:12px}.supplier-header{flex-direction:column;gap:8px}.match-score{align-self:flex-start}}.approved-supplier{background:#f0f9ff;border:1px solid #3b82f6}.approved-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.approved-supplier .supplier-header{background:#dbeafe;border-bottom:1px solid #3b82f6}.approved-supplier .supplier-details{background:#f8fafc}.approved-supplier .supplier-actions{background:#f1f5f9;border-top:1px solid #e2e8f0}.manual-add-form{background:#f8fafc;border:1px solid #e2e8f0}.form-row{gap:16px;margin-bottom:16px}.form-group{flex:1 1}.form-group.full-width{flex:1 1 100%}.form-group label{margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;font-size:14px;padding:8px 12px;transition:border-color .2s}.form-group textarea{min-height:60px}.form-actions{margin-top:20px}.add-manual-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.add-manual-btn:hover:not(:disabled){background:#2563eb}.add-manual-btn:disabled{background:#9ca3af;cursor:not-allowed}.manual-suppliers-list{margin-top:20px}.manual-suppliers-list h5{color:#374151;font-size:16px;margin-bottom:12px}.manual-supplier{border-left:4px solid #8b5cf6;position:relative}.manual-badge{background:#8b5cf6;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.remove-btn{border-radius:50%;font-size:16px;height:24px;position:absolute;right:8px;top:8px;width:24px}.remove-btn,.revision-modal-overlay{align-items:center;display:flex;justify-content:center}.revision-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.revision-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.revision-modal-header{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.revision-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.revision-modal-body{max-height:60vh;overflow-y:auto;padding:32px}.revision-info{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px;color:#374151;margin-bottom:24px;padding:16px 20px}.revision-info p{font-size:.95rem;line-height:1.5;margin:0 0 8px}.revision-info p:last-child{margin-bottom:0}.revision-notes-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.95rem;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.revision-notes-input:focus{border-color:#374151;box-shadow:0 0 0 3px #3741511a;outline:none}.revision-notes-input::placeholder{color:#9ca3af}.error-message{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-left:4px solid #6b7280;color:#374151}.revision-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.submit-btn{background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 6px 8px -1px #00000026;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.revision-modal-content{margin:20px;width:95%}.revision-modal-body,.revision-modal-footer,.revision-modal-header{padding:20px}.revision-modal-header h2{font-size:1.25rem}.revision-modal-footer{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.revision-btn{align-items:center;background:linear-gradient(135deg,#9ca3af,#6b7280);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.revision-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.revision-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.revision-btn svg{height:16px;width:16px}.toast{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;gap:12px;max-width:400px;min-width:300px;opacity:0;padding:16px 20px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:9999}.toast-show{opacity:1;transform:translateX(0)}.toast-success{border-left:4px solid #10b981}.toast-error,.toast-success{background:linear-gradient(135deg,#1f2937,#374151);color:#fff}.toast-error{border-left:4px solid #ef4444}.toast-info{background:linear-gradient(135deg,#1f2937,#374151);border-left:4px solid #3b82f6;color:#fff}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1 1;min-width:0}.toast-message{color:#fff;font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:#fff}.toast+.toast{margin-top:12px}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.product-search-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.product-search-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.product-search-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.product-search-modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;border-radius:4px;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.close-button:hover{background-color:#e5e7eb}.product-search-modal-content{max-height:calc(80vh - 100px);overflow-y:auto;padding:24px}.search-section{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.search-input-container{flex:1 1}.search-input{border:1px solid #d1d5db;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.loading-spinner{font-size:12px}.create-product-button{background:#1f2937;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.create-product-button:hover{background:#374151}.error-message{background:#fef2f2;border:1px solid #fecaca;font-size:14px}.create-product-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}.create-product-form h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 16px}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-input:focus{border-color:#3b82f6;outline:none}.form-textarea{border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-textarea:focus{border-color:#3b82f6;outline:none}.create-button{background:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.create-button:hover:not(:disabled){background:#047857}.create-button:disabled{background:#9ca3af;cursor:not-allowed}.search-results{min-height:200px}.products-list{display:flex;flex-direction:column;gap:12px}.product-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:16px;transition:all .2s}.product-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.product-info h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.product-brand{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 4px}.product-category{color:#9ca3af;font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.product-description{color:#4b5563;font-size:13px;line-height:1.4;margin:0 0 8px}.product-meta{color:#9ca3af;display:flex;font-size:11px;gap:12px}.product-id{font-family:monospace}.product-code{font-weight:500}.no-results{padding:40px 20px}.no-results p{font-size:14px;margin:0 0 8px}.no-results p:last-child{color:#9ca3af;font-size:13px}@media (max-width:768px){.product-search-modal{margin:20px;width:95%}.form-row,.product-meta,.search-section{flex-direction:column}.product-meta{gap:4px}}.supplier-db-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.supplier-db-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.supplier-db-modal-header{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);border-bottom:1px solid #374151;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.supplier-db-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.supplier-db-modal-body{max-height:60vh;overflow-y:auto;padding:32px}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.search-step{display:flex;flex-direction:column;gap:24px}.create-section,.search-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.create-section h3,.search-section h3{color:#1f2937;font-size:1.1rem;margin:0 0 16px}.search-input-group{margin-bottom:16px;position:relative}.loading-spinner{color:#6b7280;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-results{margin-top:16px}.search-results h4{color:#374151;font-size:1rem;margin:0 0 12px}.search-result-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.search-result-item:hover{border-color:#6b7280;box-shadow:0 2px 4px #0000001a}.supplier-info{display:flex;flex-direction:column;gap:4px}.supplier-info strong{color:#1f2937;font-size:.95rem}.supplier-info span{color:#6b7280;font-size:.85rem}.select-btn{background:#374151;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s}.select-btn:hover{background:#1f2937}.no-results{padding:20px}.divider,.no-results{color:#6b7280;text-align:center}.divider{align-items:center;display:flex;font-size:.9rem}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.divider span{background:#fff;padding:0 16px}.create-new-btn{background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.create-new-btn:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.create-step,.product-step{padding:20px}.create-step h3,.product-step h3{color:#1f2937;font-size:1.2rem;margin:0 0 20px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.product-input-container{align-items:center;display:flex;gap:8px}.product-input-container input{flex:1 1}.search-product-button{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.search-product-button:hover{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.search-product-button svg{height:14px;width:14px}.form-group textarea{min-height:80px;resize:vertical}.custom-specifications-container,.specifications-container{display:flex;flex-direction:column;gap:8px;margin-top:8px}.custom-specification-item,.specification-item{align-items:center;display:flex;gap:8px}.custom-specification-item input,.specification-item input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:.9rem;padding:8px 12px}.spec-key{min-width:120px}.spec-value{flex:1 1}.remove-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:6px 10px;transition:background-color .2s}.remove-btn:hover{background:#dc2626}.custom-specifications-container .add-btn,.specifications-container .add-btn{align-self:flex-start;background:#374151;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:8px;padding:8px 16px;transition:background-color .2s}.custom-specifications-container .add-btn:hover,.specifications-container .add-btn:hover{background:#1f2937}.supplier-db-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.back-btn{background:#fff;border:2px solid #d1d5db;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.back-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.continue-btn{background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.continue-btn:hover:not(:disabled){box-shadow:0 6px 8px #00000026;transform:translateY(-1px)}.add-btn{background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.add-btn:hover:not(:disabled){box-shadow:0 6px 8px #00000026;transform:translateY(-1px)}.add-btn:disabled,.back-btn:disabled,.cancel-btn:disabled,.continue-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.supplier-db-modal-content{margin:20px;width:95%}.supplier-db-modal-body,.supplier-db-modal-footer,.supplier-db-modal-header{padding:20px}.supplier-db-modal-header h2{font-size:1.25rem}.form-grid{grid-template-columns:1fr}.search-result-item{align-items:flex-start;gap:12px}.search-result-item,.supplier-db-modal-footer{flex-direction:column}.add-btn,.back-btn,.cancel-btn,.continue-btn{width:100%}}.supplier-actions{border-top:1px solid #e5e7eb;margin-top:15px;padding-top:15px}.supplier-actions .action-buttons{display:flex;gap:8px;margin-bottom:10px}.database-btn,.email-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.email-btn:hover:not(:disabled){background:#f0f9ff;border-color:#3b82f6;color:#1d4ed8}.database-btn:hover:not(:disabled){background:#f0fdf4;border-color:#22c55e;color:#15803d}.email-btn.sent{background:#f0f9ff;border-color:#3b82f6;color:#1d4ed8}.database-btn.added{background:#f0fdf4;border-color:#22c55e;color:#15803d}.database-btn:disabled,.email-btn:disabled{cursor:not-allowed;opacity:.6}.status-indicators{display:flex;flex-wrap:wrap;gap:8px}.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.status-badge.email-sent{background:#f0f9ff;border:1px solid #bae6fd;color:#1d4ed8}.status-badge.database-added{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.email-received-section{border-top:1px solid #f3f4f6;margin-top:10px;padding-top:10px}.email-received-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.email-received-checkbox input[type=checkbox]{display:none}.email-received-checkbox .checkmark{background:#fff;border:2px solid #d1d5db;border-radius:3px;height:16px;position:relative;transition:all .2s ease;width:16px}.email-received-checkbox input[type=checkbox]:checked+.checkmark{background:#10b981;border-color:#10b981}.email-received-checkbox input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.email-received-checkbox input[type=checkbox]:disabled+.checkmark{cursor:not-allowed;opacity:.5}.email-received-checkbox:hover:not(:has(input[type=checkbox]:disabled)) .checkmark{border-color:#10b981}@media (max-width:768px){.supplier-actions .action-buttons{flex-direction:column}.database-btn,.email-btn{justify-content:center;width:100%}}.purchase-history-modal{max-height:90vh;max-width:1200px;overflow-y:auto;width:90%}.purchase-history-modal .modal-body{padding:20px}.search-section{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.search-section h3{color:#333;margin:0 0 15px}.search-input-group{display:flex;gap:10px}.search-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:12px}.search-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px}.search-button:hover:not(:disabled){background:#0056b3}.search-button:disabled{background:#ccc;cursor:not-allowed}.search-results-section{margin-bottom:30px}.search-results-section h3{color:#333;margin-bottom:20px}.search-result-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.result-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.result-header h4{color:#333;font-size:18px;margin:0}.product-brand{background:#e9ecef;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.result-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.product-info,.supplier-info{background:#f8f9fa;border-radius:6px;padding:15px}.product-info h5,.supplier-info h5{color:#333;font-size:14px;margin:0 0 10px}.product-info p,.supplier-info p{font-size:13px;margin:5px 0}.purchase-history{grid-column:1/-1;margin-top:15px}.purchase-history h5{color:#333;font-size:14px;margin:0 0 10px}.purchase-item{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;padding:12px}.purchase-date{color:#007bff;font-weight:700;margin-bottom:8px}.purchase-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:8px}.purchase-details span{font-size:13px}.delivery-time{color:#666;font-size:13px}.purchase-history-section h3{color:#333;margin-bottom:20px}.purchase-list{grid-gap:15px;display:grid;gap:15px}.purchase-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.purchase-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.purchase-header h4{color:#333;font-size:16px;margin:0}.purchase-date{background:#e9ecef;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.purchase-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.price-info,.product-info,.supplier-info{background:#f8f9fa;border-radius:6px;padding:10px}.price-info p,.product-info p,.supplier-info p{font-size:13px;margin:5px 0}.ocr-badge{margin-top:10px;text-align:center}.ocr-badge span{background:#28a745;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.loading,.no-purchases{color:#666;padding:40px;text-align:center}@media (max-width:768px){.purchase-history-modal{margin:20px;width:95%}.purchase-details,.result-details{grid-template-columns:1fr}.search-input-group{flex-direction:column}}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirmation-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow:hidden;width:90%}.confirmation-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px 24px 16px}.confirmation-modal-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.confirmation-modal-icon svg{height:24px;width:24px}.confirmation-modal-title{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0}.confirmation-modal-body{padding:16px 24px 24px}.confirmation-modal-message{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.confirmation-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.confirmation-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirmation-modal-btn.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.confirmation-modal-btn.cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.confirmation-modal-btn.confirm-btn{background:#d97706;background:var(--button-color,#d97706);color:#fff}.confirmation-modal-btn.confirm-btn:hover{background:#b45309;background:var(--hover-color,#b45309);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.confirmation-modal-btn:active{transform:translateY(0)}.confirmation-modal.type-danger .confirmation-modal-icon,.confirmation-modal.type-info .confirmation-modal-icon{background:#f3f4f6}@media (max-width:480px){.confirmation-modal{margin:20px;width:95%}.confirmation-modal-body,.confirmation-modal-footer,.confirmation-modal-header{padding-left:20px;padding-right:20px}.confirmation-modal-footer{flex-direction:column}.confirmation-modal-btn{width:100%}}.edit-product-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.edit-product-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;position:relative;width:100%}.edit-product-modal-close{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:background-color .2s;width:32px;z-index:10}.edit-product-modal-close:hover{background-color:#f3f4f6}.edit-product-modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:24px 32px 16px}.edit-product-modal-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 4px}.edit-product-modal-subtitle{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px;margin:8px 0 0}.edit-product-container{flex:1 1;overflow:auto;padding:24px 32px}.edit-product-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.edit-product-table{border-collapse:collapse;min-width:800px;width:100%}.edit-product-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 12px;position:sticky;text-align:left;top:0;z-index:10}.edit-product-table td{border-bottom:1px solid #f3f4f6;padding:12px;vertical-align:top}.edit-product-table .metric-column{background:#f8fafc;color:#374151;font-weight:600;min-width:180px}.edit-product-table .supplier-column{min-width:200px;text-align:center}.edit-product-table .metric-label{background:#f8fafc;color:#374151;font-weight:600}.edit-product-table .metric-value{text-align:center}.edit-product-table .even-row{background:#fff}.edit-product-table .odd-row{background:#f9fafb}.edit-product-table .even-row:hover,.edit-product-table .odd-row:hover{background:#f3f4f6}.edit-input,.edit-select,.edit-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.edit-input:focus,.edit-select:focus,.edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-input:hover,.edit-select:hover,.edit-textarea:hover{border-color:#9ca3af}.edit-textarea{font-family:inherit;min-height:60px;resize:vertical}.edit-select{cursor:pointer}.edit-product-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.edit-product-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s}.edit-product-modal-btn.primary{background:#3b82f6;color:#fff}.edit-product-modal-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.edit-product-modal-btn.secondary{background:#6b7280;color:#fff}.edit-product-modal-btn.secondary:hover{background:#4b5563;transform:translateY(-1px)}.edit-product-modal-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:1024px){.edit-product-modal-content{margin:10px;max-width:98vw}.edit-product-container{padding:16px 20px}.edit-product-modal-footer,.edit-product-modal-header{padding:20px}}@media (max-width:768px){.edit-product-modal-content{max-height:95vh}.edit-product-table{min-width:600px}.edit-product-modal-btn{font-size:.8rem;min-width:100px;padding:10px 20px}}.edit-input:disabled,.edit-select:disabled,.edit-textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.edit-input.error,.edit-select.error,.edit-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.edit-input.success,.edit-select.success,.edit-textarea.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.file-upload-section{display:flex;flex-direction:column;gap:8px}.file-input-label{display:block}.file-input-display{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;min-height:40px;padding:12px 16px;text-align:center;transition:border-color .2s,background-color .2s;width:100%}.file-input-display:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.file-input-label.disabled .file-input-display{background:#f3f4f6;cursor:not-allowed;opacity:.6}.uploaded-files{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.file-item{align-items:center;background:#f3f4f6;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;padding:6px 8px}.file-name{color:#374151;flex:1 1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;transition:background-color .2s;width:20px}.remove-file-btn:hover{background:#dc2626}.remove-file-btn:disabled{background:#9ca3af;cursor:not-allowed}.uploading-indicator{color:#3b82f6;font-size:.8rem;font-style:italic;padding:4px;text-align:center}.preview-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.preview-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;position:relative;width:100%}.preview-modal-close{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:background-color .2s;width:32px;z-index:10}.preview-modal-close:hover{background-color:#f3f4f6}.preview-modal-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;padding:24px 32px 16px}.preview-modal-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 4px}.preview-modal-subtitle{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px;margin:8px 0 0}.preview-badges{display:flex;gap:8px;margin-top:12px}.preview-badge{background:#3b82f6}.changes-badge,.preview-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.changes-badge{background:#10b981}.preview-container{flex:1 1;overflow:auto;padding:24px 32px}.preview-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.preview-table{border-collapse:collapse;min-width:800px;width:100%}.preview-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 12px;position:sticky;text-align:left;top:0;z-index:10}.preview-table td{border-bottom:1px solid #f3f4f6;padding:12px;vertical-align:top}.preview-table .metric-column{background:#f8fafc;color:#374151;font-weight:600;min-width:180px}.preview-table .supplier-column{min-width:200px;text-align:center}.preview-table .metric-label{background:#f8fafc;color:#374151;font-weight:600}.preview-table .metric-value{text-align:center}.preview-table .metric-content{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:center;min-height:40px;padding:8px;word-break:break-word}.preview-table .even-row{background:#fff}.preview-table .odd-row{background:#f9fafb}.preview-table .even-row:hover,.preview-table .odd-row:hover{background:#f3f4f6}.supplier-header{flex-direction:column;gap:8px}.supplier-name{color:#111827;font-size:.9rem;font-weight:600}.supplier-status{background:#10b981;border-radius:8px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.preview-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:24px 32px}.preview-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s}.preview-modal-btn.primary{background:#10b981;color:#fff}.preview-modal-btn.primary:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.preview-modal-btn.secondary{background:#6b7280;color:#fff}.preview-modal-btn.secondary:hover{background:#4b5563;transform:translateY(-1px)}.preview-modal-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:1024px){.preview-modal-content{margin:10px;max-width:98vw}.preview-container{padding:16px 20px}.preview-modal-footer,.preview-modal-header{padding:20px}}@media (max-width:768px){.preview-modal-content{max-height:95vh}.preview-table{min-width:600px}.preview-modal-btn{font-size:.8rem;min-width:100px;padding:10px 20px}.preview-modal-footer{flex-direction:column}}.preview-table .metric-content{transition:all .2s ease}.preview-table .metric-content:hover{background:#e2e8f0;border-color:#3b82f6;transform:scale(1.02)}.preview-table .metric-value.updated .metric-content{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.preview-modal-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-modal-content.loading{opacity:.7;pointer-events:none}.preview-modal-content.success{border:2px solid #10b981}.preview-modal-content.error{border:2px solid #ef4444}.documents-cell{gap:4px;max-width:200px}.documents-cell,.documents-list{display:flex;flex-direction:column}.documents-list{gap:2px}.document-item,.document-name{align-items:center;display:flex}.document-name{background:#f3f4f6;border-radius:3px;color:#374151;font-size:.8rem;gap:4px;max-width:180px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.no-documents{color:#6b7280;font-size:.8rem;font-style:italic}.completed-request-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.completed-request-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.close-btn{color:#6b7280;transition:color .2s}.close-btn:hover{color:#374151}.modal-content{padding:24px}.info-section{margin-bottom:32px}.info-section h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.info-item span{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:1rem;padding:8px 12px}.status-badge{border-radius:9999px;display:inline-block;letter-spacing:.05em;padding:4px 12px}.status-badge.completed{background-color:#d1fae5;color:#065f46}.history-timeline{display:flex;flex-direction:column;gap:20px}.history-item{background-color:#f9fafb;border-left:4px solid #3b82f6;display:flex;gap:16px;padding:16px}.history-date{color:#3b82f6;font-size:.875rem;font-weight:600;min-width:120px}.history-content{flex:1 1}.history-changes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.change-item{display:flex;flex-direction:column;gap:4px}.change-item label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.change-item span{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827;font-size:.875rem;padding:4px 8px}.notes-content{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;line-height:1.6;padding:16px}.modal-footer{padding:16px 24px 24px}.close-button{background-color:#6b7280;color:#fff;font-size:.875rem;font-weight:500;padding:10px 20px;transition:background-color .2s}.close-button:hover{background-color:#4b5563}@media (max-width:768px){.completed-request-modal{margin:20px;width:95%}.modal-header{padding:16px 16px 12px}.modal-content{padding:16px}.info-grid{grid-template-columns:1fr}.history-item{flex-direction:column;gap:12px}.history-date{min-width:auto}.history-changes{grid-template-columns:1fr}}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;overflow:hidden}.admin-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;padding:1.5rem 2rem}.admin-table-header,.header-left{align-items:center;display:flex;gap:1rem}.view-toggle{display:flex;gap:.5rem}.toggle-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.toggle-btn:hover{background:#f8fafc;border-color:#9ca3af}.toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.toggle-btn.active:hover{background:#2563eb;border-color:#2563eb}.admin-table-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.admin-filters{flex-wrap:wrap;gap:1rem}.admin-filters,.filter-group{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#64748b;font-size:.875rem;font-weight:500;white-space:nowrap}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s ease}.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input,.filter-input-small{background:#fff!important;border:1px solid #d1d5db;border-radius:6px;color:#374151!important;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s ease}.filter-input{min-width:200px}.filter-input-small{min-width:100px}.filter-input-small:focus,.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-table-wrapper{overflow-x:auto}.clickable-row{transition:background-color .2s ease}.clickable-row:hover{background-color:#f8fafc!important}.clickable-row:active{background-color:#e2e8f0!important}.admin-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;cursor:pointer;font-weight:600;padding:1rem;position:relative;text-align:left;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.admin-table th:hover{background:#e2e8f0}.column-header{align-items:center;display:flex;gap:.5rem;position:relative}.sortable-header{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.25rem}.sortable-header:hover{color:#3b82f6}.filter-button{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:.75rem;padding:.25rem;position:relative;transition:all .2s ease}.filter-button:hover{background:#e2e8f0;color:#3b82f6}.filter-button.active{background:#3b82f6;color:#fff}.filter-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:.25rem;min-width:200px;padding:.75rem;position:absolute;right:0;top:100%;z-index:1000}.filter-dropdown input,.filter-dropdown select{background:#fff!important;border:1px solid #d1d5db;border-radius:4px;color:#374151!important;font-size:.875rem;margin-bottom:.5rem;padding:.5rem;width:100%}.filter-dropdown input:focus,.filter-dropdown select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.filter-actions{display:flex;gap:.5rem;justify-content:flex-end}.filter-actions button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.filter-actions button:hover{background:#f1f5f9;border-color:#94a3b8}.filter-actions button:first-child{color:#dc2626}.filter-actions button:first-child:hover{background:#fef2f2;border-color:#dc2626}.clear-all-filters-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.clear-all-filters-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#374151}.clear-all-filters-btn:disabled{cursor:not-allowed;opacity:.5}.sort-indicator{color:#3b82f6;font-size:.75rem;margin-left:.5rem}.admin-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:1rem}.admin-table tr:hover{background:#f8fafc}.request-id{color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.item-name{color:#1e293b;font-weight:500}.budget{color:#059669;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.priority-badge{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.priority-critical{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.priority-high{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.priority-medium{background:#fefce8;border:1px solid #fef08a;color:#ca8a04}.priority-low{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.status-pending{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.status-review{background:#dbeafe;border:1px solid #93c5fd;color:#2563eb}.status-approved{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.status-rejected{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.issue-title{color:#1e293b;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.category-badge.general{background:#f3f4f6;color:#374151}.category-badge.bug{background:#fef2f2;color:#dc2626}.category-badge.feature{background:#f0fdf4;color:#16a34a}.category-badge.ui_ux{background:#fef3c7;color:#d97706}.category-badge.performance{background:#e0e7ff;color:#7c3aed}.category-badge.other{background:#f3e8ff;color:#9333ea}.status-badge.open{background:#fef3c7;border:1px solid #fed7aa;color:#d97706}.status-badge.resolved{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#1e293b;font-weight:500}.user-email{color:#64748b;font-size:.75rem}.loading-cell{height:200px;padding:4rem 2rem;text-align:center;vertical-align:middle}.loading-spinner{color:#64748b;flex-direction:column;height:100%;min-height:150px;padding:0;width:100%}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.loading-spinner p{color:#6b7280;font-size:.9rem;margin:0}.no-issues{color:#64748b;padding:2rem;text-align:center}.actions{gap:.5rem}.action-btn,.actions{align-items:center;display:flex}.action-btn{color:#6b7280;font-size:1rem;justify-content:center}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn:hover,.approve-btn:hover,.page-btn:hover,.reject-btn:hover,.view-btn:hover{background:#f3f4f6;color:#374151}.no-data{color:#64748b;padding:3rem 2rem}.no-data p{font-size:1rem;margin:0}.no-data-cell{padding:3rem 2rem;text-align:left}.no-data-content{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.no-data-content p{color:#64748b;font-size:1rem;margin:0}.no-data-hint{color:#9ca3af!important;font-size:.9rem!important;font-style:italic}@media (max-width:1024px){.admin-table-header{align-items:flex-start;flex-direction:column}.admin-filters{justify-content:flex-start;width:100%}}@media (max-width:768px){.admin-table-header{padding:1rem}.admin-table td,.admin-table th{font-size:.75rem;padding:.75rem .5rem}.admin-filters,.filter-group{align-items:stretch;flex-direction:column}.filter-group select{width:100%}.actions{flex-direction:column;gap:.25rem}.action-btn{font-size:.875rem;padding:.25rem}}.admin-table tbody tr{transition:background-color .2s ease}.admin-table td{vertical-align:middle}.dashboard-loading{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:400px;width:100%}.admin-table .loading-cell,.dashboard-loading{align-items:center;display:flex;justify-content:center}.admin-table .loading-cell{height:200px;padding:0;text-align:center;vertical-align:middle}.admin-table.loading{opacity:.6;pointer-events:none}.admin-table-container:empty:after{color:#64748b;content:"Loading...";display:block;padding:2rem;text-align:center}.pagination-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-top:20px;padding:15px}.pagination-info{color:#64748b;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-import-btn,.header-actions{align-items:center}.bulk-import-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.bulk-import-btn:hover{background:#059669;transform:translateY(-1px)}.supplier-bulk-import-modal{max-width:600px;width:90%}.import-instructions{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:2rem;padding:1rem}.import-instructions h3{color:#1e40af;font-size:1.1rem;margin:0 0 1rem}.import-instructions ol{margin:0;padding-left:1.5rem}.import-instructions li{color:#374151;margin-bottom:.5rem}.template-section{margin-top:1rem;text-align:center}.download-template-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.download-template-btn:hover{background:#2563eb;transform:translateY(-1px)}.file-upload-section{margin-bottom:2rem}.file-upload-section h3{color:#374151;font-size:1.1rem;margin:0 0 1rem}.file-input-container{margin-bottom:1rem}.file-input{display:none}.file-input-label{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease;width:100%}.file-input-label:hover{background:#e5e7eb;border-color:#9ca3af}.upload-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.upload-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.import-result{border-radius:8px;margin-top:1rem;padding:1rem}.import-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.import-result.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.import-result h3{font-size:1.1rem;margin:0 0 1rem}.result-summary p{margin:.5rem 0}.error-list{margin-top:1rem}.error-list h4{color:#dc2626;margin:0 0 .5rem}.error-list ul{margin:0;padding-left:1.5rem}.error-list li{font-size:.875rem;margin-bottom:.25rem}.categorize-section{max-height:600px;overflow-y:auto}.quick-select-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:2rem;padding:1rem}.quick-select-section h4{color:#0369a1;font-size:1rem;font-weight:600;margin:0 0 1rem}.quick-select-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.quick-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;padding:8px 12px}.quick-select-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-select-btn{background:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.quick-select-btn:hover{background:#0284c7;transform:translateY(-1px)}.quick-select-btn.clear{background:#ef4444}.quick-select-btn.clear:hover{background:#dc2626}.categorize-section h3{color:#374151;font-size:1.2rem;margin:0 0 1rem}.categorize-section p{color:#6b7280;margin:0 0 1.5rem}.suppliers-list{display:flex;flex-direction:column;gap:1rem}.supplier-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.supplier-row:hover{background:#f3f4f6;border-color:#d1d5db}.supplier-info h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .5rem}.supplier-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.company-selector{min-width:200px}.company-selector select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:.5rem;width:100%}.company-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.complete-section{padding:2rem;text-align:center}.complete-section h3{color:#059669;font-size:1.5rem;margin:0 0 1rem}.complete-section p{color:#6b7280;font-size:1rem;margin:0}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;gap:1rem;padding:1.5rem 2rem}.btn-primary{background:#3b82f6;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6b7280;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.emails-dashboard{background-color:#0f0f0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.error-container,.loading-container{background-color:#0f0f0f;height:50vh}.loading-spinner{border:3px solid #2a2a2a;border-top-color:#00a884}.error-message{color:#ff6b6b;font-size:1rem}.retry-btn{background-color:#00a884;border-radius:8px;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.retry-btn:hover{background-color:#008f6f}.dashboard-header{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:2rem;padding:2rem}.header-content{justify-content:space-between}.header-content h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#a0a0a0;font-size:1rem;margin:0}.header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.test-email-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.test-email-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.test-email-btn:active{transform:translateY(0)}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:#a0a0a0;left:.75rem;position:absolute;z-index:1}.search-input{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;font-size:.875rem;outline:none;padding:.75rem .75rem .75rem 2.5rem;transition:border-color .2s ease;width:300px}.search-input::placeholder{color:#a0a0a0}.search-input:focus{border-color:#00a884}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#a0a0a0;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{background-color:#3a3a3a;color:#fff}.filter-btn.active{background-color:#00a884;border-color:#00a884;color:#fff}.emails-table-container{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden}.emails-table{background-color:#1a1a1a;border-collapse:collapse;width:100%}.emails-table thead{background-color:#2a2a2a}.emails-table th{border-bottom:1px solid #3a3a3a;color:#00a884;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.emails-table td{border-bottom:1px solid #2a2a2a;padding:1rem;vertical-align:top}.emails-table tbody tr{cursor:pointer;transition:background-color .2s ease}.emails-table tbody tr:hover{background-color:#2a2a2a}.emails-table tbody tr.selected{background-color:#00a884;color:#fff}.emails-table tbody tr.selected:hover{background-color:#008f6f}.received-col{color:#a0a0a0;font-size:.875rem;text-align:right;width:120px}.customer-col{width:200px}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#fff;font-size:.875rem;font-weight:600}.requester-name{color:#a0a0a0;font-size:.75rem}.query-col{color:#00a884;font-family:monospace;width:100px}.query-col,.subject-col{font-size:.875rem;font-weight:600}.subject-col{color:#fff;width:200px}.message-col{color:#a0a0a0;flex:1 1;font-size:.875rem;line-height:1.4;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-col{width:120px}.action-buttons{align-items:center;display:flex;gap:.5rem}.action-btn{background:none;border:none;border-radius:6px;color:#a0a0a0;cursor:pointer;padding:.5rem;position:relative;transition:all .2s ease}.action-btn:hover{background-color:#3a3a3a;color:#fff}.attachment-btn{color:#3b82f6}.chat-btn{color:#00a884;position:relative}.unread-dot{background-color:#ff6b6b;border-radius:50%;height:8px;position:absolute;right:.25rem;top:.25rem;width:8px}.time-col{color:#a0a0a0;font-size:.75rem;text-align:right;width:100px}.emails-dashboard .message-attachments{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:.5rem;padding:.5rem}.emails-dashboard .attachments-header{color:#374151;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.emails-dashboard .attachment-item{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;padding:.25rem 0}.emails-dashboard .attachment-info{display:flex;flex-direction:column;gap:.125rem}.emails-dashboard .attachment-name{color:#1f2937;font-weight:500}.emails-dashboard .attachment-size{color:#6b7280;font-size:.7rem}.emails-dashboard .attachment-download{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:500;padding:.25rem .5rem;text-decoration:none;transition:background-color .2s}.emails-dashboard .attachment-download:hover{background-color:#2563eb;color:#fff;text-decoration:none}.no-data{padding:4rem 2rem;text-align:center}.no-emails{align-items:center;color:#a0a0a0;display:flex;flex-direction:column}.no-emails h3{color:#fff;margin:1rem 0 .5rem}.no-emails p{font-size:.875rem;margin:0}.chat-modal{background-color:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.chat-modal .modal-header{background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;justify-content:space-between;padding:1rem 1.5rem}.chat-contact-info,.chat-modal .modal-header,.contact-avatar{align-items:center;display:flex}.contact-avatar{background-color:#00a884;border-radius:50%;height:40px;justify-content:center;margin-right:.75rem;width:40px}.contact-details h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.contact-details p{color:#a0a0a0;font-size:.75rem;margin:0}.close-btn{border-radius:6px;color:#a0a0a0;padding:.5rem;transition:background-color .2s ease}.close-btn:hover{background-color:#3a3a3a;color:#fff}.messages-container{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);flex:1 1;max-height:400px;overflow-y:auto;padding:1rem}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0f0f0f}.messages-container::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.message{display:flex;flex-direction:column;margin-bottom:1rem}.message.sent{align-items:flex-end}.message.received{align-items:flex-start}.message-content{border-radius:12px;max-width:70%;padding:.75rem 1rem;position:relative}.message.sent .message-content{background-color:#00a884;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background-color:#2a2a2a;border-bottom-left-radius:4px;color:#fff}.message-header{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.5rem}.message-sender{font-weight:600;opacity:.9}.message-time{opacity:.7}.message-subject{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.message-text{word-wrap:break-word;line-height:1.4;margin-top:0;white-space:pre-wrap}.message-text table{background-color:#ffffff1a;border-collapse:collapse;border-radius:4px;margin:10px 0;overflow:hidden;width:100%}.message-text table td,.message-text table th{border:1px solid #fff3;padding:8px 12px;text-align:left}.message-text table th{background-color:#00a88433;color:#00a884;font-weight:600}.message-text table td{background-color:#ffffff0d}.message-text p{margin:8px 0}.message-text p:first-child{margin-top:0}.message-text .company-name,.message-text .header{display:none}.message-text .content{background-color:initial;border-radius:0;margin-bottom:0;padding:0}.message-text .footer,.message-text .tracking-info{display:none}.message-status{align-items:center;display:flex;font-size:.625rem;gap:.5rem;margin-top:.5rem;opacity:.8}.status-indicator,.tracking-indicator{align-items:center;display:flex;gap:.25rem}.reply-area{background-color:#1a1a1a;border-top:1px solid #2a2a2a;padding:1rem}.reply-input-container{align-items:flex-end;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;display:flex;gap:.75rem;padding:.75rem}.reply-input{background:none;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:.875rem;line-height:1.4;max-height:120px;outline:none;resize:none}.reply-input::placeholder{color:#a0a0a0}.send-btn{align-items:center;background-color:#00a884;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.send-btn:hover{background-color:#008f6f}.modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-history-modal,.reply-modal{background-color:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#1a1a1a}.modal-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.request-info{margin-bottom:2rem}.request-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.info-grid{grid-gap:.75rem;display:grid;font-size:.875rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-grid .label{color:#a0a0a0;font-weight:600}.email-history h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:1rem}.history-item.sent{border-left:4px solid #00a884}.history-item.received{border-left:4px solid #3b82f6}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.direction-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.history-item.sent .direction-badge{background-color:#00a884;color:#fff}.history-item.received .direction-badge{background-color:#3b82f6;color:#fff}.email-date{color:#a0a0a0;font-size:.75rem}.reply-btn{background-color:#00a884;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background-color .2s ease}.reply-btn:hover{background-color:#008f6f}.email-subject{color:#fff;font-weight:600;margin-bottom:.5rem}.email-content{background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;padding:.75rem}.content-text{color:#fff;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.form-group{margin-bottom:1rem}.emails-dashboard .form-group label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.emails-dashboard .form-input,.emails-dashboard .form-textarea{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#fff;font-family:inherit;font-size:.875rem;outline:none;padding:.75rem;transition:border-color .2s ease;width:100%}.emails-dashboard .form-input:focus,.emails-dashboard .form-textarea:focus{border-color:#00a884}.emails-dashboard .form-textarea{min-height:100px;resize:vertical}.form-help{color:#888;display:block;font-size:12px;font-style:italic;margin-top:6px}.email-history-modal .modal-header,.modal-content .modal-header,.reply-modal .modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.email-history-modal .modal-header h2,.modal-content .modal-header h2,.reply-modal .modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-footer{border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end;padding-top:15px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background-color:#333;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#444}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.modal-actions{background-color:#2a2a2a;border-top:1px solid #3a3a3a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.send-btn,.send-new-btn{background-color:#00a884;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.send-btn:hover,.send-new-btn:hover{background-color:#008f6f}.cancel-btn{background-color:#3a3a3a;border:none;border-radius:6px;color:#fff;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.cancel-btn:hover{background-color:#4a4a4a}@media (max-width:1024px){.emails-dashboard{padding:1rem}.header-content{flex-direction:column;gap:1rem}.header-actions,.header-content{align-items:flex-start}.search-input{width:250px}.emails-table{font-size:.75rem}.emails-table td,.emails-table th{padding:.75rem .5rem}.customer-col,.message-col,.subject-col{max-width:150px}}@media (max-width:768px){.emails-table{display:block;overflow-x:auto}.emails-table tbody,.emails-table td,.emails-table th,.emails-table thead,.emails-table tr{display:block}.emails-table thead tr{left:-9999px;position:absolute;top:-9999px}.emails-table tr{border:1px solid #3a3a3a;border-radius:8px;margin-bottom:1rem;padding:1rem}.emails-table td{border:none;padding-left:50%;position:relative;text-align:left}.emails-table td:before{color:#00a884;content:attr(data-label);font-size:.75rem;font-weight:600;left:.5rem;position:absolute;text-transform:uppercase;width:45%}.chat-modal,.email-history-modal,.reply-modal{margin:1rem;width:95%}}.request-detail-page{background:#fff;box-sizing:border-box;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;max-width:100vw;min-height:100vh;padding:0;width:100vw}.request-detail-page .page-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:2rem;margin:0;max-width:none;padding:0 2rem;width:100%}.request-detail-page .back-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.request-detail-page .back-btn:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.request-detail-page .header-title h1{color:#212529;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.request-meta{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.request-detail-page .request-id{color:#6c757d;font-family:Monaco,Menlo,monospace;font-size:.9rem}.request-detail-page .phase-badge,.request-detail-page .status-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.request-detail-page .tab-navigation{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:0;margin:0;max-width:none;padding:0 2rem;position:relative;width:100%;z-index:10}.request-detail-page .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:1rem 2rem;position:relative;transition:all .3s ease;white-space:nowrap}.request-detail-page .tab-btn:hover{background:#fff;color:#495057}.request-detail-page .tab-btn.active{background:#fff;border-bottom-color:#3b82f6;color:#212529}.request-detail-page .tab-content{margin:0;max-width:none;min-height:800px;padding:2rem;width:100%}.request-detail-page .main-content{display:flex;flex-direction:column;gap:2rem;margin:0;max-width:none;padding:2rem;width:100%}.request-detail-page .content-section{width:100%}.request-detail-page .section-title{border-bottom:2px solid #000;color:#000;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;text-align:left}.request-detail-page .section-title-black,.request-detail-page h2.section-title-black,.request-detail-page h3.section-title-black,.request-detail-page h4.section-title-black{-webkit-text-fill-color:#000!important;background:none!important;background-clip:initial!important;border-bottom:2px solid #000!important;color:#000!important;font-size:1rem!important;font-weight:600!important;margin:0 0 1rem!important;padding-bottom:.5rem!important;text-align:left!important}.request-detail-page .section-title-black h3{color:#000!important;font-size:.9rem!important;font-weight:600!important;margin:0 0 1rem!important;text-align:left!important}.request-detail-page .info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:start;max-width:1200px}.request-detail-page .info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1rem;transition:all .3s ease}.request-detail-page .info-card:hover{background:#fff;border-color:#dee2e6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.info-card.full-width{grid-column:1/-1}.request-detail-page .info-card h3{color:#000;font-size:.9rem;font-weight:600;margin:0 0 1rem;text-align:left}.request-detail-page .info-item{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:.5rem 0}.info-item:last-child{border-bottom:none}.request-detail-page .info-item label{color:#6c757d;flex-shrink:0;font-size:.9rem;font-weight:500;min-width:120px}.request-detail-page .info-item span{color:#212529;flex:1 1;font-size:.9rem;margin-left:1rem;text-align:right}.urgency-critical{color:#ef4444!important;font-weight:600}.urgency-high{color:#f59e0b!important;font-weight:600}.urgency-medium{color:#3b82f6!important;font-weight:600}.urgency-low{color:#10b981!important;font-weight:600}.specifications-list{display:flex;flex-direction:column;gap:.5rem}.specification-item{align-items:flex-start;display:flex;gap:.75rem;padding:.5rem 0}.spec-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:6px;margin-top:.5rem;width:6px}.notes-text{color:#d1d5db;font-style:italic;line-height:1.6;margin:0}.request-detail-page .timeline-container{margin:0;max-width:1000px}.timeline-item{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}.request-detail-page .timeline-item:not(:last-child):after{background:#000;bottom:-2rem;content:"";left:11px;position:absolute;top:30px;width:2px}.request-detail-page .timeline-marker{background:#000;border-radius:50%;flex-shrink:0;height:24px;position:relative;width:24px;z-index:1}.request-detail-page .timeline-content{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:1.5rem}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.request-detail-page .timeline-header h4{color:#000;font-size:1rem;font-weight:600;margin:0;text-align:left}.request-detail-page .timeline-date{color:#000;font-size:.9rem}.request-detail-page .timeline-supplier,.request-detail-page .timeline-trigger{color:#000!important;font-size:.85rem;margin:.25rem 0 0;text-align:left}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{border:3px solid #ffffff1a;height:40px;margin-bottom:1rem;width:40px}.error-message{color:#ef4444;font-size:1.1rem;margin-bottom:1rem}.no-timeline{color:#9ca3af;padding:3rem;text-align:center}.request-detail-page .analysis-content{width:100%}.request-detail-page .no-analysis{color:#6c757d;padding:3rem;text-align:center}.request-detail-page .analyze-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.request-detail-page .analyze-btn:hover{background:#2563eb}.request-detail-page .analyze-btn:disabled{background:#9ca3af;cursor:not-allowed}.request-detail-page .analysis-results{width:100%}.request-detail-page .analysis-summary{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.request-detail-page .analysis-summary h3{color:#000;font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:left}.request-detail-page .analysis-tabs{border-bottom:1px solid #e9ecef;display:flex;gap:0;margin-bottom:2rem}.request-detail-page .analysis-tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.request-detail-page .analysis-tab-btn:hover{background:#f8f9fa;color:#495057}.request-detail-page .analysis-tab-btn.active{background:#fff;border-bottom-color:#3b82f6;color:#212529}.request-detail-page .suppliers-section{width:100%}.request-detail-page .suppliers-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.request-detail-page .suppliers-header h4{color:#000;font-size:1rem;font-weight:600;margin:0;text-align:left}.request-detail-page .filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.request-detail-page .filter-input{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;min-width:150px;padding:.5rem}.request-detail-page .clear-btn,.request-detail-page .filter-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.request-detail-page .clear-btn:hover,.request-detail-page .filter-btn:hover{background:#f8f9fa;border-color:#adb5bd}.request-detail-page .suppliers-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));max-width:1200px}.request-detail-page .supplier-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:all .3s ease}.request-detail-page .supplier-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.request-detail-page .supplier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.request-detail-page .supplier-header h5{color:#000;font-size:.9rem;font-weight:600;margin:0;text-align:left}.request-detail-page .rating{color:#f59e0b;font-size:.9rem;font-weight:600}.request-detail-page .supplier-badges{align-items:center;display:flex;gap:.5rem}.request-detail-page .email-mode{margin:0 auto;max-width:800px;padding:2rem}.request-detail-page .email-header{border-bottom:1px solid #e5e7eb;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.request-detail-page .email-header .back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.request-detail-page .email-header .back-btn:hover{background:#4b5563}.request-detail-page .email-header h3{color:#374151;font-size:1.25rem;margin:0}.request-detail-page .email-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.request-detail-page .email-form .form-group{margin-bottom:1.5rem}.request-detail-page .email-form .form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.request-detail-page .email-form .form-group input,.request-detail-page .email-form .form-group select,.request-detail-page .email-form .form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem;width:100%}.request-detail-page .email-form .readonly-input{background:#f9fafb;color:#6b7280}.request-detail-page .email-form .load-template-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.5rem 1rem}.request-detail-page .email-form .load-template-btn:hover{background:#2563eb}.request-detail-page .email-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.request-detail-page .email-actions .cancel-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem}.request-detail-page .email-actions .cancel-btn:hover{background:#4b5563}.request-detail-page .email-actions .send-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem}.request-detail-page .email-actions .send-btn:hover:not(:disabled){background:#059669}.request-detail-page .email-actions .send-btn:disabled{background:#d1d5db;cursor:not-allowed}.request-detail-page .supplier-actions .email-btn{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.25rem;min-width:120px;padding:.5rem 1rem}.request-detail-page .supplier-actions .email-btn:hover:not(:disabled){background:#4b5563}.request-detail-page .supplier-actions .email-btn:disabled{background:#d1d5db;cursor:not-allowed}.request-detail-page .supplier-actions .add-db-btn{align-items:center;background:#9ca3af;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.25rem;min-width:120px;padding:.5rem 1rem}.request-detail-page .supplier-actions .add-db-btn:hover{background:#6b7280}.request-detail-page .supplier-actions .send-email-btn{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.25rem;min-width:120px;padding:.5rem 1rem}.request-detail-page .supplier-actions .send-email-btn:hover:not(:disabled){background:#4b5563}.request-detail-page .supplier-actions .send-email-btn:disabled{background:#d1d5db;cursor:not-allowed}.request-detail-page .supplier-actions .add-to-db-btn{align-items:center;background:#9ca3af;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.25rem;min-width:120px;padding:.5rem 1rem}.request-detail-page .supplier-actions .add-to-db-btn:hover{background:#6b7280}.load-more-section{border-top:1px solid #e9ecef;display:flex;justify-content:center;margin-top:1rem;padding:2rem 0}.load-more-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.load-more-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.load-more-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.request-detail-page .supplier-info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.request-detail-page .supplier-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.request-detail-page .supplier-info-header h4{color:#374151;font-size:1.1rem;margin:0}.request-detail-page .cancel-edit-btn,.request-detail-page .edit-btn,.request-detail-page .save-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.5rem 1rem}.request-detail-page .edit-btn:hover,.request-detail-page .save-btn:hover{background:#2563eb}.request-detail-page .cancel-edit-btn{background:#6b7280}.request-detail-page .cancel-edit-btn:hover{background:#4b5563}.request-detail-page .edit-actions{display:flex;gap:.5rem}.request-detail-page .editable-supplier-info{grid-gap:1rem;display:grid;gap:1rem}.request-detail-page .readonly-supplier-info p{color:#374151;margin:.5rem 0}.request-detail-page .additional-emails{display:flex;flex-direction:column;gap:.5rem}.request-detail-page .additional-email-item{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.request-detail-page .remove-email-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.request-detail-page .add-email-btn{align-self:flex-start;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.request-detail-page .add-email-btn:hover{background:#059669}.request-detail-page .additional-emails-display{margin-top:.5rem}.request-detail-page .additional-emails-display ul{margin:.25rem 0 0 1rem;padding:0}.request-detail-page .additional-emails-display li{color:#374151;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:4px}.request-detail-page .recipients-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.request-detail-page .recipient-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem}.request-detail-page .recipient-checkbox:hover{background:#f9fafb}.request-detail-page .recipient-checkbox input[type=checkbox]{margin:0}.request-detail-page .language-template-row{align-items:center;display:flex;gap:1rem}.request-detail-page .language-template-row select{flex:1 1}.request-detail-page .language-template-row .load-template-btn{white-space:nowrap}.request-detail-page .local-badge{background:#10b981}.request-detail-page .approved-badge,.request-detail-page .local-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.request-detail-page .approved-badge{background:#3b82f6}.request-detail-page .supplier-details{color:#495057}.request-detail-page .contact-info p{font-size:.9rem;margin:.5rem 0}.request-detail-page .contact-info a{color:#3b82f6;text-decoration:none}.request-detail-page .contact-info a:hover{text-decoration:underline}.request-detail-page .supplier-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem}.request-detail-page .approve-content{padding:1rem}.request-detail-page .approve-header{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.request-detail-page .approve-header h3{color:#000;font-size:1.2rem;font-weight:600;margin:0}.request-detail-page .approve-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.request-detail-page .approve-btn:hover:not(:disabled){background:#059669}.request-detail-page .approve-btn:disabled{background:#9ca3af;cursor:not-allowed}.request-detail-page .suppliers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:1.5rem}.request-detail-page .approve-supplier{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.request-detail-page .supplier-checkbox{height:16px;margin-right:.75rem;width:16px}.request-detail-page .supplier-info h5{color:#000;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.request-detail-page .supplier-email,.request-detail-page .supplier-region{color:#6b7280;font-size:.85rem;margin:.125rem 0}.request-detail-page .score-badge{background:#10b981;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .4rem}.request-detail-page .product-info{border-top:1px solid #f3f4f6;margin-top:.75rem;padding-top:.75rem}.request-detail-page .product-info h6{color:#000;font-size:.85rem;font-weight:600;margin:0 0 .25rem}.request-detail-page .product-brand,.request-detail-page .product-delivery,.request-detail-page .product-description,.request-detail-page .product-min-order,.request-detail-page .product-payment,.request-detail-page .product-price{color:#374151;font-size:.8rem;margin:.125rem 0}.request-detail-page .ocr-historical-data{background:#f9fafb;border-left:3px solid #10b981;border-radius:6px;margin-top:.75rem;padding:.75rem}.request-detail-page .ocr-historical-data h6{color:#000;font-size:.8rem;font-weight:600;margin:0 0 .25rem}.request-detail-page .ocr-date,.request-detail-page .ocr-price,.request-detail-page .ocr-supplier{color:#374151;font-size:.75rem;margin:.125rem 0}.request-detail-page .selection-summary{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;margin:1.5rem 0;padding:.75rem;text-align:center}.request-detail-page .selection-summary p{color:#0c4a6e;font-size:.9rem;font-weight:600;margin:0}.request-detail-page .approve-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.request-detail-page .loading-state,.request-detail-page .no-results{color:#6b7280;font-size:.9rem;padding:2rem;text-align:center}.request-detail-page .emails-tab{display:block;grid-column:1/-1;height:2000px;max-width:none;min-height:2000px;padding:1rem;width:100%}.request-detail-page .emails-container{background:#fff!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;box-sizing:border-box!important;display:flex!important;gap:0!important;grid-column:1/-1!important;height:2000px!important;max-width:none!important;min-height:2000px!important;overflow:hidden!important;position:relative!important;width:100%!important;z-index:1!important}.request-detail-page .emails-sidebar{box-sizing:border-box;max-width:300px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:1.5rem;width:300px}.request-detail-page .emails-sidebar h3{border-bottom:2px solid #e5e7eb;color:#000;font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.request-detail-page .emails-sidebar p{color:#6b7280;font-size:.9rem}.request-detail-page .emails-main{background:#fff;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;padding:2rem}.request-detail-page .emails-main p{color:#6b7280;font-size:1.2rem;margin:auto;text-align:center}.request-detail-page .emails-header{margin-bottom:1rem}.request-detail-page .emails-header h3{border-bottom:2px solid #e5e7eb;font-size:1.2rem;padding-bottom:.5rem}.request-detail-page .email-filters{margin-bottom:1rem}.request-detail-page .filter-select{color:#374151;font-size:.875rem}.request-detail-page .emails-list{display:flex;flex-direction:column;gap:.75rem}.request-detail-page .email-item{word-wrap:break-word;border-radius:8px;overflow:hidden;overflow-wrap:break-word;padding:1rem}.request-detail-page .email-item:hover{box-shadow:0 2px 4px #3b82f61a}.request-detail-page .email-status{font-weight:500;padding:.25rem .5rem}.request-detail-page .email-status.sent{background:#dcfce7;color:#166534}.request-detail-page .email-status.received{background:#dbeafe;color:#1e40af}.request-detail-page .email-subject{word-wrap:break-word;font-size:.875rem;font-weight:500;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;width:100%}.request-detail-page .email-snippet{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:100%}.request-detail-page .email-meta{align-items:center;gap:1rem;justify-content:flex-start;margin-top:.5rem}.request-detail-page .email-status-info{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.5rem}.request-detail-page .status-waiting{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#d97706;padding:.25rem .5rem}.request-detail-page .status-replied{background:#d1fae5;border:1px solid #10b981;border-radius:4px;color:#059669;padding:.25rem .5rem}.request-detail-page .status-their-turn{background:#ede9fe;border:1px solid #8b5cf6;border-radius:4px;color:#7c3aed;padding:.25rem .5rem}.request-detail-page .status-icon{font-size:.875rem}.request-detail-page .status-text{font-size:.7rem;font-weight:600}.request-detail-page .emails-main{background:#fff!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;flex-direction:column!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding:1.5rem!important;position:relative!important;z-index:1!important}.request-detail-page .email-info{margin-bottom:1.5rem;padding-bottom:1rem}.request-detail-page .email-info h3{font-size:1.3rem}.request-detail-page .supplier-details{display:flex;flex-direction:column;gap:.5rem}.request-detail-page .supplier-details p{font-size:.9rem;margin:0}.request-detail-page .supplier-details strong{color:#000}.request-detail-page .chat-container{background:#fff!important;border:none!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:1rem!important;margin:0!important;max-width:100%!important;min-height:800px!important;overflow:visible!important;padding:0!important;position:relative!important;z-index:1!important}.request-detail-page .chat-header{margin-bottom:1rem}.request-detail-page .chat-header h4{font-size:1.1rem}.request-detail-page .chat-messages{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:1rem!important;margin-bottom:0!important;max-height:300px!important;max-width:100%!important;min-height:200px!important;overflow-y:auto!important;padding:1.5rem!important;position:relative!important;z-index:1!important}.request-detail-page .message{flex-direction:column}.request-detail-page .message.sent{align-items:flex-end}.request-detail-page .message.received{align-items:flex-start}.request-detail-page .message-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:80%;padding:.75rem 1rem}.request-detail-page .message.sent .message-content{border-color:#3b82f6}.request-detail-page .message-sender{font-weight:600}.request-detail-page .message-body{background:none;border:none;box-sizing:border-box;font-family:inherit;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden;padding:0;position:relative;z-index:1}.request-detail-page .reply-section{border:2px solid #e5e7eb!important;border-radius:8px!important;bottom:auto!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;left:auto!important;margin-top:0!important;min-height:300px!important;padding:2rem!important;right:auto!important;top:auto!important;transform:none!important;z-index:999!important}.request-detail-page .reply-input,.request-detail-page .reply-section{background:#fff!important;box-sizing:border-box!important;margin-bottom:0!important;max-width:100%!important;opacity:1!important;overflow:visible!important;position:relative!important;visibility:visible!important;width:100%!important}.request-detail-page .reply-input{border:2px solid #d1d5db!important;border-radius:8px!important;color:#000!important;display:block!important;flex:1 1!important;font-family:inherit!important;font-size:.9rem!important;min-height:120px!important;outline:none!important;padding:1rem!important;resize:vertical!important;transition:border-color .2s ease!important;z-index:100!important}.request-detail-page .recipient-selection{background:#f8f9fa!important;border:1px solid #e5e7eb!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:.5rem!important;margin-bottom:0!important;padding:.75rem!important}.request-detail-page .recipient-selection h5{color:#374151!important;font-size:.9rem!important;font-weight:600!important;margin:0 0 .5rem!important}.request-detail-page .recipient-controls{align-items:center!important;display:flex!important;gap:.75rem!important;margin-bottom:.5rem!important}.request-detail-page .recipient-buttons{display:flex!important;gap:.5rem!important}.request-detail-page .recipient-btn{background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;color:#374151!important;cursor:pointer!important;font-size:.8rem!important;padding:.25rem .75rem!important;transition:all .2s ease!important}.request-detail-page .recipient-btn:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.request-detail-page .recipient-list{display:flex!important;flex-direction:column!important;gap:.25rem!important;max-height:120px!important;overflow-y:auto!important}.request-detail-page .recipient-item{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:4px!important;display:flex!important;font-size:.8rem!important;gap:.5rem!important;padding:.25rem .5rem!important}.request-detail-page .recipient-checkbox{accent-color:#3b82f6!important;height:16px!important;width:16px!important}.request-detail-page .recipient-email{color:#374151!important;font-family:monospace!important;font-size:.85rem!important}.request-detail-page .send-reply-btn{align-self:flex-end!important;background:#3b82f6!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;cursor:pointer!important;display:block!important;font-family:inherit!important;font-size:.9rem!important;font-weight:500!important;height:44px!important;line-height:1.5!important;margin-top:.5rem!important;min-width:120px!important;opacity:1!important;padding:.75rem 1.5rem!important;position:relative!important;text-align:center!important;touch-action:manipulation!important;transition:background-color .2s ease!important;-webkit-user-select:none!important;user-select:none!important;vertical-align:middle!important;visibility:visible!important;white-space:nowrap!important;z-index:100!important}.request-detail-page .send-reply-btn:hover:not(:disabled){background:#2563eb}.request-detail-page .loading-state,.request-detail-page .no-email-selected,.request-detail-page .no-messages,.request-detail-page .no-results{align-items:center;color:#6b7280;display:flex;font-size:.9rem;height:100%;justify-content:center}.request-detail-page .emails-sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;max-width:350px;min-width:350px;width:350px}.request-detail-page .emails-header{border-bottom:1px solid #e5e7eb;padding:1rem}.request-detail-page .emails-header h3{color:#000;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.request-detail-page .email-filters{display:flex;flex-direction:column;gap:.5rem}.request-detail-page .filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;padding:.5rem}.request-detail-page .emails-list{flex:1 1;min-height:0;overflow-y:auto;padding:.5rem}.request-detail-page .email-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.request-detail-page .email-item:hover{background:#f8fafc;border-color:#3b82f6}.request-detail-page .email-item.selected{background:#eff6ff;border-color:#3b82f6}.request-detail-page .email-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.request-detail-page .email-header h4{color:#000;font-size:.9rem;font-weight:600;margin:0}.request-detail-page .email-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.2rem .4rem}.request-detail-page .email-status.sent{background:#10b981;color:#fff}.request-detail-page .email-status.received{background:#3b82f6;color:#fff}.request-detail-page .email-preview{margin-bottom:.5rem;overflow:hidden;width:100%}.request-detail-page .email-subject{color:#374151;font-size:.85rem;font-weight:600;margin:0 0 .25rem}.request-detail-page .email-snippet{word-wrap:break-word;color:#6b7280;font-size:.8rem;line-height:1.4;margin:0;overflow-wrap:break-word}.request-detail-page .email-meta{display:flex;justify-content:flex-end}.request-detail-page .email-date{color:#9ca3af;font-size:.75rem}.request-detail-page .email-details{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;min-width:0;overflow:hidden;width:100%}.request-detail-page .email-info{border-bottom:1px solid #e5e7eb;padding:1rem}.request-detail-page .email-info h3{color:#000;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.request-detail-page .supplier-details p{color:#374151;font-size:.85rem;margin:.25rem 0}.request-detail-page .chat-container{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:0;overflow:hidden;width:100%}.request-detail-page .chat-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem}.request-detail-page .chat-header h4{color:#000;font-size:1rem;font-weight:600;margin:0}.request-detail-page .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding:1rem}.request-detail-page .message{display:flex;margin-bottom:1rem}.request-detail-page .message.sent{justify-content:flex-end}.request-detail-page .message.received{justify-content:flex-start}.request-detail-page .message-content{word-wrap:break-word;background:#f3f4f6;border-radius:8px;max-width:70%;min-width:0;overflow-wrap:break-word;padding:.75rem;word-break:break-word}.request-detail-page .message.sent .message-content{background:#3b82f6;color:#fff}.request-detail-page .message.received .message-content{background:#f3f4f6;color:#374151}.request-detail-page .message-body,.request-detail-page .message-body p{word-wrap:break-word;color:inherit;max-width:100%;overflow-wrap:break-word;word-break:break-word}.request-detail-page .message-body *{word-wrap:break-word!important;box-sizing:border-box!important;color:inherit!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:break-word!important}.request-detail-page .message-body h1,.request-detail-page .message-body h2,.request-detail-page .message-body h3,.request-detail-page .message-body h4,.request-detail-page .message-body h5,.request-detail-page .message-body h6{color:inherit!important;font-size:1rem!important;margin:.5rem 0!important}.request-detail-page .message-body div{word-wrap:break-word!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:break-word!important}.request-detail-page .message-header{align-items:center;display:flex;font-size:.8rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.request-detail-page .message-time{font-weight:400;opacity:.8}.request-detail-page .message-body{font-size:.85rem;line-height:1.4}.request-detail-page .message-body p{margin:.25rem 0}.request-detail-page .no-messages{color:#6b7280;font-size:.9rem;padding:2rem;text-align:center}.request-detail-page .reply-section{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem}.request-detail-page .reply-input{border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;margin-bottom:.75rem;padding:.75rem;resize:vertical;width:100%}.request-detail-page .reply-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.request-detail-page .send-reply-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.request-detail-page .send-reply-btn:hover:not(:disabled){background:#059669}.request-detail-page .send-reply-btn:disabled{background:#9ca3af;cursor:not-allowed}.request-detail-page .no-email-selected{align-items:center;color:#6b7280;display:flex;font-size:.9rem;height:100%;justify-content:center}@media (max-width:1200px){.request-detail-page .info-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.request-detail-page .suppliers-list{grid-template-columns:1fr}}@media (max-width:768px){.page-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:1.5rem}.request-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.tab-navigation{overflow-x:auto;padding:0 1rem}.tab-btn{padding:.75rem 1rem;white-space:nowrap}.tab-content{padding:1rem}.info-grid{gap:1rem;grid-template-columns:1fr}.info-item{align-items:flex-start;flex-direction:column;gap:.25rem}.info-item span{margin-left:0;text-align:left}}@media (max-width:480px){.tab-btn{font-size:.85rem;padding:.5rem .75rem}.tab-btn svg{height:16px;width:16px}.info-card,.timeline-content{padding:1rem}}.message-recipient{color:#6b7280;font-family:Courier New,monospace;font-size:.8rem;font-style:italic;margin-left:8px}.message-attachments{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:.5rem;padding:.5rem}.attachments-header{color:#374151;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.attachment-item{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;padding:.25rem 0}.attachment-info{display:flex;flex-direction:column;gap:.125rem}.attachment-name{color:#1f2937;font-weight:500}.attachment-size{color:#6b7280;font-size:.7rem}.attachment-download{background-color:#3b82f6;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:.25rem .5rem;text-decoration:none;transition:background-color .2s}.attachment-download:hover{background-color:#2563eb;color:#fff;text-decoration:none}.email-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0)!important;width:100vw!important;will-change:transform!important;z-index:9999!important}.email-modal-content{animation:modalSlideIn .3s ease-out;background:#fff!important;border-radius:12px;bottom:auto!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:auto!important;margin:auto!important;max-height:90vh!important;max-width:700px!important;overflow:hidden;position:relative!important;right:auto!important;top:auto!important;transform:translateZ(0)!important;width:90%!important;will-change:auto!important}.request-detail-page .email-modal-overlay{background-color:#00000080!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0)!important;width:100vw!important;will-change:transform!important;z-index:9999!important}.request-detail-page .email-modal-content{bottom:auto!important;left:auto!important;margin:auto!important;position:relative!important;right:auto!important;top:auto!important;transform:translateZ(0)!important;will-change:auto!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.email-modal-header{align-items:center;background:#374151;border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.email-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.close-btn:hover{background-color:#ffffff1a}.email-modal-body{max-height:60vh;overflow-y:auto;padding:32px}.supplier-info{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;margin-bottom:24px;padding:16px 20px;position:relative}.supplier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.supplier-header h3{color:#374151;font-size:1.1rem;margin:0}.edit-supplier-btn{background:#6b7280;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;position:absolute;right:12px;top:12px;transition:all .2s ease;z-index:10}.edit-supplier-btn:hover:not(:disabled){background:#4b5563;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.edit-supplier-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.supplier-edit-form{background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:12px;padding:16px}.supplier-edit-form .form-group{margin-bottom:16px}.supplier-edit-form .form-group:last-child{margin-bottom:0}.supplier-edit-form label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.supplier-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.supplier-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a;outline:none}.supplier-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.supplier-edit-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px}.update-supplier-btn{background:#374151;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.update-supplier-btn:hover:not(:disabled){background:#1f2937;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.update-supplier-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.supplier-display{margin-top:8px}.supplier-display p{color:#374151;font-size:.95rem;margin:0 0 8px}.supplier-display p:last-child{margin-bottom:0}.language-info{margin-top:12px}.language-badge{background:#d2d7dd;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 8px}.loading-template{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.loading-spinner{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:8px;justify-content:center}.loading-spinner:before{content:"⏳";font-size:1rem}.email-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.preview-content{color:#374151;font-size:.9rem;line-height:1.5}.preview-content table{border:1px solid #ddd;border-collapse:collapse;margin:20px 0;width:100%}.preview-content td,.preview-content th{border:1px solid #ddd;padding:8px 12px;text-align:left}.preview-content th{background-color:#f8f9fa;font-weight:600}.preview-content p{margin:8px 0}.form-group{margin-bottom:24px}.form-group label{font-size:.95rem;font-weight:600;margin-bottom:8px}.email-subject-input{border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.email-subject-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a;outline:none}.email-content-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.95rem;line-height:1.5;min-height:200px;padding:16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.email-content-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a;outline:none}.error-message{align-items:center;background:#dc2626;color:#fff;display:flex;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.error-message:before{content:"⚠️";font-size:1rem;margin-right:8px}.email-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.change-language-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s}.change-language-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#6b7280;color:#374151}.change-language-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.send-btn{background:#374151;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.send-btn:hover:not(:disabled){background:#1f2937;box-shadow:0 6px 8px -1px #00000026;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.email-modal-content{margin:20px;width:95%}.email-modal-body,.email-modal-footer,.email-modal-header{padding:20px}.email-modal-header h2{font-size:1.25rem}.email-modal-footer{flex-direction:column}.cancel-btn,.send-btn{width:100%}}.recipient-selection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:20px}.recipient-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.recipient-selection-header h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.recipient-actions{display:flex;gap:10px}.deselect-all-btn,.select-all-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s}.deselect-all-btn:hover,.select-all-btn:hover{background:#f3f4f6;border-color:#9ca3af}.recipient-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.recipient-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s}.recipient-checkbox:hover{background:#f9fafb;border-color:#d1d5db}.recipient-checkbox input[type=checkbox]{accent-color:#3b82f6;height:16px;margin:0;width:16px}.email-address{color:#374151;font-family:Courier New,monospace;font-size:.9rem}.selected-count{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.875rem;padding:10px;text-align:center}.additional-emails-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.additional-emails-header label{color:#374151;font-weight:600;margin:0}.add-email-btn{background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s}.add-email-btn:hover{background:#2563eb;border-color:#2563eb}.add-email-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.additional-email-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.additional-email-input{flex:1 1;margin:0}.remove-email-btn{align-items:center;background:#ef4444;border:1px solid #ef4444;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s}.remove-email-btn:hover{background:#dc2626;border-color:#dc2626}.remove-email-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.no-additional-emails{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:.875rem;font-style:italic;margin:0;padding:20px;text-align:center}.additional-emails-display{margin-top:10px}.additional-emails-display p{color:#374151;font-weight:600;margin:0 0 8px}.additional-emails-display ul{list-style-type:disc;margin:0;padding-left:20px}.additional-emails-display li{color:#374151;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:4px}body.modal-open{bottom:0!important;height:100%!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100%!important}.dropdown-header{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 0;transition:all .3s ease}.dropdown-header:hover{background-color:#f8f9fa;border-radius:8px;margin:0 -15px 15px;padding:10px 15px}.dropdown-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.dropdown-arrow{color:#7f8c8d;font-size:14px;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.dropdown-arrow.expanded{transform:rotate(180deg)}.manual-add-form{animation:slideDown .3s ease-out;background-color:#f8f9fa;padding:20px}.manual-add-form,.supplier-dropdown-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px}.supplier-dropdown-section{background-color:#fff}.supplier-dropdown-section .dropdown-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.supplier-dropdown-section .dropdown-header:hover{background-color:#e9ecef}.supplier-dropdown-section .dropdown-header h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.supplier-dropdown-section .dropdown-arrow{color:#7f8c8d;font-size:12px;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.supplier-dropdown-section .dropdown-arrow.expanded{transform:rotate(180deg)}.suppliers-content{animation:slideDown .3s ease-out;padding:20px}.suppliers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.type-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.ai-badge{background-color:#e3f2fd;color:#1976d2}.manual-badge{background-color:#fff3e0;color:#f57c00}.rating-badge{background-color:#f3e5f5;border-radius:12px;color:#7b1fa2;font-size:12px;font-weight:600;padding:4px 8px}.approve-supplier{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s ease}.approve-supplier:hover{border-color:#007bff;box-shadow:0 2px 8px #0000001a}.approve-supplier .supplier-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:15px}.supplier-checkbox{margin-top:5px;transform:scale(1.2)}.supplier-info{flex:1 1}.supplier-info h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 5px}.supplier-info p{color:#6c757d;font-size:14px;margin:2px 0}.supplier-badges{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.match-score .score-badge{background-color:#28a745;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.product-info{border-top:1px solid #f0f0f0;padding-top:15px}.product-info h6{color:#495057;font-size:14px;font-weight:600;margin:0 0 8px}.product-info p{color:#6c757d;font-size:13px;margin:4px 0}.product-info a{color:#007bff;text-decoration:none}.product-info a:hover{text-decoration:underline}.ocr-historical-data{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;margin-top:10px;padding:10px}.ocr-historical-data h6{color:#007bff;font-size:13px;font-weight:600;margin:0 0 8px}.selection-summary{background-color:#e9ecef;border-radius:8px;margin:20px 0;padding:15px;text-align:center}.selection-summary p{color:#495057;font-size:16px;font-weight:500;margin:0}.approve-actions{margin-top:20px;text-align:center}.approve-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.approve-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.approve-btn:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.supplier-search-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.search-input-container{align-items:center;display:flex;position:relative}.supplier-search-input{background-color:#fff;border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.supplier-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:16px;width:16px}.search-results-info{background-color:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;margin-top:10px;padding:8px 12px}.search-results-info p{color:#1976d2;font-size:13px;font-weight:500;margin:0}.suppliers-grid .supplier-card{transition:all .3s ease}.suppliers-grid .supplier-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.supplier-card.search-result{background-color:#f8fff9;border-left:4px solid #28a745}.supplier-card.search-result .supplier-info h5{color:#28a745}@media (max-width:768px){.supplier-search-input{font-size:16px}.search-input-container{align-items:stretch;flex-direction:column}.search-loading{margin-top:8px;position:static;text-align:center;transform:none}}.notification-modal-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:80px;position:fixed;right:0;top:0;z-index:1000}.notification-modal{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:600px;max-width:500px;overflow:hidden;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.notification-modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.notification-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.notification-modal-close:hover{background:#e5e7eb;color:#374151}.notification-modal-content{max-height:500px;overflow-y:auto}.notification-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 24px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;text-align:center}.retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px;transition:background .2s}.retry-btn:hover{background:#b91c1c}.notification-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;text-align:center}.notification-empty p{color:#374151;font-size:16px;font-weight:500;margin:16px 0 8px}.notification-empty span{color:#6b7280;font-size:14px}.notification-list{padding:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:16px 24px;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-icon{flex-shrink:0;margin-right:12px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:8px;overflow:hidden}.notification-meta{color:#9ca3af;font-size:12px;gap:12px}.notification-meta,.notification-requester,.notification-time{align-items:center;display:flex}@media (max-width:640px){.notification-modal{margin:0 10px;width:95%}.notification-modal-header{padding:16px 20px}.notification-item{padding:12px 20px}.notification-modal-content{max-height:400px}}.token-expired-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.token-expired-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:350px;padding:32px;text-align:center;width:90%}.token-expired-icon{font-size:32px;margin-bottom:16px}.token-expired-modal h3{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.token-expired-modal p{color:#666;font-size:14px;line-height:1.4;margin:0 0 24px}.token-expired-buttons{display:flex;justify-content:center}.token-expired-login-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease}.token-expired-login-btn:hover{background:#0056b3}.token-expired-login-btn:active{background:#004085}@media (max-width:480px){.token-expired-modal{padding:24px;width:95%}.token-expired-icon{font-size:28px}.token-expired-modal h3{font-size:16px}.token-expired-modal p{font-size:13px}.token-expired-login-btn{font-size:13px;padding:8px 20px}}.report-issue-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.report-issue-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.issue-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cancel-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.submit-button{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#4b5563}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.success-message{color:#10b981;padding:40px 24px;text-align:center}.success-message svg{margin-bottom:16px}.success-message h3{color:#10b981;font-size:1.25rem;font-weight:600;margin:0 0 8px}.success-message p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.report-issue-modal{margin:20px;max-height:calc(100vh - 40px);max-width:100%}.modal-header{padding:20px 20px 0}.modal-header h2{font-size:1.25rem}.issue-form{padding:20px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.report-issue-button{align-items:center;background:#6b7280;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #6b72804d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:48px;justify-content:center;padding:0;position:fixed;right:24px;transition:all .3s ease;width:48px;z-index:1000}.report-issue-button:hover{background:#4b5563;box-shadow:0 6px 16px #6b728066;transform:translateY(-2px)}.report-issue-button:active{transform:translateY(0)}.report-issue-button svg{flex-shrink:0;height:20px;width:20px}.button-text{display:none}@media (max-width:768px){.report-issue-button{bottom:16px;height:44px;right:16px;width:44px}}@media (max-width:480px){.report-issue-button{bottom:12px;height:40px;right:12px;width:40px}}.invoice-page-container{display:flex;height:calc(100vh - 80px);overflow:hidden;position:relative}.invoice-page-left{flex-shrink:0;overflow-y:auto;padding:20px;width:50%}.invoice-page{margin:0 auto;max-width:100%}.invoice-page-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-button{background-color:#6c757d;border:none;color:#fff;padding:10px 20px}.back-button:hover{background-color:#5a6268}.invoice-page-header h1{color:#333;font-size:20px;margin:0}.invoice-page-content{display:flex;flex-direction:column;gap:40px}.upload-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.upload-section h2{color:#333;font-size:16px;margin-bottom:20px;margin-top:0}.upload-area{display:flex;flex-direction:column;gap:15px;position:relative}.upload-area.dragging{border-color:#4caf50}.upload-dropzone{align-items:center;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:150px;padding:30px 20px;pointer-events:auto;position:relative;transition:all .3s ease}.upload-dropzone:hover{background-color:#e9ecef;border-color:#adb5bd}.upload-area.dragging .upload-dropzone{background-color:#e8f5e9;border-color:#4caf50;border-width:3px}.file-input-hidden{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.dropzone-content{pointer-events:none;text-align:center}.dropzone-text{color:#666;font-size:13px;margin:0 0 8px}.file-upload-button{background:none;border:none;color:#06c;cursor:pointer;font-size:13px;font-weight:400;margin:0;padding:0;pointer-events:auto;text-decoration:underline}.file-upload-button:hover{color:#0052a3;text-decoration:none}.dropzone-hint{color:#999;font-size:11px;margin:0}.file-input{background-color:#f8f9fa;border:2px dashed #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:10px}.file-input:hover{background-color:#f0f8f0;border-color:#4caf50}.selected-file{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;padding:15px}.selected-file p{color:#333;font-size:13px;margin:5px 0}.upload-button{align-self:flex-start;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#333;cursor:pointer!important;font-size:14px;font-weight:400;padding:10px 20px;pointer-events:auto!important;position:relative;transition:background-color .3s;z-index:10}.upload-button:hover:not(:disabled){background-color:#e9ecef;cursor:pointer!important}.upload-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed!important;opacity:.6;pointer-events:none}.upload-button:not(:disabled),.upload-button:not(:disabled):hover{cursor:pointer!important}.error-message{background-color:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;margin-top:15px;padding:12px}.pdfs-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.pdfs-list-section h2{color:#333;font-size:16px;margin-bottom:20px;margin-top:0}.empty-state,.loading{color:#666;font-size:14px;padding:40px;text-align:center}.pdfs-list{display:flex;flex-direction:column;gap:15px}.pdf-item{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:box-shadow .3s}.pdf-item:hover{box-shadow:0 2px 8px #0000001a}.pdf-info{align-items:center;display:flex;flex:1 1;gap:15px}.pdf-icon{display:none}.pdf-details{flex:1 1}.pdf-filename{color:#333;font-size:14px;font-weight:500;margin-bottom:5px}.pdf-meta{color:#666;display:flex;font-size:12px;gap:20px}.pdf-actions{display:flex;gap:10px}.action-button{border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .3s}.download-button{background-color:#f8f9fa;color:#333}.download-button:hover{background-color:#e9ecef}.delete-button{background-color:#f8f9fa;color:#333}.delete-button:hover{background-color:#e9ecef}.verificate-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#333}.verificate-button:hover{background-color:#4caf50;border-color:#4caf50;color:#fff}.preview-button{background-color:#f8f9fa;color:#333}.preview-button:hover{background-color:#e9ecef}.invoice-page-preview{background-color:#f8f9fa;border-left:1px solid #dee2e6;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 80px);overflow:hidden;position:fixed;right:0;top:80px;width:50%;z-index:10}.preview-header{align-items:center;background-color:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px 20px}.preview-header h3{color:#333;font-size:14px;font-weight:500;margin:0}.close-preview-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .3s;width:30px}.close-preview-button:hover{background-color:#e9ecef}.preview-content{background-color:#f8f9fa;flex:1 1;overflow:auto;padding:20px}.pdf-preview-iframe{height:100%}@media (max-width:768px){.invoice-page-container{flex-direction:column}.invoice-page-left{max-width:100%}.invoice-page-preview{height:50vh;width:100%}.pdf-item{align-items:flex-start;flex-direction:column;gap:15px}.pdf-actions{justify-content:flex-end;width:100%}.pdf-meta{flex-direction:column;gap:5px}}.invoice-verification-page{margin:80px auto 0;max-width:1400px;padding:20px}.invoice-verification-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.invoice-verification-header h1{color:#111827;font-size:24px;font-weight:700;margin:0}.back-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.back-button:hover{background-color:#e9ecef}.rfq-details-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:24px}.rfq-details-section h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.rfq-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rfq-detail-card{background-color:#f8f9fa;border-left:none;border-radius:6px;padding:16px}.rfq-detail-card label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.rfq-detail-card p{color:#111827;font-size:13px;font-weight:500;margin:0}.pdf-preview-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.pdf-preview-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;min-height:600px}.pdf-preview-item{display:flex;flex-direction:column}.pdf-preview-item h3{border-bottom:2px solid #e5e7eb;color:#111827;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.pdf-preview-iframe{background-color:#fff;min-height:600px;width:100%}.pdf-loading,.pdf-preview-iframe{border:1px solid #dee2e6;border-radius:4px;height:600px}.pdf-loading{align-items:center;background-color:#f8f9fa;color:#6b7280;display:flex;font-size:14px;justify-content:center}.error-message{background-color:#fee2e2;border-radius:6px;color:#dc2626;margin:20px 0;padding:16px}.loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.initial-loading-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-message{color:#374151;font-size:18px;font-weight:500;letter-spacing:.5px;margin:0}@media (max-width:1024px){.pdf-preview-container{grid-template-columns:1fr}.pdf-preview-iframe{height:500px;min-height:500px}.pdf-loading{height:500px}}@media (max-width:768px){.invoice-verification-page{margin-top:70px;padding:16px}.invoice-verification-header{align-items:flex-start;flex-direction:column;gap:12px}.rfq-details-grid{grid-template-columns:1fr}.pdf-preview-iframe{height:400px;min-height:400px}.pdf-loading{height:400px}}.error-analysis-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:24px}.error-analysis-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#333;cursor:pointer;font-size:16px;font-weight:500;max-width:300px;padding:12px 24px;transition:background-color .3s;width:100%}.error-analysis-button:hover:not(:disabled){background-color:#e9ecef}.error-analysis-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.analyzing-container{margin-top:20px;padding:20px;text-align:center}.analyzing-message{color:#374151;font-size:16px;font-weight:500;margin:0}.analysis-results{margin-top:24px}.analysis-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;margin:0 0 20px}.analysis-title.error-title{color:#dc2626;font-size:18px}.analysis-title.success-title{color:#374151;font-size:15px}.comparison-table-container{overflow-x:auto}.comparison-table{border-collapse:collapse;font-size:14px;width:100%}.comparison-table thead{background-color:#f8f9fa}.comparison-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.comparison-table td{border-bottom:1px solid #e5e7eb;color:#111827;padding:12px}.comparison-table tbody tr.error-row{background-color:#fef2f2}.comparison-table tbody tr:hover{background-color:#f9fafb}.product-code-col{font-weight:500;width:12%}.product-name-col{width:30%}.quantity-col,.unit-col{text-align:center;width:8%}.price-col,.total-col{width:21%}.price-comparison{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr 1fr}.request-price{color:#6b7280;font-size:13px;text-align:left}.invoice-price{color:#111827;font-weight:500;text-align:right}.invoice-price.error-price{color:#dc2626;font-weight:600}.comparison-header{grid-gap:16px;color:#6b7280;display:grid;font-size:11px;font-weight:500;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:4px}.request-label{text-align:left}.invoice-label{text-align:right}.comparison-table tfoot{background-color:#f8f9fa;font-weight:600}.comparison-table tfoot .summary-label{color:#374151;text-align:right}.comparison-table tfoot .summary-value{color:#111827}.comparison-table tfoot .total-row{background-color:#e5e7eb;border-top:2px solid #d1d5db}.comparison-table tfoot .total-row .summary-value{font-size:16px}.App{background-color:#f9fafb;min-height:100vh;text-align:left}.main-content{min-height:calc(100vh - 64px);padding-top:64px}.dashboard-container{margin:0 auto;max-width:1200px;padding:24px 20px}.charts-section{display:flex;gap:24px;margin-bottom:32px}.charts-section>*{flex:1 1}@media (max-width:980px){.charts-section{flex-direction:column;gap:0;margin-bottom:0}.charts-section>*{flex:none;margin-bottom:24px}.charts-section>:last-child{margin-bottom:0}}@media (max-width:768px){.main-content{padding:16px}.dashboard-container{margin-top:25px;max-width:100%}.charts-section{gap:16px;margin-bottom:24px}}@media (max-width:480px){.dashboard-container{padding:12px}.charts-section{gap:16px;margin-bottom:20px}}.back-button-container{margin:0 auto;max-width:1200px;padding:1rem 2rem}.back-btn{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn:hover{background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.back-btn:active{transform:translateY(0)}
/*# sourceMappingURL=main.200d4335.css.map*/