@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color: #2C5C45;--primary-light-color: #A7D6BA;--primary-dark-color: #1D3D2D;--accent-color: #E6C87C;--text-primary: #1A2428;--text-secondary: #566269;--background-light: #F8FCFA;--background-card: #FFFFFF;--border-radius: 12px;--box-shadow: 0 4px 20px rgba(0, 0, 0, .08)}.home-page{min-height:100vh;background-color:var(--background-light);padding-bottom:2rem;position:relative}.home-banner{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark-color));padding:2rem 1rem;color:#fff;text-align:center;position:relative;overflow:hidden;margin-bottom:1.5rem}.home-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/pattern.png) repeat;opacity:.1;z-index:1}.banner-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.home-banner h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.home-banner p{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem}.banner-button{background-color:var(--accent-color);color:var(--primary-dark-color);border:none;border-radius:24px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #00000026}.banner-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.user-welcome{display:flex;flex-direction:column;align-items:center;gap:.8rem}.user-welcome span{font-size:1rem;font-weight:500}.logout-btn{background-color:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:16px;padding:.5rem 1.2rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#ffffff4d}.section{padding:1rem;margin-bottom:1.5rem}.section-title{font-size:1.3rem;color:var(--text-primary);margin-bottom:1rem;padding-left:.5rem;position:relative}.section-title:before{content:"";position:absolute;left:0;top:.25rem;bottom:.25rem;width:4px;background-color:var(--primary-color);border-radius:2px}.feature-list{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;padding:1rem;background-color:var(--background-card);border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.feature-icon{width:3.5rem;height:3.5rem;background-color:var(--primary-light-color);color:var(--primary-dark-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.feature-icon i{font-size:1.5rem}.feature-content{flex-grow:1}.feature-content h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.3rem}.feature-content p{font-size:.9rem;color:var(--text-secondary);margin:0}.feature-arrow{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;opacity:.5}.feature-item.vip{background:linear-gradient(135deg,#f7e9c3,#fff8e1);border:1px solid #f0e3bf}.vip-badge{position:absolute;top:-.5rem;right:1rem;background-color:var(--accent-color);color:var(--primary-dark-color);font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:.25rem;box-shadow:0 2px 4px #0000001a}.login-feature{background:linear-gradient(135deg,#e3f2fd,#f0f9ff);border:1px solid #c3e0f7}.login-feature .feature-icon{background-color:#2196f3;color:#fff}.home-footer{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.language-selector{margin-bottom:.5rem}.copyright{font-size:.8rem;color:var(--text-secondary);text-align:center}.icon-home:before{content:"🏠"}.icon-office:before{content:"🏢"}.icon-store:before{content:"🏪"}.icon-bazi:before{content:"🔮"}.icon-heart:before{content:"❤️"}.icon-crown:before{content:"👑"}.icon-user:before{content:"👤"}.icon-login:before{content:"🔑"}.icon-arrow-right:before{content:"→"}.icon-wallet:before{content:"💰"}@media (min-width: 768px){.home-banner{padding:3rem 1rem}.home-banner h1{font-size:2.5rem}.section{max-width:768px;margin-left:auto;margin-right:auto}.user-welcome{flex-direction:row;justify-content:center}}.testimonials-section:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--primary-color),rgba(47,104,70,.5))}.testimonials-section .section-header{text-align:center;margin-bottom:50px}.testimonials-section .section-header h2{font-size:2rem;color:var(--primary-color);margin-bottom:15px;position:relative;display:inline-block}.testimonials-section .section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--primary-color);border-radius:2px}.testimonials-section .section-header p{font-size:1.1rem;color:var(--secondary-text-color);max-width:700px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.testimonial-card{background-color:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;height:100%;min-height:380px}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),rgba(47,104,70,.5));opacity:0;transition:opacity .3s ease}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #2f684626}.testimonial-card:hover:before{opacity:1}.star{color:gold;font-size:18px;margin-right:2px;transition:transform .3s ease}.testimonial-card:hover .star{animation:star-pulse 1s ease infinite alternate}@keyframes star-pulse{0%{transform:scale(1)}to{transform:scale(1.2)}}.testimonial-content:before{content:"“";position:absolute;top:-20px;left:-5px;font-size:72px;line-height:1;color:#2f68461a;font-family:Georgia,serif}.testimonial-content p{font-size:15px;color:#666;line-height:1.7;font-style:italic;height:auto;overflow:visible;min-height:100px}.testimonial-card:hover .author-avatar{border-color:var(--primary-color, #2F6846)}.author-info h4{font-size:18px;margin:0 0 5px;color:var(--text-primary, #333)}.author-info p{font-size:14px;color:var(--text-secondary, #555);margin:0}@media (max-width: 992px){.testimonials-grid{padding:0 20px}}@media (max-width: 768px){.testimonials-section{padding:60px 0}.testimonials-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.testimonial-card{padding:20px}.testimonial-rating{font-size:18px}.testimonial-content p{font-size:15px}.author-avatar{width:50px;height:50px}.author-info h4{font-size:16px}}.partners-section{padding:80px 0;background-color:#f9f9f9;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.section-header{text-align:center;margin-bottom:20px}.section-header h2{font-size:2rem;color:var(--primary-color);margin-bottom:15px;position:relative;display:inline-block}.section-header p{font-size:1.1rem;color:var(--secondary-text-color);max-width:700px;margin:0 auto}.partners-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px;max-width:1200px;margin:0 auto}.partner-logo{width:180px;height:100px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000000d;padding:15px;transition:all .3s ease;position:relative;overflow:hidden}.partner-logo:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),rgba(47,104,70,.6));opacity:0;transition:opacity .3s ease}.partner-logo:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.partner-logo:hover:before{opacity:1}.partner-logo img{max-width:80%;max-height:60px;object-fit:contain;transition:transform .3s ease;filter:grayscale(30%)}.partner-logo:hover img{filter:grayscale(0%);transform:scale(1.05)}.partners-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(47,104,70,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}.partners-error{text-align:center;padding:30px;background-color:#ffebeb99;border-radius:8px;color:#d32f2f;max-width:600px;margin:0 auto;box-shadow:0 4px 10px #0000000d;border:1px solid rgba(211,47,47,.2)}.partners-empty{text-align:center;padding:30px;background-color:#f0f0f0b3;border-radius:8px;color:var(--secondary-text-color);font-style:italic;max-width:600px;margin:0 auto;box-shadow:0 4px 10px #0000000d;border:1px solid rgba(0,0,0,.1)}@media (max-width: 992px){.partners-container{gap:30px}.partner-logo{width:160px;height:90px}.partner-logo img{max-height:50px}}@media (max-width: 768px){.partners-section{padding:50px 20px}.partners-container{gap:20px}.partner-logo{width:140px;height:80px}.partner-logo img{max-height:45px}}@media (max-width: 480px){.section-header h2{font-size:1.75rem}.partner-logo{width:120px;height:70px}.partner-logo img{max-height:40px}}.web-home-page{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.web-home-page.loaded{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:15px;max-width:800px;margin-left:auto;margin-right:auto}.section-header h2{font-size:36px;color:var(--text-primary);margin-bottom:16px;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--primary-color);border-radius:2px}.section-header p{font-size:18px;color:var(--text-secondary);line-height:1.6}.hero-section{position:relative;padding:120px 0 180px;overflow:hidden;background-color:var(--primary-bg)}.hero-section .container{display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:2}.hero-content{max-width:550px;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--heading-color);line-height:1.2;animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;line-height:1.6;color:var(--text-color);animation:fadeInUp 1s ease-out}.hero-buttons{display:flex;gap:1rem;animation:fadeInUp 1.2s ease-out}.hero-image{position:relative;display:flex;justify-content:center;align-items:center;animation:floatImage 5s ease-in-out infinite}.hero-image-decoration{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(47,104,70,.15),rgba(47,104,70,0) 70%);z-index:0;border-radius:50%;animation:pulse 4s ease-in-out infinite}.hero-img{max-width:100%;height:auto;position:relative;z-index:1}.hero-wave{position:absolute;bottom:0;left:0;width:100%;line-height:0;z-index:1}.btn-hero{font-size:18px;padding:14px 32px;box-shadow:var(--shadow-card);transition:all .3s ease;min-height:54px;display:flex;align-items:center;gap:8px}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1f5f3626}.btn-icon{font-size:20px;margin-right:4px}.features-section{padding:80px 0;background-color:var(--background-color);position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:60px;align-items:stretch}.feature-card{background-color:#fff;border-radius:var(--border-radius-lg);padding:26px;box-shadow:var(--shadow-soft);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:420px}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),rgba(47,104,70,.6));opacity:0;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-card)}.feature-card:hover:before{opacity:1}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:12px;background-color:#2f68461a;color:var(--primary-color);transition:all .3s ease}.feature-card:hover .feature-icon{background-color:#2f684633;transform:scale(1.1)}.feature-card:hover .feature-icon svg{color:var(--primary-color)}.feature-icon svg{width:32px;height:32px;color:var(--primary-color);transition:color .3s ease}.feature-tag{display:inline-block;background-color:#1f5f361a;color:var(--primary-color);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:13px;font-weight:500;margin-bottom:16px;transition:all .3s ease}.feature-card:hover .feature-tag{background-color:#1f5f3633;transform:translate(5px)}.feature-card h3{font-size:20px;margin-bottom:12px;color:var(--text-primary);font-weight:600;min-height:50px;display:flex;align-items:center}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:20px;overflow:visible;display:block;height:auto;min-height:60px}.feature-link{display:flex;align-items:center;color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .3s ease;margin-top:auto}.feature-arrow{width:16px;height:16px;margin-left:8px;transition:transform .3s ease}.feature-link:hover{color:#1a4d2e}.feature-link:hover .feature-arrow{transform:translate(5px)}.cta-section{position:relative;padding:100px 0;margin:80px 0;overflow:hidden;background:linear-gradient(135deg,rgba(47,104,70,.8) 0%,rgba(35,78,52,.9) 100%);border-radius:12px;box-shadow:0 20px 40px #0000001a}.cta-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/light-pattern.svg);background-size:cover;opacity:.12;z-index:0}.cta-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.cta-particle{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#fff6;animation:floatUp 15s infinite linear}@keyframes floatUp{0%{transform:translateY(100%) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100%) translate(30px) scale(0);opacity:0}}.cta-content{position:relative;z-index:2;background-color:#000000a6;padding:50px;border-radius:16px;max-width:800px;margin:0 auto;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.4)}.cta-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem;line-height:1.6;text-shadow:0 1px 5px rgba(0,0,0,.3)}.cta-buttons{display:flex;justify-content:center;gap:1.5rem}.cta-primary{padding:12px 28px;background-color:#fff;color:#1e5335!important;font-weight:700;border-radius:8px;font-size:1.1rem;transition:all .3s ease;box-shadow:0 5px 15px #0000004d;text-decoration:none;display:inline-block;border:2px solid var(--primary-color);position:relative;overflow:hidden;z-index:1;letter-spacing:.5px;text-shadow:none}.cta-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);z-index:-1;transform:translate(-100%);transition:transform .3s ease}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000059;background-color:#2f6846e6;color:#fff!important;border-color:#fff}.cta-secondary{padding:12px 28px;background-color:transparent;color:#fff!important;font-weight:600;border:2px solid rgba(255,255,255,.8);border-radius:8px;font-size:1.1rem;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden;z-index:1}.cta-secondary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);z-index:-1;transform:translate(-100%);transition:transform .3s ease}.cta-secondary:hover{background-color:#ffffff26;transform:translateY(-3px);color:#fff!important;border-color:#fff}.cta-secondary:hover:before{transform:translate(0)}@keyframes buttonPulse{0%{box-shadow:0 5px 15px #0000004d}50%{box-shadow:0 8px 25px #2f684680}to{box-shadow:0 5px 15px #0000004d}}.cta-primary,.cta-secondary{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:buttonPulse 3s infinite}.cta-primary:hover,.cta-secondary:hover{animation:none}@media (max-width: 768px){.cta-section{padding:60px 20px;margin:40px 0}.cta-content{padding:30px 20px}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;gap:1rem}}.how-it-works-section{padding:100px 0;background-color:#f4f7f4;position:relative;overflow:hidden}.how-it-works-section:before,.how-it-works-section:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background-color:#2f68460d;z-index:0}.how-it-works-section:before{top:-50px;left:-50px}.how-it-works-section:after{bottom:-50px;right:-50px}.how-it-works-section .container{position:relative;z-index:1}.steps-wrapper{position:relative;width:100%;display:flex;justify-content:center;margin:60px auto}.steps-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:900px}.steps-timeline{position:absolute;top:40px;left:50px;right:50px;height:4px;background:linear-gradient(90deg,rgba(47,104,70,.1),rgba(47,104,70,.7),rgba(47,104,70,.1));border-radius:4px;z-index:0}.step-item{position:relative;z-index:1;flex:0 0 calc(33.33% - 20px);min-width:230px;max-width:300px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 10px}.step-number{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2f6846,#3a7d55);color:#fff;font-size:28px;font-weight:600;border-radius:50%;margin-bottom:30px;box-shadow:0 8px 20px #2f68464d;position:relative;z-index:2;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:4px solid rgba(255,255,255,.8)}.step-item:hover .step-number{transform:scale(1.1) translateY(-5px);box-shadow:0 15px 30px #2f684666}.step-item:hover .step-content{transform:translateY(5px)}.step-content h3{font-size:22px;margin-bottom:12px;color:#2f6846;font-weight:600}.step-content p{font-size:15px;color:#666;line-height:1.6}.section-cta{text-align:center;margin-top:50px}.section-cta .btn{display:inline-flex;align-items:center;gap:8px;font-size:18px;padding:14px 36px;box-shadow:0 8px 16px #2f684626;transition:all .3s ease}.section-cta .btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2f684633}.testimonials-section{padding:100px 0;background-color:var(--background-color)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.testimonial-card{background-color:#fff;border-radius:var(--border-radius-lg);padding:30px;box-shadow:var(--shadow-soft);transition:all .3s ease;display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-card)}.testimonial-rating{margin-bottom:20px;color:#ffc107;font-size:20px;letter-spacing:3px}.testimonial-content{flex-grow:1;margin-bottom:20px}.testimonial-content p{font-size:16px;color:var(--text-secondary);line-height:1.8;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(47,104,70,.1);transition:all .3s ease}.testimonial-card:hover .author-avatar{border-color:var(--primary-color)}.author-info h4{font-size:18px;margin:0 0 5px;color:var(--text-primary)}.author-info p{font-size:14px;color:var(--text-secondary);margin:0}.partners-section{padding:80px 0;background-color:#f4f7f4}.partners-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px;margin-top:50px}.partner-logo{height:80px;width:160px;display:flex;align-items:center;justify-content:center;padding:15px;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);transition:all .3s ease;overflow:hidden}.partner-logo:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);background-color:#fff}.partner-logo img{max-width:100%;max-height:100%;transition:all .3s ease;filter:grayscale(.3);height:auto;display:block}.partner-logo:hover img{transform:scale(1.05);filter:grayscale(0)}.skeleton{position:relative;overflow:hidden;background-color:#f0f0f0;border-radius:var(--border-radius-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-image{height:100%;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.7}}@media (max-width: 992px){.hero-section{padding:60px 0 100px}.hero-section .container{flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:36px}.hero-buttons{justify-content:center}.hero-image{width:80%;margin-top:40px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{min-height:380px}.how-it-works-section .steps-container{flex-direction:column;max-width:500px;margin-left:auto;margin-right:auto;gap:60px}.steps-timeline{height:calc(100% - 120px);width:4px;top:60px;bottom:0;left:38px;right:auto;background:linear-gradient(180deg,rgba(47,104,70,.1),rgba(47,104,70,.6),rgba(47,104,70,.1))}.step-item{flex-direction:row;text-align:left;align-items:center;padding:10px;gap:30px;max-width:100%}.step-number{margin-bottom:0;width:70px;height:70px;font-size:24px;flex-shrink:0}.step-content{padding-top:0}.step-content h3{font-size:20px;margin-bottom:10px}}@media (max-width: 576px){.step-number{width:60px;height:60px;font-size:20px}.step-item{gap:20px}.steps-timeline{left:30px}}@media (max-width: 768px){a,button,.btn{min-height:44px;padding:12px 16px}.feature-link{padding:8px 0;margin-top:8px;display:flex}.features-grid,.testimonials-grid{grid-template-columns:1fr;gap:20px}.partners-container{gap:15px}.hero-title,.hero-subtitle,.hero-buttons{animation:none;opacity:1;transform:none}.hero-buttons{flex-direction:column;width:100%;gap:12px}.btn-hero{width:100%;justify-content:center}.section-header{margin-bottom:30px}.section-header h2{font-size:24px}.section-header p{font-size:16px}.particles-background:before,.particles-background:after,.cta-pattern-bg,.energy-particles{opacity:.5}.feature-card h3{font-size:20px}.feature-card p,.testimonial-content p{font-size:15px}input,select,textarea{font-size:16px}}@media (max-width: 480px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px;margin-bottom:24px}.feature-icon{width:50px;height:50px}.feature-icon svg{width:28px;height:28px}.step-number{width:50px;height:50px;font-size:18px;border-width:3px}.step-content h3{font-size:18px}.step-content p{font-size:14px}.cta-content{padding:25px 15px}.cta-content h2{font-size:24px}.cta-content p{font-size:15px;margin-bottom:25px}.partner-logo{height:50px;width:100px}}@media (min-width: 992px){.steps-container{width:100%;max-width:900px;justify-content:space-between}.step-item{max-width:280px;flex:0 0 280px}}.login-page .element-decoration{position:absolute;width:300px;height:300px;background-image:url(/images/bagua.svg);background-size:contain;background-repeat:no-repeat;opacity:.05;pointer-events:none;animation:floatElements 12s ease-in-out infinite;z-index:1}.login-page .particles-container .particle:nth-child(1){left:54%;top:77%;animation-delay:1332ms;animation-duration:10s}.login-page .particles-container .particle:nth-child(2){left:76%;top:13%;animation-delay:7481ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(3){left:24%;top:55%;animation-delay:2687ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(4){left:73%;top:70%;animation-delay:2671ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(5){left:31%;top:38%;animation-delay:7.04s;animation-duration:9s}.login-page .particles-container .particle:nth-child(6){left:79%;top:44%;animation-delay:2043ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(7){left:21%;top:50%;animation-delay:5183ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(8){left:7%;top:33%;animation-delay:2728ms;animation-duration:10s}.login-page .particles-container .particle:nth-child(9){left:19%;top:62%;animation-delay:2547ms;animation-duration:8s}.login-page .particles-container .particle:nth-child(10){left:93%;top:41%;animation-delay:4784ms;animation-duration:8s}.login-page .particles-container .particle:nth-child(11){left:84%;top:62%;animation-delay:5718ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(12){left:63%;top:16%;animation-delay:4886ms;animation-duration:8s}.login-page .particles-container .particle:nth-child(13){left:58%;top:93%;animation-delay:769ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(14){left:9%;top:58%;animation-delay:5152ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(15){left:79%;top:83%;animation-delay:2.86s;animation-duration:7s}.login-page .particles-container .particle:nth-child(16){left:85%;top:26%;animation-delay:4637ms;animation-duration:8s}.login-page .particles-container .particle:nth-child(17){left:60%;top:47%;animation-delay:3578ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(18){left:85%;top:95%;animation-delay:3382ms;animation-duration:10s}.login-page .particles-container .particle:nth-child(19){left:16%;top:65%;animation-delay:6845ms;animation-duration:10s}.login-page .particles-container .particle:nth-child(20){left:96%;top:9%;animation-delay:6236ms;animation-duration:7s}.auth-callback-page{min-height:100vh;background:linear-gradient(135deg,#2C5C45 0%,#A7D6BA 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-callback-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:60px 40px;min-width:400px;max-width:500px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(255,255,255,.2);position:relative;z-index:10;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-logo{text-align:center;margin-bottom:40px}.logo-image{height:60px;width:60px;margin-bottom:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));background-color:#fff;border-radius:50%;padding:8px;box-shadow:0 4px 15px #0000001a;border:2px solid rgba(167,214,186,.3);object-fit:contain}.brand-name{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#2C5C45,#A7D6BA);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0;letter-spacing:-.5px}.auth-callback-content{text-align:center;position:relative}.loading-container{margin:40px 0;display:flex;justify-content:center;align-items:center}.loading-spinner{position:relative;width:80px;height:80px;margin:20px auto}.spinner-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:rotate 1.5s linear infinite}.spinner-ring:nth-child(1){width:80px;height:80px;border-top:3px solid #2C5C45;animation-delay:0s}.spinner-ring:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-right:3px solid #A7D6BA;animation-delay:-.5s;animation-direction:reverse}.spinner-ring:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-bottom:3px solid #6FCF97;animation-delay:-1s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar{width:100%;height:4px;background-color:#2c5c451a;border-radius:2px;overflow:hidden;margin-top:30px}.progress-fill{height:100%;background:linear-gradient(90deg,#2C5C45,#A7D6BA);border-radius:2px;width:0%;animation:progressFill 3s ease-in-out infinite}@keyframes progressFill{0%{width:0%}50%{width:75%}to{width:100%}}.status-text{margin-top:30px}.status-text h2{font-size:1.5rem;font-weight:600;color:#1a2428;margin:0 0 12px;line-height:1.3}.sub-text{font-size:1rem;color:#566269;margin:0 0 8px;line-height:1.5}.retry-text{font-size:.875rem;color:#999;margin:8px 0 0}.auth-callback-content.success .status-text h2{color:#27ae60}.success-icon{margin:30px 0;display:flex;justify-content:center}.checkmark{width:80px;height:80px;position:relative}.checkmark-svg{width:80px;height:80px;display:block;stroke-width:3;stroke:#27ae60;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#27ae60;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #27ae60}}.auth-callback-content.error .status-text h2{color:#eb5757}.error-icon{margin:30px 0;display:flex;justify-content:center}.error-svg{width:80px;height:80px;display:block;stroke-width:3;stroke:#eb5757;stroke-miterlimit:10;animation:errorScale .3s ease-in-out .4s both}.error-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#eb5757;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.error-cross{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes errorScale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.retry-button{background:linear-gradient(135deg,#2C5C45,#A7D6BA);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 15px #2c5c454d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2c5c4566}.retry-button:active{transform:translateY(0)}.background-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.circle-1{width:120px;height:120px;top:10%;left:10%;animation-delay:0s}.circle-2{width:80px;height:80px;top:70%;right:15%;animation-delay:2s}.circle-3{width:60px;height:60px;bottom:20%;left:80%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.7}33%{transform:translateY(-20px) translate(10px);opacity:.4}66%{transform:translateY(10px) translate(-5px);opacity:.6}}@media (max-width: 768px){.auth-callback-container{margin:20px;padding:40px 30px;min-width:auto;max-width:none;width:calc(100% - 40px)}.brand-name{font-size:1.8rem}.logo-image{height:50px;width:50px;padding:6px}.loading-spinner{width:60px;height:60px}.spinner-ring:nth-child(1){width:60px;height:60px}.spinner-ring:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px}.spinner-ring:nth-child(3){width:30px;height:30px;top:15px;left:15px}.checkmark,.checkmark-svg,.error-svg{width:60px;height:60px}}@media (max-width: 480px){.auth-callback-container{margin:10px;padding:30px 20px;border-radius:16px}.brand-name{font-size:1.6rem}.logo-image{height:45px;width:45px;padding:5px}.status-text h2{font-size:1.3rem}.sub-text{font-size:.9rem}}@media (prefers-color-scheme: dark){.auth-callback-container{background:rgba(30,30,30,.95);border:1px solid rgba(255,255,255,.1)}.status-text h2{color:#f0f0f0}.sub-text{color:#b0b0b0}.retry-text{color:#666}.progress-bar{background-color:#ffffff1a}.logo-image{background-color:#fff;border:2px solid rgba(167,214,186,.5)}}.step-container{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.step-form{display:flex;flex-direction:column;gap:20px}.step-form h2{font-size:24px;margin-bottom:8px;color:#333}.step-description{color:#666;margin-bottom:16px;font-size:16px;line-height:1.5}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row .form-group{margin-bottom:0}.form-label.required:after{content:"*";color:#e53e3e;margin-left:4px}.helper-text{color:#666;font-size:12px;margin-top:4px}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:#4a90e2;outline:none}.form-input.form-error,.form-select.form-error{border-color:#e53e3e}.error-message{color:#e53e3e;font-size:14px;margin-top:4px}.form-actions{display:flex;justify-content:space-between;margin-top:24px}.direction-selector-container{margin-bottom:16px}@media (max-width: 600px){.form-row{flex-direction:column;gap:16px}.form-actions{flex-direction:column;gap:12px}.form-actions button{width:100%}}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background-color:#f9fafb;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease}.file-upload-area:hover{border-color:#4a90e2;background-color:#f0f7ff}.file-upload-area.dragging{border-color:#4a90e2;background-color:#e6f0fd}.upload-text p{text-align:center;color:#666;font-size:14px;margin:5px 0}.upload-text .primary-text{font-weight:500;font-size:16px}.upload-text .secondary-text{color:#999;font-size:14px}.upload-section{margin-bottom:30px;background-color:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.upload-section h3{font-size:18px;margin-bottom:16px;color:#333}.photo-types{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.photo-type-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .2s ease}.photo-type-label.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.photo-type-label span{font-size:14px}.current-selection{margin-bottom:16px;font-size:14px;color:#666}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;border:2px dashed #ccc;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.upload-area:hover{border-color:#4a90e2;background-color:#f5f8ff}.upload-area.dragging{border-color:#4a90e2;background-color:#f0f7ff}.photo-comment{display:flex;flex-direction:column;margin-bottom:16px}.photo-comment label{margin-bottom:8px;font-weight:500}.photo-comment input{padding:8px 12px;border:1px solid #ddd;border-radius:4px}.add-photo-btn{display:inline-block;padding:10px 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.add-photo-btn:hover{background-color:#3a7bc8}.add-photo-btn:disabled{background-color:#ccc;cursor:not-allowed}.photos-gallery h3{font-size:18px;margin-bottom:16px;color:#333}.photo-item{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background-color:#fff;transition:transform .2s ease}.photo-preview{position:relative;height:150px}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;top:10px;left:10px;background-color:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.delete-photo-btn{position:absolute;top:10px;right:10px;background-color:#fffc;color:#e53e3e;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.delete-photo-btn:hover{background-color:#e53e3e;color:#fff}.photo-comment-display{padding:10px}.photo-comment-input{width:100%;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#666;transition:border-color .2s ease}.photo-comment-input:focus{border-color:#4a90e2;outline:none}.step-actions{display:flex;justify-content:space-between;margin-top:24px}.upload-error{background-color:#fff5f5;color:#e53e3e;padding:8px 12px;border-radius:4px;margin-bottom:16px;border-left:3px solid #e53e3e}.progress-container{margin-bottom:30px;padding:0 20px}.progress-line{height:4px;background-color:#e5e7eb;border-radius:2px;position:relative;margin-bottom:10px;z-index:1}.progress-fill{position:absolute;top:0;left:0;height:100%;background-color:#4a90e2;border-radius:2px;transition:width .3s ease;z-index:2}.step-indicators{display:flex;justify-content:space-between}.step-indicator{display:flex;align-items:center;position:relative;flex:1}.step-bubble{width:30px;height:30px;border-radius:50%;background-color:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6b7280;margin-bottom:8px;position:relative;z-index:3;transition:all .3s ease}.step-indicator.active .step-bubble,.step-indicator.completed .step-bubble{border-color:#4a90e2;background-color:#4a90e2;color:#fff}.step-label{font-size:14px;color:#6b7280;text-align:center;transition:color .3s ease}.step-indicator.active .step-label{color:#4a90e2;font-weight:600}.step-indicator.completed .step-label{color:#4a90e2}.step-indicator.completed{cursor:pointer}@media (max-width: 768px){.step-label{font-size:12px}.photo-types{flex-direction:column}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.preview-container{max-width:1000px;margin:0 auto;padding:20px;background-color:#fff}.preview-title{font-size:24px;font-weight:600;margin-bottom:8px;color:#1f2937;text-align:center}.preview-subtitle{color:#6b7280;margin-bottom:24px;font-size:16px;text-align:center;line-height:1.5}.preview-content{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.preview-section{background-color:#fff;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.section-header{justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0}.section-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.section-content{padding:20px}.section-content.compact{padding:16px 20px}.edit-button{padding:6px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center}.edit-button:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151;text-decoration:none}.edit-button:active{background-color:#f3f4f6}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f3f4f6}.info-row.full-width{grid-column:1 / -1}.info-label{font-weight:600;color:#374151;margin-right:12px;min-width:120px;font-size:14px}.info-value{color:#1f2937;text-align:left;flex:1;font-size:14px}.goal-text{text-align:left!important;line-height:1.5;margin-top:4px}.floorplans-grid{display:flex;flex-direction:column;gap:20px}.floorplan-item{border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000001a}.floorplan-title{padding:16px 20px;margin:0;font-size:16px;font-weight:600;color:#1f2937;background-color:#fff;border-bottom:1px solid #f0f0f0}.floorplan-image-wrapper{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:20px}.floorplan-image{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.no-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:#9ca3af;font-style:italic;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;margin:20px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.photo-item{border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid #e5e7eb}.photo-image-wrapper{position:relative;aspect-ratio:4/3}.photo-image{width:100%;height:100%;object-fit:cover}.photo-label-badge{position:absolute;top:8px;left:8px;background-color:#000c;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.photo-comment-box{padding:12px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.photo-comment-box p{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.report-options{margin:32px 0;padding:24px;background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section-title{font-size:24px;font-weight:600;color:#333;margin-bottom:8px;text-align:center}.section-description{font-size:16px;color:#666;text-align:center;margin-bottom:32px;line-height:1.5}.report-versions-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px}.report-version-card{background:#ffffff;border:2px solid #e0e0e0;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.report-version-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#4caf50}.report-version-card.selected{border-color:#4caf50;background:linear-gradient(135deg,#f8fff8 0%,#ffffff 100%);box-shadow:0 8px 24px #4caf5033}.report-version-card.premium:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:20px solid transparent;border-top:20px solid #ff9800}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.report-title-section{display:flex;align-items:center;gap:12px}.report-name{font-size:20px;font-weight:600;color:#333;margin:0}.report-price-section{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.original-price{font-size:14px;color:#999;text-decoration:line-through}.current-price{font-size:24px;font-weight:700;color:#4caf50}.report-version-card.premium .current-price{color:#ff9800}.discount-label{font-size:12px;color:#ff5722;background:#fff3e0;padding:2px 8px;border-radius:8px;font-weight:600}.report-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}.report-features{margin-bottom:20px}.features-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.feature-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;line-height:1.4}.feature-icon{color:#4caf50;font-weight:700;font-size:16px;min-width:16px}.feature-text{color:#555}.report-card-footer{margin-top:20px;padding-top:16px;border-top:1px solid #e0e0e0}.select-indicator{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease}.select-indicator:not(.active){background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.select-indicator.active{background:#4caf50;color:#fff}.selected-text,.select-text{font-size:14px}.report-advantages{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px;background:#f8f9fa;border-radius:12px}.advantage-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#555}.advantage-icon{font-size:20px}.advantage-text{font-weight:500}@media (max-width: 768px){.report-versions-enhanced{grid-template-columns:1fr;gap:16px}.report-card-header{flex-direction:column;gap:12px;align-items:flex-start}.report-price-section{align-items:flex-start}.report-advantages{grid-template-columns:1fr;gap:12px}.section-title{font-size:20px}.report-name{font-size:18px}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-version-card{animation:cardAppear .5s ease-out}.report-version-card:nth-child(2){animation-delay:.1s}.report-version-card:nth-child(3){animation-delay:.2s}.submission-success{text-align:center;padding:30px}.success-icon{margin-bottom:20px;color:#10b981}.success-title{font-size:24px;margin-bottom:12px;color:#333}.success-message{font-size:16px;color:#6b7280;margin-bottom:30px}.success-actions{display:flex;justify-content:center;gap:16px}.error-message.global-error{display:flex;align-items:center;gap:8px;background-color:#fff5f5;color:#e53e3e;padding:12px 16px;border-radius:6px;margin-top:20px;border-left:4px solid #e53e3e}.photo-type-selection{margin-bottom:20px}.photo-type-selection h3{font-size:18px;margin-bottom:12px;color:#333}.type-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.type-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.type-button:hover{background-color:#e9e9e9}.type-button.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.uploaded-photos{margin-top:24px}.uploaded-photos h3{font-size:18px;margin-bottom:12px;color:#333}.form-section h3{font-size:18px;margin-bottom:8px;color:#333}.section-description{color:#666;font-size:14px;margin-bottom:16px}.privacy-agreement{margin:24px 0;font-size:14px;color:#666}.uploaded-floorplan{margin-bottom:20px}.uploaded-image-container{position:relative;max-width:100%;max-height:400px;overflow:hidden;border-radius:8px;border:1px solid #eee}.uploaded-image{width:100%;height:auto;max-height:400px;object-fit:contain}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.office-analysis-form{max-width:900px;margin:0 auto;padding:40px 20px}.form-header{text-align:center;margin-bottom:30px}.form-header h1{font-size:32px;color:#333;margin-bottom:12px}.form-description{font-size:16px;color:#666;max-width:600px;margin:0 auto}.form-content{margin-top:30px}.steps-progress{display:flex;justify-content:space-between;margin:40px 0;position:relative;width:100%;padding:0 18px}.step-item{flex:1;text-align:center;position:relative;z-index:1}.step-number{width:36px;height:36px;border-radius:50%;background-color:#f5f5f5;border:1px solid #ddd;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto 8px;transition:all .3s ease}.step-label{font-size:14px;color:#666;transition:all .3s ease}.steps-progress:before{content:"";position:absolute;top:18px;left:50px;right:50px;height:2px;background-color:#ddd;z-index:0}.step-item.completed .step-number:after{content:"";position:absolute;top:18px;left:50%;width:100%;height:2px;background-color:#48bb78;z-index:0}.step-item.active .step-number{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.step-item.completed .step-number{background-color:#48bb78;border-color:#48bb78;color:#fff}@media (max-width: 768px){.steps-progress{flex-direction:column;margin:20px 0;gap:12px}.step-item{display:flex;align-items:center;text-align:left}.step-number{margin:0 12px 0 0}.steps-progress:before{top:0;bottom:0;left:18px;right:auto;width:2px;height:auto}.step-item.completed .step-number:after{top:100%;left:18px;width:2px;height:100%}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-text{margin-top:20px;font-size:16px;color:#4a90e2;font-weight:500}.error-message.global-error{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#f8d7da;color:#721c24;padding:12px 20px;border-radius:6px;box-shadow:0 4px 8px #0000001a;z-index:1000;display:flex;align-items:center;gap:10px;max-width:80%}.error-message .error-icon{font-size:20px}.error-message .error-text{font-size:14px}.success-actions{display:flex;gap:16px;margin-top:24px}.secondary-button{padding:12px 24px;background-color:#f1f1f1;color:#555;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s ease}.secondary-button:hover{background-color:#e0e0e0}.floor-tab{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.floor-tab.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.floor-tab.active:hover{background-color:#3a7bc8}.edit-floor-name-btn{opacity:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#0000001a;color:#555;cursor:pointer;transition:all .2s;font-size:12px}.floor-tab:hover .edit-floor-name-btn{opacity:1}.floor-tab.active .edit-floor-name-btn{color:#fff;background-color:#fff3}.floor-tab-edit{display:flex;align-items:center;background-color:#fff;border:1px solid #4a90e2;border-radius:4px;padding:4px}.floor-tab-edit input{border:none;outline:none;padding:4px 8px;min-width:100px;font-size:14px}.edit-save-btn,.edit-cancel-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:4px}.edit-save-btn{color:#48bb78}.edit-cancel-btn{color:#e53e3e}.floor-add-buttons{display:flex;gap:4px}.add-floor-btn,.add-basement-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #4a90e2;background-color:#fff;color:#4a90e2;font-size:16px;cursor:pointer;transition:all .2s}.add-floor-btn:hover,.add-basement-btn:hover{background-color:#4a90e2;color:#fff}.add-basement-btn{font-size:12px}.floor-content{margin-bottom:30px}.delete-floor-btn{background-color:transparent;color:#e53e3e;border:1px solid #e53e3e;border-radius:4px;padding:4px 12px;font-size:14px;cursor:pointer;transition:all .2s}.delete-floor-btn:hover{background-color:#e53e3e;color:#fff}.floor-direction{margin-bottom:24px}.floor-direction h4{font-size:16px;margin-bottom:12px;color:#333}.floorplan-annotator{display:flex;flex-direction:column;gap:20px;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#f9f9f9}.annotation-tools{display:flex;flex-direction:column;gap:12px}.tool-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tool-btn{padding:8px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;position:relative}.tool-btn.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.required-tag{position:absolute;top:-8px;right:-8px;background-color:#f56565;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px;transform:scale(.8)}.tool-btn.active .required-tag{background-color:#48bb78}.tool-instructions{margin-bottom:16px}.tool-instructions h4{font-size:16px;margin-bottom:8px}.tool-instructions li{margin-bottom:4px}.annotation-workspace{width:100%;cursor:pointer;position:relative}.image-container{width:100%;margin-bottom:16px}.annotation-marker{position:absolute;z-index:10;cursor:pointer}.annotation-icon{width:24px;height:24px;border-radius:50%;background-color:#ff000080;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.annotation-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;white-space:nowrap}.annotation-controls{display:flex;justify-content:flex-end}.annotation-marker.door .annotation-icon{background-color:#4a90e2b3}.annotation-marker.entrance .annotation-icon{background-color:#27ae60b3}.annotation-marker.office .annotation-icon{background-color:#9b59b6b3}.annotation-marker.meeting_room .annotation-icon{background-color:#f1c40fb3}.annotation-marker.desk .annotation-icon{background-color:#f39c12b3}.annotation-marker.window .annotation-icon{background-color:#3498dbb3}.annotation-marker.bathroom .annotation-icon{background-color:#1abc9cb3}.annotation-marker.kitchen .annotation-icon{background-color:#e74c3cb3}.floor-upload,.floor-annotation{margin-top:24px}.floor-upload h4,.annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.floor-upload p{margin-bottom:16px;color:#666}.report-versions{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.report-version{flex:1;min-width:240px;border:1px solid #e0e0e0;border-radius:8px;padding:16px;background-color:#f9f9f9;cursor:pointer;transition:all .2s ease;position:relative}.report-version:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000001a;border-color:#d0d0d0}.report-version.selected{border-color:#4a90e2;background-color:#f0f7ff}.report-version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.report-version-header h4{margin:0;font-size:18px;color:#333}.report-version-price{font-weight:600;color:#4a90e2;font-size:16px}.report-version-description{color:#666;margin-bottom:16px;font-size:14px}.report-version-select{display:flex;justify-content:flex-end}.select-indicator{width:20px;height:20px;border-radius:50%;border:2px solid #d0d0d0;position:relative}.select-indicator.active{border-color:#4a90e2}.select-indicator.active:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background-color:#4a90e2}.office-analysis-header{text-align:center;margin-bottom:2rem}.office-analysis-header h1{font-size:2rem;color:var(--primary-color, #2c5c45);margin-bottom:.5rem}.office-analysis-description{font-size:1rem;color:var(--text-secondary, #666);max-width:700px;margin:0 auto 1.5rem;line-height:1.5}.report-options-us{margin:40px 0;padding:0}.section-title-us{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px;text-align:center;letter-spacing:-.025em}.section-description-us{font-size:18px;color:#6b7280;text-align:center;margin-bottom:48px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.report-versions-us{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto}.report-card-us{background:#ffffff;border:2px solid #e5e7eb;border-radius:16px;padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.report-card-us:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#d1d5db}.report-card-us.selected{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff 0%,#ffffff 100%);box-shadow:0 20px 25px -5px #3b82f61a,0 10px 10px -5px #3b82f60a}.report-card-us.popular{border-color:#3b82f6;box-shadow:0 20px 25px -5px #3b82f61a,0 10px 10px -5px #3b82f60a}.popular-ribbon{position:absolute;top:0;right:0;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;padding:8px 24px;font-size:12px;font-weight:700;letter-spacing:.05em;border-bottom-left-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.popular-ribbon span{position:relative;z-index:1}.card-header-us{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.plan-info{flex:1}.plan-name{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px;letter-spacing:-.025em}.plan-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.plan-badge.free{background:#dcfce7;color:#166534}.plan-badge.ai{background:#dbeafe;color:#1e40af}.plan-badge.expert{background:#fef3c7;color:#92400e}.pricing-us{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.original-price-us{font-size:16px;color:#9ca3af;text-decoration:line-through;line-height:1}.current-price-us{font-size:36px;font-weight:800;color:#111827;line-height:1;letter-spacing:-.025em}.report-card-us.popular .current-price-us{color:#3b82f6}.savings-us{font-size:14px;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:6px;font-weight:600}.plan-description-us{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:24px}.features-section-us{margin-bottom:32px}.features-title-us{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px}.features-list-us{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feature-item-us{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;color:#374151}.check-icon{width:20px;height:20px;color:#059669;flex-shrink:0;margin-top:2px}.card-footer-us{margin-top:auto}.select-btn-us{width:100%;padding:16px 24px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.select-btn-us:hover{background:#f3f4f6;border-color:#d1d5db}.select-btn-us.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.select-btn-us.selected:hover{background:#2563eb;border-color:#2563eb}.trust-indicators-us{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:32px;background:#f9fafb;border-radius:16px;margin-top:48px}.trust-item{display:flex;align-items:center;gap:12px;font-size:16px;color:#374151;font-weight:500}.trust-icon{font-size:24px}@media (max-width: 768px){.section-title-us{font-size:28px}.section-description-us{font-size:16px;margin-bottom:32px}.report-versions-us{grid-template-columns:1fr;gap:24px}.report-card-us{padding:24px}.card-header-us{flex-direction:column;gap:16px;align-items:flex-start}.pricing-us{align-items:flex-start}.plan-name{font-size:22px}.current-price-us{font-size:32px}.trust-indicators-us{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;margin-top:32px}.trust-item{font-size:14px}}@media (max-width: 480px){.trust-indicators-us{grid-template-columns:1fr;gap:12px}.report-card-us{margin:0 4px}}.report-card-us{animation:slideInUp .6s ease-out}.report-card-us:nth-child(1){animation-delay:0s}.report-card-us:nth-child(2){animation-delay:.1s}.report-card-us:nth-child(3){animation-delay:.2s}.report-card-us:nth-child(4){animation-delay:.3s}.report-card-us:nth-child(5){animation-delay:.4s}.report-card-us:focus-within{outline:3px solid #3b82f6;outline-offset:2px}.select-btn-us:focus{outline:2px solid #3b82f6;outline-offset:2px}.report-card-enhanced{background:#ffffff;border:2px solid #e5e7eb;border-radius:12px;padding:20px 16px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:auto;min-height:auto}[lang=en] .report-card-enhanced{padding:20px 16px 16px;min-height:480px}.report-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001a,0 6px 8px -5px #0000000a;border-color:#d1d5db}.report-card-enhanced.selected{border-color:#3b82f6;background:#ffffff;box-shadow:0 10px 20px -5px #3b82f626}.report-card-enhanced.popular{border-color:#3b82f6;background:#ffffff;box-shadow:0 10px 20px -5px #3b82f61a}.report-card-enhanced.selected .feature-item-enhanced{color:#1f2937}.report-card-enhanced.selected .plan-description-enhanced{color:#374151}.report-card-enhanced.selected .features-title-enhanced,.report-card-enhanced.selected .plan-name-enhanced{color:#111827}.report-card-enhanced.selected .plan-badge-enhanced{background:rgba(255,255,255,.9);color:#1f2937;border:1px solid rgba(59,130,246,.3)}.report-card-enhanced.selected .current-price-enhanced{color:#1f2937}.report-card-enhanced.selected .original-price-enhanced{color:#6b7280}.report-card-enhanced.selected .savings-badge-enhanced{background:rgba(5,150,105,.15);color:#047857}.report-card-enhanced.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(20%);-webkit-user-select:none;user-select:none}.report-card-enhanced.disabled:hover{transform:none;box-shadow:0 2px 8px #00000014}.popular-ribbon-enhanced{position:absolute;top:0;right:0;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;padding:6px 16px;font-size:10px;font-weight:700;letter-spacing:.05em;border-bottom-left-radius:8px;box-shadow:0 2px 4px #0000001a;z-index:2}.card-header-enhanced{margin-bottom:12px}.plan-info-enhanced{display:flex;flex-direction:column;gap:6px}.plan-name-enhanced{font-size:18px;font-weight:700;color:#111827;margin:0;letter-spacing:-.025em;line-height:1.2}.plan-badge-enhanced{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;width:fit-content}.plan-badge-enhanced.free{background:#dcfce7;color:#166534}.plan-badge-enhanced.ai{background:#dbeafe;color:#1e40af}.plan-badge-enhanced.junior{background:#d1fae5;color:#065f46}.plan-badge-enhanced.middle{background:#fef3c7;color:#92400e}.plan-badge-enhanced.senior{background:#fce7f3;color:#9d174d}.pricing-enhanced{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.price-comparison-enhanced{display:flex;align-items:center;gap:8px;margin-bottom:2px}.original-price-enhanced{font-size:14px;color:#9ca3af;text-decoration:line-through;line-height:1}.savings-badge-enhanced{font-size:10px;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:6px;font-weight:600}.current-price-enhanced{font-size:28px;font-weight:800;color:#111827;line-height:1;letter-spacing:-.025em}.report-card-enhanced.popular .current-price-enhanced{color:#3b82f6}.discount-text-enhanced{font-size:12px;color:#059669;font-weight:500}.plan-description-enhanced{font-size:14px;color:#6b7280;line-height:1.4;margin-bottom:16px;flex-grow:0}.trust-indicators-enhanced{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px;padding:16px;background:#ffffff;border-radius:8px;border:1px solid #f5f5f5}.trust-item-enhanced{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;font-weight:500;justify-content:center}.trust-icon-enhanced{font-size:20px;line-height:1}.features-section-enhanced{margin-bottom:16px;flex-grow:1;min-height:auto;overflow:visible}.features-title-enhanced{font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.features-list-enhanced{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:none;overflow:visible}.feature-item-enhanced{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;color:#374151;font-weight:500}[lang=en] .feature-item-enhanced{font-size:13px;line-height:1.4;gap:8px;margin-bottom:6px}.check-icon-enhanced{width:16px;height:16px;color:#059669;flex-shrink:0;margin-top:1px}.card-footer-enhanced{margin-top:auto;padding-top:2px}.select-btn-enhanced{width:100%;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;letter-spacing:.02em}[lang=en] .select-btn-enhanced{padding:10px 6px;font-size:12px;min-height:44px;line-height:1.2;text-align:center}[lang=en] .plan-name-enhanced{font-size:16px;line-height:1.3}[lang=en] .plan-description-enhanced{font-size:13px;line-height:1.4}[lang=en] .features-title-enhanced{font-size:14px;margin-bottom:8px}.select-btn-enhanced:hover{background:#f3f4f6;border-color:#d1d5db}.select-btn-enhanced.selected{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f633;font-weight:700}.select-btn-enhanced.selected:hover{background:#2563eb;border-color:#2563eb}.check-icon-small{width:14px;height:14px}.preview-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:20px 0}.preview-actions .secondary-btn{padding:14px 28px;background-color:#f9fafb;color:#374151;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.preview-actions .secondary-btn:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.preview-actions .primary-btn{padding:14px 32px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:2px solid #3b82f6;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:140px;box-shadow:0 4px 6px -1px #3b82f61a}.preview-actions .primary-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#2563eb;transform:translateY(-1px);box-shadow:0 6px 8px -1px #3b82f626}.preview-actions .primary-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.preview-actions .primary-btn:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}@media (max-width: 1200px){.report-versions-enhanced{grid-template-columns:repeat(3,1fr);gap:14px}[lang=en] .report-versions-enhanced{grid-template-columns:repeat(5,1fr);gap:12px}}@media (max-width: 900px){.report-versions-enhanced{grid-template-columns:repeat(2,1fr);gap:12px}.report-card-enhanced{min-height:260px;padding:16px 12px 12px}[lang=en] .report-versions-enhanced{grid-template-columns:repeat(3,1fr);gap:10px}[lang=en] .report-card-enhanced{min-height:440px;padding:18px 14px 14px}}@media (max-width: 768px){.section-title-enhanced{font-size:20px}.section-description-enhanced{font-size:14px;margin-bottom:20px}.trust-indicators-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;background:#ffffff;border-radius:8px;border:1px solid #f5f5f5}.trust-item-enhanced{text-align:center}.preview-actions{flex-direction:column;gap:12px}.preview-actions .secondary-btn,.preview-actions .primary-btn{width:100%}}@media (max-width: 600px){.report-versions-enhanced{grid-template-columns:1fr;gap:16px}.report-card-enhanced{min-height:260px;padding:16px 14px 14px}.plan-name-enhanced{font-size:16px}.current-price-enhanced{font-size:24px}.trust-indicators-enhanced{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;margin-top:20px;background:#ffffff}[lang=en] .report-versions-enhanced{grid-template-columns:1fr;gap:16px}[lang=en] .report-card-enhanced{min-height:360px;padding:20px 16px 16px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-card-enhanced{animation:slideInUp .4s ease-out}.report-card-enhanced:nth-child(1){animation-delay:0s}.report-card-enhanced:nth-child(2){animation-delay:.05s}.report-card-enhanced:nth-child(3){animation-delay:.1s}.report-card-enhanced:nth-child(4){animation-delay:.15s}.report-card-enhanced:nth-child(5){animation-delay:.2s}.report-card-enhanced:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.select-btn-enhanced:focus{outline:2px solid #3b82f6;outline-offset:2px}.floorplan-preview-wrapper{position:relative;width:100%;min-height:300px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#f9fafb}.floorplan-preview-wrapper .floorplan-annotation-enhanced{width:100%;height:100%}.floorplan-preview-wrapper .annotation-workspace{min-height:300px}.floorplan-preview-wrapper .workspace-content{position:relative;width:100%;height:100%;min-height:300px;overflow:hidden}.floorplan-preview-wrapper .image-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:300px}.floorplan-preview-wrapper .floorplan-image{max-width:100%;max-height:400px;width:auto;height:auto;object-fit:contain;border-radius:4px}.floorplan-preview-wrapper .annotation-marker{cursor:default!important;pointer-events:none}.floorplan-preview-wrapper .annotation-marker .annotation-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border:2px solid;border-radius:50%;box-shadow:0 2px 8px #00000026}.floorplan-preview-wrapper .annotation-marker .annotation-label{background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;margin-top:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.floorplan-preview-wrapper .annotation-marker .annotation-text{background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;margin-top:4px;max-width:120px;word-wrap:break-word;text-align:center}.floorplan-preview-wrapper .annotation-toolbar,.floorplan-preview-wrapper .annotation-panel{display:none!important}.floorplan-preview-wrapper .view-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;z-index:10}.floorplan-preview-wrapper .view-control-btn{width:32px;height:32px;border:1px solid #ddd;background-color:#ffffffe6;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.floorplan-preview-wrapper .view-control-btn:hover{background-color:#f0f7ff;border-color:#4a90e2}@media (max-width: 768px){.floorplan-preview-wrapper,.floorplan-preview-wrapper .annotation-workspace,.floorplan-preview-wrapper .image-container{min-height:250px}.floorplan-preview-wrapper .floorplan-image{max-height:300px}.floorplan-preview-wrapper .annotation-marker .annotation-icon{font-size:18px;width:28px;height:28px}.floorplan-preview-wrapper .annotation-marker .annotation-label,.floorplan-preview-wrapper .annotation-marker .annotation-text{font-size:11px;padding:3px 6px;max-width:100px}.floorplan-preview-wrapper .view-controls{top:8px;right:8px}.floorplan-preview-wrapper .view-control-btn{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.floorplan-preview-wrapper,.floorplan-preview-wrapper .annotation-workspace,.floorplan-preview-wrapper .image-container{min-height:200px}.floorplan-preview-wrapper .floorplan-image{max-height:250px}.floorplan-preview-wrapper .annotation-marker .annotation-icon{font-size:16px;width:24px;height:24px}.floorplan-preview-wrapper .annotation-marker .annotation-label,.floorplan-preview-wrapper .annotation-marker .annotation-text{font-size:10px;padding:2px 4px;max-width:80px}.floorplan-preview-wrapper .view-controls{display:none}}.submission-progress-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.4);z-index:999!important}.submission-progress{float:none!important;margin:0!important;display:block!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1000!important;background:#ffffff;border-radius:16px;padding:32px 40px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;border:1px solid #e5e7eb;min-width:400px;max-width:520px;text-align:center;animation:progressModalAppear .3s ease-out}@keyframes backgroundPulse{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(180deg);opacity:.1}}.progress-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 16px;text-align:center;letter-spacing:-.02em;position:relative;z-index:1}.progress-subtitle{font-size:15px;color:#64748b;margin:20px 0 0;text-align:center;line-height:1.6;opacity:.9;position:relative;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981 0%,#3b82f6 30%,#6366f1 60%,#8b5cf6 100%);border-radius:12px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 0 20px #3b82f64d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.4) 50%,transparent 75%);animation:progressShimmer 2.5s infinite}.progress-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progressGlow 3s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%) scaleX(1)}50%{transform:translate(0) scaleX(1.2)}to{transform:translate(100%) scaleX(1)}}@keyframes progressGlow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes progressModalAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotateY(10deg);filter:blur(10px)}60%{transform:translate(-50%,-50%) scale(1.02) rotateY(-2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0);filter:blur(0px)}}.progress-text{font-size:17px;color:#1e293b;text-align:center;margin:0;font-weight:700;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;z-index:1;letter-spacing:-.01em}.progress-text:before{content:"";width:28px;height:28px;border:3px solid rgba(226,232,240,.8);border-top:3px solid #3b82f6;border-right:3px solid #6366f1;border-radius:50%;animation:progressSpin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #3b82f64d,inset 0 0 10px #3b82f61a}@keyframes progressSpin{0%{transform:rotate(0) scale(1);box-shadow:0 0 20px #3b82f64d}50%{transform:rotate(180deg) scale(1.1);box-shadow:0 0 30px #3b82f680}to{transform:rotate(360deg) scale(1);box-shadow:0 0 20px #3b82f64d}}@keyframes progressPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(1.05);opacity:.9}}@keyframes progressFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-2px)}}@keyframes textBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.01)}}@keyframes titleGradient{0%,to{background-position:left center}50%{background-position:right center}}@keyframes progressComplete{0%{transform:scale(1);box-shadow:0 0 20px #3b82f64d}50%{transform:scale(1.02);box-shadow:0 0 40px #10b98199}to{transform:scale(1);box-shadow:0 0 20px #10b98166}}.progress-fill[style*="100%"]{animation:progressComplete .6s ease-out;background:linear-gradient(90deg,#10b981 0%,#22c55e 50%,#16a34a 100%)}@keyframes overlayPulse{0%,to{background:radial-gradient(circle,rgba(0,0,0,.4) 0%,rgba(0,0,0,.6) 100%)}50%{background:radial-gradient(circle,rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 100%)}}@media (max-width: 768px){.submission-progress{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1000!important;min-width:320px;max-width:calc(100vw - 32px);padding:32px 36px;border-radius:20px;box-shadow:0 24px 48px #00000026,0 12px 24px #0000001a,0 6px 12px #0000000d,0 0 0 1px #fff3}.progress-bar{height:14px;margin-bottom:20px;border-radius:10px}.progress-fill{border-radius:10px}.progress-text{font-size:16px;gap:12px}.progress-text:before{width:24px;height:24px;border-width:2.5px}.progress-title{font-size:20px;margin-bottom:12px}.progress-subtitle{font-size:14px;margin-top:16px}}@media (max-width: 480px){.submission-progress{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1000!important;min-width:300px;max-width:calc(100vw - 24px);padding:28px 32px;border-radius:18px;box-shadow:0 20px 40px #00000026,0 10px 20px #0000001a,0 5px 10px #0000000d}.progress-bar{height:12px;margin-bottom:18px;border-radius:8px}.progress-fill{border-radius:8px}.progress-text{font-size:15px;gap:10px}.progress-text:before{width:20px;height:20px;border-width:2px}.progress-title{font-size:18px;margin-bottom:10px}.progress-subtitle{font-size:13px;margin-top:14px}}@media (max-width: 360px){.submission-progress{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1000!important;min-width:280px;max-width:calc(100vw - 20px);padding:24px 28px;border-radius:16px}.progress-bar{height:10px;margin-bottom:16px;border-radius:6px}.progress-fill{border-radius:6px}.progress-text{font-size:14px;gap:8px}.progress-text:before{width:18px;height:18px;border-width:2px}.progress-title{font-size:16px;margin-bottom:8px}.progress-subtitle{font-size:12px;margin-top:12px}}.submission-success{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto}.success-icon{margin-bottom:24px}.success-title{font-size:24px;font-weight:600;color:#111827;margin-bottom:12px}.success-message{font-size:16px;color:#6b7280;margin-bottom:32px;line-height:1.5}.success-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.success-actions .primary-btn,.success-actions .secondary-btn{min-width:140px;padding:12px 24px;font-size:16px;font-weight:500;border-radius:8px;transition:all .2s ease}.success-actions .primary-btn:disabled{opacity:.5;cursor:not-allowed}.progress-tracker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.progress-tracker-container{background-color:#fff;border-radius:8px;padding:20px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.info-row-split{display:flex;gap:20px}.info-item-half{flex:1;min-width:0}.info-item-half .info-label{font-weight:500;color:#333;margin-bottom:4px;font-size:14px}.info-item-half .info-value{color:#666;font-size:14px;word-wrap:break-word}.floorplans-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:16px}.floorplan-preview-wrapper-enhanced{position:relative;width:100%;min-height:400px;max-height:600px;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#f9f9f9;display:flex;align-items:center;justify-content:center}.floorplan-preview-wrapper-enhanced .floor-preview-canvas{width:100%;height:100%;object-fit:contain}.floorplan-preview-wrapper-enhanced .floorplan-annotation-enhanced,.floorplan-preview-wrapper-enhanced .annotation-workspace{width:100%;height:100%;position:relative}.floorplan-preview-wrapper-enhanced .workspace-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.floorplan-preview-wrapper-enhanced .image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.floorplan-preview-wrapper-enhanced .floorplan-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.floorplan-preview-wrapper-enhanced .annotation-marker{position:absolute;z-index:10}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-icon{width:24px;height:24px;border-radius:50%;background:rgba(74,144,226,.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-label,.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-text{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.floorplan-preview-wrapper-enhanced .annotation-toolbar,.floorplan-preview-wrapper-enhanced .annotation-panel{display:none}.floorplan-preview-wrapper-enhanced .view-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.floorplan-preview-wrapper-enhanced .view-control-btn{background:rgba(0,0,0,.7);color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.floorplan-preview-wrapper-enhanced .view-control-btn:hover{background:rgba(0,0,0,.9)}@media (max-width: 768px){.info-row-split{flex-direction:column;gap:12px}.floorplans-grid-enhanced{grid-template-columns:1fr}.floorplan-preview-wrapper-enhanced{min-height:300px;max-height:400px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-icon{width:20px;height:20px;font-size:10px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-label,.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-text{font-size:10px;padding:2px 6px}.floorplan-preview-wrapper-enhanced .view-controls{bottom:8px;right:8px}.floorplan-preview-wrapper-enhanced .view-control-btn{padding:6px;font-size:10px}}@media (max-width: 480px){.floorplan-preview-wrapper-enhanced{min-height:250px;max-height:350px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-icon{width:18px;height:18px;font-size:9px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-label,.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-text{font-size:9px;padding:2px 4px}}.compass-selector{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:95%;margin:0 auto;padding:1rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014}.compass-selector.layout-horizontal{flex-direction:row;align-items:center;max-width:100%;padding:.75rem;gap:1rem}.layout-horizontal .compass-display{flex:0 0 auto;margin-right:1rem}.layout-horizontal .compass-controls{flex:1 1 auto;max-width:260px}.compass-selector.small{max-width:280px}.compass-selector.large{max-width:500px}.compass-display{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto}.compass-ring{position:relative;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);box-shadow:0 4px 8px #0000001a,inset 0 2px 6px #ffffff80;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.layout-horizontal .compass-ring{width:150px;height:150px}.compass-ring:active{cursor:grabbing}.small .compass-ring{width:140px;height:140px}.large .compass-ring{width:240px;height:240px}.compass-marker{position:absolute;font-weight:700;color:#495057;font-size:1rem}.compass-marker.north{top:10px;left:50%;transform:translate(-50%);color:#0d6efd}.compass-marker.east{right:10px;top:50%;transform:translateY(-50%)}.compass-marker.south{bottom:10px;left:50%;transform:translate(-50%)}.compass-marker.west{left:10px;top:50%;transform:translateY(-50%)}.compass-marker.ne{top:28px;right:28px;font-size:.85rem;color:#6c757d}.compass-marker.se{bottom:28px;right:28px;font-size:.85rem;color:#6c757d}.compass-marker.sw{bottom:28px;left:28px;font-size:.85rem;color:#6c757d}.compass-marker.nw{top:28px;left:28px;font-size:.85rem;color:#6c757d}.compass-pointer{position:absolute;width:100%;height:100%;transition:transform .3s ease}.pointer-head{position:absolute;top:10%;left:50%;transform:translate(-50%);width:2px;height:40%;background-color:#dc3545;z-index:2}.pointer-head:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:10px;background-color:#dc3545;border-radius:50%}.pointer-tail{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:1px;height:30%;background-color:#6c757d;z-index:1}.compass-value{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.layout-horizontal .compass-value{margin-top:0}.direction-display-container{display:flex;align-items:center;gap:.5rem;position:relative}.direction-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f8f9fa;border-radius:30px;box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:all .2s ease}.direction-display:hover{background-color:#e9ecef;box-shadow:0 3px 6px #00000014}.direction-text{font-weight:700;font-size:1.2rem;color:#0d6efd}.direction-degrees{color:#495057;font-weight:500}.edit-button{display:flex;align-items:center;justify-content:center;height:24px;border:none;background-color:transparent;color:#6c757d;cursor:pointer;transition:color .2s;padding:0;margin-left:.25rem}.edit-button:hover{color:#0d6efd}.compass-input-container{display:flex;align-items:center;position:relative}.direction-input{width:60px;height:40px;padding:.5rem;font-size:1.2rem;text-align:center;border:2px solid #ced4da;border-radius:8px;transition:border-color .2s;outline:none}.direction-input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd33}.direction-nudge-container{display:flex;flex-direction:column;gap:4px;margin-left:8px}.direction-nudge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background-color:#f8f9fa;color:#495057;border-radius:50%;cursor:pointer;transition:all .2s;padding:0;box-shadow:0 2px 4px #0000000d;z-index:2}.direction-nudge:hover{background-color:#e9ecef;color:#0d6efd}.direction-nudge.up,.direction-nudge.down{position:static;transform:none}.degree-symbol{position:absolute;right:8px;font-size:1.2rem;color:#6c757d;pointer-events:none}.compass-controls{display:flex;flex-direction:column;gap:1rem}.slider-container{width:100%;padding:0 .5rem}.direction-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#dee2e6;border-radius:3px;outline:none;cursor:pointer}.direction-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#0d6efd;cursor:pointer;transition:all .2s}.direction-slider::-webkit-slider-thumb:hover{width:22px;height:22px;box-shadow:0 0 0 4px #0d6efd33}.direction-slider::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:#0d6efd;cursor:pointer;transition:all .2s}.direction-slider::-moz-range-thumb:hover{width:22px;height:22px;box-shadow:0 0 0 4px #0d6efd33}.cardinal-buttons{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.cardinal-button{width:40px;height:40px;border-radius:50%;background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cardinal-button:hover{background-color:#e9ecef;border-color:#ced4da}.cardinal-button.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.device-compass{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;margin-top:.5rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;font-weight:500;cursor:pointer;transition:all .2s}.device-compass:hover{background-color:#e9ecef;border-color:#ced4da}.device-compass.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}@media (max-width: 400px){.compass-ring{width:150px;height:150px}.small .compass-ring{width:120px;height:120px}.large .compass-ring{width:180px;height:180px}.compass-selector.layout-horizontal{flex-direction:column}.layout-horizontal .compass-controls{max-width:100%}}.alert-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-dialog{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;width:100%;max-width:400px;overflow:hidden;animation:slideUp .25s ease;display:flex;flex-direction:column;transform:translateZ(0);outline:none;border:1px solid rgba(0,0,0,.1)}.alert-header{padding:20px 20px 0;display:flex;align-items:center;gap:12px;position:relative}.alert-icon{width:28px;height:28px;min-width:28px;padding:2px;border-radius:50%}.alert-icon.info{fill:#2196f3;background-color:#2196f31a}.alert-icon.warning{fill:#ff9800;background-color:#ff98001a}.alert-icon.error{fill:#f44336;background-color:#f443361a}.alert-icon.success{fill:#4caf50;background-color:#4caf501a}.alert-title{font-size:1.25rem;font-weight:600;margin:0;line-height:1.3}.alert-content{padding:12px 20px}.alert-message{margin:0;line-height:1.5;color:#555;font-size:1rem}.alert-actions{padding:12px 20px 20px;display:flex;justify-content:flex-end;gap:12px}.alert-button{padding:10px 15px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .25s ease;border:none;min-width:80px}.alert-button.primary{background-color:#4a90e2;color:#fff}.alert-button.primary:hover{background-color:#357abd;box-shadow:0 2px 8px #4a90e24d}.alert-button.primary:focus{box-shadow:0 0 0 3px #4a90e266;outline:none}.alert-button.secondary{background-color:#f5f5f5;color:#666}.alert-button.secondary:hover{background-color:#e8e8e8}.alert-button.secondary:focus{box-shadow:0 0 0 3px #0000001a;outline:none}.alert-dialog.info{border-top:4px solid #2196f3}.alert-dialog.info .alert-title{color:#2196f3}.alert-dialog.warning{border-top:4px solid #ff9800}.alert-dialog.warning .alert-title{color:#ff9800}.alert-dialog.warning .alert-button.primary{background-color:#ff9800}.alert-dialog.warning .alert-button.primary:hover{background-color:#f57c00}.alert-dialog.warning .alert-button.primary:focus{box-shadow:0 0 0 3px #ff980066}.alert-dialog.error{border-top:4px solid #f44336}.alert-dialog.error .alert-title{color:#f44336}.alert-dialog.error .alert-button.primary{background-color:#f44336}.alert-dialog.error .alert-button.primary:hover{background-color:#d32f2f}.alert-dialog.error .alert-button.primary:focus{box-shadow:0 0 0 3px #f4433666}.alert-dialog.success{border-top:4px solid #4caf50}.alert-dialog.success .alert-title{color:#4caf50}.alert-dialog.success .alert-button.primary{background-color:#4caf50}.alert-dialog.success .alert-button.primary:hover{background-color:#388e3c}.alert-dialog.success .alert-button.primary:focus{box-shadow:0 0 0 3px #4caf5066}@media (max-width: 480px){.alert-dialog{max-width:95%}.alert-actions{flex-direction:column-reverse;padding-top:16px}.alert-button{width:100%;padding:12px 15px}.alert-title{font-size:1.1rem}.alert-message{font-size:.95rem}}.floorplan-annotation-enhanced{display:flex;flex-direction:column;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.annotation-toolbar{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid #eee;padding-bottom:16px}.tool-instructions{background-color:#f8f9fa;padding:16px;border-radius:6px;margin-bottom:16px}.tool-instructions h4{font-size:16px;margin-bottom:12px;color:#333}.tool-instructions ol{padding-left:20px;margin-bottom:12px}.tool-instructions li{margin-bottom:8px;color:#555}.tool-instructions .tip{font-style:italic;color:#777;font-size:14px;margin-top:12px;padding-left:20px;position:relative}.tool-instructions .tip:before{content:"💡";position:absolute;left:0}.tool-options{display:flex;flex-direction:column;gap:16px}.tool-section{margin-bottom:12px}.tool-section h4{font-size:15px;margin-bottom:8px;color:#333}.tool-list{display:flex;flex-wrap:wrap;gap:10px}.tool-btn{display:flex;align-items:center;padding:6px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative}.tool-btn:hover{background-color:#e9e9e9}.tool-btn.active{background-color:#4a90e2;color:#fff;border-color:#3a7bc8}.tool-icon{margin-right:6px;font-size:16px}.tool-label{font-size:14px}.required-tag{position:absolute;top:-8px;right:-8px;background-color:#e53e3e;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.tool-btn.active .required-tag{background-color:#fff;color:#e53e3e}.text-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.text-input:focus{border-color:#4a90e2;outline:none}.color-selector{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:24px;height:24px;border-radius:4px;cursor:pointer;transition:transform .2s ease;border:2px solid transparent}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#333;transform:scale(1.1)}.annotation-workspace{display:flex;gap:20px}.workspace-content{flex:1;position:relative;background-color:#f5f5f5;border-radius:6px;overflow:hidden;height:500px}.image-container{width:100%;height:100%;transition:transform .2s ease}.floorplan-image{max-width:100%;max-height:100%;display:block;margin:0 auto}.annotation-marker{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:10}.annotation-icon{width:32px;height:32px;border-radius:50%;background-color:#ffffffe6;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;font-size:16px;color:inherit;transition:all .2s ease}.annotation-label,.annotation-text{background-color:#ffffffe6;padding:2px 6px;border-radius:3px;font-size:12px;margin-top:4px;max-width:100px;text-align:center;box-shadow:0 1px 3px #0000001a;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.annotation-text{max-width:150px;white-space:normal;word-break:break-word;color:inherit}.annotation-marker:hover .annotation-icon{transform:scale(1.1)}.annotation-marker.selected .annotation-icon{border:2px solid #4a90e2;transform:scale(1.1)}.view-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:8px;z-index:20}.view-control-btn{width:36px;height:36px;border-radius:50%;background-color:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.view-control-btn:hover{background-color:#f5f5f5}.view-control-btn.active{background-color:#4a90e2;color:#fff;border-color:#3a7bc8}.view-control-btn span{font-size:18px;font-weight:700}.annotation-panel{width:250px;background-color:#f8f9fa;padding:16px;border-radius:6px;box-shadow:0 2px 8px #0000001a;align-self:flex-start}.annotation-panel h4{font-size:16px;margin-bottom:16px;color:#333;text-align:center}.annotation-property{margin-bottom:16px}.annotation-property label{display:block;font-weight:500;margin-bottom:6px;color:#555}.annotation-property input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px}.annotation-property input:focus{border-color:#4a90e2;outline:none}.annotation-actions{margin-top:20px;text-align:center}.delete-annotation-btn{background-color:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.delete-annotation-btn:hover{background-color:#c53030}@media (max-width: 768px){.annotation-workspace{flex-direction:column}.annotation-panel{width:100%;margin-top:16px}.workspace-content{height:400px}.tool-list{gap:6px}.tool-btn{padding:4px 8px}.tool-icon{margin-right:4px;font-size:14px}.tool-label{font-size:12px}}.custom-date-picker{position:relative}.date-input-container{position:relative;display:flex;align-items:center}.date-input{width:100%;padding-right:40px;cursor:pointer;outline:none}.date-icon{position:absolute;right:12px;color:#6b7280;cursor:pointer;transition:color .2s ease;font-size:20px!important}.date-icon:hover{color:#374151}.date-picker-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-top:4px;overflow:hidden;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#ffffff;border-radius:6px;color:#6b7280;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.nav-button:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f633}.month-year-button{font-weight:600;color:#374151;font-size:16px;min-width:120px;text-align:center;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.month-year-button:hover{background-color:#f3f4f6}.calendar-body{padding:16px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.weekday{display:flex;align-items:center;justify-content:center;height:32px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.empty-day{height:36px}.day-button{display:flex;align-items:center;justify-content:center;height:36px;border:none;background:transparent;color:#374151;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative}.day-button:hover{background:#eff6ff;color:#3b82f6;transform:scale(1.05)}.day-button.today{background:#dbeafe;color:#1d4ed8;font-weight:600}.day-button.selected{background:#3b82f6;color:#fff;font-weight:600;box-shadow:0 2px 4px #3b82f64d}.day-button.selected:hover{background:#2563eb;transform:scale(1.05)}@media (max-width: 480px){.date-picker-dropdown{left:-8px;right:-8px}.calendar-header{padding:12px}.month-year{font-size:14px;min-width:100px}.nav-button{width:28px;height:28px;font-size:16px}.calendar-body{padding:12px}.day-button{height:32px;font-size:13px}}.date-picker-dropdown.month-picker .calendar-body{padding:16px}.months-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.month-button{display:flex;align-items:center;justify-content:center;height:40px;border:none;background:transparent;color:#374151;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;border:1px solid #e5e7eb}.month-button:hover{background:#eff6ff;color:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.month-button.selected{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 4px #3b82f64d}.month-button.selected:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.years-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:200px;overflow-y:auto}.year-button{display:flex;align-items:center;justify-content:center;height:36px;border:none;background:transparent;color:#374151;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;border:1px solid #e5e7eb}.year-button:hover{background:#eff6ff;color:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.year-button.current{background:#dbeafe;color:#1d4ed8;font-weight:600;border-color:#93c5fd}.year-button.selected{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 4px #3b82f64d}.year-button.selected:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}@media (max-width: 480px){.months-grid{grid-template-columns:repeat(2,1fr);gap:6px}.month-button{height:36px;font-size:13px}.years-grid{grid-template-columns:repeat(3,1fr);gap:6px}.year-button{height:32px;font-size:13px}}@media (prefers-color-scheme: dark){.date-picker-dropdown{background:#1f2937;border-color:#374151}.calendar-header{background:#111827;border-bottom-color:#374151}.month-year{color:#f3f4f6}.nav-button{background:#374151;color:#d1d5db}.nav-button:hover{background:#3b82f6;color:#fff}.weekday{color:#9ca3af}.day-button{color:#f3f4f6}.day-button:hover{background:#1e40af;color:#fff}.day-button.today{background:#1e3a8a;color:#60a5fa}.month-button{color:#f3f4f6;border-color:#374151}.month-button:hover{background:#1e40af;color:#fff;border-color:#3b82f6}.month-button.selected{background:#3b82f6;color:#fff;border-color:#3b82f6}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.payment-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 25px #00000026;width:95%;max-width:500px;overflow:hidden;animation:modal-fade-in .3s ease-in-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-header{padding:16px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.payment-modal-header h3{margin:0;font-size:18px;font-weight:600}.close-button{background:none;border:none;cursor:pointer;color:#666;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f5f5f5}.payment-modal-body{padding:24px}.payment-product-info{margin-bottom:24px;text-align:center}.payment-product-info h4{margin:0 0 8px;font-size:18px;font-weight:500}.payment-amount{font-size:26px;font-weight:700;color:#333}.order-no{margin-top:8px;font-size:14px;color:#666}.payment-methods{margin-bottom:24px}.payment-methods h4{margin:0 0 16px;font-size:16px;font-weight:500}.payment-method-option{padding:16px;border:2px solid #e5e5e5;border-radius:8px;display:flex;margin-bottom:12px;cursor:pointer;transition:border-color .2s}.payment-method-option.selected{border-color:#4285f4;background-color:#4285f40d}.payment-method-icon{width:40px;height:40px;margin-right:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.polygon-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjOEM4REZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOCAzOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAzOGM4LjQzNyAwIDE1LjU2Mi0zLjExMyAyMS4zNzUtOS4zNDRDNDYuMTg3IDIyLjQyNiA0OS4zIDEzLjIxIDQ5LjMgMi4zMjRMNDMuOTExIDBoLTQ5LjgyTDAgMi4zMjRDMCAxMy4yMSAzLjExMyAyMi40MjYgOS4zNDQgMjguNjU2QzE1LjU3NCAzNC44ODcgMjQuNzkgMzggMzcuOTk5IDM4eiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSI+PC9wYXRoPjxwYXRoIGQ9Ik0yNi4xNTQgMTUuNTQybDcuMDk1LTQuMDk5YTEuMTQ1IDEuMTQ1IDAgMDExLjcyMy45OXYxNi4xNDJjMCAuODI2LS44NDQgMS4zOC0xLjU5OS45OWwtNy0zLjc5NWMtLjA4LS4wMzktLjE2My0uMDY5LS4yNDgtLjA4OGEuNTk2LjU5NiAwIDAxLjAyOS0xLjE0MnYtOGExLjE0NCAxLjE0NCAwIDAwMC0uOTk4eiIgZmlsbD0iI2ZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOCAyMS45NWw2LjI0NiAzLjYwNWMuMS4wNTcuMjA2LjA5OS4zMTYuMTI1YS41OTYuNTk2IDAgMDAuNjg3LS44ODNsLjA2LjAwM2MuMDY2LS4wOS4xMDktLjE5OC4xMDktLjMxOFYxMi44MWMwLS4xMi0uMDQzLS4yMjctLjEwOS0uMzFsLS4wNi4wMDNhLjU5NS41OTUgMCAwMS0uNDU2LS45OTNjLjA4OC0uMDcuMTkyLS4xMTguMy0uMTQybDYuMjQ1LTMuNjA0Yy4zNjYtLjIyLjM2Ni0uNzU1IDAtLjk3NEwxOCA0LjAxMmEuOTk0Ljk5NCAwIDAwLTEuMDA1IDBsLTYuMjQ1IDMuNjA0Yy0uMTA4LjA2NS0uMTg2LjE1OS0uMjM2LjI2NGEuNTk1LjU5NSAwIDAuNTczLjk2M2MuMDQ0LjA2Mi4wNzYuMTM1LjA4Mi4yMnYxMS42NTJjMCAuMTIuMDQzLjIyNy4xMDkuMzFsLjA2LS4wMDRhLjU5NS41OTUgMCAwMS41NDQuOTU5Yy0uMDQ0LjA1LS4wOTYuMDkxLS4xNTYuMTJsLTYuMjQ2IDMuNjA1Yy0uMzY2LjIyLS4zNjYuNzU1IDAgLjk3NEwxOCAyMi45MjNjLjMwOS4xOC42OTQuMTggMS4wMDQgMHoiIGZpbGw9IiNmZmYiPjwvcGF0aD48cGF0aCBkPSJNMy4wMjcgMTUuNTQybC03LjA5NS00LjA5OWExLjE0NSAxLjE0NSAwIDAwLTEuNzIyLjk5MXYxNi4xNDFjMCAuODI2Ljg0NCAxLjM4IDEuNTk5Ljk5bDctMy43OTVjLjA4LS4wMzkuMTYyLS4wNjkuMjQ4LS4wODhhLjU5Ni41OTYgMCAwMC0uMDMtMS4xNDF2LThhMS4xNDQgMS4xNDQgMCAwMTAtLjk5OXoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMTIuMTIgMTQuNTQyKSI+PC9wYXRoPjwvc3ZnPg==)}.creem-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDQwQzMxLjA0NTcgNDAgNDAgMzEuMDQ1NyA0MCAyMEM0MCA4Ljk1NDMgMzEuMDQ1NyAwIDIwIDBDOC45NTQzIDAgMCA4Ljk1NDMgMCAyMEMwIDMxLjA0NTcgOC45NTQzIDQwIDIwIDQwWiIgZmlsbD0iIzMzQkJGRiIvPgo8cGF0aCBkPSJNMTAuNjI1IDE4LjEyNUMxMS43MzMgMTguMTI1IDEyLjYyNSAxNy4yMzMgMTIuNjI1IDE2LjEyNUMxMi42MjUgMTUuMDE3IDExLjczMyAxNC4xMjUgMTAuNjI1IDE0LjEyNUM5LjUxNzAxIDE0LjEyNSA4LjYyNSAxNS4wMTcgOC42MjUgMTYuMTI1QzguNjI1IDE3LjIzMyA5LjUxNzAxIDE4LjEyNSAxMC42MjUgMTguMTI1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI5LjM3NSAxOC4xMjVDMzAuNDgzIDE4LjEyNSAzMS4zNzUgMTcuMjMzIDMxLjM3NSAxNi4xMjVDMzEuMzc1IDE1LjAxNyAzMC40ODMgMTQuMTI1IDI5LjM3NSAxNC4xMjVDMjguMjY3IDE0LjEyNSAyNy4zNzUgMTUuMDE3IDI3LjM3NSAxNi4xMjVDMjcuMzc1IDE3LjIzMyAyOC4yNjcgMTguMTI1IDI5LjM3NSAxOC4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAgMjZDMTAgMjMuMDU0OSAxMi41MzYgMjAgMjAgMjBDMjcuNDY0IDIwIDMwIDIzLjA1NDkgMzAgMjZDMzAgMjguOTQ1MSAyNy40NjQgMzIgMjAgMzJDMTIuNTM2IDMyIDEwIDI4Ljk0NTEgMTAgMjZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)}.payment-method-details{flex:1}.payment-method-details h5{margin:0 0 4px;font-size:16px;font-weight:500}.payment-method-details p{margin:0;font-size:14px;color:#666}.payment-form{margin-top:24px}.form-group{margin-bottom:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s}.form-group input:focus{border-color:#4285f4;outline:none}.payment-modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.primary-btn,.secondary-btn{padding:10px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.primary-btn{background-color:#4285f4;color:#fff}.primary-btn:hover{background-color:#3b78e7}.primary-btn:disabled{background-color:#a2c0f0;cursor:not-allowed}.secondary-btn{background-color:#f5f5f5;color:#333}.secondary-btn:hover{background-color:#eaeaea}.payment-status{text-align:center;padding:24px 0}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.success-icon,.error-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px;color:#fff}.payment-status h4{margin:0 0 8px;font-size:20px;font-weight:600}.payment-status p{margin:0 0 24px;color:#666}.wallet-info{margin-top:24px}.usdt-payment-details{display:flex;flex-direction:column;align-items:center}.qr-code-container{margin-bottom:16px;padding:16px;border:1px solid #ddd;border-radius:8px;background-color:#fff}.payment-details{width:100%;margin-bottom:24px}.detail-item{margin-bottom:12px;display:flex;align-items:center}.detail-item .label{width:100px;color:#666;font-size:14px}.value-with-copy{flex:1;display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5;padding:8px 12px;border-radius:6px}.address-value{font-family:monospace;font-size:14px}.copy-button{background:none;border:none;color:#4285f4;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.copy-button:hover{background-color:#4285f41a}.detail-item .value{flex:1;font-weight:500;background-color:#f5f5f5;padding:8px 12px;border-radius:6px}.metamask-option{width:100%;text-align:center;margin-top:16px}.wallet-warning{margin:12px 0;padding:12px;background-color:#fff4de;border:1px solid #ffd78e;border-radius:6px;font-size:14px}.install-link{color:#4285f4;font-weight:500;text-decoration:none}.install-link:hover{text-decoration:underline}.connect-wallet-button{background-color:#f5a623;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:12px}.connect-wallet-button:hover{background-color:#e69819}.connect-wallet-button:disabled{background-color:#f5d28e;cursor:not-allowed}.tx-submitted{margin-top:16px;padding:12px;background-color:#e8f4fd;border-radius:6px}.tx-hash{font-family:monospace;word-break:break-all}@media (max-width: 480px){.form-row{flex-direction:column;gap:12px}.payment-modal{max-width:100%;margin:0 16px}}.floorplan-annotation-preview{width:100%;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #f0f0f0}.floor-info{padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.floor-name{margin:0;font-size:16px;font-weight:600;color:#1f2937}.floor-direction{font-size:14px;color:#6b7280;background-color:#f3f4f6;padding:4px 12px;border-radius:20px;border:1px solid #e5e7eb}.canvas-container{position:relative;display:flex;justify-content:center;align-items:center;padding:24px;background-color:#fff;min-height:300px}.annotation-canvas{max-width:100%;max-height:600px;border-radius:8px;box-shadow:0 2px 8px #0000001a;background-color:#fff;border:1px solid #e5e7eb}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6b7280;font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.floor-info{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.floor-name{font-size:15px}.floor-direction{font-size:13px;padding:3px 8px}.canvas-container{padding:16px;min-height:250px}.annotation-canvas{max-height:400px}}@media (max-width: 480px){.canvas-container{padding:12px;min-height:200px}.annotation-canvas{max-height:300px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.annotation-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.custom-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:1.2rem;color:#333}.close-button{background:none;border:none;cursor:pointer;color:#888;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:20px;color:#555;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #eee}.custom-modal.info{border-top:4px solid #3498db}.custom-modal.success{border-top:4px solid #2ecc71}.custom-modal.warning{border-top:4px solid #f39c12}.custom-modal.error{border-top:4px solid #e74c3c}.custom-modal.payment{border-top:4px solid #9b59b6}.payment-details{margin-top:20px;background-color:#f9f9f9;border-radius:6px;padding:16px}.price-tag{font-size:1.5rem;font-weight:600;color:#9b59b6;text-align:center;margin-bottom:16px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;margin-bottom:10px;font-size:.95rem}.feature-list li svg{color:#9b59b6;margin-right:10px;flex-shrink:0}.primary-btn{background-color:#3498db;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.primary-btn:hover{background-color:#2980b9}.secondary-btn{background-color:#f0f0f0;color:#555;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.secondary-btn:hover{background-color:#e0e0e0}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.residential-steps{display:flex;justify-content:center;align-items:center;gap:8px;margin:2rem 0;padding:1rem 0;overflow-x:auto;scrollbar-width:none;width:100%}.residential-steps::-webkit-scrollbar{display:none}.step-item.completed:hover .step-number{background-color:var(--primary-color, #2c5c45)}.step-number{width:40px;height:40px;border-radius:50%;background-color:var(--bg-color, #f7f2ed);color:var(--text-secondary, #666);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-bottom:.8rem;transition:all .3s ease;box-shadow:2px 2px 4px #0000001a,-2px -2px 4px #ffffff80;z-index:2}.step-title{font-size:14px;color:var(--text-secondary, #666);text-align:center;transition:all .3s ease;font-weight:500;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-item.active .step-number{background-color:var(--primary-color, #2c5c45);color:#fff;box-shadow:0 4px 8px #2c5c454d;transform:scale(1.1)}.step-item.active .step-title{color:var(--primary-color, #2c5c45);font-weight:600}.step-item.completed .step-number{background-color:var(--primary-color, #2c5c45);color:#fff}.step-connector{height:3px;width:80px;background-color:var(--bg-color, #f7f2ed);position:absolute;right:-40px;top:20px;z-index:1;box-shadow:inset 1px 1px 2px #0000001a;border-radius:1.5px;transition:background-color .3s ease}.step-connector.completed{background-color:var(--primary-color, #2c5c45)}.step-item.active .step-number{animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{box-shadow:0 4px 8px #2c5c454d}to{box-shadow:0 4px 12px #2c5c4580}}@media (max-width: 768px){.residential-steps{gap:4px;padding:.5rem 0}.steps-container{max-width:700px}.step-item{min-width:80px}.step-number{width:36px;height:36px;font-size:14px}.step-title{font-size:12px;max-width:80px}.step-connector{width:60px;right:-30px;top:18px}}@media (max-width: 576px){.steps-container{max-width:100%;justify-content:center;gap:8px}.step-item{min-width:60px}.step-title{max-width:70px;font-size:11px}.step-number{width:32px;height:32px;margin-bottom:.5rem}.step-connector{width:40px;right:-20px;top:16px}}.confirm-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-dialog{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:450px;overflow:hidden;animation:scaleIn .2s ease-out;transform-origin:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-dialog-header{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaecef}.confirm-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50}.confirm-dialog-close{background:transparent;border:none;cursor:pointer;padding:6px;color:#94a3b8;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.confirm-dialog-close:hover{background-color:#f1f5f9;color:#64748b}.confirm-dialog-body{padding:24px;font-size:1rem;line-height:1.6;color:#4b5563}.confirm-dialog-body p{margin:0}.confirm-dialog-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #eaecef;background-color:#f8fafc}.btn{padding:10px 18px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.btn-primary{background-color:#4f46e5;color:#fff;box-shadow:0 2px 4px #4f46e533}.btn-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px #4f46e54d}.btn-secondary{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.btn-restore{background-color:#22c55e;color:#fff;box-shadow:0 2px 4px #22c55e33}.btn-restore:hover{background-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 6px #22c55e4d}.btn-discard{background-color:#f9fafb;color:#ef4444;border:1px solid #ef4444}.btn-discard:hover{background-color:#fef2f2;color:#dc2626;transform:translateY(-1px)}@media (max-width: 640px){.confirm-dialog{width:95%;max-width:380px}.confirm-dialog-header{padding:16px 20px}.confirm-dialog-body{padding:20px}.confirm-dialog-footer{padding:14px 20px}.btn{padding:9px 14px;min-width:100px}}.form-input-wrapper{margin-bottom:1.5rem;position:relative}.form-input-label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.875rem}.required{color:#ff4d4f;margin-left:.25rem}.form-input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:#666;display:flex;align-items:center;justify-content:center}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d9d9d9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:white}.form-input.with-icon{padding-left:2.5rem}.form-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.form-input-wrapper.focused .form-input{border-color:#4a90e2}.form-input-wrapper.error .form-input{border-color:#ff4d4f}.form-input-wrapper.error .form-input:focus{box-shadow:0 0 0 3px #ff4d4f33}.form-input:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.input-message{margin-top:.5rem;font-size:.875rem}.input-message.error{color:#ff4d4f}.input-message.helper{color:#666}@media (max-width: 768px){.form-input{padding:.625rem .875rem;font-size:.9375rem}.form-input.with-icon{padding-left:2.25rem}.input-icon{left:.625rem}}.bazi-step-container{max-width:800px;margin:0 auto;padding:24px;background:#ffffff;border-radius:12px;box-shadow:0 4px 20px #00000014}.bazi-step-header{text-align:center;margin-bottom:32px}.bazi-step-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.bazi-step-description{font-size:16px;color:#666;line-height:1.5}.bazi-form-container{width:100%}.bazi-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.bazi-form-group{display:flex;flex-direction:column}.bazi-form-label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.bazi-form-label.required:after{content:" *";color:#ff4d4f}.bazi-form-select{height:48px;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:#ffffff;transition:all .3s ease}.bazi-form-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.bazi-form-select.error{border-color:#ff4d4f}.bazi-error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.bazi-field-tip{font-size:12px;color:#888;margin-top:4px;line-height:1.4}.bazi-radio-group{display:flex;gap:16px;margin-top:8px}.bazi-radio-option{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border:2px solid #e1e5e9;border-radius:8px;transition:all .3s ease}.bazi-radio-option:hover{border-color:#4f46e5;background:rgba(79,70,229,.05)}.bazi-radio-option input[type=radio]{margin-right:8px;width:16px;height:16px}.bazi-radio-option input[type=radio]:checked+.bazi-radio-label{color:#4f46e5;font-weight:500}.bazi-radio-label{font-size:14px;color:#333}.bazi-checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:8px}.bazi-checkbox-option{display:flex;align-items:flex-start;cursor:pointer;padding:16px;border:2px solid #e1e5e9;border-radius:8px;transition:all .3s ease}.bazi-checkbox-option:hover{border-color:#4f46e5;background:rgba(79,70,229,.05)}.bazi-checkbox-option input[type=checkbox]{margin-right:12px;margin-top:2px;width:16px;height:16px;flex-shrink:0}.bazi-checkbox-option input[type=checkbox]:checked+.bazi-checkbox-content .bazi-checkbox-label{color:#4f46e5;font-weight:500}.bazi-checkbox-content{display:flex;flex-direction:column;gap:4px}.bazi-checkbox-label{font-size:14px;font-weight:500;color:#333}.bazi-checkbox-description{font-size:12px;color:#666;line-height:1.4}.bazi-form-textarea{min-height:100px;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;transition:all .3s ease;width:100%;box-sizing:border-box}.bazi-form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.bazi-form-textarea.error{border-color:#ff4d4f}.bazi-step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #e1e5e9}.bazi-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.bazi-btn-primary{background:#4f46e5;color:#fff}.bazi-btn-primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.bazi-btn-secondary{background:#f8f9fa;color:#333;border:2px solid #e1e5e9}.bazi-btn-secondary:hover{background:#e9ecef;border-color:#ced4da}.bazi-btn-large{padding:16px 32px;font-size:18px}.bazi-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.image-upload-section{margin-top:24px}.upload-area{border:2px dashed #e1e5e9;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:#4f46e5;background:rgba(79,70,229,.05)}.upload-area.dragover{border-color:#4f46e5;background:rgba(79,70,229,.1)}.upload-icon{width:48px;height:48px;margin:0 auto 16px;color:#888}.upload-text{font-size:16px;color:#333;margin-bottom:8px}.upload-hint{font-size:14px;color:#666}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}.image-preview-item{position:relative;border-radius:8px;overflow:hidden;background:#f8f9fa}.preview-image{width:100%;height:120px;object-fit:cover;border-radius:8px}.image-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.action-btn{width:32px;height:32px;border:none;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.action-btn:hover{background:rgba(0,0,0,.8)}@media (max-width: 768px){.bazi-step-container{margin:0 16px;padding:16px}.bazi-form-grid{grid-template-columns:1fr;gap:16px}.bazi-radio-group,.bazi-checkbox-group{grid-template-columns:1fr}.bazi-step-actions{flex-direction:column;gap:12px}.bazi-btn{width:100%}}.bazi-progress-container{margin-bottom:32px}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin:0 auto;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;margin-bottom:8px;transition:all .3s ease;border:2px solid #e1e5e9;background:#ffffff;color:#888}.step-circle.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.step-circle.completed{background:#10b981;color:#fff;border-color:#10b981}.step-label{font-size:12px;color:#666;max-width:80px;line-height:1.3}.step-label.active{color:#4f46e5;font-weight:500}.step-label.completed{color:#10b981}.progress-line{position:absolute;top:20px;left:0;right:0;height:2px;background:#e1e5e9;z-index:-1}.progress-line-fill{height:100%;background:#10b981;transition:width .3s ease}@media (max-width: 480px){.progress-steps{padding:0 16px}.step-circle{width:32px;height:32px;font-size:14px}.step-label{font-size:10px;max-width:60px}}.bazi-preview-section{margin-bottom:32px}.bazi-preview-title{font-size:20px;font-weight:600;color:#333;margin-bottom:24px}.bazi-preview-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:16px;overflow:hidden}.bazi-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff;border-bottom:1px solid #e1e5e9}.bazi-preview-header h4{font-size:16px;font-weight:600;color:#333;margin:0}.bazi-edit-btn{padding:6px 12px;background:transparent;border:1px solid #4f46e5;border-radius:4px;color:#4f46e5;font-size:12px;cursor:pointer;transition:all .3s ease}.bazi-edit-btn:hover{background:#4f46e5;color:#fff}.bazi-preview-content{padding:20px}.bazi-preview-item{display:flex;margin-bottom:12px}.bazi-preview-item:last-child{margin-bottom:0}.bazi-preview-label{font-weight:500;color:#666;min-width:100px;flex-shrink:0}.bazi-preview-value{color:#333;flex:1}.bazi-service-section{margin-bottom:32px}.bazi-service-title{font-size:20px;font-weight:600;color:#333;margin-bottom:24px}.bazi-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.bazi-service-card{position:relative;background:#ffffff;border:2px solid #e1e5e9;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease}.bazi-service-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526}.bazi-service-card.selected{border-color:#4f46e5;background:rgba(79,70,229,.05);box-shadow:0 4px 12px #4f46e526}.bazi-service-card.popular:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#4f46e5,#7c3aed);border-radius:12px;z-index:-1}.bazi-service-badge{position:absolute;top:-8px;right:20px;background:#ff4d4f;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.bazi-service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.bazi-service-name{font-size:18px;font-weight:600;color:#333;margin:0}.bazi-service-price{text-align:right}.bazi-price-free{font-size:20px;font-weight:700;color:#22c55e}.bazi-price-current{font-size:20px;font-weight:700;color:#4f46e5}.bazi-price-original{font-size:14px;color:#999;text-decoration:line-through;margin-left:8px}.bazi-service-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.bazi-service-features{list-style:none;padding:0;margin:0}.bazi-service-features li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:#555}.bazi-service-features li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}@media (max-width: 768px){.bazi-service-grid{grid-template-columns:1fr}.bazi-preview-item{flex-direction:column;gap:4px}.bazi-preview-label{min-width:auto}}.bazi-preview-images{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.bazi-preview-image{display:flex;flex-direction:column;align-items:center;gap:4px}.bazi-preview-image-label{font-size:12px;color:#666;text-align:center;max-width:80px;word-break:break-all}.bazi-preview-row{display:flex;gap:24px;margin-bottom:12px}.bazi-preview-row .bazi-preview-item{flex:1;margin-bottom:0}@media (max-width: 768px){.bazi-preview-row{flex-direction:column;gap:12px}.bazi-preview-row .bazi-preview-item{margin-bottom:12px}}.submission-progress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px;text-align:center}.progress-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:16px}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 100%);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;color:#4a5568;margin-bottom:8px}.progress-subtitle{font-size:12px;color:#718096;line-height:1.4}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px;color:#dc2626;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:8px}.error-message:before{content:"⚠️";font-size:16px;flex-shrink:0}@media (max-width: 768px){.submission-progress{padding:16px;margin-bottom:16px}.progress-title{font-size:16px;margin-bottom:12px}.error-message{padding:12px;margin-bottom:16px;font-size:13px}}.bazi-feng-shui-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px}.page-header{text-align:center;margin-bottom:40px;color:#fff}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.bazi-analysis-form{max-width:900px;margin:0 auto}.bazi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.bazi-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.bazi-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.bazi-error h2{color:#ff4d4f;margin-bottom:16px}.bazi-error p{color:#666;margin-bottom:24px}.bazi-report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.bazi-report-title h1{font-size:28px;font-weight:700;color:#333;margin:0 0 12px}.bazi-report-meta{display:flex;gap:24px;font-size:14px;color:#666}.bazi-report-actions{display:flex;gap:12px}.bazi-report-content{background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.bazi-report-summary{padding:24px;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.bazi-report-summary h3{font-size:18px;font-weight:600;color:#333;margin:0 0 12px}.bazi-report-summary p{font-size:16px;color:#555;line-height:1.6;margin:0}.bazi-report-main{padding:32px}.bazi-report-text{max-width:none;line-height:1.8}.bazi-report-text h2{font-size:22px;font-weight:600;color:#333;margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid #4f46e5}.bazi-report-text h2:first-child{margin-top:0}.bazi-report-text h3{font-size:18px;font-weight:600;color:#4f46e5;margin:24px 0 12px}.bazi-report-text p{font-size:16px;color:#555;margin:16px 0;line-height:1.7}.bazi-report-text li{font-size:16px;color:#555;margin:8px 0;line-height:1.6;list-style:none;position:relative;padding-left:20px}.bazi-report-text li:before{content:"•";color:#4f46e5;font-weight:700;position:absolute;left:0}.bazi-report-recommendations{padding:24px 32px 32px;background:#f8f9fa;border-top:1px solid #e1e5e9}.bazi-report-recommendations h3{font-size:18px;font-weight:600;color:#333;margin:0 0 16px}.bazi-report-recommendations ul{list-style:none;padding:0;margin:0}.bazi-report-recommendations li{position:relative;padding:12px 0 12px 24px;font-size:16px;color:#555;line-height:1.6;border-bottom:1px solid #e1e5e9}.bazi-report-recommendations li:last-child{border-bottom:none}.bazi-report-recommendations li:before{content:"✓";position:absolute;left:0;top:12px;color:#22c55e;font-weight:700;font-size:18px}@media (max-width: 768px){.bazi-feng-shui-page{padding:20px 10px}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.bazi-report-header{flex-direction:column;gap:20px}.bazi-report-actions{justify-content:center}.bazi-report-meta{flex-direction:column;gap:8px}.bazi-report-main,.bazi-report-recommendations{padding:20px}}.bazi-analysis-report-page{background-color:#f7fafc;min-height:100vh}.bazi-analysis-report-page .page-header{color:#fff;padding:3rem 0;margin-bottom:2rem;text-align:center}.bazi-analysis-report-page .page-header .container{max-width:1200px;margin:0 auto;padding:0 2rem}.bazi-analysis-report-page .page-header-content{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;position:relative}.bazi-analysis-report-page .back-button{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;z-index:10}.bazi-analysis-report-page .back-button:hover{background:rgba(255,255,255,.2);border-color:#ffffff4d}.bazi-analysis-report-page .back-button svg{width:16px;height:16px}@media (max-width: 1024px){.bazi-analysis-report-page .back-button{left:10px;top:20px;transform:none}}@media (max-width: 768px){.bazi-analysis-report-page .back-button{position:static;margin-bottom:1rem;align-self:flex-start}.bazi-analysis-report-page .page-header-content{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 768px){.bazi-analysis-report-page .page-header-content{flex-direction:column;align-items:flex-start;text-align:left}.bazi-analysis-report-page .back-button{align-self:flex-start}}.bazi-analysis-report-page .page-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.bazi-analysis-report-page .success-icon{color:#68d391;margin-right:.5rem;font-size:2rem}.bazi-analysis-report-page .report-container{max-width:1200px;margin:0 auto;padding:0 2rem 3rem}.bazi-analysis-report-page .report-main-content{display:flex;flex-direction:column;gap:2rem}.bazi-analysis-report-page .report-summary-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.bazi-analysis-report-page .summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.bazi-analysis-report-page .summary-info h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.bazi-analysis-report-page .summary-info p{color:#718096;margin:0}.bazi-analysis-report-page .analysis-level-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.bazi-analysis-report-page .summary-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.bazi-analysis-report-page .detail-item{display:flex;flex-direction:column;gap:.25rem}.bazi-analysis-report-page .detail-label{font-size:.85rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bazi-analysis-report-page .detail-value{font-weight:600;color:#2d3748}.bazi-analysis-report-page .status-indicator{font-weight:600}.bazi-analysis-report-page .report-content{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.bazi-analysis-report-page .report-error{text-align:center;padding:3rem 2rem;color:#718096}.bazi-analysis-report-page .report-error h3{color:#e53e3e;margin-bottom:1rem}.bazi-analysis-report-page .report-pending{text-align:center;padding:3rem 2rem}.bazi-analysis-report-page .loading-indicator{margin-bottom:1.5rem}.bazi-analysis-report-page .loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.bazi-analysis-report-page .progress-steps{display:flex;justify-content:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}.bazi-analysis-report-page .step{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;background:#f7fafc;color:#718096}.bazi-analysis-report-page .step.active{background:#e6fffa;color:#38b2ac}.bazi-analysis-report-page .step.current{background:#667eea;color:#fff}.bazi-analysis-report-page .refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .3s ease}.bazi-analysis-report-page .refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.bazi-analysis-report-page .refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.bazi-analysis-report-page .warning-banner{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.bazi-analysis-report-page .warning-icon{color:#e53e3e;font-size:1.2rem}.bazi-analysis-report-page .warning-banner p{color:#742a2a;margin:0}.bazi-analysis-report-page .payment-success-banner{background:linear-gradient(135deg,#68d391,#48bb78);color:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;position:relative}.bazi-analysis-report-page .success-content{display:flex;align-items:center;gap:1rem}.bazi-analysis-report-page .success-content .success-icon{font-size:2rem}.bazi-analysis-report-page .close-icon{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.2);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.bazi-analysis-report-page .close-icon:hover{background:rgba(255,255,255,.3)}.bazi-analysis-report-page .loading-state,.bazi-analysis-report-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:white;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;margin:2rem auto;max-width:600px}.bazi-analysis-report-page .loading-state .loading-spinner{margin-bottom:1.5rem}.bazi-analysis-report-page .error-state h2{color:#e53e3e;margin-bottom:1rem;font-size:1.5rem}.bazi-analysis-report-page .error-state p{color:#718096;margin-bottom:1.5rem;line-height:1.6}.bazi-analysis-report-page .error-state button{margin:.5rem}.bazi-analysis-report-page .report-content-display{line-height:1.8;color:#2d3748}.bazi-analysis-report-page .formatted-text{line-height:1.8}.bazi-analysis-report-page .text-heading{font-size:1.2rem;font-weight:600;color:#2d3748;margin:1.5rem 0 1rem;padding-left:.75rem;border-left:4px solid #667eea}.bazi-analysis-report-page .text-heading:first-child{margin-top:0}.bazi-analysis-report-page .text-subheading{color:#4a5568;font-size:1rem;margin:1rem 0 .5rem;padding-left:1rem;font-weight:500}.bazi-analysis-report-page .text-paragraph{margin:.5rem 0;padding-left:1rem;color:#2d3748;line-height:1.7}.bazi-analysis-report-page .text-spacer{height:.75rem}.bazi-analysis-report-page .plain-text-content{white-space:pre-wrap;line-height:1.8;color:#2d3748;font-size:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.bazi-upgrade-reports-section{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.bazi-upgrade-header{text-align:center;margin-bottom:2rem}.bazi-upgrade-title{font-size:1.8rem;color:#2d3748;margin-bottom:.5rem;font-weight:600}.bazi-upgrade-description{color:#718096;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.bazi-report-options-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.bazi-report-option-card-compact{position:relative;background:white;border:2px solid #e5e7eb;border-radius:10px;padding:1rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;min-height:400px}.bazi-report-option-card-compact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6}.bazi-report-option-card-compact.bazi-popular{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.bazi-popular-badge-compact{position:absolute;top:-8px;right:1rem;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bazi-option-content-compact{display:flex;flex-direction:column;gap:.75rem;flex:1}.bazi-option-header-compact{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.25rem}.bazi-option-icon-compact{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.bazi-option-info-compact{flex:1}.bazi-option-title-compact{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem;line-height:1.3}.bazi-option-pricing-compact{display:flex;flex-direction:column;gap:.25rem}.bazi-price-comparison-compact{display:flex;align-items:center;gap:8px;margin-bottom:2px}.bazi-original-price-compact{font-size:14px;color:#9ca3af;text-decoration:line-through;line-height:1}.bazi-savings-badge-compact{font-size:10px;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:6px;font-weight:600}.bazi-current-price-compact{font-size:1.25rem;font-weight:800;color:#3b82f6;line-height:1;letter-spacing:-.025em}.bazi-discount-text-compact{font-size:11px;color:#059669;font-weight:500}.bazi-option-description-compact{font-size:.8rem;color:#6b7280;line-height:1.3;margin:0}.bazi-option-features-compact{display:flex;flex-direction:column;gap:.25rem;flex:1;margin-bottom:.75rem}.bazi-features-title-compact{font-size:.75rem;font-weight:600;color:#374151;margin:0 0 .25rem}.bazi-feature-item-compact{display:flex;align-items:flex-start;gap:.25rem;font-size:.7rem;color:#6b7280;line-height:1.2}.bazi-check-icon-compact{width:12px;height:12px;color:#059669;flex-shrink:0;margin-top:1px}.bazi-purchase-button-compact{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;width:100%;margin-top:auto}.bazi-purchase-button-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)}.bazi-purchase-button-compact:active{transform:translateY(0)}@media (max-width: 768px){.bazi-analysis-report-page .page-header{padding:2rem 0}.bazi-analysis-report-page .page-header .container{padding:0 1rem}.bazi-analysis-report-page .report-container{padding:0 1rem 2rem}.bazi-upgrade-reports-section,.bazi-analysis-report-page .report-summary-card,.bazi-analysis-report-page .report-content{padding:1.5rem}.bazi-analysis-report-page .summary-header{flex-direction:column;text-align:center;gap:1rem}.bazi-analysis-report-page .summary-details{grid-template-columns:1fr}.bazi-report-options-compact{grid-template-columns:repeat(2,1fr)}.bazi-option-header-compact{flex-direction:column;text-align:center;gap:.5rem}.bazi-option-icon-compact{font-size:2rem}.bazi-upgrade-title{font-size:1.5rem}.bazi-upgrade-description{font-size:1rem}}@media (max-width: 480px){.bazi-analysis-report-page .page-title{font-size:2rem}.bazi-upgrade-reports-section,.bazi-analysis-report-page .report-summary-card,.bazi-analysis-report-page .report-content{padding:1rem}.bazi-option-title-compact{font-size:1.1rem}.bazi-current-price-compact{font-size:1.3rem}.bazi-analysis-report-page .progress-steps{flex-direction:column;gap:.5rem}}.shop-steps{display:flex;justify-content:center;align-items:center;gap:8px;margin:2rem 0;padding:1rem 0;overflow-x:auto;scrollbar-width:none;width:100%}.shop-steps::-webkit-scrollbar{display:none}.steps-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:900px;position:relative}.step-item{display:flex;flex-direction:column;align-items:center;min-width:100px;transition:all .3s ease;position:relative;cursor:pointer;z-index:3}.step-item.completed{cursor:pointer}.step-item:hover .step-number{transform:scale(1.05)}.step-item.completed:hover .step-number{background-color:var(--primary-color, #4a90e2)}.step-number{width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;color:#666;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-bottom:.8rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;z-index:2;border:2px solid #ddd}.step-number .check-icon{fill:#fff}.step-title{font-size:14px;color:#666;text-align:center;transition:all .3s ease;font-weight:500;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-short-title{font-size:12px;color:#999;text-align:center;margin-top:2px}.step-item.active .step-number{background-color:#4a90e2;color:#fff;border-color:#4a90e2;box-shadow:0 4px 8px #4a90e24d;transform:scale(1.1)}.step-item.active .step-title{color:#4a90e2;font-weight:600}.step-item.active .step-short-title{color:#4a90e2}.step-item.completed .step-number{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.step-item.completed .step-title{color:#4a90e2}.step-connector{height:3px;width:80px;background-color:#ddd;position:absolute;right:-40px;top:20px;z-index:1;border-radius:1.5px;transition:background-color .3s ease}.step-connector.completed{background-color:#4a90e2}.step-item.active .step-number{animation:shopPulse 1.5s infinite alternate}@keyframes shopPulse{0%{box-shadow:0 4px 8px #4a90e24d}to{box-shadow:0 4px 12px #4a90e280}}.shop-analysis-header{text-align:center;margin-bottom:2rem;padding:2rem 1rem;border-radius:12px}.shop-analysis-header h1{font-size:2rem;color:#333;margin-bottom:.5rem;font-weight:700}.shop-analysis-description{font-size:1.1rem;color:#666;margin-bottom:1rem;line-height:1.6}.shop-analysis-form{max-width:1200px;margin:0 auto;padding:20px}.form-content{margin-top:2rem}@media (max-width: 768px){.shop-steps{gap:4px;padding:.5rem 0}.steps-container{max-width:700px}.step-item{min-width:80px}.step-number{width:36px;height:36px;font-size:14px}.step-title{font-size:12px;max-width:80px}.step-short-title{font-size:10px}.step-connector{width:60px;right:-30px;top:18px}.shop-analysis-header h1{font-size:2rem}.shop-analysis-description{font-size:1rem}}@media (max-width: 576px){.steps-container{max-width:100%;justify-content:center;gap:8px}.step-item{min-width:60px}.step-title{max-width:70px;font-size:11px}.step-short-title{font-size:9px}.step-number{width:32px;height:32px;margin-bottom:.5rem}.step-connector{width:40px;right:-20px;top:16px}.shop-analysis-header{padding:1.5rem 1rem}.shop-analysis-header h1{font-size:1.8rem}}.step-container{max-width:1200px;margin:0 auto;padding:20px}.step-form{margin-bottom:30px}.step-container h2{font-size:1.8rem;color:#111827;margin-bottom:10px}.step-description{font-size:1.1rem;color:#4b5563;margin-bottom:30px;line-height:1.6}.form-group.half{flex:1}.form-label{display:block;font-size:1rem;font-weight:600;color:#374151;margin-bottom:8px}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.form-input.form-error,.form-select.form-error{border-color:#ef4444}.form-textarea{min-height:120px;resize:vertical}.helper-text{font-size:.875rem;color:#6b7280;margin-top:6px}.error-message{color:#ef4444;font-size:.875rem;margin-top:6px}.primary-btn,.secondary-btn{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.primary-btn{background-color:#4f46e5;color:#fff;border:none}.primary-btn:hover{background-color:#4338ca}.secondary-btn{background-color:#f3f4f6;color:#1f2937;border:1px solid #d1d5db}.secondary-btn:hover{background-color:#e5e7eb}.secondary-btn.small{padding:8px 16px;font-size:.875rem}.photo-types{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.photo-type-label{display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#fff;font-size:.95rem;color:#4b5563}.photo-type-label.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.current-selection{margin-bottom:20px;font-size:1rem;color:#374151}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #d1d5db;border-radius:8px;margin-bottom:20px;cursor:pointer;transition:all .2s;background-color:#f9fafb}.upload-area:hover,.upload-area.dragging{border-color:#4f46e5;background-color:#f5f3ff}.upload-icon{font-size:36px;color:#6b7280;margin-bottom:16px}.upload-text .primary-text{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:8px}.upload-text .secondary-text{font-size:.95rem;color:#6b7280;margin-bottom:8px}.upload-text .format-text{font-size:.85rem;color:#9ca3af}.photo-comment{margin-top:20px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.photo-item{border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.photo-image-wrapper{position:relative;width:100%;padding-top:75%}.photo-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.photo-label-badge{position:absolute;bottom:10px;left:10px;background-color:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem}.delete-photo-btn{position:absolute;top:10px;right:10px;background-color:#0009;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.delete-photo-btn:hover{background-color:#ef4444cc}.photo-comment-display{padding:10px;background-color:#f9fafb}.photo-comment-input{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:4px;font-size:.9rem}.upload-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-top:20px;color:#b91c1c}.floor-management{margin-bottom:24px}.floor-tab{padding:10px 16px;border-radius:8px;font-weight:500;border:1px solid #d1d5db;background-color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.floor-tab.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.floor-name{font-size:.95rem}.edit-floor-name-btn{visibility:hidden;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:.8rem;color:inherit;opacity:.7}.floor-tab:hover .edit-floor-name-btn{visibility:visible}.floor-tab-edit{display:flex;border:1px solid #4f46e5;border-radius:8px;overflow:hidden}.floor-tab-edit input{padding:10px 12px;border:none;outline:none;width:100px}.edit-actions{display:flex;align-items:stretch}.edit-save-btn,.edit-cancel-btn{border:none;padding:0 8px;cursor:pointer}.edit-save-btn{background-color:#10b981;color:#fff}.edit-cancel-btn{background-color:#ef4444;color:#fff}.floor-add-buttons{display:flex;gap:8px}.add-floor-btn,.add-basement-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px dashed #d1d5db;background-color:#f9fafb;cursor:pointer;transition:all .2s;font-weight:700}.add-floor-btn:hover,.add-basement-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.floor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.delete-floor-btn{padding:6px 12px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s}.delete-floor-btn:hover{background-color:#fee2e2;border-color:#fecaca}.floor-content{margin-bottom:30px;padding:20px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff}.floorplan-direction{margin-bottom:30px}.floor-upload,.floor-annotation{margin-top:30px}.annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.floorplan-annotation-wrapper{width:100%;min-height:600px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px;border:1px solid #e5e7eb}.floorplan-preview{width:100%;margin-bottom:20px}.floorplan-actions{display:flex;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.replace-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151}.replace-btn:hover{background-color:#e9e9e9;border-color:#ccc}.shop-floorplan-annotation{min-height:500px}.direction-selector-container{display:flex;flex-direction:column;gap:16px;border:1px solid #e5e7eb;border-radius:8px;padding:20px;background-color:#f9fafb;margin-bottom:20px}.file-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa;margin-bottom:20px}.file-upload-area:hover,.file-upload-area.dragging{border-color:#4f46e5;background-color:#f0f7ff}.upload-icon{margin-bottom:16px;color:#6b7280}.upload-text .primary-text{font-size:16px;font-weight:500;color:#374151;margin-bottom:8px}.upload-text .secondary-text{font-size:14px;color:#6b7280}.photo-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background-color:#f9fafb;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.photo-upload-area:hover,.photo-upload-area.dragging{border-color:#4a90e2;background-color:#f0f7ff}.photo-upload-area .upload-icon{font-size:48px;margin-bottom:16px;opacity:.7}.upload-hint{font-size:12px;color:#999;margin-top:8px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.photo-item{position:relative;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.photo-item img{width:100%;height:150px;object-fit:cover}.photo-info{padding:12px}.photo-label{font-size:12px;font-weight:600;color:#4a90e2;margin-bottom:8px}.photo-comment-input{width:100%;border:1px solid #e5e7eb;border-radius:4px;padding:6px 8px;font-size:12px}.delete-photo-btn{position:absolute;top:8px;right:8px;background:rgba(229,62,62,.9);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none}.form-section h3,.section-title{font-size:18px;margin-bottom:8px;color:#333;font-weight:600}.section-description{color:#666;font-size:14px;margin-bottom:16px;line-height:1.5}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.form-checkbox input[type=checkbox]{width:16px;height:16px;margin:0}.checkbox-label{font-size:14px;color:#333}.compass-container{display:flex;justify-content:center;margin:16px 0}.floorplan-preview{position:relative;margin-bottom:20px}.floorplan-image{max-width:100%;max-height:400px;border-radius:8px;border:1px solid #ddd}.replace-btn{margin-top:12px;padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;color:#333}.replace-btn:hover{background:#e9e9e9}.street-layout-preview{position:relative;margin-top:16px;text-align:center}.street-layout-image{max-width:100%;max-height:300px;border-radius:8px;border:1px solid #ddd}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #e5e7eb}.form-actions .next-btn:only-child{margin-left:auto}.btn{padding:10px 20px;border-radius:4px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;font-size:14px;min-width:100px;text-align:center}.btn-primary,.primary-btn{background-color:#4a90e2;color:#fff}.btn-primary:hover,.primary-btn:hover{background-color:#3a7bc8;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.btn-secondary,.secondary-btn{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover,.secondary-btn:hover{background-color:#e9e9e9}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.next-btn,.back-btn,.submit-btn{min-width:120px}.error-message-box{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7;border-radius:6px;padding:12px 16px;margin:16px 0;display:flex;align-items:center;gap:8px;border-left:4px solid #e53e3e}.error-icon{font-size:20px}.error-text{font-size:14px}.privacy-note{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin:16px 0;font-size:14px;color:#666}@media (max-width: 768px){.shop-analysis-form{padding:20px 16px}.step-progress{flex-wrap:wrap;gap:8px}.step-item{flex:1;min-width:60px}.step-title{font-size:12px}.step-short-title{display:none}.form-row{flex-direction:column;gap:16px}.form-actions{flex-direction:column}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.step-container{padding:16px}}@media (max-width: 480px){.shop-analysis-form .form-title{font-size:24px}.step-form{padding:16px}.file-upload-area,.photo-upload-area{padding:24px 16px}.upload-icon{font-size:36px}.step-circle{width:36px;height:36px}.step-icon{font-size:16px}}.people-list{margin-bottom:20px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.person-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease;position:relative}.person-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.person-card.main-person{border-color:var(--primary-color, #4a90e2);background:#f0f7ff}.person-info{margin-bottom:12px}.person-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:6px}.person-details{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#6b7280}.person-role{background:#e5e7eb;padding:2px 8px;border-radius:12px;font-size:12px}.person-gender{background:#f3f4f6;padding:2px 8px;border-radius:12px;font-size:12px}.person-birthdate{font-size:12px}.person-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.main-label{background:var(--primary-color, #4a90e2);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.set-main-btn{background:#f9fafb;border:1px solid #d1d5db;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.set-main-btn:hover{background:#f3f4f6;border-color:#9ca3af}.remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#fef2f2;color:#dc2626}.add-person-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-top:20px}.add-person-form h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.add-person-btn{background:var(--primary-color, #4a90e2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;margin-top:16px}.add-person-btn:hover{background:#357abd;transform:translateY(-1px)}.form-select{line-height:2.5;padding:14px 16px;font-size:15px}.form-select option{padding:12px 0;line-height:2.8;min-height:44px;font-size:15px}.report-options-enhanced{margin:32px 0;padding:24px;background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #f0f0f0}.section-title-enhanced{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px;text-align:center;letter-spacing:-.025em;line-height:1.2}.section-description-enhanced{font-size:16px;color:#6b7280;text-align:center;margin-bottom:32px;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.report-versions-enhanced{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px;max-width:1200px;margin-left:auto;margin-right:auto}[lang=en] .report-versions-enhanced{grid-template-columns:repeat(5,1fr);max-width:1400px;gap:16px}.report-version-card-enhanced{background:#ffffff;border:2px solid #e5e7eb;border-radius:12px;padding:20px 16px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:auto;min-height:auto}[lang=en] .report-version-card-enhanced{padding:20px 16px 16px;min-height:480px}.report-version-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001a,0 6px 8px -5px #0000000a;border-color:#d1d5db}.report-version-card-enhanced.selected{border-color:#3b82f6;background:#ffffff;box-shadow:0 10px 20px -5px #3b82f626}.report-version-card-enhanced.popular{border-color:#3b82f6;background:#ffffff;box-shadow:0 10px 20px -5px #3b82f61a}.report-version-card-enhanced.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(20%);-webkit-user-select:none;user-select:none}.report-version-card-enhanced.disabled:hover{transform:none;box-shadow:0 2px 8px #00000014}.popular-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;padding:6px 16px;font-size:10px;font-weight:700;letter-spacing:.05em;border-bottom-left-radius:8px;box-shadow:0 2px 4px #0000001a;z-index:2}.version-header{margin-bottom:12px}.version-name{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.025em;line-height:1.2}.version-description{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.version-pricing{margin-bottom:16px}.price-container{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.current-price{font-size:24px;font-weight:700;color:#059669;line-height:1}.original-price{font-size:16px;color:#9ca3af;text-decoration:line-through}.save-amount{font-size:12px;color:#059669;font-weight:600;background:#d1fae5;padding:2px 6px;border-radius:4px;display:inline-block}.version-features{flex:1;margin-bottom:16px}.features-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;color:#4b5563;line-height:1.4}.feature-icon{color:#059669;font-weight:700;flex-shrink:0;margin-top:1px}.version-footer{margin-top:auto}.selected-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:14px;font-weight:600}.selected-icon{color:#1e40af;font-weight:700}.select-button{width:100%;padding:10px 16px;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.select-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.select-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.trust-indicators{display:flex;justify-content:center;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid #f3f4f6}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.trust-icon{font-size:16px}.trust-text{font-weight:500}@media (max-width: 1200px){.report-versions-enhanced{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width: 768px){.report-versions-enhanced{grid-template-columns:1fr;gap:16px}.trust-indicators{flex-direction:column;gap:12px;align-items:center}}.preview-container{max-width:900px;margin:0 auto;padding:20px;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000001a}.preview-title{font-size:2rem;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-subtitle{font-size:1.1rem;color:#6c757d;text-align:center;margin-bottom:30px;line-height:1.6}.submission-progress{background:#fff;border-radius:8px;padding:20px;margin-bottom:30px;border:1px solid #e9ecef}.progress-title{font-size:1.2rem;font-weight:600;color:#495057;margin-bottom:15px;text-align:center}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transition:width .3s ease;border-radius:3px}.progress-text{font-size:.9rem;color:#6c757d;text-align:center;margin:0}.progress-subtitle{font-size:.85rem;color:#8e9aaf;text-align:center;margin-top:8px;font-style:italic}.preview-content{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.section-header h3{font-size:1.1rem;font-weight:600;color:#495057;margin:0}.floorplans-grid{display:grid;grid-template-columns:1fr;gap:20px}.floorplan-title{font-size:1rem;font-weight:600;color:#495057;margin-bottom:10px;text-align:center;padding:8px 12px;background:#e9ecef;border-radius:4px}@media (max-width: 768px){.floorplan-preview-wrapper-enhanced{min-height:300px;max-height:500px}.floorplan-preview-wrapper-enhanced .floor-preview-canvas,.floorplan-preview-wrapper-enhanced .floorplan-annotation-enhanced,.floorplan-preview-wrapper-enhanced .annotation-workspace,.floorplan-preview-wrapper-enhanced .workspace-content{min-height:300px}.floorplan-preview-wrapper-enhanced .image-container{min-height:300px;padding:15px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-icon{font-size:16px;width:26px;height:26px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-label,.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-text{font-size:11px;padding:3px 6px;max-width:100px}.floorplan-preview-wrapper-enhanced .view-controls{top:8px;right:8px}.floorplan-preview-wrapper-enhanced .view-control-btn{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.floorplan-preview-wrapper-enhanced{min-height:250px;max-height:400px}.floorplan-preview-wrapper-enhanced .floor-preview-canvas,.floorplan-preview-wrapper-enhanced .floorplan-annotation-enhanced,.floorplan-preview-wrapper-enhanced .annotation-workspace,.floorplan-preview-wrapper-enhanced .workspace-content{min-height:250px}.floorplan-preview-wrapper-enhanced .image-container{min-height:250px;padding:10px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-icon{font-size:14px;width:24px;height:24px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-label,.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-text{font-size:10px;padding:2px 4px;max-width:80px}}.report-options-enhanced{background:#f8f9fa;border-radius:12px;padding:24px;margin-top:24px}.section-title-enhanced{font-size:24px;font-weight:700;color:#333;margin-bottom:8px;text-align:center}.section-description-enhanced{font-size:16px;color:#666;margin-bottom:24px;text-align:center;line-height:1.5}.report-versions-enhanced{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.report-card-enhanced{background:white;border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:visible;min-height:auto;display:flex;flex-direction:column;height:auto}.report-card-enhanced:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff26;transform:translateY(-2px)}.report-card-enhanced.selected{border-color:#007bff;background:#f8f9ff;box-shadow:0 8px 25px #007bff33}.report-card-enhanced.disabled{opacity:.7;cursor:not-allowed}.popular-ribbon-enhanced{position:absolute;top:0;right:0;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;padding:8px 16px;font-size:12px;font-weight:600;border-bottom-left-radius:8px;box-shadow:0 2px 8px #ff6b6b4d}.plan-info-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.plan-name-enhanced{font-size:18px;font-weight:700;color:#333;margin:0}.plan-badge-enhanced{font-size:10px;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.plan-badge-enhanced.free{background:#e8f5e8;color:#2e7d32}.plan-badge-enhanced.ai{background:#e3f2fd;color:#1976d2}.plan-badge-enhanced.junior{background:#e8f5e8;color:#388e3c}.plan-badge-enhanced.middle{background:#fff3e0;color:#f57c00}.plan-badge-enhanced.senior{background:#fce4ec;color:#c2185b}.original-price-enhanced{font-size:14px;color:#999;text-decoration:line-through}.savings-badge-enhanced{background:#ff6b6b;color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600}.current-price-enhanced{font-size:24px;font-weight:800;color:#007bff;margin-bottom:4px}.discount-text-enhanced{font-size:12px;color:#ff6b6b;font-weight:600}.plan-description-enhanced{font-size:14px;color:#666;margin-bottom:16px;line-height:1.4}.features-section-enhanced{flex:1;margin-bottom:16px;min-height:auto;overflow:visible}.features-title-enhanced{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.features-list-enhanced{list-style:none;padding:0;margin:0;max-height:none;overflow:visible}.feature-item-enhanced{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;color:#555;line-height:1.4}.check-icon-enhanced{width:16px;height:16px;color:#28a745;flex-shrink:0;margin-top:1px}.select-btn-enhanced{width:100%;padding:12px 16px;border:2px solid #007bff;background:white;color:#007bff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.select-btn-enhanced:hover,.select-btn-enhanced.selected{background:#007bff;color:#fff}.select-btn-enhanced:disabled{opacity:.6;cursor:not-allowed}.trust-indicators-enhanced{display:flex;justify-content:center;gap:32px;padding:20px 0;border-top:1px solid #e9ecef}.trust-item-enhanced{display:flex;flex-direction:column;align-items:center;gap:8px;color:#666;font-size:14px;font-weight:500}@media (max-width: 1200px){.report-versions-enhanced{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.info-row-split{flex-direction:column;gap:12px}.photos-grid-compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.photo-image-wrapper-compact{height:80px}.report-versions-enhanced{grid-template-columns:1fr;gap:12px}.report-card-enhanced{padding:16px;min-height:auto}.people-list-preview{grid-template-columns:1fr}.trust-indicators-enhanced{gap:16px}.trust-item-enhanced{font-size:12px}.trust-icon-enhanced{font-size:20px}}.info-row-split{display:flex;gap:20px;margin-bottom:12px}.info-item-half{flex:1}.info-item-half .info-label{font-size:14px;color:#666;margin-bottom:4px;font-weight:500}.info-item-half .info-value{font-size:15px;color:#333;font-weight:600}.edit-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.5px}.edit-button:hover{background:#e9ecef;border-color:#dee2e6;color:#343a40}.edit-button:disabled{opacity:.6;cursor:not-allowed}.edit-button svg{width:16px;height:16px;flex-shrink:0}.people-preview{margin-bottom:20px}.subsection-title{font-size:1rem;font-weight:600;color:#495057;margin-bottom:12px;display:flex;align-items:center;gap:10px}.people-count-badge{background:#28a745;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500}.person-preview-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .2s ease}.person-preview-card.main-person{border-color:#007bff;background:#f0f8ff}.person-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.main-badge{background:#007bff;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500}.person-detail-item{display:flex;align-items:flex-start;gap:8px}.detail-label{font-weight:500;color:#6c757d;min-width:60px;font-size:.9rem}.detail-value{color:#495057;flex:1;font-size:.9rem}.analysis-goals-preview{margin-top:20px}.photos-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.photo-item-compact{position:relative;border-radius:8px;overflow:hidden;background:#f8f9fa;border:1px solid #e9ecef}.photo-image-wrapper-compact{position:relative;width:100%;height:100px;overflow:hidden}.photo-image-compact{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.photo-item-compact:hover .photo-image-compact{transform:scale(1.05)}.photo-label-badge-compact{position:absolute;bottom:4px;left:4px;right:4px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-options-compact{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:24px}.section-title-compact{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;text-align:center}.report-versions-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.report-card-compact{background:white;border:2px solid #e9ecef;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.report-card-compact:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.report-card-compact.selected{border-color:#007bff;background:#f8f9ff;box-shadow:0 4px 12px #007bff26}.report-card-compact.popular:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:40px solid transparent;border-top:40px solid #ff6b6b}.popular-badge-compact{position:absolute;top:8px;right:8px;background:#ff6b6b;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;z-index:2}.card-header-compact{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.version-name-compact{font-size:16px;font-weight:600;color:#333;margin:0}.version-price-compact{text-align:right;font-size:18px;font-weight:700;color:#007bff}.original-price-compact{display:block;font-size:12px;color:#999;text-decoration:line-through;margin-top:2px}.version-description-compact{font-size:13px;color:#666;margin-bottom:12px;line-height:1.4}.features-compact{margin-bottom:12px}.feature-item-compact{font-size:12px;color:#555;margin-bottom:4px;line-height:1.3}.more-features-compact{font-size:11px;color:#007bff;font-weight:500;margin-top:4px}.select-indicator-compact{height:20px;display:flex;align-items:center;justify-content:center}.selected-check-compact{background:#007bff;color:#fff;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:600}@media (max-width: 768px){.info-row-split{flex-direction:column;gap:12px}.photos-grid-compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.photo-image-wrapper-compact{height:80px}.report-versions-compact{grid-template-columns:1fr;gap:12px}.report-card-compact{padding:12px}.card-header-compact{flex-direction:column;align-items:flex-start;gap:8px}.version-price-compact{text-align:left}}.form-data-exporter{margin:20px 0}.exporter-buttons{display:flex;gap:12px;justify-content:flex-end}.exporter-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;background:#f5f5f5;color:#333;border:1px solid #ddd}.export-btn:hover{background-color:#e8f4fd;border-color:#4a90e2;color:#4a90e2}.import-btn:hover{background-color:#f0f7e6;border-color:#66bb6a;color:#66bb6a}.exporter-icon{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:90%;max-width:500px;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 16px #0003}.modal-content h3{font-size:20px;color:#333;margin-bottom:16px}.modal-content p{color:#666;margin-bottom:24px;line-height:1.5}.import-textarea{width:100%;min-height:150px;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;line-height:1.4;margin-bottom:20px}.import-textarea:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-primary-btn{background-color:#4a90e2;color:#fff;padding:10px 20px;border-radius:4px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}.modal-primary-btn:hover{background-color:#3a7bc8}.modal-secondary-btn{background-color:#f5f5f5;color:#333;padding:10px 20px;border-radius:4px;border:1px solid #ddd;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-secondary-btn:hover{background-color:#e9e9e9}.modal-error{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin-top:16px;font-size:14px}.modal-success{background-color:#e8f5e9;color:#2e7d32;padding:12px;border-radius:4px;margin-top:16px;font-size:14px}@media (max-width: 768px){.exporter-buttons{justify-content:center}.modal-content{width:95%;padding:16px}.modal-actions{flex-direction:column}.modal-primary-btn,.modal-secondary-btn{width:100%}}.feng-shui-analysis-container{max-width:1000px;margin:0 auto;padding:20px}.feng-shui-analysis-page{max-width:1000px;margin:0 auto;padding:40px 20px}.page-header{text-align:left;margin-bottom:30px}.page-header h1{color:var(--primary-color);margin:0 0 12px;font-size:2rem}.page-description{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.6;max-width:100%}.step-indicator{display:flex;justify-content:flex-start;width:100%;margin:30px 0;position:relative;max-width:100%;gap:8%}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;min-width:80px;flex:1}.check-icon{color:#fff;font-size:22px}.step-item.active .step-number{background-color:#4a90e2;border-color:#4a90e2;color:#fff;box-shadow:0 0 0 4px #4a90e233}.step-item.active .step-title{color:#4a90e2;font-weight:700}.step-item.completed .step-number{background-color:#4caf50;border-color:#4caf50;color:#fff}.step-item.completed .step-title{color:#4caf50}.step-item.completed:after{content:"";position:absolute;top:24px;left:50%;width:100%;height:2px;background-color:#4caf50;z-index:1}.step-item:last-child:after{display:none}.step-content-container{width:100%;margin-top:30px}@media (max-width: 768px){.step-indicator{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:10px;gap:5%}.step-item{min-width:90px;margin-right:10px;flex:0 0 auto}.step-title{font-size:12px;max-width:90px}.step-number{width:36px;height:36px;font-size:14px}.step-indicator:before{top:18px}.step-item.completed:after{top:18px}}@media (max-width: 480px){.step-item{min-width:70px}.step-title{font-size:11px;max-width:70px}.step-number{width:32px;height:32px}.step-indicator:before{top:16px}.step-item.completed:after{top:16px}}.analysis-content{min-height:400px}.upload-step{display:flex;flex-direction:column}.step-actions{display:flex;justify-content:space-between;margin-top:20px;gap:16px}.primary-btn,.secondary-btn{padding:12px 24px;border-radius:var(--border-radius-md);border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.primary-btn{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-soft)}.primary-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{background-color:#1f5f3680;cursor:not-allowed;transform:none}.secondary-btn{background-color:var(--background-color);color:var(--text-primary);box-shadow:var(--shadow-soft)}.secondary-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.secondary-btn:active{transform:translateY(0)}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center;max-width:600px;margin:0 auto}.loading-animation{margin-bottom:20px}.spinner{width:60px;height:60px;border-radius:50%;border:5px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);animation:spin 1s infinite linear}.result-step{display:flex;flex-direction:column}.result-actions{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){.feng-shui-analysis-page{padding:20px 16px}.page-header{margin-bottom:30px}.page-header h1{font-size:1.8rem}.page-description{font-size:1rem}.step-item{width:80px}.step-line{max-width:40px}.step-label{font-size:.8rem}}@media (max-width: 480px){.page-header h1{font-size:1.5rem}.step-label{display:none}.step-item{width:auto}.primary-btn,.secondary-btn{padding:10px 16px;font-size:.9rem}}.step-container{width:100%;max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}.step-form{width:100%}.step-form h2{margin-bottom:10px;color:#333;font-size:24px}.step-description{margin-bottom:30px;color:#666;font-size:16px;line-height:1.5}.form-group{margin-bottom:20px}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.form-group.half{flex:1;min-width:200px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-label.required:after{content:" *";color:#e53935}.form-input,.form-select,.form-textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9;font-size:16px;transition:border-color .3s,box-shadow .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2c7a7b;box-shadow:0 0 0 3px #2c7a7b33;outline:none}.form-input.form-error,.form-select.form-error,.form-textarea.form-error{border-color:#e53935}.error-message{color:#e53935;font-size:14px;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;margin-top:30px;gap:15px}.direction-selector{display:flex;flex-direction:column;gap:20px}.compass-container{display:flex;justify-content:center;padding:20px 0}.compass{width:120px;height:120px;border-radius:50%;border:2px solid #2c7a7b;position:relative;background-color:#f3f4f6;box-shadow:0 2px 8px #0000001a}.compass-north{position:absolute;top:5px;left:50%;transform:translate(-50%);font-weight:700;color:#e53935}.compass-needle{position:absolute;top:50%;left:50%;width:2px;height:55px;background-color:#e53935;transform-origin:bottom center;transform:translate(-50%,-100%)}.compass-needle:after{content:"";position:absolute;width:10px;height:10px;background-color:#e53935;border-radius:50%;top:0;left:-4px}.direction-controls{display:flex;flex-direction:column;gap:15px}.direction-value{display:flex;justify-content:space-between;font-weight:500;color:#333}.direction-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f3f4f6;border-radius:3px;outline:none}.direction-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2c7a7b;cursor:pointer;border:2px solid white;box-shadow:0 2px 5px #0003}.direction-buttons{display:flex;gap:10px}.direction-btn{flex:1;padding:8px 12px;background-color:#f3f4f6;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.direction-btn:hover{background-color:#e5e7eb}.compass-btn{padding:10px 15px;background-color:#f3f4f6;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s;text-align:center}.compass-btn:hover{background-color:#e5e7eb}.compass-btn.active{background-color:#2c7a7b;color:#fff;border-color:#2c7a7b}.steps-indicator{display:flex;align-items:flex-start;margin:2.5rem 0;position:relative;padding:0 1rem}.steps-indicator:before{content:none}.steps-indicator.compact{padding:0;margin:1.5rem 0}.step-item{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .5rem;transition:all .3s ease}.steps-indicator.compact .step-item{flex-direction:row;align-items:center;text-align:left;padding:.5rem 0;margin-right:1.5rem}.steps-indicator.compact .step-item:last-child{margin-right:0}.step-circle{width:40px;height:40px;border-radius:50%;background-color:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#999;margin-bottom:.75rem;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.steps-indicator.compact .step-circle{width:32px;height:32px;margin-bottom:0;margin-right:.75rem;font-size:.875rem}.step-item.active .step-circle{background-color:#4a90e2;border-color:#4a90e2;color:#fff;box-shadow:0 0 0 4px #4a90e233;transform:scale(1.1)}.step-content{display:flex;flex-direction:column;align-items:center}.steps-indicator.compact .step-content{align-items:flex-start}.step-label{font-size:.9375rem;font-weight:500;color:#666;transition:all .3s ease;white-space:nowrap}.steps-indicator.compact .step-label{font-size:.875rem}.step-description{font-size:.8125rem;color:#999;margin-top:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.step-connector{position:absolute;top:20px;left:0;height:2px;z-index:1;transition:width .6s ease}.steps-indicator.compact .step-connector{top:16px;display:none}.step-connector-progress{background-color:#4a90e2;z-index:2}.step-connector-remaining{background-color:#e0e0e0;width:100%}@media (min-width: 768px){.steps-indicator:not(.compact){max-width:800px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:nowrap;justify-content:space-between}.steps-indicator:not(.compact) .step-item{flex:0 1 auto;width:18%;max-width:150px}.steps-indicator:not(.compact) .step-description{max-width:100%}}@media (max-width: 767px){.steps-indicator:not(.compact){flex-direction:column;margin:2rem 0}.steps-indicator:not(.compact) .step-item{flex-direction:row;align-items:center;text-align:left;width:100%;padding:.5rem 1rem;margin-bottom:.75rem}.steps-indicator:not(.compact) .step-item:last-child{margin-bottom:0}.steps-indicator:not(.compact) .step-circle{margin-right:1rem;margin-bottom:0}.steps-indicator:not(.compact) .step-connector{display:none}.steps-indicator:not(.compact) .step-content{align-items:flex-start}.steps-indicator:not(.compact) .step-description{max-width:none}}.floorplan-annotator{border:1px solid #ddd;border-radius:8px;margin-top:20px;min-height:400px;background-color:#f9f9f9}.photo-upload-area{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.photo-item{position:relative;width:180px;height:180px;border-radius:8px;overflow:hidden;background-color:#f3f4f6;border:1px dashed #ddd}.photo-actions{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;display:flex;justify-content:space-between;padding:8px}.photo-action-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.resident-form{background-color:#f9f9f9;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;border-left:4px solid #4a90e2}.resident-form:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.new-resident{background-color:#f0f7ff;border-left:4px solid #4caf50}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;transition:color .2s}.radio-label:hover{color:#4a90e2}.resident-actions{display:flex;justify-content:flex-end;margin-top:1.5rem;gap:1rem}.resident-actions .delete-btn{background-color:#fff;color:#e53935;border:1px solid #e53935;border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.resident-actions .delete-btn:hover{background-color:#ffebee}.no-residents-message{text-align:center;padding:3rem 2rem;background-color:#f9f9f9;border-radius:12px;border:1px dashed #ccc;margin:2rem 0;color:#666}.residents-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.resident-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;border-left:4px solid #4a90e2}.resident-card:hover{box-shadow:0 4px 12px #0000001f}.resident-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #eee}.resident-card-name{font-size:1.2rem;font-weight:600;color:#333}.resident-card-actions{display:flex;gap:.75rem}.resident-card-action{background:none;border:none;color:#666;cursor:pointer;transition:color .2s}.resident-card-action:hover{color:#4a90e2}.resident-card-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.resident-info-item{display:flex;flex-direction:column;gap:.25rem}.resident-info-label{font-size:.9rem;color:#666}.resident-info-value{font-weight:500;color:#333}.add-resident-btn{width:100%;padding:1.25rem;background-color:#f0f9ff;border:2px dashed #4a90e2;border-radius:12px;color:#4a90e2;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.add-resident-btn:hover{background-color:#e1f5fe;transform:translateY(-2px)}.add-resident-btn svg{font-size:1.5rem}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ddd;border-radius:8px;padding:30px;background-color:#f9f9f9;cursor:pointer;transition:background-color .3s,border-color .3s;margin-top:20px}.file-upload-area:hover,.file-upload-area.dragging{background-color:#f0f0f0;border-color:#2c7a7b}.upload-icon{color:#2c7a7b;margin-bottom:15px}.upload-text{text-align:center}.upload-text .primary-text{font-size:18px;font-weight:500;margin-bottom:5px;color:#333}.upload-text .secondary-text{font-size:14px;color:#666;margin-bottom:10px}.upload-text .format-text{font-size:12px;color:#999}.floor-content{padding:15px;background-color:#f9f9f9;border-radius:8px;margin-bottom:20px}.floor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.floor-header h3{margin:0;font-size:18px;color:#333}.delete-floor-btn{padding:5px 10px;background-color:#f3f4f6;border:1px solid #ddd;border-radius:4px;color:#e53935;cursor:pointer;font-size:14px;transition:all .3s}.delete-floor-btn:hover{background-color:#ffebee;border-color:#e53935}.floor-direction{margin-bottom:20px}.floor-direction h4{margin-bottom:10px;font-size:16px;color:#333}.simple-direction-selector{margin:15px 0}.direction-display{display:flex;justify-content:center;align-items:center;margin-bottom:10px;height:40px}.direction-text{display:flex;align-items:center;justify-content:center;cursor:text;padding:8px 12px;border:1px solid #ddd;border-radius:4px;position:relative;min-width:120px}.direction-text:hover{border-color:#3498db}.direction-degree{margin-left:5px;color:#666}.edit-direction-btn{position:absolute;right:5px;background:transparent;border:none;cursor:pointer;opacity:.5;padding:2px}.edit-direction-btn:hover{opacity:1}.direction-input{padding:8px 12px;border:1px solid #3498db;border-radius:4px;text-align:center;width:120px}.direction-slider{width:100%;margin:15px 0;-webkit-appearance:none;height:6px;border-radius:3px;background:#e0e0e0;outline:none}.direction-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3498db;cursor:pointer;border:none}.direction-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3498db;cursor:pointer;border:none}.direction-buttons{display:flex;justify-content:center;gap:10px;margin-top:10px}.direction-btn{padding:6px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.direction-btn:hover{background-color:#e0e0e0;border-color:#3498db}.floor-upload,.floor-annotation{margin-top:20px}.floor-upload h4,.floor-annotation h4{margin-bottom:10px;font-size:16px;color:#333}.floor-upload p{margin-bottom:15px;color:#666;font-size:14px}.annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.secondary-btn.small{padding:5px 10px;font-size:14px}.annotation-tools{padding:15px;background-color:#fff;border-radius:8px;margin-bottom:20px;border:1px solid #ddd}.tool-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.tool-btn{padding:8px 12px;background-color:#f3f4f6;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.tool-btn.active{background-color:#2c7a7b;color:#fff;border-color:#2c7a7b}.required-tag{font-size:12px;padding:2px 4px;background-color:#ffebee;color:#e53935;border-radius:3px}.tool-btn.active .required-tag{background-color:#fff3;color:#fff}.tool-instructions{background-color:#f9f9f9;padding:10px;border-radius:4px;font-size:14px}.tool-instructions h4{margin-bottom:10px;font-size:16px}.tool-instructions ol{padding-left:20px;margin:0}.tool-instructions li{margin-bottom:5px;color:#666}.annotation-workspace{cursor:crosshair;margin-top:20px;background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.image-container{padding:10px}.annotation-marker{display:flex;flex-direction:column;align-items:center;cursor:pointer}.annotation-icon{width:20px;height:20px;border-radius:50%;background-color:#2c7a7bcc;border:2px solid white;box-shadow:0 2px 4px #0003}.annotation-label{margin-top:5px;background-color:#000000b3;color:#fff;padding:2px 5px;border-radius:3px;font-size:12px;white-space:nowrap}.annotation-marker:hover .annotation-icon{background-color:#e53935}.annotation-controls{margin-top:15px;display:flex;justify-content:flex-end}.annotation-marker.door .annotation-icon{background-color:#e53935}.annotation-marker.kitchen .annotation-icon{background-color:#43a047}.annotation-marker.bedroom .annotation-icon{background-color:#1e88e5}.annotation-marker.bathroom .annotation-icon{background-color:#7b1fa2}.annotation-marker.living_room .annotation-icon{background-color:#ff9800}.annotation-marker.window .annotation-icon{background-color:#03a9f4}.annotation-marker.balcony .annotation-icon{background-color:#009688}.annotation-marker.missing_corner .annotation-icon{background-color:#f44336;border-radius:0;transform:rotate(45deg)}.photo-upload-section{margin-bottom:2rem}.photo-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.photo-upload-box{border:2px dashed #ccc;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.photo-upload-box:hover,.photo-upload-box.dragging{border-color:#4a90e2;background-color:#4a90e20d}.photo-upload-box .upload-icon{margin-bottom:1rem;color:#666}.photo-upload-box h4{margin:.5rem 0;color:#333}.photo-upload-box p{margin:0;font-size:.875rem;color:#666}.photos-section{margin-bottom:2rem}.photo-type-section{margin-bottom:1.5rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.photo-item{border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;background-color:#fff}.photo-preview-container{position:relative;height:180px;overflow:hidden}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-type-tag{position:absolute;top:10px;right:10px;background-color:#0009;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.photo-details{padding:1rem}.angle-slider{width:100%;margin:.5rem 0}.angle-value{text-align:center;font-size:.875rem;color:#666;margin-bottom:.5rem}.photo-actions{display:flex;justify-content:flex-end;margin-top:1rem}.delete-btn{background-color:transparent;border:none;color:#ff4d4f;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .3s ease}.delete-btn:hover{background-color:#ff4d4f1a}.data-summary{margin:1.5rem 0;background-color:#f9f9f9;border-radius:8px;padding:1.5rem}.summary-section{margin-bottom:1.5rem}.summary-section:last-child{margin-bottom:0}.summary-list{list-style:none;padding:0;margin:.5rem 0 0}.summary-list li{display:flex;margin-bottom:.5rem}.summary-label{font-weight:500;min-width:120px;color:#666}.summary-value{color:#333}.generate-report-btn-container{display:flex;justify-content:center;margin:2rem 0}.incomplete-data-warning{color:#ff4d4f;text-align:center;margin:2rem 0;padding:1rem;background-color:#ff4d4f1a;border-radius:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #4a90e2;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1.5rem}.analysis-result{margin-top:1.5rem}.score-section{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.overall-score{text-align:center;margin-bottom:1.5rem}.score-value{font-size:4rem;font-weight:700;color:#4a90e2;line-height:1}.score-label{font-size:1rem;color:#666;margin-top:.5rem}.detail-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%}.score-item{text-align:center;background-color:#f9f9f9;padding:1rem;border-radius:8px;min-width:100px}.score-item-value{font-size:1.5rem;font-weight:600;color:#333}.score-item-label{font-size:.875rem;color:#666;margin-top:.5rem}.sections-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.sections-container{grid-template-columns:1fr}}.analysis-section{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.issues-list,.solutions-list{list-style:none;padding:0;margin:1rem 0 0}.issues-list li,.solutions-list li{margin-bottom:1rem;padding:1rem;border-radius:8px;background-color:#fff}.severity-high{border-left:4px solid #ff4d4f}.severity-medium{border-left:4px solid #faad14}.severity-low{border-left:4px solid #52c41a}.issue-severity{font-size:.75rem;font-weight:600;margin-bottom:.5rem}.severity-high .issue-severity{color:#ff4d4f}.severity-medium .issue-severity{color:#faad14}.severity-low .issue-severity{color:#52c41a}.tips-list{margin-top:1rem}.tip-item{display:flex;margin-bottom:1rem;padding:1rem;background-color:#fff;border-radius:8px}.tip-icon{margin-right:1rem;font-size:1.25rem}.report-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.action-btn{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:.75rem 1.25rem;color:#333;cursor:pointer;transition:all .3s ease}.action-btn:hover{background-color:#f0f0f0;border-color:#d9d9d9}.disclaimer{font-size:.875rem;color:#999;text-align:center;margin-top:2rem;font-style:italic}.data-preview-container{margin:1.5rem 0}.preview-title{font-size:1.25rem;margin-bottom:.5rem;color:#333}.preview-description{color:#666;margin-bottom:1.5rem}.preview-section{margin-bottom:2rem;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.preview-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9f9f9;border-bottom:1px solid #e8e8e8}.preview-section-header h4{margin:0;color:#333}.edit-btn{background-color:transparent;border:none;color:#4a90e2;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.edit-btn:hover{text-decoration:underline}.preview-content{padding:1rem;background-color:#fff}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;color:#666}.info-value{font-size:1rem;color:#333;font-weight:500}.floorplan-info{margin-bottom:1rem}.floorplan-thumbnails,.photo-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.floorplan-thumbnail,.photo-thumbnail{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.thumbnail-container{position:relative;width:100%;height:120px}.thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#0009;color:#fff;padding:.5rem;font-size:.875rem}.residents-list-preview{display:flex;flex-direction:column;gap:1rem}.resident-preview-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border:1px solid #eee;border-radius:8px;background-color:#f9f9f9}.resident-avatar{width:40px;height:40px;background-color:#4a90e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.resident-details h5{margin:0 0 .25rem;color:#333}.resident-details p{margin:0;font-size:.875rem;color:#666}.no-data-message{text-align:center;padding:2rem;color:#999;background-color:#f9f9f9;border-radius:4px}.generate-report-btn{display:flex;align-items:center;gap:.5rem;font-size:1rem;padding:.75rem 1.5rem}.free-report-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f0f7ff;border-radius:4px;color:#4a90e2;font-size:.875rem;margin-bottom:1.5rem}.report-title{font-size:2rem;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:1rem}.report-subtitle{font-size:1.1rem;color:#666;text-align:center;margin-bottom:2rem}.score-circle{width:120px;height:120px;border-radius:50%;background-color:#f9f9f9;border:3px solid #4a90e2;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.score-number{font-size:3rem;color:#4a90e2;font-weight:700}.score-interpretation{font-size:1rem;color:#333;margin-top:.5rem;text-align:center;font-weight:500}.report-preview-banner{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 4px 6px #0000000d}.banner-content{max-width:800px;margin:0 auto}.banner-text h4{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem}.banner-text p{color:#666;margin-bottom:.5rem}.ai-note{font-size:.9rem;color:#666;font-style:italic}.banner-buttons{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.master-content{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.master-header{margin-bottom:2rem}.master-profile{display:flex;align-items:center;gap:1.5rem}.master-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden}.master-avatar img{width:100%;height:100%;object-fit:cover}.master-info h5{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem}.master-title{color:#666;font-size:1.1rem;margin-bottom:.25rem}.master-experience{color:#666;font-size:.9rem}.consultation-steps{margin:2rem 0}.consultation-step{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.step-number{width:32px;height:32px;background:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.step-content h6{color:#2c3e50;margin-bottom:.5rem}.step-content p{color:#666;font-size:.9rem}.master-schedule{text-align:center;margin-top:2rem}.master-schedule h5{color:#2c3e50;margin-bottom:.5rem}.master-schedule p{color:#666;margin-bottom:1rem}.schedule-btn{background:#4a90e2;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.schedule-btn:hover{background:#357abd}.primary-btn,.secondary-btn{padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.primary-btn{background:#4a90e2;color:#fff;border:none}.primary-btn:hover{background:#357abd}.secondary-btn{background:#f5f5f5;color:#333;border:1px solid #ddd;box-shadow:0 2px 4px #0000000d}.secondary-btn:hover{background:#e0e0e0;border-color:#ccc;box-shadow:0 3px 6px #0000001a}.floor-management{margin-bottom:20px}.floor-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px}.floor-tab-container{position:relative}.floor-tab{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px 35px 8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;position:relative}.floor-tab.active{background-color:#3498db;color:#fff;font-weight:500}.floor-tab:hover{background-color:#e0e0e0}.floor-tab.active:hover{background-color:#2980b9}.edit-floor-name-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;opacity:.6;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.edit-floor-name-btn:hover{background-color:#0000001a;opacity:1}.floor-tab.active .edit-floor-name-btn{color:#fff}.floor-tab-edit{display:flex;border:1px solid #3498db;border-radius:4px;overflow:hidden}.floor-tab-edit input{padding:8px 10px;font-size:14px;border:none;outline:none;min-width:100px}.edit-actions{display:flex}.edit-save-btn,.edit-cancel-btn{border:none;padding:0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-save-btn{background-color:#2ecc71;color:#fff}.edit-cancel-btn{background-color:#e74c3c;color:#fff}.floor-add-buttons{display:flex;gap:5px}.add-floor-btn,.add-basement-btn{width:32px;height:32px;border-radius:50%;border:1px dashed #3498db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:18px;color:#3498db;transition:all .2s}.add-floor-btn:hover,.add-basement-btn:hover{background-color:#3498db;color:#fff}.add-basement-btn{font-size:13px}@media (max-width: 768px){.floor-tabs{overflow-x:auto;padding-bottom:10px;flex-wrap:nowrap}.floor-tab{white-space:nowrap}}.unlocked-content{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;margin-top:15px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.issues-content{display:flex;flex-direction:column;gap:15px}.issue-item{border-radius:6px;position:relative;padding:15px 15px 15px 20px;border-left:4px solid}.issue-item.severity-high{background-color:#e74c3c1a;border-left-color:#e74c3c}.issue-item.severity-medium{background-color:#f39c121a;border-left-color:#f39c12}.issue-item.severity-low{background-color:#2ecc711a;border-left-color:#2ecc71}.severity-tag{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;margin-bottom:8px}.issue-item.severity-high .severity-tag{background-color:#e74c3c;color:#fff}.issue-item.severity-medium .severity-tag{background-color:#f39c12;color:#fff}.issue-item.severity-low .severity-tag{background-color:#2ecc71;color:#fff}.professional-content{color:#333}.professional-content h4{margin-bottom:15px;color:#3498db}.pro-section{display:flex;flex-direction:column;gap:20px}.pro-section h5{margin-bottom:10px;color:#444;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.energy-map-preview{margin-top:10px}.energy-map-image{width:100%;height:180px;border-radius:8px;margin-bottom:10px;border:1px solid #ddd}.master-content{color:#333}.master-content h4{margin-bottom:15px;color:#9b59b6}.master-section{display:flex;flex-direction:column;gap:25px}.master-profile{display:flex;align-items:center;gap:15px;padding:15px;background-color:#9b59b60d;border-radius:8px}.master-avatar{width:80px;height:80px;border-radius:50%;background-color:#e0e0e0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="%239b59b6" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>');background-position:center;background-repeat:no-repeat;background-size:60%;flex-shrink:0}.master-info h5{margin:0 0 5px;color:#9b59b6}.master-info p{margin:0 0 5px;font-size:14px;color:#666}.master-consultation h5{margin-bottom:10px;color:#444;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.master-consultation ol{padding-left:20px}.master-consultation li{margin-bottom:8px}.master-schedule h5{margin-bottom:10px;color:#444;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.schedule-btn{margin-top:10px;background-color:#9b59b6;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.schedule-btn:hover{background-color:#8e44ad}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:100%;width:90%;position:relative;box-shadow:0 10px 25px #0000001a}.modal-content-order{background:#fff;border-radius:16px;padding:2rem;max-width:100%;width:100%;position:relative;box-shadow:0 10px 25px #0000001a}.modal-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.5rem;color:#333;font-weight:600}.modal-body{margin-bottom:1.5rem}.modal-body p{margin:0;color:#666;line-height:1.6;font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.modal-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease;cursor:pointer}.modal-button.primary{background:#4a90e2;color:#fff;border:none}.modal-button.primary:hover{background:#357abd}.modal-button.secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.modal-button.secondary:hover{background:#e8e8e8}.step-guide{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d;border:1px solid #eee}.guide-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.guide-icon{width:56px;height:56px;background:#e6f7ff;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#4a90e2;font-size:1.75rem}.guide-title h3{margin:0 0 .75rem;font-size:1.5rem;color:#333;font-weight:600}.guide-title p{margin:0;color:#666;font-size:1.125rem;line-height:1.6}.guide-tips{background:#f8f9fa;border-radius:12px;padding:1.5rem}.guide-tips h4{margin:0 0 1rem;font-size:1.25rem;color:#333;font-weight:600}.guide-tips ul{margin:0;padding:0;list-style:none}.guide-tips li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:#666;font-size:1rem;line-height:1.5}.guide-tips li:last-child{margin-bottom:0}.tip-icon{color:#4a90e2;font-weight:700;font-size:1.25rem}.tip-text{flex:1}.analysis-header{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;margin-bottom:2rem}.analysis-header h1{font-size:2.5rem;color:#333;margin-bottom:1rem;font-weight:700}.analysis-header p{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.modal-content{padding:1.5rem;width:95%}.step-guide{padding:1.5rem}.guide-header{gap:1rem}.guide-icon{width:48px;height:48px;font-size:1.5rem}.guide-title h3{font-size:1.25rem}.analysis-header{padding:2rem 1rem}.analysis-header h1{font-size:2rem}}.steps-indicator{display:flex;justify-content:space-between;margin:2rem 0 3rem;position:relative}.steps-indicator:before{content:"";position:absolute;top:25px;left:0;right:0;height:2px;background-color:#e0e0e0;z-index:1}.step-item{position:relative;z-index:2;text-align:center;flex:1}.step-circle{width:50px;height:50px;border-radius:50%;background-color:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#999;margin:0 auto 12px;position:relative;transition:all .3s ease}.step-item.active .step-circle{background-color:#4a90e2;border-color:#4a90e2;color:#fff;box-shadow:0 0 0 4px #4a90e233}.step-item.completed .step-circle{background-color:#52c41a;border-color:#52c41a;color:#fff}.step-item.completed .step-circle:after{content:"✓";font-size:1.25rem}.step-item.completed:before{background-color:#52c41a}.step-label{font-size:.875rem;font-weight:500;color:#666;transition:all .3s ease}.step-item.active .step-label{color:#4a90e2;font-weight:600}.step-item.completed .step-label{color:#52c41a}.step-description{font-size:.75rem;color:#999;margin-top:4px;transition:all .3s ease}.step-item.active .step-description{color:#666}.step-connector{position:absolute;top:25px;height:2px;z-index:1;transition:width .3s ease}.step-connector-progress{background-color:#4a90e2}.step-connector-remaining{background-color:#e0e0e0}@media (max-width: 768px){.steps-indicator{margin:1.5rem 0 2rem}.step-circle{width:40px;height:40px;font-size:.9375rem}.steps-indicator:before{top:20px}.step-connector{top:20px}.step-label{font-size:.75rem}.step-description{display:none}}.photos-container{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.section-title{margin-bottom:.5rem!important;color:#333;font-weight:600!important}.section-description{color:#666;margin-bottom:1.5rem!important}.photo-gallery{margin-top:2rem}.photo-grid{margin-top:1rem}.photo-item{transition:transform .2s ease}.photo-paper{height:100%;overflow:hidden;border-radius:8px!important;transition:box-shadow .3s ease}.photo-paper:hover{box-shadow:0 5px 15px #00000026!important}.photo-preview{height:180px;overflow:hidden;position:relative;background-color:#f5f5f5}.photo-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-item:hover .photo-image{transform:scale(1.05)}.photo-info{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;background-color:#fafafa;border-top:1px solid #eee}.photo-name{flex:1;margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-button{color:#999!important}.delete-button:hover{color:#f44336!important;background-color:#f4433614!important}.photo-actions-overlay{position:absolute;top:5px;right:5px;opacity:0;transition:opacity .2s ease}.photo-preview:hover .photo-actions-overlay{opacity:1}.delete-button-overlay{background-color:#fffc!important}.delete-button-overlay:hover{background-color:#ffffffe6!important;color:#f44336!important}@media (max-width: 600px){.photos-container{padding:1rem}.photo-preview{height:140px}.photo-info{padding:6px 8px}}.photos-step{width:100%;max-width:1200px;margin:0 auto;padding:20px}.photos-step h3{font-size:20px;margin-bottom:10px;color:#333}.photos-description{font-size:14px;color:#666;margin-bottom:20px;max-width:700px}.photo-upload-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f9f9f9}.photo-type-selector{width:100%;margin-bottom:10px}.total-count-display{text-align:center;margin-bottom:12px;padding:8px 16px;background-color:#f0f9ff;border-radius:6px;border:1px solid #bfdbfe}.total-count-text{font-size:14px;font-weight:600;color:#1d4ed8}.type-options{display:flex;flex-wrap:wrap;gap:10px}.type-option{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .2s ease}.type-option.selected{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.type-option span{font-size:14px;font-weight:500}.photo-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background-color:#fff;border:2px dashed #ccc;border-radius:8px;cursor:pointer;transition:all .3s ease}.photo-upload-area:hover{border-color:#4a90e2;background-color:#f5f8ff}.photo-upload-area.dragging{border-color:#4a90e2;background-color:#f0f7ff}.photo-upload-area.disabled{opacity:.6;cursor:not-allowed;border-color:#ddd}.type-option.disabled{opacity:.7;cursor:not-allowed;background-color:#f0f0f0;color:#999}.type-option.disabled.selected{background-color:#b0c9e7;color:#666}.upload-icon{margin-bottom:15px;color:#666}.upload-text p{text-align:center;color:#666;font-size:14px;margin:0}.photos-gallery{margin-top:30px}.section-subtitle{font-size:16px;color:#444;margin-bottom:15px;font-weight:500}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.photo-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background-color:#fff;transition:transform .2s ease}.photo-item:hover{transform:translateY(-5px)}.photo-preview{position:relative;width:100%;height:160px;background-size:cover;background-position:center;background-repeat:no-repeat}.photo-type-tag{position:absolute;top:10px;left:10px;background-color:#0009;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px}.photo-action-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;background-color:#0009;color:#fff}.delete-btn{top:10px;right:10px}.delete-btn:hover{background-color:#dc3545cc}.primary-btn,.secondary-btn{padding:10px 20px;border-radius:4px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.primary-btn{background-color:#4a90e2;color:#fff}.primary-btn:hover{background-color:#3a7bc8}@media (max-width: 768px){.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-preview{height:120px}.form-actions{flex-direction:column;gap:10px}.primary-btn,.secondary-btn{width:100%}}.delete-confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-confirm-content{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%}.delete-confirm-content h4{margin-top:0;margin-bottom:16px;color:#333}.delete-confirm-content p{margin-bottom:24px;color:#666}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:12px}.danger-btn{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.danger-btn:hover{background-color:#d32f2f}.secondary-text{font-size:.85em;color:#777;margin-top:4px}.error-message{color:#f44336;margin-top:8px;font-size:14px;padding:4px 8px;background-color:#ffebee;border-radius:4px;border-left:3px solid #f44336}.error-text{color:#f44336}.residents-step{width:100%;max-width:1200px;margin:0 auto;padding:20px}.step-title{font-size:24px;color:#333;margin-bottom:20px}.section-title{font-size:16px;font-weight:600;color:#345e4e;margin:0 0 15px;padding-left:12px;position:relative;display:flex;align-items:center}.section-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#345e4e;border-radius:2px}.step-description{color:#666;margin-bottom:25px;line-height:1.5;font-size:15px}.residents-list{margin-bottom:30px;border:1px solid #e8e8e8;border-radius:8px;padding:20px;background-color:#fafafa}.residents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.residents-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.residents-grid{grid-template-columns:1fr}}.resident-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:16px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #eaeaea;height:100%}.resident-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.main-resident{border:2px solid #4a90e2;background-color:#f5f9ff}.resident-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;flex:1}.resident-row{display:flex;justify-content:flex-start;align-items:center;padding:4px 0;flex-wrap:wrap}.resident-name{font-weight:600;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2}.resident-gender,.resident-relationship,.resident-birthdate{font-size:14px;color:#666;display:flex;align-items:center}.resident-gender:before,.resident-relationship:before,.resident-birthdate:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#4a90e2;margin-right:6px;opacity:.7}.resident-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #eee}.set-main-btn{background-color:transparent;color:#4a90e2;border:1px solid #4a90e2;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.set-main-btn:hover{background-color:#4a90e2;color:#fff}.main-label{background-color:#e6f0ff;color:#4a90e2;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500}.remove-btn{background-color:transparent;color:#ff5252;border:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background-color:#fee}.add-resident-form{background-color:#f8f8f8;border-radius:8px;padding:24px;margin-bottom:30px;border:1px solid #e0e0e0;box-shadow:0 2px 6px #0000000d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;color:#555;margin-bottom:8px;font-weight:500}.form-group input,.form-group select{height:42px;padding:8px 12px;border-radius:6px;border:1px solid #ddd;font-size:14px;transition:all .2s ease;background-color:#fff}.form-group input:focus,.form-group select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.form-group input.error,.form-group select.error{border-color:#ff5252;background-color:#fff8f8}.error-text{color:#ff5252;font-size:12px;margin-top:6px}.gender-options{display:flex;gap:10px}.gender-option{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .2s ease;flex:1;height:42px}.gender-option.selected{background-color:#4a90e2;color:#fff;border-color:#4a90e2;font-weight:500}.gender-option span{font-size:14px}.date-input{height:42px;padding:8px 12px;border-radius:6px;border:1px solid #ddd;font-size:14px}.add-resident-btn{background-color:#4a90e2;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;margin-top:15px;box-shadow:0 2px 4px #0000001a}.add-resident-btn:hover{background-color:#3a7bc8;box-shadow:0 4px 8px #00000026}.form-actions{display:flex;justify-content:space-between;margin-top:30px}.primary-btn,.secondary-btn{padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;font-size:15px;min-width:120px}.primary-btn{background-color:#3878df;color:#fff;box-shadow:0 2px 4px #0000001a}.primary-btn:hover{background-color:#2d68cc;box-shadow:0 4px 8px #00000026}.secondary-btn{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.secondary-btn:hover{background-color:#e9e9e9}.optional-field{font-size:13px;color:#999;font-weight:400;margin-left:4px}.added-residents-section{margin-top:30px}.sidebar-title{font-size:16px;font-weight:600;color:#345e4e;margin-bottom:15px;padding-left:12px;position:relative;display:flex;align-items:center}.sidebar-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#345e4e;border-radius:2px}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:15px}.residents-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:12px}.form-actions button{width:100%}.secondary-btn{order:2}.primary-btn{order:1}}.step5-preview{max-width:900px;margin:0 auto}.submission-progress,.submission-progress *{box-sizing:border-box!important}.submission-progress{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;background:linear-gradient(145deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.98) 100%);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-radius:24px;padding:40px 48px;box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,0 8px 16px #0000000a,0 0 0 1px #fff3;min-width:420px;max-width:90vw;text-align:center;animation:progressAppear .4s cubic-bezier(.25,.46,.45,.94)}.submission-progress:before{content:"";position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9998!important;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes progressAppear{0%{opacity:0;transform:translate(-50%,-60%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.progress-title{font-size:24px;font-weight:800;background:linear-gradient(135deg,#1e293b 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:32px;text-align:center;line-height:1.2}.progress-bar{width:100%;height:16px;background:linear-gradient(90deg,#f8fafc 0%,#e2e8f0 50%,#f1f5f9 100%);border-radius:12px;overflow:hidden;margin-bottom:24px;position:relative;box-shadow:inset 0 2px 4px #00000014,0 1px 2px #0000000d;border:1px solid rgba(226,232,240,.5)}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:12px 12px 0 0}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981 0%,#3b82f6 30%,#6366f1 60%,#8b5cf6 100%);border-radius:12px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 0 20px #3b82f64d,inset 0 1px #ffffff4d}.progress-text{color:#475569;font-size:18px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:16px;line-height:1.4}.progress-subtitle{color:#64748b;font-size:15px;font-weight:400;line-height:1.6;opacity:.8;margin-top:16px}@media (max-width: 768px){.submission-progress{min-width:320px;max-width:calc(100vw - 32px);padding:32px 36px;border-radius:20px}.progress-bar{height:14px;margin-bottom:20px}.progress-text{font-size:16px}}@media (max-width: 480px){.submission-progress{min-width:300px;max-width:calc(100vw - 24px);padding:28px 32px}.progress-text{font-size:15px}}.step-header{margin-bottom:2rem}.content-container{padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.report-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.report-title{font-size:1.8rem;color:#333;margin-bottom:.5rem}.report-description{color:#666;margin-bottom:1.5rem}.report-score{display:flex;justify-content:center;margin:1rem 0}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:0 4px 15px #2575fc33}.score-value{font-size:2.5rem;font-weight:700;line-height:1}.score-label{font-size:.9rem;margin-top:.5rem}.report-sections{display:flex;flex-direction:column;gap:2rem}.analysis-section{padding:1.5rem;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0000000d}.analysis-section h3{font-size:1.4rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.analysis-section h4{font-size:1.2rem;margin:1rem 0 .5rem;color:#444}.no-data{color:#888;font-style:italic;text-align:center;padding:1rem}.score-card{padding:1rem}.score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.score-item{background:white;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d;text-align:center}.score-item-title{font-weight:500;color:#555;margin-bottom:.5rem}.score-item-value{font-size:1.5rem;font-weight:700;color:#2575fc}.bagua-map{padding:1rem}.bagua-container{aspect-ratio:1/1;max-width:400px;margin:0 auto}.bagua-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;height:100%}.bagua-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;background:white;border:1px solid #ddd;text-align:center;position:relative}.bagua-direction{font-weight:700;font-size:1.1rem}.bagua-element{font-size:.9rem;color:#666}.bagua-energy{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#f0f0f0;display:flex;justify-content:center;align-items:center;font-size:.8rem;font-weight:700}.functional-areas{padding:1rem}.areas-container{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.areas-container{grid-template-columns:1fr 1fr}}.areas-list{list-style:none;padding:0;margin:0}.area-item{margin-bottom:1rem;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.area-item.auspicious{background:rgba(76,175,80,.1);border-left:4px solid #4caf50}.area-item.inauspicious{background:rgba(244,67,54,.1);border-left:4px solid #f44336}.area-direction{font-weight:700;margin-bottom:.5rem}.area-description{font-size:.95rem;color:#555}.compatibility{padding:1rem}.compatibility-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 768px){.compatibility-container{flex-direction:row;align-items:flex-start}.compatibility-score{flex:0 0 150px}.compatibility-details{flex:1}}.compatibility-score{text-align:center;padding:1rem}.compatibility-value{font-size:2rem;font-weight:700;color:#2575fc;margin-bottom:.5rem}.compatibility-label{font-size:1rem;color:#555}.compatibility-details{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.missing-corners{padding:1rem}.corners-list{list-style:none;padding:0;margin:0}.corner-item{margin-bottom:1rem;padding:1rem;border-radius:8px;background:rgba(255,193,7,.1);border-left:4px solid #ffc107;box-shadow:0 2px 4px #0000000d}.corner-location{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.5rem}.corner-icon{font-size:1.2rem}.corner-impact{font-size:.95rem;color:#d32f2f;margin-bottom:.5rem}.corner-remedy{font-size:.95rem;color:#555;border-top:1px solid #eee;padding-top:.5rem}.no-corners{color:#4caf50;font-weight:500;text-align:center;padding:1rem}.fortune-list{list-style:none;padding:0;margin:0}.fortune-item{margin-bottom:1rem;padding:1rem;border-radius:8px;background:white;box-shadow:0 2px 4px #0000000d}.fortune-category{font-weight:700;color:#2575fc;margin-bottom:.5rem}.fortune-content{font-size:.95rem;color:#555}.personal-layout{padding:1rem}.layout-description{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem}.layout-tips{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.tips-list{padding-left:1.5rem}.tip-item{margin-bottom:.5rem;color:#555}.recommendations-list{list-style:none;padding:0;margin:0}.recommendation-item{margin-bottom:1rem;padding:1rem;border-radius:8px;background:white;box-shadow:0 2px 4px #0000000d}.recommendation-header{display:flex;align-items:center;margin-bottom:.5rem}.recommendation-tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;margin-right:.5rem;background:#e3f2fd;color:#1976d2}.recommendation-header h4{margin:0;font-size:1.1rem}.no-recommendations{color:#888;font-style:italic;text-align:center;padding:1rem}.expert-review-section{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border:none}.expert-review-container{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.expert-review-container{grid-template-columns:2fr 1fr}}.expert-review-info{padding:1rem}.expert-review-description{font-size:1.1rem;margin-bottom:1rem;color:#333}.expert-review-benefits{list-style:none;padding:0;margin:0}.expert-review-benefits li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.expert-review-benefits li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.expert-review-cta{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.expert-review-btn{display:block;width:100%;max-width:200px;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;text-align:center;transition:all .3s;box-shadow:0 4px 15px #2575fc33;margin-bottom:1rem}.expert-review-btn:hover{background:linear-gradient(135deg,#5a0fb0 0%,#1565e0 100%);box-shadow:0 6px 20px #2575fc4d;transform:translateY(-2px)}.expert-review-price{font-size:1.2rem;font-weight:700;color:#333}.incomplete-data-warning{display:flex;align-items:center;padding:1rem;background:rgba(255,193,7,.1);border-left:4px solid #ffc107;margin-bottom:1.5rem;border-radius:4px}.warning-icon{font-size:1.5rem;margin-right:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;padding:20px}.loading-spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;animation:spin 2s linear infinite;margin-bottom:20px}.loading-time{color:#888;font-size:14px;margin-top:10px}.step-actions{margin-top:2rem;display:flex;justify-content:space-between;align-items:center}.post-analysis-actions{display:flex;gap:1rem}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s}.download-btn:hover{background-color:#43a047}.share-btn:hover{background-color:#1e88e5}.restart-btn{background-color:#f44336;color:#fff}.restart-btn:hover{background-color:#e53935}.restore-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.restore-prompt-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;width:90%;max-width:400px;padding:0;overflow:hidden}.restore-prompt-content{display:flex;flex-direction:column;align-items:center;padding:24px 20px}.restore-prompt-icon{font-size:48px;margin-bottom:20px}.restore-prompt-message{text-align:center;margin:0 0 24px;font-size:16px;color:#333;line-height:1.5}.restore-prompt-actions{display:flex;gap:12px;width:100%}.restore-prompt-button{flex:1;padding:10px 0;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.restore-button{background-color:#4caf50;color:#fff}.restore-button:hover{background-color:#43a047}.discard-button{background-color:#f5f5f5;color:#333}.discard-button:hover{background-color:#e0e0e0}.packages-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}@media (min-width: 768px){.packages-container{grid-template-columns:repeat(3,1fr)}}.package-card{background:white;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:1.5rem;position:relative;transition:all .3s ease;display:flex;flex-direction:column;border:2px solid transparent}.package-card.basic{border-color:#e0e0e0}.package-card.pro{border-color:#3f51b5;transform:scale(1.02)}.package-card.master{border-color:#f9a825}.package-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.package-header{margin-bottom:1.5rem;position:relative}.package-badge{position:absolute;top:-1.5rem;right:-.5rem}.best-value,.popular{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.best-value{background-color:#f9a825;color:#fff}.popular{color:#fff}.package-header h3{font-size:1.5rem;margin:0 0 .5rem;color:#333}.package-price{display:flex;flex-direction:column}.price{font-size:2rem;font-weight:700;color:#333}.includes{font-size:.8rem;color:#666;margin-top:.25rem}.package-features{margin-bottom:1.5rem;flex-grow:1}.feature-item{display:flex;align-items:center;margin-bottom:.75rem}.feature-icon{color:#4caf50;margin-right:.5rem;font-size:1rem}.package-button{background-color:#3f51b5;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;width:100%}.package-button:hover{background-color:#303f9f}.package-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.package-unlocked-badge{position:absolute;top:1rem;right:1rem;background-color:#4caf50;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.locked-content{position:relative;border-radius:8px;overflow:hidden;margin:1rem 0}.locked-content-preview{position:relative}.blurred-content{filter:blur(5px);opacity:.7;pointer-events:none;padding:1rem;background:rgba(255,255,255,.5)}.lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#fff}.lock-overlay h3{margin:1rem 0 .5rem;font-size:1.3rem}.price-tag{font-size:1.8rem;font-weight:700;margin:1rem 0;color:#fff}.unlock-button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:.5rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.unlock-button:hover{background-color:#388e3c}.report-header{margin-bottom:2rem;text-align:center}.report-title{font-size:2rem;margin-bottom:.5rem;color:#333}.report-description{color:#666;font-size:1rem}.report-upgrade-banner{margin-top:1.5rem;background:linear-gradient(to right,#3f51b5,#5c6bc0);color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 8px #0000001a}.banner-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.upgrade-button{background-color:#fff;color:#3f51b5;border:none;border-radius:4px;padding:.25rem .75rem;font-weight:600;cursor:pointer;font-size:.9rem}.upgrade-button:hover{background-color:#f0f0f0}.report-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #ddd}.tab-button{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;position:relative;color:#666}.tab-button.active{color:#3f51b5;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#3f51b5}.report-content{padding:1rem 0}.report-section{margin-bottom:2rem;background:white;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.report-section h3{font-size:1.3rem;margin-bottom:1rem;color:#333;padding-bottom:.5rem;border-bottom:1px solid #eee}.score-overview{display:flex;align-items:center;gap:2rem}.score-circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(#4caf50 0% 75%,#f5f5f5 75% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014;position:relative}.score-circle:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:white;border-radius:50%;z-index:0}.score-number{position:relative;z-index:1;font-size:2.5rem;font-weight:700;color:#333}.score-text{position:relative;z-index:1;font-size:.9rem;color:#666}.score-details{flex:1}.issues-list{display:flex;flex-direction:column;gap:1rem}.issue-item{padding:1rem;border-radius:6px;background:#f9f9f9;border-left:4px solid #ddd}.issue-severity{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.issue-severity.high{background-color:#ffebee;color:#c62828}.issue-severity.medium{background-color:#fff8e1;color:#ff8f00}.issue-severity.low{background-color:#e8f5e9;color:#2e7d32}.issue-title{font-weight:600;margin-bottom:.5rem}.issue-desc{color:#666;font-size:.95rem}.energy-map-container{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.energy-map-container{flex-direction:row}.energy-map-visualization{flex:3}.energy-map-description{flex:2}}.bagua-map{max-width:400px;margin:0 auto}.bagua-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;aspect-ratio:1}.bagua-cell{background:white;border:1px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;position:relative;overflow:hidden}.bagua-cell.center{background:#f5f5f5}.energy-level{width:100%;height:8px;margin-bottom:.5rem}.direction-text{font-size:.8rem;font-weight:600;color:#333}.energy-list{list-style:none;padding:0;margin:1rem 0}.energy-list li{display:flex;align-items:center;margin-bottom:.5rem}.energy-indicator{width:16px;height:16px;border-radius:50%;margin-right:.5rem}.energy-indicator.good{background-color:#4caf50}.energy-indicator.neutral{background-color:#ffb74d}.energy-indicator.bad{background-color:#e57373}.expert-analysis{display:flex;flex-direction:column;gap:1.5rem}.expert-profile{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.expert-avatar{width:80px;height:80px;border-radius:50%;background:#f0f0f0 url(/images/master-avatar.jpg) no-repeat center center;background-size:cover}.expert-info h4{margin:0 0 .25rem;font-size:1.2rem}.expert-info p{margin:0 0 .5rem;color:#666;font-size:.9rem}.expert-comments{padding:1rem;background:#f9f9f9;border-radius:8px}.quote{font-style:italic;margin-bottom:1.5rem;color:#555;position:relative;padding:0 1.5rem}.quote:before,.quote:after{content:'"';font-size:2rem;color:#ddd;position:absolute}.quote:before{left:0;top:-.5rem}.quote:after{right:0;bottom:-1rem}.expert-recommendation,.consultation-offer{margin-top:1.5rem}.expert-recommendation h5,.consultation-offer h5{font-size:1.1rem;margin:0 0 .5rem;color:#333}.consultation-btn{margin-top:1rem;background-color:#f9a825;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.consultation-btn:hover{background-color:#f57c00}.packages-comparison{margin:2rem 0}.comparison-table{overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;margin-top:1rem}.comparison-table th,.comparison-table td{padding:1rem;text-align:center;border-bottom:1px solid #eee}.comparison-table th{background-color:#f5f5f5;font-weight:600}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.feature-available{color:#4caf50}.guarantee-section{display:flex;align-items:center;gap:1.5rem;background:#f5f5f5;padding:1.5rem;border-radius:8px;margin-top:2rem}.guarantee-icon{width:64px;height:64px;background:url(/images/guarantee.png) no-repeat center center;background-size:contain}.guarantee-content h3{margin:0 0 .5rem;font-size:1.2rem}.guarantee-content p{margin:0;color:#666}.payment-success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.payment-success-modal{background:white;border-radius:12px;padding:2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 6px 24px #0000001f}.success-icon{color:#4caf50;font-size:3rem;margin-bottom:1rem}.payment-success-modal h3{margin:0 0 1rem;font-size:1.5rem}.processing-text{font-style:italic;color:#666;margin-top:1.5rem}.data-preview-container{padding:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.preview-title{font-size:1.75rem;margin-bottom:.5rem;color:#333}.preview-description{color:#666;margin-bottom:2rem}.preview-section{margin-bottom:24px;border:1px solid #eaeaea;border-radius:10px;overflow:hidden}.preview-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #eaeaea}.preview-section-header h4{margin:0;font-size:16px;color:#333;font-weight:600}.edit-btn{background-color:transparent;color:#1976d2;border:1px solid #1976d2;border-radius:16px;padding:4px 12px;font-size:12px;cursor:pointer;transition:all .2s}.edit-btn:hover{background-color:#f0f7ff}.preview-content{padding:16px}.info-item{display:flex;align-items:baseline;font-size:14px}.info-label{flex-shrink:0;font-weight:500;color:#666;margin-right:8px;width:100px}.info-value{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.floorplan-preview,.photos-preview,.residents-preview{margin-top:8px}.floorplan-thumbnails,.photo-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.thumbnail-container{position:relative;width:100%;height:0;padding-bottom:100%;border-radius:8px;overflow:hidden;background-color:#f5f5f5}.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#0009;color:#fff;padding:6px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floor-direction{display:block;font-size:10px;opacity:.8;margin-top:2px}.residents-list-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.resident-preview-item{display:flex;align-items:center;padding:12px;border-radius:8px;background-color:#f8f9fa;border:1px solid #eaeaea}.resident-preview-item.main-resident{border-color:#4caf50;background-color:#e8f5e9}.resident-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-right:12px}.resident-details{flex:1;min-width:0}.resident-details h5{margin:0 0 4px;font-size:14px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-badge{background-color:#4caf50;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:6px;flex-shrink:0}.resident-details p{margin:0;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-data-message{padding:24px;text-align:center;color:#999;font-style:italic}.preview-summary{margin-top:32px;padding:20px;background-color:#f9f9f9;border-radius:10px;text-align:center}.preview-summary h4{margin:0 0 16px;font-size:18px;color:#333}.quality-bar{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.quality-fill{height:100%;border-radius:4px;transition:width .3s ease}.quality-label{font-size:14px;font-weight:500}.incomplete-data-warning{margin-top:16px;padding:12px;background-color:#fff3e0;border-left:4px solid #ff9800;color:#e65100;font-size:14px;text-align:left;border-radius:4px}.incomplete-data-warning p{margin:0}.testimonials-section{margin-top:3rem}.testimonials-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.testimonials-container{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:white;border-radius:8px;box-shadow:0 2px 12px #0000000f;padding:1.5rem}.testimonial-rating{margin-bottom:1rem}.testimonial-text{font-style:italic;margin-bottom:1.5rem;color:#555}.testimonial-author{display:flex;flex-direction:column}.author-name{font-weight:600;color:#333}.author-location{font-size:.8rem;color:#666}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;padding:20px;background-color:#fff5f5;border:1px solid #ffe0e0;border-radius:8px}.preview-report{margin:20px 0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.report-header{padding:20px;background-color:#f9f9f9;border-bottom:1px solid #eee}.report-title{margin:0 0 10px;font-size:24px;color:#333}.report-description{margin:0;color:#666}.report-upgrade-banner{margin-top:15px;background-color:#f0f8ff;padding:10px 15px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.banner-content{display:flex;align-items:center;gap:10px}.upgrade-button{background-color:#4caf50;color:#fff;border:none;padding:5px 15px;border-radius:4px;cursor:pointer;font-size:14px}.upgrade-button:hover{background-color:#45a049}.report-tabs{display:flex;border-bottom:1px solid #eee}.report-tabs button{padding:15px 20px;background:none;border:none;font-size:16px;cursor:pointer;position:relative;color:#888}.report-tabs button.tab-active{color:#333;font-weight:600}.report-tabs button.tab-active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#4caf50}.report-text{line-height:1.6;color:#333}.report-text h1,.report-text h2,.report-text h3{color:#333;margin-top:1.5em;margin-bottom:.5em}.report-text p{margin:0 0 1em}.report-text ul,.report-text ol{margin-bottom:1em;padding-left:1.5em}.report-section{margin-bottom:30px}.summary-box{background-color:#f9f9f9;padding:15px;border-radius:5px;margin-bottom:20px}.summary-box h3{margin-top:0;color:#333}.summary-box p{margin-bottom:0;color:#555}.report-box{background-color:#fff;border:1px solid #eee;border-radius:5px;padding:20px}.markdown-content{line-height:1.6;color:#333}.markdown-content h1{font-size:24px;margin-top:30px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.markdown-content h2{font-size:20px;margin-top:25px;margin-bottom:10px;color:#2c3e50}.markdown-content h3{font-size:18px;margin-top:20px;margin-bottom:10px;color:#34495e}.markdown-content p{margin-bottom:16px}.markdown-content br{display:block;margin:6px 0;content:" "}.post-analysis-actions{display:flex;gap:15px}.action-btn{padding:10px 15px;border:none;border-radius:4px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px}.download-btn{background-color:#4caf50;color:#fff}.share-btn{background-color:#2196f3;color:#fff}.restart-btn{background-color:#ffc107;color:#333}@media (max-width: 768px){.post-analysis-actions{flex-direction:column;gap:10px}.report-tabs button{padding:10px 15px;font-size:14px}}.reports-container{margin-top:20px}.report-section{margin-bottom:16px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000000d}.report-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8f9fa;cursor:pointer;transition:background-color .3s ease}.report-header:hover{background-color:#f0f0f0}.report-header-left{display:flex;align-items:center;gap:12px}.report-type{font-weight:600;font-size:16px;padding:4px 12px;border-radius:4px}.report-type.master{background-color:#e3f2fd;color:#1976d2}.report-type.junior{background-color:#e8f5e9;color:#2e7d32}.report-type.ai{background-color:#fff3e0;color:#e65100}.report-status{font-size:14px;color:#666;padding:2px 8px;background-color:#e0e0e0;border-radius:12px}.download-btn{padding:6px 16px;border-radius:4px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease}.download-btn.master{background-color:#1976d2;color:#fff}.download-btn.master:hover{background-color:#1565c0}.download-btn.junior{background-color:#2e7d32;color:#fff}.download-btn.junior:hover{background-color:#1b5e20}.download-btn.ai{background-color:#e65100;color:#fff}.download-btn.ai:hover{background-color:#bf360c}.report-summary{font-size:14px;line-height:1.6;color:#333}.report-summary h1,.report-summary h2,.report-summary h3{margin-top:16px;margin-bottom:8px;color:#1a1a1a}.report-summary p{margin-bottom:12px}.report-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.report-section .report-content{max-height:2000px;transition:max-height .3s ease-in}@media (max-width: 768px){.report-header{flex-direction:column;gap:12px}.report-header-right{width:100%;justify-content:space-between}.report-type{font-size:14px}.download-btn{padding:4px 12px;font-size:14px}}.report-section{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.report-section:hover{box-shadow:0 4px 12px #0000001a}.report-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fff;cursor:pointer;transition:all .3s ease}.report-header:hover{background-color:#f8f9fa}.report-header.expanded{border-bottom:1px solid #e0e0e0}.report-header-left{display:flex;align-items:center;gap:16px}.report-type{font-weight:600;padding:6px 12px;border-radius:6px;font-size:14px}.report-type.free{background-color:#e8f5e9;color:#2e7d32}.report-type.ai{background-color:#e3f2fd;color:#1976d2}.report-type.junior{background-color:#fff3e0;color:#e65100}.report-type.intermediate{background-color:#f3e5f5;color:#7b1fa2}.report-type.master{background-color:gold;color:#b71c1c}.report-price{font-size:18px;font-weight:700;color:#333}.report-status{font-size:12px;padding:4px 8px;border-radius:12px;background-color:#f5f5f5;color:#666}.report-header-right{display:flex;align-items:center;gap:16px}.purchase-btn{padding:8px 20px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.purchase-btn.free{background-color:#4caf50;color:#fff}.report-content{padding:20px;background-color:#fff}.report-info{margin-bottom:24px}.report-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}.report-features{background-color:#f8f9fa;padding:16px;border-radius:8px}.report-features h4{margin:0 0 12px;color:#333;font-size:14px}.report-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.report-features li{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}.feature-icon{color:#4caf50;font-size:16px}.report-preview{background-color:#f8f9fa;padding:24px;border-radius:8px;text-align:center}.preview-content p{color:#666;font-style:italic}.expand-icon{font-size:12px;color:#666;transition:transform .3s ease}.report-header.expanded .expand-icon{transform:rotate(180deg)}@media (max-width: 768px){.report-header{flex-direction:column;gap:12px}.report-header-left{flex-wrap:wrap}.report-header-right{width:100%;justify-content:space-between}.report-features ul{grid-template-columns:1fr}.purchase-btn,.download-btn{width:100%}}.report-content{animation:slideDown .3s ease-out}.refresh-content-container{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;text-align:center}.empty-content-message{color:#666;margin-bottom:10px}.refresh-content-btn{background-color:#2196f3;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .3s}.refresh-content-btn:hover{background-color:#1976d2}.refresh-content-btn:disabled{background-color:#90caf9;cursor:not-allowed}.refresh-content-btn.small{padding:4px 10px;font-size:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.refresh-content-btn.small:hover{background-color:#1976d2}.refresh-content-btn.small:disabled{background-color:#90caf9;cursor:not-allowed}.refresh-hint{font-size:12px;color:#888;font-style:italic;margin-top:8px}.reports-container{display:flex;flex-direction:column;gap:16px;margin-top:20px}.report-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a;background:white;transition:all .3s ease}.report-card.expanded{box-shadow:0 4px 12px #00000026}.report-card.locked{border-left:4px solid #ff9800}.report-card.purchased{border-left:4px solid #4caf50}.report-header{padding:16px;cursor:pointer;display:flex;flex-direction:column;position:relative;background-color:#f9f9f9}.report-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.report-title{margin:0;font-size:18px;font-weight:600}.report-price{font-weight:700;color:#f57c00}.report-subtitle{margin:0;color:#666;font-size:14px}.expand-icon{position:absolute;right:16px;bottom:16px;color:#999;transition:transform .3s ease}.report-type{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-right:8px;color:#fff}.report-type.free{background-color:#4caf50}.report-type.ai{background-color:#2196f3}.report-type.junior{background-color:#9c27b0}.report-type.intermediate{background-color:#f57c00}.report-type.master{background-color:#d32f2f}.report-detail{border-top:1px solid #eee;max-height:none;overflow:visible}.report-content-wrapper{padding:0;margin:0}.report-content{padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:visible;max-height:none}.summary-content{max-height:none;overflow-y:visible;padding-right:10px;padding-bottom:20px}.markdown-content{font-size:14px;line-height:1.6;color:#333;overflow:visible}.markdown-list{margin:8px 0 16px;padding-left:20px;list-style-type:disc}.markdown-list-item{margin:6px 0;display:list-item}.markdown-paragraph{margin:12px 0;display:block}.report-content{animation:slideDown .3s ease-out;animation-fill-mode:forwards}.report-card.expanded .report-detail{display:block}.report-card{margin-bottom:30px;overflow:visible}.reports-container{display:flex;flex-direction:column;gap:20px;margin-top:20px;margin-bottom:40px;overflow:visible}.locked-content{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center}.lock-icon{font-size:32px;color:#ff9800;margin-bottom:16px}.features-list{width:100%;margin:16px 0;padding:0;list-style:none}.feature-item{display:flex;align-items:center;margin-bottom:8px;text-align:left}.feature-icon{color:#4caf50;margin-right:8px}.unlock-btn{background-color:#ff9800;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.unlock-btn:hover{background-color:#f57c00}.unlock-btn:disabled{background-color:#ccc;cursor:not-allowed}.report-content{margin-bottom:16px}.report-text{line-height:1.6}.loading-content{display:flex;flex-direction:column;align-items:center;padding:20px}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px}.report-actions{display:flex;justify-content:center}.refresh-btn{background-color:#e0e0e0;color:#333;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.refresh-btn:hover{background-color:#d0d0d0}.refresh-btn:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.refresh-actions{display:flex;justify-content:center;margin-top:16px}.refresh-all-btn{background-color:#2196f3;color:#fff;border:none;border-radius:24px;padding:10px 24px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2196f34d}.refresh-all-btn:hover{background-color:#1976d2;box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.refresh-all-btn:disabled{background-color:#90caf9;cursor:not-allowed;transform:none;box-shadow:0 2px 5px #2196f333}.refresh-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:8px}.purchase-btn{background-color:#ff9800;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.purchase-btn.ai{background-color:#2196f3;color:#fff}.purchase-btn.junior{background-color:#9c27b0;color:#fff}.purchase-btn.intermediate{background-color:#f57c00;color:#fff}.purchase-btn.master{background-color:#d32f2f;color:#fff}.purchase-btn:hover{filter:brightness(.9)}@media (max-width: 768px){.report-header{padding:12px}.report-title{font-size:16px}.report-detail{padding:12px}}.analysis-result-container{width:100%;max-width:920px;margin:0 auto;padding:10px;background-color:#fafbfd;border-radius:20px;box-shadow:0 8px 24px #00000008,0 1px 4px #00000005;border:1px solid rgba(0,0,0,.03);overflow:hidden;position:relative}.analysis-result-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,rgba(76,175,80,.6),rgba(33,150,243,.6));z-index:1}.reports-header{margin-bottom:16px;text-align:center;padding:16px 16px 12px;background:linear-gradient(to bottom,rgba(250,250,250,.8),rgba(255,255,255,.9));border-radius:12px 12px 0 0;position:relative}.reports-header:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.04),transparent)}.reports-header h2{margin:0 0 8px;font-size:22px;font-weight:600;color:#333;letter-spacing:.3px;position:relative;display:inline-block}.reports-header h2:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(to right,rgba(76,175,80,.5),rgba(33,150,243,.6));border-radius:2px}.reports-header p{font-size:14px;color:#666;max-width:650px;margin:8px auto 0;line-height:1.4}.reports-container{max-width:860px;margin:0 auto;padding:0 5px}.report-wrapper{margin-bottom:14px;transition:transform .25s}.report-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;border:1px solid rgba(234,234,234,.8);position:relative}.report-card.free-card{border-left:3px solid #4caf50}.report-card.ai-card{border-left:3px solid #2196f3}.report-card.junior-card{border-left:3px solid #ff9800}.report-card.intermediate-card{border-left:3px solid #9c27b0}.report-card.master-card{border-left:3px solid #f44336}.refresh-actions{display:flex;justify-content:center;margin-top:28px;margin-bottom:36px}.refresh-all-btn{display:inline-flex;align-items:center;background:linear-gradient(to bottom,#ffffff,#f8f8f8);color:#444;border:1px solid #e0e0e0;border-radius:30px;padding:12px 32px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s;box-shadow:0 3px 8px #00000014;letter-spacing:.3px;position:relative;overflow:hidden}.refresh-all-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8),transparent)}.refresh-all-btn:after{content:"";display:inline-block;width:18px;height:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" fill="%23444"/></svg>');background-repeat:no-repeat;background-position:center;background-size:22px;margin-right:10px;opacity:.8}.refresh-all-btn:hover{background:linear-gradient(to bottom,#f8f8f8,#f0f0f0);border-color:#ccc;box-shadow:0 5px 15px #0000001f;transform:translateY(-2px)}.refresh-all-btn:active{transform:translateY(0);box-shadow:0 3px 8px #00000014}.refresh-all-btn:disabled{background:#f5f5f5;color:#bbb;cursor:not-allowed;box-shadow:none;transform:none}.refresh-all-btn:disabled:after{opacity:.3}.refresh-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#444;animation:spin 1s ease-in-out infinite;margin-right:10px}.report-sections{padding:20px}.report-summary{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000000d}.report-summary h4{color:#2c3e50;margin-bottom:15px;font-size:18px;font-weight:600}.summary-content{color:#34495e;line-height:1.6}.report-details{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.report-details h4{color:#2c3e50;margin-bottom:15px;font-size:18px;font-weight:600}.details-content{color:#2c3e50;line-height:1.8}.no-content-message{text-align:center;padding:40px 20px;color:#666}.refresh-btn{background-color:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-top:15px}.refresh-btn:hover{background-color:#357abd}.refresh-btn:disabled{background-color:#ccc;cursor:not-allowed}.report-footer{display:flex;justify-content:center;padding:15px;border-top:1px solid #eee;margin-top:20px}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#4a90e2;animation:spin 1s linear infinite;margin-bottom:15px}.status-indicator{display:flex;align-items:center;margin-top:20px;padding:10px;border-radius:4px;background-color:#f8f9fa}.status-indicator.pending{background-color:#fff3cd;color:#856404}.pending-spinner{border:3px solid rgba(133,100,4,.2);width:20px;height:20px;border-radius:50%;border-top-color:#856404;animation:spin 1s linear infinite;margin-right:10px}.report-card{margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.report-card:hover{box-shadow:0 4px 8px #00000026}.report-header{padding:15px 20px;background-color:#f8f9fa;cursor:pointer}.report-header-content{display:flex;justify-content:space-between;align-items:center}.report-meta{flex:1}.report-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-bottom:8px}.report-badge.free{background-color:#e3f2fd;color:#1976d2}.report-title{margin:0 0 5px;font-size:18px;font-weight:600}.report-desc{margin:0;font-size:14px;color:#666}.report-actions{display:flex;align-items:center}.expand-indicator{margin-left:15px}.expand-icon{display:inline-block;width:12px;height:12px;border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);transition:transform .3s ease}.report-detail{border-top:1px solid #eee}.summary-content p,.details-content p{margin-bottom:1em}.summary-content h1,.details-content h1{font-size:1.8em;margin-top:1em;margin-bottom:.5em}.summary-content h2,.details-content h2{font-size:1.5em;margin-top:.8em;margin-bottom:.4em}.summary-content h3,.details-content h3{font-size:1.3em;margin-top:.6em;margin-bottom:.3em}.summary-content ul,.details-content ul{padding-left:20px;margin-bottom:1em}.summary-content li,.details-content li{margin-bottom:.5em}.report-content{padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.markdown-content{font-size:14px;line-height:1.6;color:#333}.markdown-list{margin:8px 0;padding-left:20px}.markdown-paragraph{margin:8px 0}.markdown-h1{font-size:24px;margin:16px 0;font-weight:700}.markdown-h2{font-size:20px;margin:14px 0;font-weight:700}.markdown-h3{font-size:18px;margin:12px 0;font-weight:700}.markdown-h4{font-size:16px;margin:10px 0;font-weight:700}.summary-content{max-height:600px;overflow-y:auto;padding-right:10px}.summary-content::-webkit-scrollbar{width:6px}.summary-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.summary-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.summary-content::-webkit-scrollbar-thumb:hover{background:#555}.report-sections{margin-top:10px}.report-summary h4,.report-details h4{margin-bottom:15px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.report-card-fix{margin-bottom:30px;border-radius:8px;overflow:visible!important;box-shadow:0 2px 6px #0000001a}.report-detail-fix{border-top:1px solid #eee;padding:0!important;max-height:none!important;overflow:visible!important;display:block!important}.report-content-fix{padding:20px;background:#fff;border-radius:0 0 8px 8px;box-shadow:none;overflow:visible!important;max-height:none!important;animation:none!important}.summary-content-fix{max-height:none!important;overflow-y:visible!important;padding-right:0;padding-bottom:20px}.markdown-content-fix{font-size:14px;line-height:1.6;color:#333;overflow:visible!important}.markdown-list-fix{margin:12px 0 16px!important;padding-left:20px!important;list-style-type:disc!important;display:block!important}.markdown-list-item-fix{margin:8px 0!important;display:list-item!important;list-style-type:disc!important}.markdown-paragraph-fix{margin:12px 0!important;display:block!important}.report-detail{padding:0!important;max-height:none!important;overflow:visible!important}.report-content{overflow:visible!important;max-height:none!important}.summary-content{max-height:none!important;overflow:visible!important}.markdown-content{overflow:visible!important}.markdown-list{display:block!important;list-style-type:disc!important}.markdown-list-item{display:list-item!important}.markdown-paragraph{display:block!important}.report-card.expanded .report-detail{display:block!important;height:auto!important;overflow:visible!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-content{animation:slideDown .3s ease-out;animation-fill-mode:forwards!important}.analysis-actions{display:flex;justify-content:center;margin:30px auto;width:100%;max-width:500px}.analysis-actions .primary-btn{min-width:150px;font-weight:500;border-radius:6px;box-shadow:0 2px 6px #0000001a;transition:all .3s ease;padding:12px 24px;font-size:16px}.analysis-actions .primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.expert-btn{min-width:150px;position:relative;overflow:hidden}.expert-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transition:all .6s}.expert-btn:hover:before{left:100%}.report-options-enhanced{margin:2rem 0;padding:2rem;background:#f8fafc;border-radius:16px;box-shadow:0 4px 16px #00000014}.section-title-enhanced{font-size:1.75rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:.75rem}.section-description-enhanced{font-size:1rem;color:#64748b;text-align:center;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.report-versions-enhanced{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:2rem;overflow-x:auto;padding:.2rem;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.report-card-enhanced{background:white;border-radius:10px;padding:.8rem;box-shadow:0 4px 16px #00000014;border:2px solid transparent;transition:all .3s ease;cursor:pointer;position:relative;overflow:visible;min-width:160px;min-height:auto;height:auto;display:flex;flex-direction:column}.report-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.report-card-enhanced.selected{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f640}.report-card-enhanced.popular{border-color:#f59e0b}.report-card-enhanced.disabled{opacity:.6;cursor:not-allowed}.popular-ribbon-enhanced{position:absolute;top:-2px;right:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 16px;border-radius:0 0 8px 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-header-enhanced{margin-bottom:16px}.plan-info-enhanced{display:flex;flex-direction:column;gap:8px}.plan-name-enhanced{font-size:20px;font-weight:700;color:#1f2937;margin:0}.plan-badge-enhanced{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.plan-badge-enhanced.free{background-color:#dcfce7;color:#166534}.plan-badge-enhanced.ai{background-color:#dbeafe;color:#1e40af}.plan-badge-enhanced.junior{background-color:#d1fae5;color:#065f46}.plan-badge-enhanced.middle{background-color:#fef3c7;color:#92400e}.plan-badge-enhanced.senior{background-color:#fee2e2;color:#991b1b}.pricing-enhanced{margin-bottom:16px}.price-comparison-enhanced{display:flex;align-items:center;gap:8px;margin-bottom:4px}.original-price-enhanced{font-size:16px;color:#9ca3af;text-decoration:line-through}.savings-badge-enhanced{background-color:#dcfce7;color:#166534;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.current-price-enhanced{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:4px}.discount-text-enhanced{font-size:14px;color:#dc2626;font-weight:600}.plan-description-enhanced{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.features-section-enhanced{flex:1;margin-bottom:16px}.features-title-enhanced{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px}.features-list-enhanced{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.feature-item-enhanced{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;color:#374151}.check-icon-enhanced{width:16px;height:16px;color:#22c55e;flex-shrink:0;margin-top:2px}.card-footer-enhanced{margin-top:auto}.select-btn-enhanced{width:100%;padding:12px 24px;border-radius:8px;border:2px solid #e5e7eb;background-color:#fff;color:#374151;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.select-btn-enhanced:hover{border-color:#3b82f6;background-color:#f8fafc}.select-btn-enhanced.selected{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.select-btn-enhanced:disabled{cursor:not-allowed;opacity:.6}.check-icon-small{width:16px;height:16px}.trust-indicators-enhanced{display:flex;justify-content:center;gap:32px;margin-top:32px;padding:24px;background-color:#f9fafb;border-radius:12px}.trust-item-enhanced{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.trust-icon-enhanced{font-size:24px}.trust-item-enhanced span{font-size:14px;font-weight:500;color:#374151}@media (max-width: 768px){.report-versions-enhanced{grid-template-columns:1fr;gap:16px}.report-card-enhanced{min-height:520px;padding:20px}.trust-indicators-enhanced{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.trust-indicators-enhanced{grid-template-columns:1fr;gap:12px}}.data-preview-container{margin-bottom:32px}.preview-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#1f2937}.preview-description{margin:0 0 16px;color:#6b7280;font-size:14px}.preview-section{background-color:#fff;border-radius:12px;border:1px solid #f0f0f0;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.preview-section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0}.preview-section-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.edit-btn{padding:6px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-btn:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.preview-content{padding:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.info-item{padding:12px 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#374151;margin-right:8px;font-size:14px}.info-value{color:#1f2937;font-size:14px}.info-grid-enhanced{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.info-row .info-label{font-weight:600;color:#374151;margin-right:12px;font-size:14px;min-width:80px;white-space:nowrap}.info-row .info-value{color:#1f2937;font-size:14px;flex:1}.info-row-split{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid #f3f4f6}.info-item-half .info-label{font-weight:600;color:#374151;margin-right:12px;font-size:14px;min-width:80px;white-space:nowrap}.info-item-half .info-value{color:#1f2937;font-size:14px;flex:1}.floorplans-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.floorplan-item-enhanced{position:relative;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.floorplan-preview-wrapper-enhanced{position:relative;width:100%;min-height:400px;max-height:600px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#f9fafb;display:flex;align-items:center;justify-content:center}.floorplan-preview-wrapper-enhanced .floor-preview-canvas,.floorplan-preview-wrapper-enhanced .floorplan-annotation-enhanced{width:100%;height:100%;min-height:400px}.floorplan-preview-wrapper-enhanced .annotation-workspace{min-height:400px;height:auto}.floorplan-preview-wrapper-enhanced .workspace-content{position:relative;width:100%;height:100%;min-height:400px;overflow:visible}.floorplan-preview-wrapper-enhanced .image-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;padding:20px;box-sizing:border-box}.floorplan-preview-wrapper-enhanced .floorplan-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.floorplan-preview-wrapper-enhanced .annotation-marker{cursor:default!important;pointer-events:none;z-index:5}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-icon{font-size:18px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#fffffff2;border:2px solid;border-radius:50%;box-shadow:0 2px 8px #0003}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-label{background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;margin-top:6px;max-width:120px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px #0003}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-text{background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;margin-top:6px;max-width:120px;word-wrap:break-word;text-align:center;box-shadow:0 2px 4px #0003}.floorplan-preview-wrapper-enhanced .annotation-toolbar,.floorplan-preview-wrapper-enhanced .annotation-panel{display:none!important}.floorplan-preview-wrapper-enhanced .view-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;z-index:10}.floorplan-preview-wrapper-enhanced .view-control-btn{width:32px;height:32px;border:1px solid #ddd;background-color:#ffffffe6;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.floorplan-preview-wrapper-enhanced .view-control-btn:hover{background-color:#f0f7ff;border-color:#4a90e2}.floorplan-preview,.photos-preview,.residents-preview{width:100%}.floorplan-info{margin-bottom:20px}.floorplan-thumbnails,.photo-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.thumbnail-container{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1/1;background-color:#f9fafb;border:1px solid #e5e7eb}.thumbnail-image{width:100%;height:100%;object-fit:cover}.thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:8px 12px;font-size:12px;font-weight:500}.floor-direction{display:block;font-size:10px;margin-top:2px;opacity:.8}.residents-list-preview{display:flex;flex-direction:column;gap:16px}.resident-preview-item{display:flex;align-items:center;padding:16px;border-radius:12px;background-color:#f9fafb;border:1px solid #e5e7eb;transition:all .2s ease}.resident-preview-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.resident-preview-item.main-resident{background-color:#eff6ff;border-color:#bfdbfe}.resident-avatar{width:48px;height:48px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#6b7280}.resident-details{flex:1}.resident-details h5{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center}.main-badge{display:inline-block;font-size:11px;padding:4px 8px;border-radius:12px;background-color:#3b82f6;color:#fff;margin-left:8px;font-weight:500}.resident-details p{margin:0;font-size:14px;color:#6b7280}.no-data-message{padding:32px;text-align:center;color:#9ca3af;font-style:italic;background-color:#f9fafb;border-radius:8px;border:1px dashed #e5e7eb}.preview-summary{margin-top:24px;background-color:#fff;border-radius:12px;padding:20px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #0000001a}.preview-summary h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.data-quality-indicator{margin-bottom:16px}.quality-bar{height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:8px}.quality-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.quality-label{font-size:14px;color:#6b7280;font-weight:500}.incomplete-data-warning{margin-top:16px;padding:16px;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px}.incomplete-data-warning p{margin:0;color:#92400e;font-size:14px}.floorplan-display{display:flex;flex-direction:column;gap:24px;margin-top:16px}.floor-preview-item{border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000001a}.floor-preview-canvas{margin:0}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280}.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.no-image-placeholder p{margin:0;font-size:14px;color:#9ca3af}@media (max-width: 768px){.preview-section-header{flex-direction:column;align-items:flex-start}.preview-content{padding:16px}.info-grid{grid-template-columns:1fr;gap:12px}.info-row-split{flex-direction:column;gap:12px}.info-item-half{flex-direction:column;align-items:flex-start}.info-item-half .info-label{margin-right:0;margin-bottom:4px;min-width:auto}.floorplans-grid-enhanced{grid-template-columns:1fr;gap:16px}.floorplan-preview-wrapper-enhanced{min-height:300px;max-height:500px}.floorplan-preview-wrapper-enhanced .floor-preview-canvas,.floorplan-preview-wrapper-enhanced .floorplan-annotation-enhanced,.floorplan-preview-wrapper-enhanced .annotation-workspace,.floorplan-preview-wrapper-enhanced .workspace-content{min-height:300px}.floorplan-preview-wrapper-enhanced .image-container{min-height:300px;padding:15px}.residents-list-preview{gap:12px}.resident-preview-item{padding:12px}.resident-avatar{width:40px;height:40px;margin-right:12px}.floorplan-display{grid-template-columns:1fr}.no-image-placeholder{min-height:200px}.placeholder-icon{font-size:32px}.no-image-placeholder p{font-size:12px}}@media (max-width: 480px){.preview-section-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.edit-btn{padding:4px 12px;font-size:12px}.preview-content{padding:12px}.info-row,.info-row-split{padding:8px 0}.info-item-half .info-label{font-size:13px;margin-bottom:2px}.info-item-half .info-value{font-size:13px}.floorplan-preview-wrapper-enhanced{min-height:250px;max-height:400px}.floorplan-preview-wrapper-enhanced .floor-preview-canvas,.floorplan-preview-wrapper-enhanced .floorplan-annotation-enhanced,.floorplan-preview-wrapper-enhanced .annotation-workspace,.floorplan-preview-wrapper-enhanced .workspace-content,.floorplan-preview-wrapper-enhanced .image-container{min-height:250px}.floorplan-preview-wrapper-enhanced .image-container{padding:10px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-icon{font-size:16px;width:26px;height:26px}.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-label,.floorplan-preview-wrapper-enhanced .annotation-marker .annotation-text{font-size:11px;padding:3px 6px;max-width:100px}.floorplan-preview-wrapper-enhanced .view-controls{top:8px;right:8px}.floorplan-preview-wrapper-enhanced .view-control-btn{width:28px;height:28px;font-size:12px}.floorplan-display{grid-template-columns:1fr}.no-image-placeholder{min-height:150px;padding:16px}.placeholder-icon{font-size:28px}.no-image-placeholder p{font-size:11px}}.report-card{border-radius:12px;border:1px solid #e0e0e0;background-color:#fff;margin-bottom:16px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.report-card.expanded{box-shadow:0 4px 12px #0000001a}.report-header{padding:25px 30px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.report-header-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.report-meta{width:100%;max-width:700px;margin:0 auto;padding-right:0;display:flex;flex-direction:column;align-items:center}.report-badge{display:inline-block;padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700;margin-bottom:12px;box-shadow:0 2px 5px #0000001a;text-align:center}.report-badge.free{background-color:#4caf50}.report-badge.ai{background-color:#2196f3}.report-badge.junior{background-color:#ff9800}.report-badge.intermediate{background-color:#9c27b0}.report-badge.master{background-color:#f44336}.report-title{margin:15px 0 10px;font-size:24px;font-weight:700;text-align:center;width:100%}.report-desc{margin:0 auto;max-width:600px;line-height:1.5;font-size:16px;color:#555;text-align:center;padding:0 20px;width:100%}.master-badge,.model-badge{display:inline-block;margin-top:8px;padding:2px 6px;border-radius:4px;font-size:12px;background-color:#f5f5f5;color:#666;margin-right:8px}.report-actions{margin-top:15px;margin-left:0;justify-content:center;width:100%}.purchase-btn{padding:6px 12px;border-radius:6px;border:none;color:#fff;font-weight:700;cursor:pointer;margin-right:15px;transition:background-color .2s ease}.purchase-btn.free{background-color:#4caf50}.purchase-btn:hover{filter:brightness(1.1)}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;margin-right:12px}.status-badge.unlocked{background-color:#e8f5e9;color:#2e7d32}.status-badge.locked{background-color:#ffebee;color:#c62828}.expand-icon{width:10px;height:10px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(45deg);transition:transform .3s ease}.report-detail{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.report-detail-fix{padding:16px;max-height:2000px;transition:max-height .5s ease}.report-content{min-height:100px}.report-content-wrapper{max-width:800px;margin:0 auto}.report-content-fix{padding:30px;max-width:800px;margin:0 auto}.report-content-fix::-webkit-scrollbar{width:6px}.report-content-fix::-webkit-scrollbar-track{background:#f1f1f1}.report-content-fix::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4a90e2;animation:spin 1s linear infinite;margin-bottom:20px}.no-content-message{padding:32px 16px;text-align:center;color:#666}.status-indicator{display:flex;align-items:center;justify-content:center;padding:15px;border-radius:6px;font-size:15px;margin:20px 0}.status-indicator.pending{background-color:#fff8e1;color:#f57c00}.status-indicator.processing{background-color:#e3f2fd;color:#1976d2}.status-indicator.failed{background-color:#ffebee;color:#d32f2f}.status-indicator.waiting{background-color:#f5f5f5;color:#616161}.pending-spinner,.processing-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;margin-right:10px;animation:spin 1s linear infinite}.pending-spinner{border-top-color:#f57c00}.processing-spinner{border-top-color:#1976d2}.status-indicator span{font-size:14px}.report-footer{display:flex;justify-content:center;padding:20px 0;border-top:1px solid #eee}.refresh-btn{padding:10px 20px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background-color:#e0e0e0;border-color:#ccc}.refresh-btn svg{width:16px;height:16px;animation:spin 2s linear infinite paused}.refresh-btn:hover svg{animation-play-state:running}.report-header .refresh-button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4f46e5;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s;padding:0}.report-header .refresh-button:hover{background-color:#4f46e5;color:#fff}.report-header .refresh-button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.report-header .refresh-button svg{width:16px;height:16px}.report-header .refresh-tooltip{position:absolute;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;top:-30px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;pointer-events:none}.report-header .refresh-button:hover .refresh-tooltip{opacity:1}.report-header .refresh-button:disabled svg{animation:spin 1.5s linear infinite}.report-header{position:relative}.locked-content{padding:30px 20px;text-align:center;background-color:#fafafa;border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center}.lock-container{width:100%;text-align:center;margin-bottom:30px}.lock-icon{display:inline-block;width:60px;height:60px;background-color:#0000000f;border-radius:50%;position:relative;margin-bottom:15px;box-shadow:0 4px 8px #0000001a}.lock-icon:before{content:"🔒";font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lock-title{font-size:22px;color:#333;margin:10px 0;font-weight:600;text-align:center}.features-container{display:flex;justify-content:center;width:100%}.features-title{font-size:18px;color:#333;margin:0 0 8px;font-weight:600;text-align:center;padding-left:0}.features-list-wrapper{width:100%;max-width:650px;margin:0 auto}.features-list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0;margin:0;width:100%}.feature-item{display:flex;align-items:center;width:48%;margin-bottom:15px;padding:12px 15px;border-radius:8px;background-color:#f8f8f8;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;font-size:15px;color:#555}.feature-item:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.feature-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#4caf50;color:#fff;border-radius:50%;margin-right:10px;font-size:12px;box-shadow:0 2px 4px #4caf504d}.feature-text{flex:1}.unlock-btn-container{width:100%;display:flex;justify-content:center;margin-top:30px}.unlock-btn{max-width:300px;padding:14px 25px;font-size:16px;font-weight:600;display:block;width:100%;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 2px 8px #00000026}.unlock-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;filter:brightness(1.05)}.unlock-btn.ai{background-color:#2196f3}.unlock-btn.junior{background-color:#ff9800}.unlock-btn.intermediate{background-color:#9c27b0}.unlock-btn.master{background-color:#f44336}.unlock-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.report-sections{padding:8px 0}.report-details h4,.report-summary h4{margin:0 0 12px;color:#333;font-size:16px;padding-bottom:8px;border-bottom:1px solid #eee}.details-content,.summary-content{color:#333;line-height:1.6}.summary-content-fix{padding:0 8px}.report-meta-info{margin-top:30px;padding-top:20px;border-top:1px solid #eee;color:#777;font-size:14px}.report-meta-info p{margin:5px 0}.details-content h1{font-size:24px;margin-top:30px;margin-bottom:15px;color:#333}.details-content h2{font-size:20px;margin-top:25px;margin-bottom:10px;color:#444}.details-content h3{font-size:18px;margin-top:20px;margin-bottom:10px;color:#555}.details-content p{margin-bottom:15px;line-height:1.6;color:#555}.details-content ul,.details-content ol{margin-bottom:20px;padding-left:25px}.details-content li{margin-bottom:8px;line-height:1.6}@media (min-width: 768px){.locked-content{display:flex;flex-direction:row;text-align:left}.lock-container{text-align:center}.features-container{margin-top:0;max-width:none;margin-left:0;margin-right:0}}@media (max-width: 767px){.locked-content{flex-direction:column}.features-container{width:100%;padding-right:0}.features-list{flex-direction:column}.feature-item{width:100%;margin-bottom:10px}.unlock-btn-container{width:100%;margin-top:10px}.unlock-btn{max-width:100%}.report-header{padding:20px}.report-title{font-size:20px;margin:12px 0 8px}.report-desc{font-size:14px;padding:0 15px;line-height:1.4}.content-header{text-align:center}.features-title{text-align:center;padding-left:0}.report-header-content{flex-direction:column}.report-meta{padding-right:0;margin-bottom:15px}}@media (min-width: 768px) and (max-width: 991px){.feature-item{width:47%}}@media (min-width: 992px){.feature-item{width:45%}}@media (max-width: 767px){.features-list{flex-direction:column}.feature-item{width:100%;margin-bottom:10px}.locked-content{padding:25px 20px 30px}}.content-section{width:100%;max-width:800px;margin:0 auto 25px;display:flex;flex-direction:column;align-items:center}.content-header{text-align:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px;width:100%}.center-align{text-align:center!important}.badge-container{display:flex;justify-content:center;width:100%}.badge-wrapper{display:flex;justify-content:center;gap:8px;margin-top:10px}.markdown-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333}.markdown-content-fix{max-width:100%;overflow-wrap:break-word}.markdown-spacing{height:12px}.markdown-h1{font-size:24px;font-weight:600;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid #eaecef}.markdown-h2{font-size:20px;font-weight:600;margin:20px 0 14px;padding-bottom:4px}.markdown-h3{font-size:18px;font-weight:600;margin:16px 0 12px}.markdown-h4{font-size:16px;font-weight:600;margin:14px 0 10px}.markdown-paragraph{margin:0 0 16px}.markdown-paragraph-fix{line-height:1.6}.markdown-list{margin:0 0 16px;padding-left:24px}.markdown-list-fix{list-style-type:disc}.markdown-list-item{margin:4px 0}.markdown-list-item-fix{padding-left:6px}.empty-content{color:#999;font-style:italic;padding:16px;text-align:center}.analysis-result-container{margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.reports-header{margin-bottom:24px;text-align:center;max-width:800px}.reports-header h2{font-size:28px;font-weight:600;margin:0 0 12px;color:#333}.reports-header p{margin:0 auto;color:#666;font-size:16px;max-width:700px;line-height:1.6}.reports-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;align-items:center}.refresh-actions{margin-top:24px;display:flex;justify-content:center}.refresh-all-btn{padding:10px 24px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refresh-all-btn:hover:not(:disabled){background-color:#e0e0e0;border-color:#ccc}.refresh-all-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#333;border-radius:50%;margin-right:8px;animation:spin 1s ease-in-out infinite}.no-report-data{padding:40px;text-align:center;color:#999;font-style:italic;background-color:#f9f9f9;border-radius:8px;border:1px dashed #ddd}.report-list{margin-bottom:30px}.report-list-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee}.report-list-header h3{font-size:28px;margin-bottom:15px;color:#222;font-weight:700}.report-refresh-all{display:flex;flex-direction:column;align-items:center;margin-top:20px}.refresh-all-btn{display:flex;align-items:center;gap:8px;background-color:#f5f5f5;border:1px solid #ddd;color:#333;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease}.refresh-all-btn:hover{background-color:#e0e0e0}.refresh-all-btn:disabled{background-color:#f5f5f5;color:#bbb;cursor:not-allowed}.refresh-help-text{font-size:12px;color:#666;margin-top:8px;display:flex;align-items:center;gap:4px}.no-report-data{text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:10px;color:#666;margin-top:20px}.report-grid{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px;width:100%}@media (min-width: 768px){.report-grid{grid-template-columns:1fr}}.report-item{position:relative;margin-bottom:30px;padding-top:40px;display:flex;flex-direction:column;align-items:center;width:100%}.header-action-buttons{position:absolute;top:20px;right:20px;z-index:5;display:flex;gap:10px}@media (max-width: 768px){.report-header{padding:15px}.report-header-content{flex-direction:column}.report-meta{margin-bottom:15px;padding-right:0}.report-actions{align-items:flex-start}.purchase-btn,.direct-purchase-button{max-width:100%}.header-action-buttons{position:static;margin-top:15px}}.direct-purchase-button{padding:10px 18px;border:none;border-radius:6px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;font-size:15px;box-shadow:0 2px 8px #2196f340;white-space:nowrap;background-color:#2196f3}.direct-purchase-ai{background-color:#2196f3}.direct-purchase-junior{background-color:#ff9800;box-shadow:0 2px 8px #ff980040}.direct-purchase-intermediate{background-color:#9c27b0;box-shadow:0 2px 8px #9c27b040}.direct-purchase-master{background-color:#f44336;box-shadow:0 2px 8px #f4433640}.direct-purchase-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.direct-purchase-button:disabled{background-color:#ccc;cursor:not-allowed}.report-card{border-radius:12px;overflow:visible;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:1px solid #eee;background-color:#fff;position:relative;width:100%;max-width:800px;margin:0 auto}.report-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.report-card.free-card{border-left:6px solid #4caf50}.report-card.ai-card{border-left:6px solid #2196f3}.report-card.junior-card{border-left:6px solid #ff9800}.report-card.intermediate-card{border-left:6px solid #9c27b0}.report-card.master-card{border-left:6px solid #f44336}.report-card.with-direct-purchase{box-shadow:0 4px 20px #0000001f}.report-header{padding:20px;cursor:pointer;background-color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.report-header-content{display:flex;width:100%;justify-content:space-between;align-items:flex-start}.report-meta{flex:2;padding-right:20px}.report-badge{display:inline-block;padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700;margin-bottom:12px;box-shadow:0 2px 5px #0000001a}.report-badge.free{background-color:#e8f5e9;color:#4caf50}.report-badge.ai{background-color:#e3f2fd;color:#2196f3}.report-badge.junior{background-color:#fff3e0;color:#ff9800}.report-badge.intermediate{background-color:#f3e5f5;color:#9c27b0}.report-badge.master{background-color:#ffebee;color:#f44336}.report-title{margin:0 0 10px;font-size:22px;font-weight:700;color:#333}.report-desc{margin:0;color:#555;font-size:15px;line-height:1.6}.master-badge,.model-badge{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:4px;font-size:12px;background-color:#f5f5f5;color:#666;margin-right:5px}.master-badge{background-color:#fff8e1;color:#ffa000}.report-actions{flex:1;display:flex;flex-direction:column;align-items:flex-end;margin-left:0}.purchase-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:10px 18px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:16px;box-shadow:0 2px 5px #0000001a;margin-bottom:10px;width:100%;max-width:200px;text-align:center}.purchase-btn.ai{background-color:#2196f3}.purchase-btn.junior{background-color:#ff9800}.purchase-btn.intermediate{background-color:#9c27b0}.purchase-btn.master{background-color:#f44336}.purchase-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.purchase-btn:disabled{background-color:#ccc;cursor:not-allowed}.status-badge{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;margin-right:0;margin-bottom:10px}.status-badge.unlocked{background-color:#e8f5e9;color:#4caf50}.status-badge.locked{background-color:#f5f5f5;color:#999}.expand-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.expand-icon{display:inline-block;width:8px;height:8px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(45deg);transition:transform .3s ease}.expand-icon.expanded{transform:rotate(-135deg)}.refresh-button{background:none;border:none;color:#2196f3;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#2196f31a;position:relative}.refresh-button:hover{background-color:#2196f333}.refresh-button:disabled{color:#ccc;cursor:not-allowed;background-color:#cccccc1a}.refresh-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s}.refresh-button:hover .refresh-tooltip{opacity:1;visibility:visible}.refresh-button-container{right:20px;top:20px;z-index:10}.purchase-button-container{display:none}.bottom-purchase-container{margin:20px auto 10px;text-align:center;padding:0 20px 25px;width:100%;max-width:800px}.bottom-purchase-container .direct-purchase-button{width:100%;max-width:300px;padding:14px 25px;font-size:16px;font-weight:600;border-radius:6px;display:inline-block;box-shadow:0 4px 10px #00000026}.report-item.just-purchased{position:relative;box-shadow:0 0 0 2px #4caf50,0 5px 15px #0000001a;animation:pulse-border 2s infinite;z-index:2}@keyframes pulse-border{0%{box-shadow:0 0 0 2px #4caf50cc,0 5px 15px #0000001a}50%{box-shadow:0 0 0 5px #4caf504d,0 5px 15px #0000001a}to{box-shadow:0 0 0 2px #4caf50cc,0 5px 15px #0000001a}}.purchase-success-badge{position:absolute;top:-10px;right:-10px;background-color:#4caf50;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;z-index:3;box-shadow:0 2px 5px #0003;display:flex;align-items:center;gap:5px}.purchase-success-badge .success-icon{font-size:14px;font-weight:700}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background-color:#f9f9f9;border-radius:8px;margin:32px 0}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin 1s ease-in-out infinite;margin-bottom:24px}.loading-container h3{margin:0 0 16px;font-size:20px;font-weight:500;color:#333}.loading-container p{margin:0 0 12px;color:#666;font-size:14px;max-width:500px}.loading-time{font-style:italic;color:#888;font-size:13px!important;margin-top:8px!important}.toast-manager{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast-container{transition:all .3s ease}.toast-container.visible{opacity:1;transform:translate(0)}.toast-container.hidden{opacity:0;transform:translate(100%)}.toast{display:flex;align-items:center;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;background-color:#fff;min-width:250px;max-width:350px}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.toast-info{border-left:4px solid #2196f3}.toast-warning{border-left:4px solid #ff9800}.toast-icon{margin-right:10px;color:currentColor;flex-shrink:0}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-info .toast-icon{color:#2196f3}.toast-warning .toast-icon{color:#ff9800}.toast-message{flex-grow:1;font-size:14px;color:#333}.toast-close{background:none;border:none;cursor:pointer;color:#aaa;padding:4px;margin-left:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.toast-close:hover{background-color:#0000000d;color:#666}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:dialogOverlayFadeIn .2s ease-out;padding:20px}@keyframes dialogOverlayFadeIn{0%{opacity:0}to{opacity:1}}.dialog-container{background:white;border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;max-width:440px;width:100%;max-height:90vh;overflow:hidden;animation:dialogSlideIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{display:flex;align-items:flex-start;padding:24px 24px 16px;position:relative}.dialog-icon-container{margin-right:16px;flex-shrink:0;margin-top:2px}.dialog-icon{width:24px;height:24px;border-radius:50%;padding:8px;display:block}.dialog-icon.success{background:#10b981;color:#fff}.dialog-icon.error{background:#ef4444;color:#fff}.dialog-icon.warning{background:#f59e0b;color:#fff}.dialog-icon.info{background:#3b82f6;color:#fff}.dialog-icon.confirm{background:#6b7280;color:#fff}.dialog-title{flex:1;margin:6px 0 0;font-size:18px;font-weight:600;color:#111827;line-height:1.4}.dialog-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#9ca3af;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dialog-close:hover:not(:disabled){background:#f3f4f6;color:#6b7280}.dialog-close:disabled{opacity:.5;cursor:not-allowed}.dialog-body{padding:0 24px 24px}.dialog-message{margin:0;font-size:16px;line-height:1.6;color:#4b5563}.dialog-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.dialog-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:100px;position:relative;white-space:nowrap}.dialog-btn:disabled{opacity:.6;cursor:not-allowed}.dialog-btn.cancel{background:#f9fafb;color:#374151;border-color:#d1d5db}.dialog-btn.cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.dialog-btn.confirm{background:#3b82f6;color:#fff;border-color:#3b82f6}.dialog-btn.confirm:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.dialog-btn.confirm.danger{background:#ef4444;border-color:#ef4444}.dialog-btn.confirm.danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.dialog-loading{display:flex;align-items:center;gap:8px}.dialog-spinner{width:16px;height:16px;color:currentColor}.dialog-container.warning .dialog-header{border-bottom:3px solid #f59e0b}.dialog-container.error .dialog-header{border-bottom:3px solid #ef4444}.dialog-container.success .dialog-header{border-bottom:3px solid #10b981}.dialog-container.danger{border:2px solid #fee2e2}@media (max-width: 480px){.dialog-overlay{padding:16px}.dialog-container{border-radius:12px;max-width:100%}.dialog-header{padding:20px 20px 12px}.dialog-body{padding:0 20px 20px}.dialog-footer{padding:12px 20px 20px;flex-direction:column-reverse}.dialog-btn{width:100%;justify-content:center}.dialog-title{font-size:16px}.dialog-message{font-size:15px}}@media (prefers-color-scheme: dark){.dialog-container{background:#1f2937;color:#f9fafb}.dialog-title{color:#f9fafb}.dialog-message{color:#d1d5db}.dialog-close{color:#9ca3af}.dialog-close:hover:not(:disabled){background:#374151;color:#d1d5db}.dialog-btn.cancel{background:#374151;color:#d1d5db;border-color:#4b5563}.dialog-btn.cancel:hover:not(:disabled){background:#4b5563;border-color:#6b7280}}.dialog-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.dialog-close:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.dialog-container{border:2px solid #000}.dialog-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.dialog-overlay,.dialog-container{animation:none}.dialog-btn,.dialog-close{transition:none}}.user-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 3px 5px #0000001a;background-color:#345e4e}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar .avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:500}.user-dropdown-container{position:relative;z-index:1000}.user-dropdown-menu{position:absolute;top:50px;right:0;width:240px;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;overflow:hidden;z-index:1001;transform-origin:top right;animation:dropdown-appear .2s ease-out;text-align:center}@keyframes dropdown-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-dropdown-menu .user-info{padding:16px;background-color:#f9f9f9;border-bottom:1px solid #eee;text-align:center}.user-dropdown-menu .user-info .user-name{font-weight:600;font-size:16px;color:#333;margin-bottom:4px}.user-dropdown-menu .user-info .user-email{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis}.user-dropdown-menu .menu-items{padding:8px 0}.user-dropdown-menu .menu-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s;height:48px}.user-dropdown-menu .menu-item:hover{background-color:#f5f5f5}.user-dropdown-menu .menu-item .icon{margin-right:15px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;line-height:1;position:relative;top:-1px}.user-dropdown-menu .menu-item .text{font-size:15px;color:#333;flex:1;line-height:24px;display:flex;align-items:center}.user-dropdown-menu .menu-item.logout .text{color:#e53935}.user-dropdown-menu .divider{height:1px;background-color:#eee;margin:8px 16px}@media (max-width: 768px){.user-dropdown-menu{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;box-shadow:0 -4px 16px #0000001a;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-dropdown-menu .menu-item{padding:16px;height:56px}.user-dropdown-menu .menu-item .icon{font-size:20px;width:24px}.user-dropdown-menu .menu-item .text{font-size:16px}}:root{--primary-color: #2C5C45;--primary-light-color: #A7D6BA;--primary-dark-color: #1D3D2D;--text-primary: #1A2428;--text-secondary: #566269;--border-color: rgba(86, 98, 105, .2)}.web-layout{display:flex;flex-direction:column;min-height:100vh}.web-header{position:sticky;top:0;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;z-index:1000;transition:all .3s ease;padding:15px 0}.web-header.scrolled{padding:10px 0;background-color:#fffffffa;box-shadow:0 4px 20px #0000001a}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.logo-link{text-decoration:none;color:var(--text-primary);display:flex;align-items:center}.logo{display:flex;align-items:center}.logo-img{height:42px;width:auto;margin-right:10px;object-fit:contain}.logo-text{font-size:1.7rem;font-weight:700;color:var(--primary-color)}.web-nav{display:flex;gap:20px}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;padding:8px 12px;border-radius:6px;transition:all .2s ease;position:relative}.nav-link:hover{color:var(--primary-color);background-color:#2f68460d}.nav-link.active{color:var(--primary-color);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:12px;right:12px;height:3px;background-color:var(--primary-color);border-radius:3px}.header-actions{display:flex;align-items:center;gap:15px}.language-selector{position:relative}.language-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-color);font-weight:500;transition:all .2s ease}.language-toggle:hover{background-color:#2f68460d;color:var(--primary-color)}.current-language{font-size:.9rem}.language-options{position:absolute;top:100%;right:0;margin-top:5px;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;padding:8px;min-width:120px;z-index:100}.language-option{display:block;width:100%;text-align:left;padding:10px 15px;border:none;background:none;border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--text-color)}.language-option:hover{background-color:#2f68460d;color:var(--primary-color)}.language-option.active{color:var(--primary-color);font-weight:600;background-color:#2f684614}.login-button{background-color:transparent;color:var(--primary-color);padding:8px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid var(--primary-color);box-shadow:0 4px 12px #2f68461a}.login-button:hover{background-color:#2f68461a;color:var(--primary-color)!important;transform:translateY(-2px);box-shadow:0 6px 15px #2f684640;border-color:var(--primary-color)}.web-header a:hover{text-decoration:none;color:inherit}.web-main{flex:1}.web-footer{background-color:#293341;padding:60px 0 20px;margin-top:60px}.footer-content{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 20px;gap:40px}.footer-section{flex:1;min-width:250px}.footer-section h3{color:#fff;margin-bottom:20px;font-size:1.2rem;position:relative;font-weight:600}.footer-section h3:after{content:"";position:absolute;bottom:-10px;left:0;width:40px;height:3px;background-color:#a7d6ba;border-radius:2px}.footer-section p{color:#ffffffe6;line-height:1.6;margin-bottom:20px}.footer-nav{display:flex;flex-direction:column;gap:10px}.footer-link{color:#ffffffd9;text-decoration:none;transition:all .2s ease}.footer-link:hover{color:#fff;transform:translate(5px)}.contact-info p{margin-bottom:10px;color:#ffffffe6}.copyright{max-width:1200px;margin:40px auto 0;padding:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#fffc;font-size:.9rem}@media (max-width: 992px){.web-nav{display:none}.header-content{justify-content:space-between}}@media (max-width: 768px){.footer-content{flex-direction:column;gap:30px}.footer-section{width:100%}.language-toggle span{display:none}}@media (max-width: 480px){.web-header .container{padding:.75rem}.logo img{height:32px}.logo a{font-size:1.2rem}.login-btn{padding:.5rem 1rem;font-size:.9rem}}.transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hover\:scale-105:hover,.md\:scale-105{transform:scale(1.05)}.bg-center{background-position:center}.bg-cover{background-size:cover}.MuiRating-root{color:#f59e0b}@media (max-width: 768px){.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-yellow-500{background-color:#f59e0b}.transform.rotate-180{transform:rotate(180deg)}.bg-indigo-600{background-color:#4f46e5}.hover\:bg-indigo-700:hover{background-color:#4338ca}.text-indigo-500{color:#6366f1}.ring-indigo-600{--tw-ring-color: #4f46e5;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.bg-gray-50{background-color:#f9fafb}.px-4{padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.expert-page{min-height:100vh;background-color:#f9fafb}.plan-card{position:relative;height:100%;transition:all .3s ease;border-radius:12px;overflow:hidden}.plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.plan-card.popular{transform:scale(1.05);z-index:2}.plan-card .badge{position:absolute;top:0;left:0;right:0;color:#fff;padding:8px;text-align:center;font-weight:500}.plan-card .badge.popular{background-color:#4f46e5}.plan-card .badge.best-value{background-color:#f59e0b}.plan-card.selected{border:2px solid #4F46E5}.master-card{height:100%;transition:all .3s ease;border-radius:12px;overflow:hidden}.master-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.master-card.selected{border:2px solid #4F46E5}.master-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-right:16px;background-color:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px}.master-info{display:flex;align-items:flex-start;margin-bottom:16px}.master-bio{color:#4b5563;margin-bottom:24px;line-height:1.5}.master-tag{background-color:#4f46e51a;color:#4f46e5;border-radius:16px;padding:4px 12px;margin-right:8px;display:inline-block;font-size:14px;margin-bottom:8px}.testimonial-card{height:100%;position:relative;border-radius:12px;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:#4f46e5}.testimonial-rating{display:flex;margin-bottom:12px}.testimonial-rating .star{color:#f59e0b;margin-right:2px}.testimonial-text{font-style:italic;color:#4b5563;margin-bottom:16px;line-height:1.6}.testimonial-author{font-weight:600;color:#1f2937}.payment-summary{max-width:600px;margin:0 auto;position:relative;border-radius:12px;overflow:hidden}.payment-summary:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:#4f46e5}.payment-row{display:flex;justify-content:space-between;margin-bottom:12px}.payment-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.payment-button{width:100%;padding:12px 24px;font-weight:600;border-radius:8px;background-color:#4f46e5;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.payment-button:hover{background-color:#3730a3}.payment-terms{text-align:center;color:#6b7280;font-size:12px;margin-top:16px}.faq-section{max-width:800px;margin:0 auto}.faq-item{border-radius:8px!important;margin-bottom:16px!important;overflow:hidden}.faq-question{padding:16px 24px}.faq-answer{padding:0 24px 24px;color:#4b5563}@media (max-width: 768px){.plan-card.popular{transform:scale(1)}.master-info{flex-direction:column}.master-avatar{margin-right:0;margin-bottom:16px}}.profile-page{min-height:100vh;background-color:#f9f9f9}.profile-page .profile-banner{background:linear-gradient(135deg,#2C5C45 0%,rgb(27.5,57.5,43.125) 100%);color:#fff;padding:60px 0 40px;position:relative;overflow:hidden}.profile-page .profile-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/pattern.svg) repeat;opacity:.05;z-index:1}.profile-page .profile-banner .user-profile-header{display:flex;align-items:center;position:relative;z-index:2}.profile-page .profile-banner .user-profile-header .user-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:24px;background-color:#fff;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.profile-page .profile-banner .user-profile-header .user-avatar .user-avatar-img{width:100%;height:100%;object-fit:cover}.profile-page .profile-banner .user-profile-header .user-avatar .user-avatar-initials{font-size:42px;color:#2c5c45;font-weight:700;line-height:1}.profile-page .profile-banner .user-profile-header .user-info .user-name{font-size:28px;font-weight:600;margin:0 0 4px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-page .profile-banner .user-profile-header .user-info .user-email{font-size:16px;color:#fffffff2;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.profile-page .profile-banner .user-profile-header .user-info .welcome-message{font-size:18px;margin:0;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.profile-page .profile-content{padding:40px 0}.profile-page .section-title{font-size:22px;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #2C5C45;display:inline-block}.profile-page .quick-nav-section,.profile-page .account-info-section,.profile-page .recent-analysis-section{margin-bottom:40px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.profile-page .quick-nav-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.profile-page .quick-nav-cards .quick-nav-card{background-color:#fff;border-radius:12px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border:1px solid #eee}.profile-page .quick-nav-cards .quick-nav-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a;border-color:#2c5c45}.profile-page .quick-nav-cards .quick-nav-card .icon{font-size:32px;margin-bottom:16px}.profile-page .quick-nav-cards .quick-nav-card .title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.profile-page .quick-nav-cards .quick-nav-card .description{font-size:14px;color:#666}.profile-page .account-info-card{background-color:#fff;border-radius:12px;padding:20px}.profile-page .account-info-card .account-info-row{display:flex;margin-bottom:16px}.profile-page .account-info-card .account-info-row .label{font-weight:500;width:120px;color:#555}.profile-page .account-info-card .account-info-row .value{flex:1;color:#333}.profile-page .account-info-card .account-actions{display:flex;gap:12px;margin-top:20px}.profile-page .account-info-card .account-actions .account-action-btn{padding:8px 16px;border-radius:6px;background-color:#f5f5f5;color:#333;text-decoration:none;font-size:14px;transition:all .2s}.profile-page .account-info-card .account-actions .account-action-btn:hover{background-color:#eee}.profile-page .recent-analysis-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-page .recent-analysis-section .section-header .section-title{margin:0;border:none}.profile-page .recent-analysis-section .section-header .view-controls{display:flex;gap:8px}.profile-page .recent-analysis-section .section-header .view-controls .view-control{padding:6px 12px;border-radius:6px;background-color:#f5f5f5;border:1px solid #eee;cursor:pointer;transition:all .2s}.profile-page .recent-analysis-section .section-header .view-controls .view-control.active{background-color:#2c5c45;color:#fff;border-color:#2c5c45}.profile-page .recent-analysis-section .loading-indicator{text-align:center;padding:40px 0;color:#666}.profile-page .recent-analysis-section .analysis-items.card{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.profile-page .recent-analysis-section .analysis-items.card .analysis-card{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;background-color:#fff;transition:all .3s}.profile-page .recent-analysis-section .analysis-items.card .analysis-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001f}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .thumbnail{height:180px;position:relative}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .thumbnail img{width:100%;height:100%;object-fit:cover}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .thumbnail .status-label{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .thumbnail .status-label.completed{background-color:#e8f5e9;color:#2e7d32}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .thumbnail .status-label.processing{background-color:#e3f2fd;color:#1565c0}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .thumbnail .status-label.failed{background-color:#ffebee;color:#c62828}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content{padding:16px}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content .title{margin:0 0 8px;font-size:18px;font-weight:600;color:#333}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content .meta{margin-bottom:12px;color:#666;font-size:14px;display:flex;gap:12px}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content .meta .type{color:#2c5c45;font-weight:500}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content .summary{color:#555;margin-bottom:16px;font-size:14px;line-height:1.5}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content .actions{text-align:right}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content .actions .view-btn{padding:6px 12px;background-color:#2c5c45;color:#fff;border-radius:6px;text-decoration:none;font-size:14px;transition:all .2s;display:inline-block}.profile-page .recent-analysis-section .analysis-items.card .analysis-card .content .actions .view-btn:hover{background-color:#244b38}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item:last-child{border-bottom:none}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .title{margin:0 0 8px;font-size:16px;font-weight:500}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .meta{display:flex;gap:16px;align-items:center}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .meta .type{color:#2c5c45}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .meta .date{color:#666}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .meta .status-label{padding:2px 8px;border-radius:4px;font-size:12px}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .meta .status-label.completed{background-color:#e8f5e9;color:#2e7d32}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .meta .status-label.processing{background-color:#e3f2fd;color:#1565c0}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-main .meta .status-label.failed{background-color:#ffebee;color:#c62828}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-actions .view-btn{padding:6px 12px;background-color:#2c5c45;color:#fff;border-radius:6px;text-decoration:none;font-size:14px;transition:all .2s;display:inline-block}.profile-page .recent-analysis-section .analysis-items.list .analysis-list-item .list-item-actions .view-btn:hover{background-color:#244b38}.profile-page .recent-analysis-section .empty-state{text-align:center;padding:40px 0}.profile-page .recent-analysis-section .empty-state .empty-icon{font-size:48px;margin-bottom:16px}.profile-page .recent-analysis-section .empty-state h3{font-size:18px;color:#333;margin:0 0 8px}.profile-page .recent-analysis-section .empty-state p{color:#666;margin:0 0 20px}.profile-page .recent-analysis-section .empty-state .start-analysis-btn{padding:10px 20px;background-color:#2c5c45;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;display:inline-block;transition:all .2s}.profile-page .recent-analysis-section .empty-state .start-analysis-btn:hover{background-color:#244b38}.profile-page .recent-analysis-section .view-all-link{text-align:right;margin-top:20px}.profile-page .recent-analysis-section .view-all-link a{color:#2c5c45;text-decoration:none;font-weight:500}.profile-page .recent-analysis-section .view-all-link a:hover{text-decoration:underline}@media (max-width: 768px){.profile-page .profile-banner{padding:40px 0 30px}.profile-page .profile-banner .user-profile-header{flex-direction:column;text-align:center}.profile-page .profile-banner .user-profile-header .user-avatar{margin:0 auto 20px}.profile-page .quick-nav-cards{grid-template-columns:1fr}.profile-page .recent-analysis-section .section-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-page .recent-analysis-section .analysis-items.card{grid-template-columns:1fr}}.my-analysis-page{min-height:100vh;background-color:#f9f9f9;padding:40px 0}.my-analysis-page .page-header{margin-bottom:30px}.my-analysis-page .page-header .page-title{font-size:28px;margin-bottom:10px;color:#333}.my-analysis-page .page-header .page-description{color:#666;font-size:16px}.my-analysis-page .analysis-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.my-analysis-page .analysis-controls .filter-controls{display:flex;flex-wrap:wrap;gap:15px}.my-analysis-page .analysis-controls .filter-controls .filter-buttons{display:flex;gap:10px}.my-analysis-page .analysis-controls .filter-controls .filter-buttons .filter-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.my-analysis-page .analysis-controls .filter-controls .filter-buttons .filter-btn:hover{background-color:#e8e8e8}.my-analysis-page .analysis-controls .filter-controls .filter-buttons .filter-btn.active{background-color:#4a6fa5;color:#fff;border-color:#4a6fa5}.my-analysis-page .analysis-controls .filter-controls .search-box input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;width:200px;font-size:14px}.my-analysis-page .analysis-controls .filter-controls .search-box input:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533}.my-analysis-page .analysis-controls .view-controls{display:flex;gap:10px}.my-analysis-page .analysis-controls .view-controls .refresh-btn{padding:8px 16px;background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:4px;color:#4a6fa5;cursor:pointer;font-size:14px;transition:all .2s}.my-analysis-page .analysis-controls .view-controls .refresh-btn:hover{background-color:#e0f0ff}.my-analysis-page .analysis-controls .view-controls .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.my-analysis-page .analysis-controls .view-controls .view-control{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s}.my-analysis-page .analysis-controls .view-controls .view-control:hover{background-color:#e8e8e8}.my-analysis-page .analysis-controls .view-controls .view-control.active{background-color:#4a6fa5;color:#fff;border-color:#4a6fa5}.my-analysis-page .analysis-controls .view-controls .view-control .view-icon{font-size:18px}.my-analysis-page .analysis-content{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;min-height:400px}.my-analysis-page .analysis-content .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.my-analysis-page .analysis-content .loading-state .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4a6fa5;animation:spin 1s ease-in-out infinite;margin-bottom:20px}.my-analysis-page .analysis-content .loading-state p{color:#666;font-size:16px}.my-analysis-page .analysis-content .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}.my-analysis-page .analysis-content .error-state .error-icon{font-size:48px;margin-bottom:20px}.my-analysis-page .analysis-content .error-state h3{font-size:20px;margin-bottom:10px;color:#e53935}.my-analysis-page .analysis-content .error-state p{color:#666;margin-bottom:20px;max-width:400px}.my-analysis-page .analysis-content .error-state .retry-btn{padding:8px 20px;background-color:#e53935;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.my-analysis-page .analysis-content .error-state .retry-btn:hover{background-color:#d32f2f}.my-analysis-page .analysis-content .analysis-items{display:grid;gap:20px}.my-analysis-page .analysis-content .analysis-items.card{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.my-analysis-page .analysis-content .analysis-items.list{grid-template-columns:1fr}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s;box-shadow:0 2px 4px #0000000d}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .thumbnail{position:relative;height:180px;overflow:hidden}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .thumbnail .status-label{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .thumbnail .status-label.completed{background-color:#4caf50;color:#fff}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .thumbnail .status-label.processing{background-color:#2196f3;color:#fff}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .thumbnail .status-label.failed{background-color:#f44336;color:#fff}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content{padding:16px}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .title{font-size:18px;margin-bottom:10px;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .meta{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#666}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .meta .type{background-color:#f0f7ff;color:#4a6fa5;padding:2px 8px;border-radius:4px}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .summary{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:63px}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .actions{display:flex;gap:10px}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .actions button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .actions button.view-btn{background-color:#4a6fa5;color:#fff;border:none;flex:1}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .actions button.view-btn:hover{background-color:#3a5a84}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .actions button.export-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#666}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-card .content .actions button.export-btn:hover{background-color:#e8e8e8}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item:hover{background-color:#f9f9f9}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main{flex:1}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main .list-item-content .title{font-size:18px;margin-bottom:8px;color:#333}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main .list-item-content .meta{display:flex;align-items:center;gap:15px;font-size:14px;color:#666}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main .list-item-content .meta .type{background-color:#f0f7ff;color:#4a6fa5;padding:2px 8px;border-radius:4px}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main .list-item-content .meta .status-label{padding:2px 8px;border-radius:4px;font-size:12px}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main .list-item-content .meta .status-label.completed{background-color:#4caf50;color:#fff}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main .list-item-content .meta .status-label.processing{background-color:#2196f3;color:#fff}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-main .list-item-content .meta .status-label.failed{background-color:#f44336;color:#fff}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-actions{display:flex;gap:10px}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-actions button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-actions button.view-btn{background-color:#4a6fa5;color:#fff;border:none}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-actions button.view-btn:hover{background-color:#3a5a84}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-actions button.export-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#666}.my-analysis-page .analysis-content .analysis-items .analysis-item .analysis-list-item .list-item-actions button.export-btn:hover{background-color:#e8e8e8}.my-analysis-page .analysis-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}.my-analysis-page .analysis-content .empty-state .empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.my-analysis-page .analysis-content .empty-state h2{font-size:20px;margin-bottom:10px;color:#333}.my-analysis-page .analysis-content .empty-state p{color:#666;margin-bottom:20px}.my-analysis-page .analysis-content .empty-state .reset-filter-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:14px;margin-bottom:10px}.my-analysis-page .analysis-content .empty-state .reset-filter-btn:hover{background-color:#e8e8e8}.my-analysis-page .analysis-content .empty-state .start-analysis-btn{padding:8px 20px;background-color:#4a6fa5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.my-analysis-page .analysis-content .empty-state .start-analysis-btn:hover{background-color:#3a5a84}.my-analysis-page .analysis-content .pagination-controls{display:flex;align-items:center;justify-content:center;margin-top:30px;gap:15px}.my-analysis-page .analysis-content .pagination-controls .page-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.my-analysis-page .analysis-content .pagination-controls .page-btn:hover:not(:disabled){background-color:#e8e8e8}.my-analysis-page .analysis-content .pagination-controls .page-btn:disabled{opacity:.5;cursor:not-allowed}.my-analysis-page .analysis-content .pagination-controls .page-btn.number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0}.my-analysis-page .analysis-content .pagination-controls .page-btn.number.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.my-analysis-page .analysis-content .pagination-controls .page-btn.number.active:hover{background-color:#40a9ff;border-color:#40a9ff}.my-analysis-page .analysis-content .pagination-controls .page-numbers{display:flex;align-items:center;gap:5px}.my-analysis-page .analysis-content .pagination-controls .page-numbers .ellipsis{color:#999;margin:0 5px;font-size:14px}.my-analysis-page .analysis-content .pagination-controls .page-info{font-size:14px;color:#666}@media (max-width: 768px){.my-analysis-page{padding:20px 0}.my-analysis-page .analysis-controls{flex-direction:column;align-items:stretch;gap:16px}.my-analysis-page .analysis-controls .filter-controls{flex-direction:column;align-items:stretch}.my-analysis-page .analysis-controls .filter-controls .filter-buttons{overflow-x:auto;white-space:nowrap;padding-bottom:8px;display:flex;flex-wrap:nowrap}.my-analysis-page .analysis-controls .filter-controls .filter-buttons .filter-btn{flex-shrink:0}.my-analysis-page .analysis-controls .filter-controls .search-box input{width:100%}.my-analysis-page .analysis-controls .view-controls{justify-content:flex-end}.my-analysis-page .analysis-content{padding:16px}.my-analysis-page .analysis-content .analysis-items.card{grid-template-columns:1fr}.my-analysis-page .analysis-content .analysis-list-item{flex-direction:column;align-items:flex-start}.my-analysis-page .analysis-content .analysis-list-item .list-item-actions{margin-top:12px;align-self:flex-end}}.analysis-thumbnail{width:200px;height:150px;overflow:hidden;border-radius:8px;background-color:#f5f7fa;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.thumbnail-image:hover{transform:scale(1.05)}.card-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.analysis-card{background:white;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.analysis-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-content{padding:15px}.card-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#2d3748}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;color:#718096}.list-view{display:flex;flex-direction:column;gap:12px;padding:20px}.analysis-row{display:grid;grid-template-columns:200px 1fr 120px 120px 100px;gap:20px;align-items:center;padding:12px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a}.analysis-row:hover{background-color:#f7fafc}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-completed{background-color:#c6f6d5;color:#2f855a}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#fff;border-bottom:1px solid #e2e8f0}.view-controls{display:flex;gap:12px;align-items:center}.filter-controls{display:flex;gap:16px;align-items:center}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:16px}.page-button{padding:6px 12px;border:1px solid #e2e8f0;border-radius:4px;background:white;cursor:pointer;transition:all .2s}.page-button:hover{background-color:#f7fafc}.page-button.active{background-color:#4299e1;color:#fff;border-color:#4299e1}.page-button:disabled{background-color:#edf2f7;cursor:not-allowed}.empty-state{text-align:center;padding:40px;color:#718096}.empty-state-icon{font-size:48px;margin-bottom:16px;color:#a0aec0}.loading-state{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@media (max-width: 768px){.card-view{grid-template-columns:1fr}.analysis-row{grid-template-columns:1fr;gap:8px}.toolbar{flex-direction:column;gap:12px}.filter-controls{flex-wrap:wrap}}.my-analysis-page{padding:24px 0;background-color:#f5f7fa;min-height:calc(100vh - 60px)}.container{max-width:1000px;margin:0 auto;padding:0 20px}.page-header{margin-bottom:24px;text-align:left}.page-header-content{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.page-title{font-size:24px;color:#2c3e50;font-weight:600;margin:0;white-space:nowrap}.page-description{color:#718096;font-size:14px;margin:0;flex:1}.analysis-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 2px 8px #0000000d}.filter-controls{display:flex;flex-direction:row;align-items:center;gap:16px}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.filter-label{font-size:14px;font-weight:600;color:#4a5568;white-space:nowrap}.filter-btn{padding:6px 14px;border:1px solid #e2e8f0;border-radius:20px;background:white;color:#718096;font-size:14px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:#f7fafc}.filter-btn.active{background-color:#4caf50;color:#fff;border-color:#4caf50}.view-controls{display:flex;align-items:center}.refresh-btn{padding:6px 14px;border:1px solid #e2e8f0;border-radius:20px;background:white;color:#4caf50;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.refresh-btn:hover{background-color:#f0fff4}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.task-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.task-card{background:white;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.task-card:hover{box-shadow:0 4px 12px #0000001a}.task-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.task-header:hover{background-color:#f9f9f9}.task-main-info{flex:1}.task-title{font-size:16px;font-weight:600;margin:0 0 8px;color:#2c3e50}.task-meta{display:flex;align-items:center;gap:12px;color:#718096;font-size:14px}.service-type{background-color:#ebf4ff;color:#4c6ef5;padding:2px 8px;border-radius:12px;font-size:12px}.task-status{display:flex;align-items:center;gap:12px}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-success,.status-completed{background-color:#c6f6d5;color:#2f855a}.status-processing{background-color:#bee3f8;color:#2b6cb0}.status-failed{background-color:#fed7d7;color:#c53030}.status-cancelled{background-color:#e2e8f0;color:#718096}.expand-icon{font-size:12px;transition:transform .3s ease;color:#a0aec0}.subtasks-container{padding:0 20px 16px;display:flex;flex-direction:column;gap:12px}.subtask-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:12px;background-color:#f8fafc}.subtask-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.subtask-info{display:flex;align-items:center;gap:12px}.subtask-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.subtask-id{color:#4a5568;font-size:12px;font-weight:500;background-color:#e2e8f0;padding:2px 6px;border-radius:4px}.analysis-level{font-weight:600;color:#4c6ef5;margin-right:8px}.subtask-time{color:#718096;font-size:13px}.subtask-content{margin-top:12px}.result-summary{font-size:14px;color:#4a5568;line-height:1.6}.order-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background-color:#fff;border-radius:6px;padding:12px;margin:12px 0;border:1px solid #e2e8f0}.order-id{padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin-bottom:8px}.order-id .value{color:#4c6ef5;font-weight:600;font-family:monospace}.order-info .label{color:#718096;font-size:13px;display:block;margin-bottom:4px}.order-info .value{font-weight:500;color:#2d3748}.order-info .value.paid{color:#2f855a}.order-info .value.unpaid{color:#dd6b20}.subtask-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.view-report-btn,.pay-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.view-report-btn{background-color:#4caf50;color:#fff}.pay-btn{background-color:#f59e0b;color:#fff}.view-report-btn:hover,.pay-btn:hover{opacity:.9;transform:translateY(-1px)}.loading-state,.error-state{text-align:center;padding:40px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d}.loading-spinner{border:3px solid rgba(76,175,80,.1);border-top:3px solid #4caf50;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 16px}.error-icon,.loading-spinner{font-size:32px;margin-bottom:16px}.error-state h3{color:#e53e3e;margin:0 0 8px;font-size:18px}.retry-btn,.reset-filter-btn,.start-analysis-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;margin-top:16px}.retry-btn{background-color:#4caf50;color:#fff}.reset-filter-btn{background-color:#a0aec0;color:#fff}.start-analysis-btn{background-color:#4c6ef5;color:#fff}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d}.page-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:white;color:#4a5568;cursor:pointer;transition:all .2s;font-size:14px}.page-btn:hover:not(:disabled){background-color:#f7fafc;color:#4caf50;border-color:#4caf50}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#718096;font-size:14px}.task-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;cursor:pointer;transition:all .2s ease;gap:16px}.task-header:hover{background-color:#f8fafc}.task-main-info{flex:1;min-width:0}.task-title-section{margin-bottom:12px}.task-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px;line-height:1.4}.task-details{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.task-detail-item{display:flex;align-items:center;gap:6px;min-width:0}.detail-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.detail-value{font-size:14px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.task-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:#64748b;margin-top:8px}.service-type{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.task-actions{display:flex;align-items:flex-start;gap:12px;flex-shrink:0}.view-data-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;box-shadow:0 2px 4px #10b98133}.view-data-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.view-data-btn svg{flex-shrink:0}.task-status{display:flex;align-items:center;gap:8px;flex-direction:column}.expand-icon{color:#64748b;font-size:12px;transition:transform .2s ease;cursor:pointer;padding:4px;border-radius:4px}.expand-icon:hover{background-color:#f1f5f9}.expand-icon.expanded{transform:rotate(180deg)}.status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-success,.status-completed{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.status-processing{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff}.status-failed{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.status-cancelled{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff}@media (max-width: 768px){.task-header{flex-direction:column;gap:12px;align-items:flex-start}.task-actions{width:100%;justify-content:space-between;align-items:center}.task-details{flex-direction:column;gap:8px}.task-detail-item{flex-direction:column;align-items:flex-start;gap:2px}.detail-value{max-width:none;white-space:normal}.view-data-btn{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.task-title{font-size:16px}.task-actions{flex-direction:column;gap:8px;width:100%}.view-data-btn{width:100%;justify-content:center}.task-status{flex-direction:row;width:100%;justify-content:space-between}}.subtask-card-enhanced{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:1rem;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;overflow:hidden}.subtask-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6}.subtask-header-enhanced{padding:1.5rem;border-bottom:1px solid #f1f5f9}.subtask-main-info{display:flex;flex-direction:column;gap:1rem}.subtask-title-section{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.analysis-level-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:#fff;font-weight:500;box-shadow:0 2px 8px #00000026;min-width:200px}.level-icon{font-size:1.25rem}.level-text{display:flex;flex-direction:column}.level-name{font-weight:600;font-size:.9rem}.level-description{font-size:.75rem;opacity:.9;margin-top:.125rem}.subtask-status-section{display:flex;align-items:center}.subtask-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.metadata-value{font-size:.875rem;font-weight:600;color:#1e293b}.order-details-section{padding:1.5rem;background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0}.order-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.order-icon{font-size:1.1rem}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.order-detail-item{display:flex;flex-direction:column;gap:.25rem}.order-id-value{color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.amount-value{color:#059669;font-size:1rem}.order-status-paid{color:#059669}.order-status-unpaid{color:#dc2626}.order-status-processing{color:#f59e0b}.analysis-progress-section{padding:1.5rem;border-bottom:1px solid #e2e8f0}.progress-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.progress-icon{font-size:1.1rem}.progress-content{display:flex;flex-direction:column;gap:1rem}.progress-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:12px;height:12px;border-radius:50%;border:2px solid transparent}.status-dot.status-pending{background:#f59e0b;border-color:#fbbf24}.status-dot.status-processing{background:#3b82f6;border-color:#60a5fa;animation:pulse-dot 2s infinite}.status-dot.status-completed{background:#10b981;border-color:#34d399}.status-dot.status-failed{background:#ef4444;border-color:#f87171}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:.875rem;font-weight:500;color:#374151}.completion-badge{display:flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.completion-icon{font-size:.875rem}.result-preview{display:flex;justify-content:space-between;align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;padding:.75rem}.result-label{font-size:.875rem;color:#0369a1;font-weight:500}.result-indicator{font-size:.875rem;color:#0c4a6e;font-weight:600}.subtask-actions-enhanced{padding:1.5rem;background:#ffffff;display:flex;gap:.75rem;flex-wrap:wrap}.view-report-btn-enhanced,.pay-now-btn-enhanced,.retry-btn-enhanced{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;text-decoration:none}.view-report-btn-enhanced.primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;box-shadow:0 2px 8px #3b82f64d}.view-report-btn-enhanced.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.view-report-btn-enhanced.secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.view-report-btn-enhanced.secondary:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.view-report-btn-enhanced:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;transform:none}.pay-now-btn-enhanced{background:linear-gradient(135deg,#059669 0%,#047857 100%);color:#fff;box-shadow:0 2px 8px #0596694d}.pay-now-btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 6px 16px #05966966}.retry-btn-enhanced{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.retry-btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.subtask-row-compact{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;transition:all .2s ease}.subtask-row-compact:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.subtask-line-1{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.subtask-level-info{display:flex;align-items:center;gap:.75rem}.level-badge-small{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.subtask-id-small{font-size:.75rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:.125rem .375rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.subtask-status-info{display:flex;align-items:center;gap:.375rem}.status-dot-small{width:8px;height:8px;border-radius:50%;border:1px solid transparent}.status-dot-small.status-pending{background:#f59e0b;border-color:#fbbf24}.status-dot-small.status-processing{background:#3b82f6;border-color:#60a5fa;animation:pulse-small 2s infinite}.status-dot-small.status-completed{background:#10b981;border-color:#34d399}.status-dot-small.status-failed{background:#ef4444;border-color:#f87171}@keyframes pulse-small{0%,to{opacity:1}50%{opacity:.5}}.status-text-small{font-size:.75rem;font-weight:500;color:#374151}.completion-indicator{font-size:.875rem}.subtask-line-2{display:flex;justify-content:space-between;align-items:center;gap:1rem}.subtask-details-info{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.75rem;color:#64748b}.order-info-compact{color:#374151;font-weight:500}.payment-status-paid{color:#059669}.payment-status-unpaid{color:#dc2626}.payment-status-processing{color:#f59e0b}.info-separator{color:#9ca3af;margin:0 .25rem}.time-info-compact{color:#64748b}.subtask-actions-compact{display:flex;gap:.5rem}.btn-compact{padding:.375rem .75rem;border-radius:6px;border:none;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.btn-compact:hover:not(:disabled){transform:translateY(-1px)}.btn-compact:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 2px 8px #3b82f666}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.btn-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.btn-pay{background:linear-gradient(135deg,#059669 0%,#047857 100%);color:#fff;box-shadow:0 1px 3px #0596694d}.btn-pay:hover{box-shadow:0 2px 8px #05966966}.btn-expired{background:linear-gradient(135deg,#9e9e9e 0%,#757575 100%);color:#fff;box-shadow:0 1px 3px #9e9e9e4d;cursor:not-allowed}.btn-expired:hover{box-shadow:0 1px 3px #9e9e9e4d;transform:none}.btn-retry{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 1px 3px #f59e0b4d}.btn-retry:hover{box-shadow:0 2px 8px #f59e0b66}@media (max-width: 768px){.subtask-row-compact{padding:.5rem .75rem}.subtask-line-1,.subtask-line-2{flex-direction:column;align-items:flex-start;gap:.5rem}.subtask-level-info,.subtask-status-info{width:100%}.subtask-line-1{margin-bottom:.75rem}.subtask-details-info{flex-direction:column;align-items:flex-start;gap:.25rem}.info-separator{display:none}.subtask-actions-compact{width:100%;justify-content:flex-end}.btn-compact{flex:0 0 auto}}@media (max-width: 480px){.subtask-actions-compact{flex-direction:column;width:100%}.btn-compact{width:100%;justify-content:center}.level-badge-small{font-size:.6875rem;padding:.1875rem .375rem}}.task-card-modern{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.task-card-modern:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.task-header-modern{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.task-info-section{flex:1;display:flex;flex-direction:column;gap:1rem}.task-primary-info{display:flex;align-items:center;gap:1rem}.service-type-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.task-id-badge{background:#f1f5f9;color:#64748b;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:1px solid #e2e8f0}.task-details-compact{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-item-compact{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.detail-icon{font-size:1rem}.detail-text{font-weight:500;color:#374151}.task-actions-section{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;min-width:220px}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;text-decoration:none;min-width:140px;white-space:nowrap}.view-data{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff!important;box-shadow:0 2px 8px #10b9814d}.view-data:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.btn-icon{font-size:1rem}.btn-text{font-weight:600}.task-status-section{display:flex;align-items:center;gap:.75rem;min-height:40px}.status-indicator-modern{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0}.status-dot-modern{width:10px;height:10px;border-radius:50%;border:2px solid transparent}.status-dot-modern.status-pending{background:#f59e0b;border-color:#fbbf24}.status-dot-modern.status-processing{background:#3b82f6;border-color:#60a5fa;animation:pulse-status 2s infinite}.status-dot-modern.status-completed{background:#10b981;border-color:#34d399}.status-dot-modern.status-failed{background:#ef4444;border-color:#f87171}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.status-text-modern{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.expand-btn-modern{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#475569;font-size:.75rem;font-weight:600;box-shadow:0 1px 3px #0000001a;position:relative;min-width:100px}.expand-btn-modern:hover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.subtask-count{background:#3b82f6;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.6875rem;font-weight:700;min-width:18px;text-align:center}.subtask-label{font-size:.75rem;font-weight:600;color:#475569}.expand-arrow{transition:transform .3s ease;display:flex;align-items:center}.expand-arrow.expanded{transform:rotate(180deg)}.subtasks-container-modern{border-top:1px solid #e2e8f0;background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%)}.subtasks-header{padding:1rem 1.5rem .5rem;border-bottom:1px solid #e2e8f0}.subtasks-title{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem}.subtasks-title:before{content:"📋";font-size:1rem}.subtasks-list{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 768px){.task-header-modern{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.task-actions-section{width:100%;flex-direction:row;justify-content:space-between;align-items:center;min-width:auto;gap:.75rem}.task-details-compact{flex-direction:column;gap:.75rem}.task-primary-info{flex-wrap:wrap}.service-type-badge{font-size:.75rem;padding:.375rem .75rem}.subtasks-header,.subtasks-list{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.task-header-modern{padding:.75rem}.task-primary-info{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.service-type-badge{width:100%;justify-content:center}.task-actions-section{flex-direction:column;gap:.75rem;align-items:stretch}.action-btn{width:100%;justify-content:center}.task-status-section{flex:1;justify-content:flex-end;min-height:auto}.expand-btn-modern{min-width:110px;padding:.375rem .625rem;font-size:.6875rem}.subtask-label{display:none}.subtasks-header,.subtasks-list{padding-left:.75rem;padding-right:.75rem}}.filter-section{display:flex;flex-direction:column;gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:4px}.reset-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.reset-filter-actions .reset-filter-btn{font-size:12px;padding:4px 8px}.filter-controls{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:20px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.page-header-content{flex-direction:column;align-items:flex-start;gap:8px}.filter-controls{flex-direction:column;align-items:flex-start;gap:12px}.filter-group{flex-direction:column;align-items:flex-start;gap:8px}.filter-buttons{gap:6px}.filter-btn{font-size:12px;padding:4px 8px}}.time-display{display:inline-flex;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.time-display-full{font-weight:500}.time-display-date{color:#555}.time-display-time{font-family:monospace;color:#666}.time-display-relative{color:#777;font-size:.9em;font-style:italic}.time-recent{color:#2ecc71}.time-today{color:#3498db}.time-past{color:#7f8c8d}.time-long-ago{color:#95a5a6}.time-with-icon{display:inline-flex;align-items:center;gap:4px}.time-icon{width:16px;height:16px;opacity:.7}.order-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.order-detail-modal{background:white;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:95vw;width:95vw;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.order-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background:#f8f9fa}.order-detail-modal .modal-header .modal-title{font-size:20px;font-weight:600;color:#333;margin:0}.order-detail-modal .modal-header .modal-close{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.order-detail-modal .modal-header .modal-close:hover{background-color:#0000001a;color:#333}.order-detail-modal .modal-content{flex:1;overflow-y:auto;padding:24px}.order-detail-modal .modal-content .order-summary{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%);border-radius:8px;margin-bottom:24px;color:#fff}.order-detail-modal .modal-content .order-summary .order-id .label{font-size:14px;opacity:.9;margin-right:8px}.order-detail-modal .modal-content .order-summary .order-id .value{font-size:18px;font-weight:600}.order-detail-modal .modal-content .order-summary .order-status{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3)}.order-detail-modal .modal-content .detail-section{margin-bottom:24px}.order-detail-modal .modal-content .detail-section .section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.order-detail-modal .modal-content .detail-section .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;background:#f8f9fa;border-radius:6px}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .label{font-weight:500;color:#666;font-size:14px;min-width:80px;flex-shrink:0}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value{font-weight:600;color:#333;text-align:right;word-break:break-all;max-width:calc(100% - 90px);line-height:1.4}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value.amount{color:#27ae60;font-size:16px}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value.status-success{color:#27ae60}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value.status-warning{color:#f39c12}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value.status-processing{color:#3498db}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value.status-error{color:#e74c3c}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value.status-cancelled{color:#95a5a6}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value.status-refunded{color:#9b59b6}.order-detail-modal .modal-content .detail-section .success-info,.order-detail-modal .modal-content .detail-section .warning-info{display:flex;align-items:flex-start;padding:16px;border-radius:8px;gap:12px}.order-detail-modal .modal-content .detail-section .success-info{background:#d4edda;border:1px solid #c3e6cb}.order-detail-modal .modal-content .detail-section .success-info .success-icon{width:24px;height:24px;background:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.order-detail-modal .modal-content .detail-section .success-info .success-text{flex:1}.order-detail-modal .modal-content .detail-section .success-info .success-text p{margin:0 0 4px;color:#155724}.order-detail-modal .modal-content .detail-section .success-info .success-text p.success-detail{font-size:14px;opacity:.8}.order-detail-modal .modal-content .detail-section .warning-info{background:#fff3cd;border:1px solid #ffeaa7}.order-detail-modal .modal-content .detail-section .warning-info .warning-icon{font-size:20px;flex-shrink:0}.order-detail-modal .modal-content .detail-section .warning-info .warning-text{flex:1}.order-detail-modal .modal-content .detail-section .warning-info .warning-text p{margin:0 0 4px;color:#856404}.order-detail-modal .modal-content .detail-section .warning-info .warning-text p.warning-detail{font-size:14px;opacity:.8}.order-detail-modal .modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.order-detail-modal .modal-footer .btn-secondary{padding:8px 16px;border:1px solid #ddd;background:white;color:#666;border-radius:6px;cursor:pointer;transition:all .2s}.order-detail-modal .modal-footer .btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.order-detail-modal .modal-footer .btn-primary{padding:8px 16px;border:1px solid #2C5C45;background:#2C5C45;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.order-detail-modal .modal-footer .btn-primary:hover{background:rgb(35.75,74.75,56.0625)}.order-detail-modal .modal-footer .btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.order-detail-modal-optimized{max-width:95vw!important;width:95vw!important;max-height:95vh!important}.order-detail-modal-optimized .modal-header{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-bottom:2px solid #cbd5e1;padding:20px 24px}.order-detail-modal-optimized .modal-header .modal-title{font-size:20px;font-weight:700;color:#1e293b;text-shadow:0 1px 2px rgba(0,0,0,.1)}.order-detail-modal-optimized .modal-header .modal-close{width:32px;height:32px;background:rgba(255,255,255,.9);border:2px solid #cbd5e1;color:#64748b}.order-detail-modal-optimized .modal-header .modal-close:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569;transform:scale(1.05)}.order-detail-modal-optimized .modal-content{padding:24px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);flex:1;overflow-y:auto}.order-detail-modal-optimized .modal-content .order-summary{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a,inset 0 1px #ffffff1a;border-radius:16px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.order-detail-modal-optimized .modal-content .order-summary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);border-radius:inherit;z-index:-1}.order-detail-modal-optimized .modal-content .order-summary .order-id{text-align:center;margin-bottom:16px}.order-detail-modal-optimized .modal-content .order-summary .order-id .label{font-size:14px;font-weight:500;opacity:.9;margin-bottom:8px;letter-spacing:.8px;text-transform:uppercase}.order-detail-modal-optimized .modal-content .order-summary .order-id .value{font-size:22px;font-weight:800;font-family:SF Mono,Monaco,Menlo,monospace;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1.5px;background:linear-gradient(135deg,#ffffff 0%,#e2e8f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-all}.order-detail-modal-optimized .modal-content .order-summary .order-status{display:flex;justify-content:center}.order-detail-modal-optimized .modal-content .order-summary .order-status .status-badge{padding:10px 20px;border-radius:25px;font-size:14px;font-weight:700;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 8px 32px #0003;animation:pulse 2s infinite}.order-detail-modal-optimized .modal-content .detail-section{margin-bottom:28px}.order-detail-modal-optimized .modal-content .detail-section .section-title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 20px;padding:0 0 12px;border-bottom:3px solid transparent;background:linear-gradient(90deg,#0f172a,#334155) bottom left/60px 3px no-repeat;position:relative}.order-detail-modal-optimized .modal-content .detail-section .section-title:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#e2e8f0}.order-detail-modal-optimized .modal-content .detail-section .section-title:before{content:"📋";margin-right:10px;font-size:16px}.order-detail-modal-optimized .modal-content .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item{padding:18px 20px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:12px;border:2px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(135deg,#0f172a,#334155,#64748b);transform:scaleY(0);transition:transform .4s ease}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item:hover{background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item:hover:before{transform:scaleY(1)}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .label{font-weight:700;color:#334155;font-size:13px;margin-right:12px;text-transform:uppercase;letter-spacing:.6px;min-width:80px;flex-shrink:0}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value{font-weight:600;color:#0f172a;word-break:break-all;max-width:calc(100% - 95px);line-height:1.4;text-align:right;font-size:14px}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value a{color:#0f172a;text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value a:hover{color:#334155;border-bottom-color:#334155}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value.amount{color:#059669;font-size:18px;font-weight:900;text-shadow:0 1px 2px rgba(5,150,105,.2)}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value.status-success{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:8px 16px;border-radius:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 8px #05966933}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value.status-warning{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:8px 16px;border-radius:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 8px #92400e33}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value.status-processing{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:8px 16px;border-radius:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 8px #1e40af33}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value.status-error{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca);padding:8px 16px;border-radius:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 8px #991b1b33}.order-detail-modal-optimized .modal-content .detail-section .success-info,.order-detail-modal-optimized .modal-content .detail-section .warning-info{border-radius:20px;padding:28px;box-shadow:0 15px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-top:24px}.order-detail-modal-optimized .modal-content .detail-section .success-info{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:3px solid #a7f3d0}.order-detail-modal-optimized .modal-content .detail-section .success-info .success-icon{width:48px;height:48px;background:linear-gradient(135deg,#059669 0%,#047857 100%);font-size:24px;box-shadow:0 10px 20px #0596694d}.order-detail-modal-optimized .modal-content .detail-section .success-info .success-text p{font-weight:700;color:#064e3b}.order-detail-modal-optimized .modal-content .detail-section .success-info .success-text p:first-child{font-size:20px;font-weight:900}.order-detail-modal-optimized .modal-content .detail-section .success-info .success-text p.success-detail{color:#065f46;font-weight:600}.order-detail-modal-optimized .modal-content .detail-section .warning-info{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:3px solid #fcd34d}.order-detail-modal-optimized .modal-content .detail-section .warning-info .warning-icon{font-size:32px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.order-detail-modal-optimized .modal-content .detail-section .warning-info .warning-text p{font-weight:700;color:#78350f}.order-detail-modal-optimized .modal-content .detail-section .warning-info .warning-text p:first-child{font-size:20px;font-weight:900;color:#92400e}.order-detail-modal-optimized .modal-content .detail-section .warning-info .warning-text p.warning-detail{color:#a16207;font-weight:600}.order-detail-modal-optimized .modal-footer{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-top:2px solid #cbd5e1;padding:20px 24px;flex-shrink:0}.order-detail-modal-optimized .modal-footer .btn-secondary{padding:12px 24px;border:2px solid #64748b;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#475569;border-radius:12px;font-weight:600;font-size:14px;min-width:120px;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-detail-modal-optimized .modal-footer .btn-secondary:hover{background:linear-gradient(135deg,#64748b 0%,#475569 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #64748b4d}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.order-detail-modal-enhanced .modal-content .order-summary{background:linear-gradient(135deg,#1a202c 0%,#2d3748 50%,#4a5568 100%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:16px;padding:28px;position:relative;overflow:hidden}.order-detail-modal-enhanced .modal-content .order-summary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:inherit;z-index:-1}.order-detail-modal-enhanced .modal-content .order-summary .order-id{margin-bottom:16px}.order-detail-modal-enhanced .modal-content .order-summary .order-id .label{font-size:16px;font-weight:500;opacity:.9;margin-bottom:8px;letter-spacing:.5px}.order-detail-modal-enhanced .modal-content .order-summary .order-id .value{font-size:24px;font-weight:700;font-family:SF Mono,Monaco,Menlo,monospace;text-shadow:0 2px 4px rgba(0,0,0,.1)}.order-detail-modal-enhanced .modal-content .order-summary .order-status{padding:12px 20px;border-radius:25px;font-size:16px;font-weight:700;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 16px #0000001a}.order-detail-modal-enhanced .modal-content .detail-section{margin-bottom:32px}.order-detail-modal-enhanced .modal-content .detail-section .section-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 20px;padding:0 0 12px;border-bottom:3px solid transparent;background:linear-gradient(90deg,#4f46e5,#7c3aed) bottom left/60px 3px no-repeat;position:relative}.order-detail-modal-enhanced .modal-content .detail-section .section-title:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#e5e7eb}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid{gap:16px;grid-template-columns:1fr 1fr}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item{padding:16px 20px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:12px;border:1px solid #e2e8f0;border-left:5px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899);transform:scaleY(0);transition:transform .3s ease}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item:hover{background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item:hover:before{transform:scaleY(1)}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .label{font-weight:700;color:#374151;font-size:13px;margin-right:12px;text-transform:uppercase;letter-spacing:.5px;min-width:70px;flex-shrink:0}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value{font-weight:600;color:#111827;word-break:break-all;max-width:calc(100% - 85px);line-height:1.4;text-align:right}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value a{color:#4f46e5;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all .2s ease}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value a:hover{color:#7c3aed;border-bottom-color:#7c3aed}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.amount{color:#059669;font-size:18px;font-weight:800;text-shadow:0 1px 2px rgba(5,150,105,.1)}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-success{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-warning{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-processing{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-error{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.order-detail-modal-enhanced .modal-content .detail-section .success-info,.order-detail-modal-enhanced .modal-content .detail-section .warning-info{border-radius:16px;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.order-detail-modal-enhanced .modal-content .detail-section .success-info{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:2px solid #a7f3d0}.order-detail-modal-enhanced .modal-content .detail-section .success-info .success-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669 0%,#047857 100%);font-size:20px;box-shadow:0 8px 16px #05966940}.order-detail-modal-enhanced .modal-content .detail-section .success-info .success-text p{font-weight:600;color:#064e3b}.order-detail-modal-enhanced .modal-content .detail-section .success-info .success-text p:first-child{font-size:18px;font-weight:800}.order-detail-modal-enhanced .modal-content .detail-section .success-info .success-text p.success-detail{color:#065f46;font-weight:500}.order-detail-modal-enhanced .modal-content .detail-section .warning-info{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:2px solid #fcd34d}.order-detail-modal-enhanced .modal-content .detail-section .warning-info .warning-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.order-detail-modal-enhanced .modal-content .detail-section .warning-info .warning-text p{font-weight:600;color:#78350f}.order-detail-modal-enhanced .modal-content .detail-section .warning-info .warning-text p:first-child{font-size:18px;font-weight:800;color:#92400e}.order-detail-modal-enhanced .modal-content .detail-section .warning-info .warning-text p.warning-detail{color:#a16207;font-weight:500}.order-detail-modal-enhanced .modal-footer{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:2px solid #e2e8f0;padding:24px 32px}.order-detail-modal-enhanced .modal-footer .btn-secondary{padding:14px 28px;border:2px solid #64748b;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#475569;border-radius:12px;font-weight:600;font-size:15px;min-width:120px;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-detail-modal-enhanced .modal-footer .btn-secondary:hover{background:linear-gradient(135deg,#64748b 0%,#475569 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #64748b40}@media (max-width: 768px){.order-detail-modal-overlay{padding:10px}.order-detail-modal{max-width:100%;max-height:95vh}.order-detail-modal .modal-content{padding:16px}.order-detail-modal .modal-content .order-summary{padding:16px;flex-direction:column;gap:12px;text-align:center}.order-detail-modal .modal-content .detail-section .detail-grid{grid-template-columns:1fr;gap:12px}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item{flex-direction:column;align-items:flex-start}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .label{min-width:auto;margin-right:0;margin-bottom:4px}.order-detail-modal .modal-content .detail-section .detail-grid .detail-item .value{max-width:100%;text-align:left}.order-detail-modal .modal-footer{padding:12px 16px}.order-detail-modal-enhanced .modal-content{padding:20px}.order-detail-modal-enhanced .modal-content .order-summary{padding:20px;flex-direction:column;gap:16px;text-align:center}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid{grid-template-columns:1fr}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item{padding:16px 20px;flex-direction:column;align-items:flex-start}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .label{min-width:auto;margin-right:0;margin-bottom:6px;font-size:12px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value{max-width:100%;text-align:left;font-size:14px}.order-detail-modal-enhanced .modal-footer{padding:20px 24px}.order-detail-modal-enhanced .modal-footer .btn-secondary,.order-detail-modal-enhanced .modal-footer .btn-primary{padding:12px 20px;font-size:14px}.order-detail-modal-optimized{max-width:98vw!important;width:98vw!important;max-height:98vh!important}.order-detail-modal-optimized .modal-content{padding:16px}.order-detail-modal-optimized .modal-content .order-summary{padding:16px;margin-bottom:20px}.order-detail-modal-optimized .modal-content .order-summary .order-id{margin-bottom:12px}.order-detail-modal-optimized .modal-content .order-summary .order-id .label{font-size:12px;margin-bottom:6px}.order-detail-modal-optimized .modal-content .order-summary .order-id .value{font-size:18px;letter-spacing:1px}.order-detail-modal-optimized .modal-content .order-summary .order-status .status-badge{padding:8px 16px;font-size:12px;letter-spacing:1px}.order-detail-modal-optimized .modal-content .detail-section{margin-bottom:20px}.order-detail-modal-optimized .modal-content .detail-section .section-title{font-size:16px;margin-bottom:16px;padding-bottom:10px}.order-detail-modal-optimized .modal-content .detail-section .section-title:before{font-size:14px;margin-right:8px}.order-detail-modal-optimized .modal-content .detail-section .detail-grid{grid-template-columns:1fr;gap:12px}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item{padding:14px 16px;flex-direction:column;align-items:flex-start}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .label{min-width:auto;margin-right:0;margin-bottom:6px;font-size:11px}.order-detail-modal-optimized .modal-content .detail-section .detail-grid .detail-item .value{max-width:100%;text-align:left;font-size:13px}.order-detail-modal-optimized .modal-footer{padding:16px 20px}.order-detail-modal-optimized .modal-footer .btn-secondary{padding:10px 20px;font-size:13px;min-width:100px}}.order-detail-modal-enhanced .modal-header{position:relative;padding:24px 60px 24px 24px}.order-detail-modal-enhanced .modal-header .modal-title{font-size:22px;font-weight:700;color:#2d3748;margin:0;letter-spacing:.5px}.order-detail-modal-enhanced .modal-header .modal-close{position:absolute;top:16px;right:16px;background:#fff;border:2px solid #e2e8f0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a5568;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;z-index:10}.order-detail-modal-enhanced .modal-header .modal-close svg{width:20px;height:20px;stroke-width:2.5}.order-detail-modal-enhanced .modal-header .modal-close:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.order-detail-modal-enhanced .modal-header .modal-close:active{transform:scale(.95)}.order-detail-modal-enhanced .modal-content .detail-section{margin-bottom:28px}.order-detail-modal-enhanced .modal-content .detail-section .section-title{position:relative;font-size:18px;font-weight:700;color:#2d3748;margin:0 0 20px;padding:0 0 12px 24px;border:none}.order-detail-modal-enhanced .modal-content .detail-section .section-title:before{content:"";position:absolute;left:0;top:2px;width:4px;height:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px}.order-detail-modal-enhanced .modal-content .detail-section .section-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea 0%,transparent 100%);border-radius:1px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid{gap:18px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item{padding:16px 20px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item:hover{border-color:#cbd5e0;box-shadow:0 4px 8px #00000014}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .label{font-weight:600;color:#4a5568;font-size:14px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value{font-weight:700;color:#2d3748;font-size:16px;line-height:1.5}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.amount{color:#38a169;font-size:18px;font-weight:800}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-success{color:#38a169;background:#f0fff4;padding:4px 8px;border-radius:6px;font-size:14px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-warning{color:#d69e2e;background:#fffaf0;padding:4px 8px;border-radius:6px;font-size:14px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-processing{color:#3182ce;background:#ebf8ff;padding:4px 8px;border-radius:6px;font-size:14px}.order-detail-modal-enhanced .modal-content .detail-section .detail-grid .detail-item .value.status-error{color:#e53e3e;background:#fed7d7;padding:4px 8px;border-radius:6px;font-size:14px}.order-detail-modal-enhanced .modal-content .success-info,.order-detail-modal-enhanced .modal-content .warning-info{padding:20px;border-radius:12px;display:flex;align-items:flex-start;gap:16px}.order-detail-modal-enhanced .modal-content .success-info .success-icon,.order-detail-modal-enhanced .modal-content .success-info .warning-icon,.order-detail-modal-enhanced .modal-content .warning-info .success-icon,.order-detail-modal-enhanced .modal-content .warning-info .warning-icon{font-size:24px;line-height:1;flex-shrink:0}.order-detail-modal-enhanced .modal-content .success-info .success-text,.order-detail-modal-enhanced .modal-content .success-info .warning-text,.order-detail-modal-enhanced .modal-content .warning-info .success-text,.order-detail-modal-enhanced .modal-content .warning-info .warning-text{flex:1}.order-detail-modal-enhanced .modal-content .success-info .success-text p,.order-detail-modal-enhanced .modal-content .success-info .warning-text p,.order-detail-modal-enhanced .modal-content .warning-info .success-text p,.order-detail-modal-enhanced .modal-content .warning-info .warning-text p{margin:0 0 8px;font-weight:600;color:#2d3748}.order-detail-modal-enhanced .modal-content .success-info .success-text p.success-detail,.order-detail-modal-enhanced .modal-content .success-info .success-text p.warning-detail,.order-detail-modal-enhanced .modal-content .success-info .warning-text p.success-detail,.order-detail-modal-enhanced .modal-content .success-info .warning-text p.warning-detail,.order-detail-modal-enhanced .modal-content .warning-info .success-text p.success-detail,.order-detail-modal-enhanced .modal-content .warning-info .success-text p.warning-detail,.order-detail-modal-enhanced .modal-content .warning-info .warning-text p.success-detail,.order-detail-modal-enhanced .modal-content .warning-info .warning-text p.warning-detail{font-weight:500;color:#4a5568;font-size:14px}.order-detail-modal-enhanced .modal-content .success-info{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border:1px solid #9ae6b4}.order-detail-modal-enhanced .modal-content .warning-info{background:linear-gradient(135deg,#fffaf0 0%,#fed7aa 100%);border:1px solid #fbd38d}.order-detail-modal-enhanced .modal-footer{padding:20px 24px;border-top:1px solid #e2e8f0;background:#f7fafc;display:flex;justify-content:flex-end}.order-detail-modal-enhanced .modal-footer .btn-secondary{background:#ffffff;border:2px solid #e2e8f0;color:#4a5568;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.order-detail-modal-enhanced .modal-footer .btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.expired-link{color:#9e9e9e}.expired-link .expired-badge{background:#ffebee;color:#c62828;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:8px}.remaining-time{color:#4caf50;font-size:11px;margin-left:4px}.expired-indicator{color:#f44336;font-weight:500;font-size:12px}@media (max-width: 768px){.order-detail-modal-enhanced .modal-content .detail-section .detail-grid{grid-template-columns:1fr}}.metamask-pay-container{display:flex;flex-direction:column;gap:20px;padding:0 10px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.success-container{padding:20px 0}.payment-info{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.payment-qrcode{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#f7f7f7;border-radius:8px;gap:12px}.payment-details{display:flex;flex-direction:column;gap:8px;background-color:#f9f9f9;padding:12px;border-radius:8px}.detail-item{display:flex;flex-direction:column;gap:8px}.copy-wrapper{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:8px 12px;border-radius:4px;border:1px solid #eee}.payment-actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}.success-icon{font-size:48px;color:#52c41a;margin-bottom:16px}@media (max-width: 576px){.payment-qrcode canvas{width:160px!important;height:160px!important}.metamask-pay-container{gap:16px;padding:0}.payment-details{padding:10px}}.continue-payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.continue-payment-modal{background:white;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.continue-payment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background:#f8f9fa}.continue-payment-modal .modal-header .modal-title{font-size:20px;font-weight:600;color:#333;margin:0}.continue-payment-modal .modal-header .modal-close{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.continue-payment-modal .modal-header .modal-close:hover{background-color:#0000001a;color:#333}.continue-payment-modal .modal-content{flex:1;overflow-y:auto;padding:24px}.continue-payment-modal .modal-content .order-summary{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:12px;padding:20px;margin-bottom:24px;color:#fff}.continue-payment-modal .modal-content .order-summary .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.continue-payment-modal .modal-content .order-summary .summary-header h3{margin:0;font-size:18px;font-weight:600}.continue-payment-modal .modal-content .order-summary .summary-header .order-status{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3)}.continue-payment-modal .modal-content .order-summary .summary-header .order-status.pending{background:rgba(255,193,7,.2);border-color:#ffc10766}.continue-payment-modal .modal-content .order-summary .summary-details .detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.continue-payment-modal .modal-content .order-summary .summary-details .detail-row:last-child{margin-bottom:0}.continue-payment-modal .modal-content .order-summary .summary-details .detail-row .label{font-size:14px;opacity:.9}.continue-payment-modal .modal-content .order-summary .summary-details .detail-row .value{font-weight:600}.continue-payment-modal .modal-content .order-summary .summary-details .detail-row .value.amount{font-size:18px}.continue-payment-modal .modal-content .payment-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:24px}.continue-payment-modal .modal-content .payment-notice .notice-icon{font-size:20px;flex-shrink:0}.continue-payment-modal .modal-content .payment-notice .notice-content{flex:1}.continue-payment-modal .modal-content .payment-notice .notice-content h4{margin:0 0 8px;font-size:16px;color:#856404}.continue-payment-modal .modal-content .payment-notice .notice-content p{margin:0;color:#856404;font-size:14px;line-height:1.4}.continue-payment-modal .modal-content .payment-section .section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.continue-payment-modal .modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.continue-payment-modal .modal-footer .btn-secondary{padding:8px 16px;border:1px solid #ddd;background:white;color:#666;border-radius:6px;cursor:pointer;transition:all .2s}.continue-payment-modal .modal-footer .btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.continue-payment-modal .modal-footer .btn-secondary:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.continue-payment-modal .modal-footer .btn-primary{padding:8px 16px;border:1px solid #2C5C45;background:#2C5C45;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.continue-payment-modal .modal-footer .btn-primary:hover{background:rgb(35.75,74.75,56.0625)}.continue-payment-modal .modal-footer .btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.payment-expired{padding:20px;text-align:center;background:#fafafa;border-radius:8px;border:2px dashed #ddd}.payment-expired .expired-message{display:flex;flex-direction:column;align-items:center;gap:12px}.payment-expired .expired-message .expired-icon{font-size:48px;opacity:.7}.payment-expired .expired-message .expired-text h4{margin:0 0 8px;color:#666;font-size:18px}.payment-expired .expired-message .expired-text p{margin:0;color:#999;font-size:14px}.expiry-reminder{color:#ff9800;font-size:13px;font-weight:500}@media (max-width: 768px){.continue-payment-modal-overlay{padding:10px}.continue-payment-modal{max-width:100%;max-height:95vh}.continue-payment-modal .modal-content,.continue-payment-modal .modal-content .order-summary{padding:16px}.continue-payment-modal .modal-content .order-summary .summary-header{flex-direction:column;gap:8px;align-items:flex-start}.continue-payment-modal .modal-footer{padding:12px 16px}}.my-orders-page{min-height:100vh;background-color:#f9f9f9;padding:40px 0}.my-orders-page .page-header{margin-bottom:30px}.my-orders-page .page-header .page-title{font-size:32px;font-weight:600;color:#333;margin:0 0 10px}.my-orders-page .page-header .page-description{font-size:16px;color:#666;margin:0}.my-orders-page .orders-filter{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.my-orders-page .orders-filter .filter-btn{padding:8px 16px;border-radius:6px;border:1px solid #eee;background-color:#fff;color:#555;cursor:pointer;transition:all .2s;font-size:14px}.my-orders-page .orders-filter .filter-btn:hover{background-color:#f5f5f5}.my-orders-page .orders-filter .filter-btn.active{background-color:#2c5c45;color:#fff;border-color:#2c5c45}.my-orders-page .orders-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;min-height:300px}.my-orders-page .orders-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.my-orders-page .orders-container .loading-state .loading-spinner{width:40px;height:40px;border:3px solid rgba(44,92,69,.2);border-top-color:#2c5c45;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.my-orders-page .orders-container .loading-state p{color:#666;font-size:16px}.my-orders-page .orders-container .orders-table{width:100%}.my-orders-page .orders-container .orders-table .table-header{display:grid;grid-template-columns:20% 10% 15% 10% 10% 10% 25%;background-color:#f9f9f9;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px;font-weight:600;color:#333;border-bottom:1px solid #eee;gap:8px}.my-orders-page .orders-container .orders-table .table-row{display:grid;grid-template-columns:20% 10% 15% 10% 10% 10% 25%;padding:16px;border-bottom:1px solid #eee;align-items:center;transition:background-color .2s;min-height:60px;gap:8px}.my-orders-page .orders-container .orders-table .table-row:hover{background-color:#f9f9f9}.my-orders-page .orders-container .orders-table .table-row:last-child{border-bottom:none}.my-orders-page .orders-container .orders-table .col{padding:8px;display:flex;align-items:center}.my-orders-page .orders-container .orders-table .col.order-id .order-number{font-family:monospace;color:#666;word-break:break-all;word-wrap:break-word;white-space:normal;line-height:1.3;font-size:10px;display:block;padding:3px 5px;background:#f8f9fa;border-radius:3px;border:1px solid #e9ecef;max-width:100%;overflow:hidden}.my-orders-page .orders-container .orders-table .col.order-date{font-size:10px;color:#666;line-height:1.2;word-break:break-word;white-space:normal}.my-orders-page .orders-container .orders-table .col.order-payment{font-size:11px;justify-content:center;font-weight:500}.my-orders-page .orders-container .orders-table .col.order-amount{font-weight:600;color:#28a745;justify-content:flex-end;font-size:12px}.my-orders-page .orders-container .orders-table .col.order-service{font-size:10px;color:#666;justify-content:center;font-weight:500}.my-orders-page .orders-container .orders-table .col.order-status,.my-orders-page .orders-container .orders-table .col.order-actions{justify-content:center}.my-orders-page .orders-container .orders-table .status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500}.my-orders-page .orders-container .orders-table .status-badge.success{background-color:#e8f5e9;color:#2e7d32}.my-orders-page .orders-container .orders-table .status-badge.warning{background-color:#fff8e1;color:#ff8f00}.my-orders-page .orders-container .orders-table .status-badge.danger{background-color:#ffebee;color:#c62828}.my-orders-page .orders-container .orders-table .view-btn{padding:6px 12px;border-radius:4px;background-color:#f0f0f0;border:none;color:#555;cursor:pointer;transition:all .2s;font-size:12px;margin-left:0}.my-orders-page .orders-container .orders-table .view-btn:hover{background-color:#e0e0e0}.my-orders-page .orders-container .orders-table .pay-btn{padding:6px 12px;border-radius:4px;background-color:#2c5c45;border:none;color:#fff;cursor:pointer;transition:all .2s;font-size:12px;font-weight:500}.my-orders-page .orders-container .orders-table .pay-btn:hover{background-color:#1c3a2b;transform:translateY(-1px);box-shadow:0 2px 4px #2c5c454d}.my-orders-page .orders-container .orders-table .pay-btn:active{transform:translateY(0)}.my-orders-page .orders-container .orders-table .pay-btn.expired{background-color:#9e9e9e;color:#fff;cursor:not-allowed}.my-orders-page .orders-container .orders-table .pay-btn.expired:hover{background-color:#9e9e9e;transform:none;box-shadow:none}.my-orders-page .orders-container .orders-table .detail-btn{padding:6px 12px;border-radius:4px;background-color:#007bff;border:none;color:#fff;cursor:pointer;transition:all .2s;font-size:12px;font-weight:500}.my-orders-page .orders-container .orders-table .detail-btn:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.my-orders-page .orders-container .orders-table .detail-btn:active{transform:translateY(0)}.my-orders-page .orders-container .orders-table .action-buttons{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:center;width:100%}.my-orders-page .orders-container .orders-table .action-buttons .pay-btn,.my-orders-page .orders-container .orders-table .action-buttons .view-btn,.my-orders-page .orders-container .orders-table .action-buttons .detail-btn{white-space:nowrap;flex-shrink:0;font-size:9px;padding:2px 4px;min-width:auto;border-radius:3px}.my-orders-page .orders-container .empty-state{text-align:center;padding:60px 0}.my-orders-page .orders-container .empty-state .empty-icon{font-size:48px;margin-bottom:16px}.my-orders-page .orders-container .empty-state h2{font-size:22px;color:#333;margin:0 0 10px}.my-orders-page .orders-container .empty-state p{color:#666;margin:0 0 20px;font-size:16px}.my-orders-page .orders-container .empty-state .view-all-btn{padding:8px 16px;background-color:#f5f5f5;color:#555;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.my-orders-page .orders-container .empty-state .view-all-btn:hover{background-color:#e5e5e5}.my-orders-page .orders-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.my-orders-page .orders-summary .summary-box{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.my-orders-page .orders-summary .summary-box .summary-title{color:#666;font-size:14px;margin-bottom:8px}.my-orders-page .orders-summary .summary-box .summary-value{font-size:24px;font-weight:600;color:#333}.my-orders-page .pagination{display:flex;align-items:center;justify-content:center;margin-top:20px;gap:10px}.my-orders-page .pagination .page-btn{padding:6px 12px;border:1px solid #d9d9d9;background:white;border-radius:4px;cursor:pointer;transition:all .3s ease}.my-orders-page .pagination .page-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.my-orders-page .pagination .page-btn:disabled{cursor:not-allowed;color:#d9d9d9;background:#f5f5f5}.my-orders-page .pagination .page-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.my-orders-page .pagination .page-btn.active:hover{background:#40a9ff;border-color:#40a9ff;color:#fff}.my-orders-page .pagination .page-btn.prev,.my-orders-page .pagination .page-btn.next{font-weight:700}.my-orders-page .pagination .page-numbers{display:flex;align-items:center;gap:5px}.my-orders-page .pagination .page-numbers .ellipsis{color:#999;margin:0 5px}.my-orders-page .pagination .page-numbers .number{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0}.my-orders-page .pagination .page-info{margin-left:15px;color:#666;font-size:14px}@media (max-width: 1024px){.my-orders-page .orders-table .table-header,.my-orders-page .orders-table .table-row{grid-template-columns:25% 12% 18% 12% 12% 21%}.my-orders-page .orders-table .col.order-payment{display:none}}@media (max-width: 768px){.my-orders-page{padding:20px 0}.my-orders-page .orders-table{overflow-x:auto}.my-orders-page .orders-table .table-header,.my-orders-page .orders-table .table-row{grid-template-columns:30% 15% 20% 15% 20%;min-width:600px}.my-orders-page .orders-table .col.order-payment,.my-orders-page .orders-table .col.order-status{display:none}}@media (max-width: 768px) and (max-width: 480px){.my-orders-page .orders-table .table-header{display:none}.my-orders-page .orders-table .table-row{display:block;padding:16px;border:1px solid #eee;border-radius:8px;margin-bottom:12px}.my-orders-page .orders-table .table-row .col{display:flex;justify-content:space-between;width:100%;padding:6px 0;border-bottom:1px solid #f5f5f5}.my-orders-page .orders-table .table-row .col:last-child{border-bottom:none}.my-orders-page .orders-table .table-row .col:before{content:attr(data-label);font-weight:600;color:#555}.my-orders-page .orders-table .table-row .col.order-id:before{content:"订单号: "}.my-orders-page .orders-table .table-row .col.order-service:before{content:"服务类型: "}.my-orders-page .orders-table .table-row .col.order-date:before{content:"创建时间: "}.my-orders-page .orders-table .table-row .col.order-payment:before{content:"支付方式: "}.my-orders-page .orders-table .table-row .col.order-amount:before{content:"金额: "}.my-orders-page .orders-table .table-row .col.order-status:before{content:"状态: "}.my-orders-page .orders-table .table-row .col.order-actions:before{content:"操作: "}.my-orders-page .orders-table .table-row .col.order-payment,.my-orders-page .orders-table .table-row .col.order-status{display:flex}}@media (max-width: 768px){.my-orders-page .orders-summary{grid-template-columns:1fr}}.my-orders-page-enhanced .page-header .page-title{font-size:36px;font-weight:700}.my-orders-page-enhanced .page-header .page-description{font-size:18px}.my-orders-page-enhanced .orders-table .table-header{font-size:16px;font-weight:700;padding:20px 16px}.my-orders-page-enhanced .orders-table .table-row{padding:20px 16px;min-height:80px}.my-orders-page-enhanced .orders-table .col.order-id .order-number{font-size:14px;padding:6px 10px;font-weight:600;line-height:1.4}.my-orders-page-enhanced .orders-table .col.order-date{font-size:14px;font-weight:500;line-height:1.4}.my-orders-page-enhanced .orders-table .col.order-payment{font-size:15px;font-weight:600}.my-orders-page-enhanced .orders-table .col.order-amount{font-size:16px;font-weight:700}.my-orders-page-enhanced .orders-table .col.order-service{font-size:14px;font-weight:600}.my-orders-page-enhanced .orders-table .status-badge{padding:6px 12px;font-size:14px;font-weight:600;border-radius:6px}.my-orders-page-enhanced .orders-table .view-btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:6px;background-color:#6c757d;color:#fff;min-width:80px}.my-orders-page-enhanced .orders-table .view-btn:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 6px #6c757d4d}.my-orders-page-enhanced .orders-table .pay-btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:6px;min-width:90px}.my-orders-page-enhanced .orders-table .pay-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #2c5c4566}.my-orders-page-enhanced .orders-table .detail-btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:6px;min-width:80px}.my-orders-page-enhanced .orders-table .detail-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #007bff66}.my-orders-page-enhanced .orders-table .action-buttons{gap:8px}.my-orders-page-enhanced .orders-table .action-buttons .pay-btn,.my-orders-page-enhanced .orders-table .action-buttons .view-btn,.my-orders-page-enhanced .orders-table .action-buttons .detail-btn{white-space:nowrap;flex-shrink:0;transition:all .3s ease}.my-orders-page-enhanced .pagination{margin-top:32px}.my-orders-page-enhanced .pagination .page-btn{padding:10px 16px;font-size:15px;font-weight:600}.my-orders-page-enhanced .pagination .page-btn.number{min-width:44px;height:44px}.my-orders-page-enhanced .pagination .page-info{font-size:16px;font-weight:500}.my-orders-page-enhanced .empty-state{padding:80px 40px}.my-orders-page-enhanced .empty-state .empty-icon{font-size:48px}.my-orders-page-enhanced .empty-state h2{font-size:24px;font-weight:700}.my-orders-page-enhanced .empty-state p{font-size:16px}@media (max-width: 768px){.my-orders-page-enhanced .orders-table .table-header{font-size:14px;padding:16px 12px}.my-orders-page-enhanced .orders-table .table-row{padding:16px 12px;min-height:70px}.my-orders-page-enhanced .orders-table .col.order-id .order-number{font-size:12px;padding:4px 8px}.my-orders-page-enhanced .orders-table .col.order-date{font-size:12px}.my-orders-page-enhanced .orders-table .col.order-payment{font-size:13px}.my-orders-page-enhanced .orders-table .col.order-amount{font-size:14px}.my-orders-page-enhanced .orders-table .col.order-service{font-size:12px}.my-orders-page-enhanced .orders-table .status-badge{padding:4px 8px;font-size:10px}.my-orders-page-enhanced .orders-table .view-btn,.my-orders-page-enhanced .orders-table .pay-btn,.my-orders-page-enhanced .orders-table .detail-btn{padding:6px 12px;font-size:12px;min-width:60px}.my-orders-page-enhanced .orders-table .action-buttons{gap:4px}}@media (max-width: 480px){.my-orders-page-enhanced .page-header .page-title{font-size:28px}.my-orders-page-enhanced .page-header .page-description{font-size:16px}.my-orders-page-enhanced .orders-table .view-btn,.my-orders-page-enhanced .orders-table .pay-btn,.my-orders-page-enhanced .orders-table .detail-btn{padding:6px 12px;font-size:12px;min-width:50px}}.my-quota-page{padding:2rem 0}.my-quota-page .page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start}.my-quota-page .page-header .header-left .page-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#333}.my-quota-page .page-header .header-left .page-description{font-size:1rem;color:#666}.my-quota-page .page-header .header-right .view-toggle{display:flex;background-color:#f0f0f0;border-radius:6px;overflow:hidden}.my-quota-page .page-header .header-right .view-toggle .toggle-btn{background:none;border:none;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease}.my-quota-page .page-header .header-right .view-toggle .toggle-btn .icon{font-size:1.25rem}.my-quota-page .page-header .header-right .view-toggle .toggle-btn.active{background-color:#4caf50;color:#fff}.my-quota-page .page-header .header-right .view-toggle .toggle-btn:hover:not(.active){background-color:#e0e0e0}.my-quota-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.my-quota-page .loading-state .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4caf50;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.my-quota-page .quota-dashboard{background-color:#f9f9f9;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d}.my-quota-page .quota-dashboard .service-type-list{margin-bottom:2rem;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.my-quota-page .quota-dashboard .service-type-list .list-header{display:flex;background-color:#f5f5f5;padding:1rem;font-weight:600;color:#333;border-bottom:1px solid #eee}.my-quota-page .quota-dashboard .service-type-list .list-header .header-cell.service-cell{flex:2}.my-quota-page .quota-dashboard .service-type-list .list-header .header-cell.usage-cell,.my-quota-page .quota-dashboard .service-type-list .list-header .header-cell.stats-cell{flex:3}.my-quota-page .quota-dashboard .service-type-list .list-header .header-cell.actions-cell{flex:1;text-align:center}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row{display:flex;padding:1rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row:last-child{border-bottom:none}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row:hover{background-color:#f9f9f9}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row.selected{background-color:#e8f5e9}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.service-cell{flex:2;display:flex;align-items:center}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.service-cell .service-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:1rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.service-cell .service-name{font-weight:600;color:#333}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.usage-cell{flex:3;display:flex;flex-direction:column;justify-content:center}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.usage-cell .progress-bar{height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.usage-cell .progress-bar .progress-fill{height:100%;border-radius:4px}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.usage-cell .progress-text{font-size:.875rem;color:#666}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.stats-cell{flex:3;display:flex;flex-wrap:wrap;align-items:center}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.stats-cell .stat-item{margin-right:1.5rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.stats-cell .stat-item .stat-label{font-size:.875rem;color:#666;margin-right:.5rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.stats-cell .stat-item .stat-value{font-weight:600;color:#333}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.stats-cell .stat-item .stat-value.highlight{color:#4caf50;font-weight:700}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.actions-cell{flex:1;display:flex;align-items:center;justify-content:center}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.actions-cell .details-btn{background-color:#f0f0f0;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;color:#333;cursor:pointer;transition:all .2s ease}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.actions-cell .details-btn:hover{background-color:#e0e0e0}.my-quota-page .quota-dashboard .service-type-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.my-quota-page .quota-dashboard .service-type-grid .service-type-card{background-color:#fff;border-radius:10px;padding:1.25rem;flex:1;min-width:250px;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d;border:1px solid #eee}.my-quota-page .quota-dashboard .service-type-grid .service-type-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.my-quota-page .quota-dashboard .service-type-grid .service-type-card.selected{border:2px solid #4CAF50;box-shadow:0 4px 12px #4caf5033}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .service-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:1rem}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .service-info{margin-bottom:1rem}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .service-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#333}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .service-info .quota-summary{display:flex;align-items:baseline}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .service-info .quota-summary .remaining{font-size:1.75rem;font-weight:700;margin-right:.25rem;color:#4caf50}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .service-info .quota-summary .label{font-size:.875rem;color:#666}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .quota-progress{margin-top:auto}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .quota-progress .progress-bar{height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .quota-progress .progress-bar .progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.my-quota-page .quota-dashboard .service-type-grid .service-type-card .quota-progress .progress-text{font-size:.875rem;color:#666;text-align:right}.my-quota-page .quota-dashboard .empty-quota{text-align:center;padding:3rem 1rem}.my-quota-page .quota-dashboard .empty-quota .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.my-quota-page .quota-dashboard .empty-quota h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#333}.my-quota-page .quota-dashboard .empty-quota p{font-size:1rem;color:#666;margin-bottom:1.5rem}.my-quota-page .quota-dashboard .empty-quota .recharge-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.my-quota-page .quota-dashboard .empty-quota .recharge-btn:hover{background-color:#449d48}.my-quota-page .quota-dashboard .quota-details-section{margin-top:2rem;background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.my-quota-page .quota-dashboard .quota-details-section .details-header{margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem}.my-quota-page .quota-dashboard .quota-details-section .details-header .service-info{display:flex;align-items:center}.my-quota-page .quota-dashboard .quota-details-section .details-header .service-info .service-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:1rem}.my-quota-page .quota-dashboard .quota-details-section .details-header .service-info h2{font-size:1.5rem;font-weight:600;color:#333;margin:0}.my-quota-page .quota-dashboard .quota-details-section .quota-stats-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.my-quota-page .quota-dashboard .quota-details-section .quota-stats-cards .stat-card{flex:1;min-width:120px;background-color:#f9f9f9;border-radius:8px;padding:1rem;text-align:center}.my-quota-page .quota-dashboard .quota-details-section .quota-stats-cards .stat-card.highlight{background-color:#e8f5e9;border:1px solid #4CAF50}.my-quota-page .quota-dashboard .quota-details-section .quota-stats-cards .stat-card .stat-title{font-size:.875rem;color:#666;margin-bottom:.5rem}.my-quota-page .quota-dashboard .quota-details-section .quota-stats-cards .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#333}.my-quota-page .quota-dashboard .quota-details-section .quota-progress-bar{margin-bottom:2rem}.my-quota-page .quota-dashboard .quota-details-section .quota-progress-bar .progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:#666}.my-quota-page .quota-dashboard .quota-details-section .quota-progress-bar .progress-track{height:10px;background-color:#f0f0f0;border-radius:5px;overflow:hidden}.my-quota-page .quota-dashboard .quota-details-section .quota-progress-bar .progress-track .progress-fill{height:100%;border-radius:5px;transition:width .3s ease}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-buttons{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #eee}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-buttons .tab-btn{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;color:#666;cursor:pointer;position:relative}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-buttons .tab-btn:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:transparent;transition:background-color .2s ease}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-buttons .tab-btn.active{color:#4caf50;font-weight:500}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-buttons .tab-btn.active:after{background-color:#4caf50}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-buttons .tab-btn:hover:not(.active){color:#333}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card{flex:1;min-width:220px;background-color:#f9f9f9;border-radius:10px;padding:1.5rem;text-align:center;position:relative;border:1px solid #eee;transition:transform .2s ease,box-shadow .2s ease}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card.popular{border:2px solid #4CAF50;background-color:#e8f5e9}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card.popular .popular-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:12px}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-name{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-count{margin-bottom:1rem}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-count .number{font-size:2.5rem;font-weight:700;color:#4caf50}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-count .label{font-size:1rem;color:#666}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-price{margin-bottom:1.5rem}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-price .current-price{font-size:1.5rem;font-weight:700;color:#333}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-price .discount-price{font-size:1.5rem;font-weight:700;color:#4caf50;margin-right:.5rem}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .package-price .original-price{font-size:1rem;color:#999;text-decoration:line-through}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .purchase-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;width:100%;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card .purchase-btn:hover{background-color:#449d48}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-note{text-align:center;font-size:.875rem;color:#666}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table{overflow-x:auto}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table{width:100%;border-collapse:collapse}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table th,.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table th{font-weight:600;color:#333;background-color:#f9f9f9}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table tr:hover{background-color:#f9f9f9}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table tr.added{background-color:#4caf500d}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table tr.added:hover{background-color:#4caf501a}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table tr.used{background-color:#ff98000d}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table tr.used:hover{background-color:#ff98001a}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table .record-type{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table .record-type.added{background-color:#4caf501a;color:#4caf50}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table .record-type.used{background-color:#ff98001a;color:#ff9800}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table .amount-column{font-weight:600}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table .amount-column .added{color:#4caf50}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table .amount-column .used{color:#ff9800}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .empty-records{text-align:center;padding:3rem 1rem}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .empty-records .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .empty-records h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#333}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .empty-records p{font-size:1rem;color:#666}@media (max-width: 768px){.my-quota-page .page-header{flex-direction:column}.my-quota-page .page-header .header-left{margin-bottom:1rem}.my-quota-page .quota-dashboard{padding:1rem}.my-quota-page .quota-dashboard .service-type-list .list-header{display:none}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row{flex-direction:column;padding:1rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell{margin-bottom:.75rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell:last-child{margin-bottom:0}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.service-cell{margin-bottom:1rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.stats-cell .stat-item{margin-bottom:.5rem}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.stats-cell .stat-item:last-child{margin-bottom:0}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.actions-cell{justify-content:flex-start}.my-quota-page .quota-dashboard .service-type-list .list-body .list-row .list-cell.actions-cell .details-btn{width:100%;padding:.75rem;text-align:center}.my-quota-page .quota-dashboard .service-type-grid .service-type-card{min-width:100%}.my-quota-page .quota-dashboard .quota-details-section{padding:1rem}.my-quota-page .quota-dashboard .quota-details-section .quota-stats-cards .stat-card{min-width:calc(50% - .5rem)}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-buttons .tab-btn{padding:.5rem 1rem;font-size:.875rem}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .packages-tab .packages-grid .package-card{min-width:100%}.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table th,.my-quota-page .quota-dashboard .quota-details-section .quota-tabs .tab-content .history-tab .records-table table td{padding:.75rem .5rem;font-size:.875rem}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.settings-page{min-height:100vh;background-color:#f9f9f9;padding:40px 0}.settings-page .page-header{margin-bottom:30px;text-align:center}.settings-page .page-header .page-title{font-size:28px;font-weight:600;color:#333;margin:0 0 10px}.settings-page .page-header .page-description{font-size:16px;color:#666;margin:0}.settings-page .settings-content{display:flex;gap:24px;max-width:1000px;margin:0 auto}.settings-page .settings-content .settings-nav{flex:0 0 250px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px 0;height:fit-content}.settings-page .settings-content .settings-nav .nav-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s;color:#333;height:48px}.settings-page .settings-content .settings-nav .nav-item:hover{background-color:#f5f5f5}.settings-page .settings-content .settings-nav .nav-item.active{background-color:#2c5c451a;color:#2c5c45;font-weight:500;border-left:3px solid #2C5C45;padding-left:13px}.settings-page .settings-content .settings-nav .nav-item .icon{margin-right:15px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0;font-size:18px;line-height:1;position:relative;top:-1px}.settings-page .settings-content .settings-nav .nav-item .text{flex:1;line-height:24px;display:flex;align-items:center}.settings-page .settings-content .settings-nav .nav-item.active .icon{color:#2c5c45}.settings-page .settings-content .settings-nav .nav-item.logout,.settings-page .settings-content .settings-nav .nav-item.logout .icon{color:#e53935}.settings-page .settings-content .settings-nav .nav-divider{height:1px;background-color:#eee;margin:8px 16px}.settings-page .settings-content .settings-form-container{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.settings-page .settings-content .settings-form-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.settings-page .settings-content .settings-form-container .loading-state .loading-spinner{width:40px;height:40px;border:3px solid rgba(44,92,69,.2);border-top-color:#2c5c45;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.settings-page .settings-content .settings-form-container .loading-state p{color:#666;font-size:16px}.settings-page .settings-content .settings-form-container .settings-form .form-title{font-size:24px;color:#333;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid #eee;text-align:center}.settings-page .settings-content .settings-form-container .settings-form .avatar-section{display:flex;align-items:center;margin-bottom:24px;justify-content:center}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-right:24px;display:flex;align-items:center;justify-content:center;background-color:#345e4e;color:#fff}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-preview img{width:100%;height:100%;object-fit:cover}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-preview .avatar-placeholder{font-size:32px;color:#fff;font-weight:600}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-upload{display:flex;flex-direction:column;gap:10px}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-upload .upload-label{color:#333;font-weight:500}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-upload .upload-button{padding:8px 16px;background-color:#2c5c45;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;transition:background-color .2s}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-upload .upload-button:hover{background-color:#244b38}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-upload .remove-button{background:none;border:none;color:#e53935;text-decoration:underline;cursor:pointer;padding:0;font-size:14px;margin-top:5px;text-align:left}.settings-page .settings-content .settings-form-container .settings-form .avatar-section .avatar-upload .remove-button:hover{color:#cd1e1a}.settings-page .settings-content .settings-form-container .settings-form .form-group{margin-bottom:20px}.settings-page .settings-content .settings-form-container .settings-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.settings-page .settings-content .settings-form-container .settings-form .form-group input,.settings-page .settings-content .settings-form-container .settings-form .form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:15px}.settings-page .settings-content .settings-form-container .settings-form .form-group input:focus,.settings-page .settings-content .settings-form-container .settings-form .form-group select:focus{outline:none;border-color:#2c5c45;box-shadow:0 0 0 2px #2c5c451a}.settings-page .settings-content .settings-form-container .settings-form .form-actions{margin-top:24px;text-align:center}.settings-page .settings-content .settings-form-container .settings-form .form-actions .save-btn{padding:10px 20px;background-color:#2c5c45;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s}.settings-page .settings-content .settings-form-container .settings-form .form-actions .save-btn:hover{background-color:#244b38}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts h3{font-size:18px;color:#333;margin:0 0 16px;text-align:center}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item:last-child{border-bottom:none}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .account-info{display:flex;align-items:center}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .account-info .account-icon{width:36px;height:36px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .account-info .account-name{font-size:15px;color:#333}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .connect-btn,.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .disconnect-btn{padding:6px 12px;border-radius:4px;border:none;font-size:14px;cursor:pointer;transition:all .2s}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .connect-btn{background-color:#2c5c45;color:#fff}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .connect-btn:hover{background-color:#244b38}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .disconnect-btn{background-color:#f0f0f0;color:#666}.settings-page .settings-content .settings-form-container .settings-form .connected-accounts .account-item .disconnect-btn:hover{background-color:#e0e0e0}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #eee}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item:last-child{border-bottom:none}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .notification-info{flex:1}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .notification-info h3{font-size:16px;margin:0 0 4px;color:#333}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .notification-info p{font-size:14px;color:#666;margin:0}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .toggle-switch input{opacity:0;width:0;height:0}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .toggle-switch input:checked+.toggle-slider{background-color:#2c5c45}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.settings-page .settings-content .settings-form-container .settings-form .notification-group .notification-item .toggle-switch .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}@media (max-width: 768px){.settings-page{padding:20px 0}.settings-page .page-header .page-title{font-size:24px}.settings-page .settings-content{flex-direction:column}.settings-page .settings-content .settings-nav{flex:none;margin-bottom:20px}.settings-page .settings-content .settings-nav .nav-item{height:56px}}.feature-card{position:relative;width:100%;aspect-ratio:1;cursor:pointer;overflow:hidden;transform-style:preserve-3d;perspective:1000px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px) scale(1.02)}.feature-card:hover .feature-card-image img{transform:scale(1.1)}.feature-card:active{transform:translateY(0) scale(.98)}.feature-card-content{position:relative;width:100%;height:100%;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.feature-card-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.feature-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(44,92,69,.2),rgba(44,92,69,.8))}.feature-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.feature-card-icon{margin-bottom:10px;padding:12px;border-radius:50%;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 8px #0000001a}.feature-card-icon svg{stroke:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.feature-card-title{font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2);font-size:14px}.vip-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vip-badge span{font-size:10px;color:gold;font-weight:600}.coming-soon-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:12px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coming-soon-badge span{font-size:10px;color:#fff;font-weight:600}@media (min-width: 768px){.feature-card-title{font-size:16px}.vip-badge span,.coming-soon-badge span{font-size:12px}}.glass-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:20px 20px 0 0;z-index:-1}.neumorphic-input-container{margin-bottom:20px;width:100%;max-width:300px}.neumorphic-input-container.full-width{max-width:100%}.neumorphic-input-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#566269}.neumorphic-input-field{position:relative;border-radius:12px;background-color:#f7f2ed;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffff80;display:flex;align-items:center;transition:all .3s ease}.neumorphic-input-field:focus-within{box-shadow:inset 3px 3px 6px #0000001a,inset -3px -3px 6px #ffffffb3,0 0 0 2px #2c5c4526}.neumorphic-input-field.error{box-shadow:inset 3px 3px 6px #0000001a,inset -3px -3px 6px #ffffffb3,0 0 0 2px #e5393533}.neumorphic-input-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px}.neumorphic-input-icon svg{width:20px;height:20px;stroke:#566269}.neumorphic-input{flex:1;height:48px;padding:0 16px;background:transparent;border:none;outline:none;font-size:16px;color:#1a2428}.neumorphic-input::placeholder{color:#56626999}.neumorphic-input:focus::placeholder{opacity:.7}.neumorphic-input-error{margin-top:6px;font-size:12px;color:#e53935;font-weight:500}.neumorphic-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-height:48px;border-radius:20px;background-color:#f7f2ed;color:#1a2428;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc;text-align:center;position:relative;overflow:hidden}.neumorphic-button:hover{box-shadow:10px 10px 20px #00000014,-10px -10px 20px #ffffffe6;color:#2c5c45;transform:translateY(-2px)}.neumorphic-button:active{box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #fffc;transform:translateY(0)}.neumorphic-button.primary{background:linear-gradient(135deg,#A7D6BA,#2C5C45);color:#fff}.neumorphic-button.primary:hover{color:#fff;background:linear-gradient(135deg,rgb(171.4,216.05,189.45),rgb(54.55,100.15,78.3))}.neumorphic-button.primary:active{background:linear-gradient(135deg,rgb(158.65,203.3,176.7),rgb(41.8,87.4,65.55))}.neumorphic-button.secondary{background-color:#f7f2ed;color:#2c5c45}.neumorphic-button.secondary:hover{color:#2c5c45}.neumorphic-button.outlined{background-color:transparent;box-shadow:none;color:#2c5c45;border:2px solid #2C5C45}.neumorphic-button.outlined:hover{background-color:#2c5c450d;box-shadow:none}.neumorphic-button.outlined:active{background-color:#2c5c451a;box-shadow:none}.neumorphic-button.small{padding:8px 16px;font-size:14px;min-height:36px}.neumorphic-button.large{padding:16px 32px;font-size:18px;min-height:56px}.neumorphic-button.full-width{width:100%}.neumorphic-button.disabled,.neumorphic-button:disabled{opacity:.6;cursor:not-allowed}.neumorphic-button.disabled:hover,.neumorphic-button.disabled:active,.neumorphic-button:disabled:hover,.neumorphic-button:disabled:active{transform:none;box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc}.neumorphic-button.loading{color:transparent}.neumorphic-button .icon{margin-right:8px}.neumorphic-button .spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;margin-right:8px}.neumorphic-button .button-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.primary-button:active{background:linear-gradient(135deg,rgb(158.65,203.3,176.7),rgb(41.8,87.4,65.55))}.secondary-button{background-color:#f7f2ed;color:#2c5c45}.outlined-button{background-color:transparent;box-shadow:none;color:#2c5c45;border:2px solid #2C5C45}.outlined-button:hover{background-color:#2c5c450d;box-shadow:none}.outlined-button:active{background-color:#2c5c451a;box-shadow:none}.button-icon{margin-right:8px}.spin-animation{animation:spin 1s linear infinite}.language-toggle-container{position:relative;z-index:100}.language-toggle-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background-color:#f7f2ed;box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc;border:none;color:#566269;font-weight:500;cursor:pointer;transition:all .3s ease}.language-toggle-button:hover{box-shadow:6px 6px 10px #0000000a,-6px -6px 10px #ffffffb3;transform:translateY(-2px)}.language-toggle-button:active{box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #fffc;transform:translateY(0)}.current-language{font-size:14px}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:120px;border-radius:12px;background-color:#f7f2ed;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6;padding:8px 0;animation:fadeIn .2s ease-out}.language-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #F7F2ED}.language-option{display:block;width:100%;padding:10px 16px;text-align:left;border:none;background:none;font-size:14px;color:#566269;cursor:pointer;transition:all .2s}.language-option:hover{background-color:#2c5c450d;color:#2c5c45}.language-option.active{color:#2c5c45;font-weight:600;background-color:#2c5c451a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-page{display:flex;flex-direction:column;width:100%;height:100%;padding-bottom:50px}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}@media (max-width: 420px){.home-header{flex-direction:column;align-items:flex-start;gap:15px}.home-header .language-container{align-self:flex-end}}.logo-container{display:flex;flex-direction:column}.logo-text{font-size:28px;font-weight:700;color:#2c5c45;position:relative;margin-bottom:6px}.logo-text:after{content:"";position:absolute;bottom:-3px;left:0;width:40px;height:3px;background:linear-gradient(to right,#A7D6BA,#2C5C45);border-radius:3px}@media (min-width: 768px){.logo-text{font-size:32px}}.logo-subtitle{font-size:14px;color:#566269;font-weight:400}@media (min-width: 768px){.logo-subtitle{font-size:16px}}.language-container{margin-left:auto}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:16px}@media (min-width: 768px){.feature-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1400px){.feature-grid{gap:30px}}@keyframes floatElements{0%{transform:translateY(0) rotate(0);opacity:.8}50%{transform:translateY(-15px) rotate(4deg);opacity:1}to{transform:translateY(0) rotate(0);opacity:.8}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes particle-animation{0%{transform:translateZ(0);opacity:0}20%{opacity:.5}50%{opacity:.7}80%{opacity:.5}to{transform:translate3d(0,-100px,0) rotate(360deg);opacity:0}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);background-size:400% 400%;animation:gradientFlow 15s ease infinite}.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(167,214,186,.1) 0%,rgba(167,214,186,0) 30%),radial-gradient(circle at 80% 40%,rgba(44,92,69,.1) 0%,rgba(44,92,69,0) 30%),radial-gradient(circle at 40% 80%,rgba(167,214,186,.05) 0%,rgba(167,214,186,0) 25%);z-index:1}.login-page .element-decoration{position:absolute;width:300px;height:300px;background-image:url(/images/bagua.svg);background-size:contain;background-repeat:no-repeat;opacity:.05;pointer-events:none;animation:floatElements 12s ease-in-out infinite;z-index:1}.login-page .element-decoration.top-right{top:10%;right:5%;animation-delay:0s}.login-page .element-decoration.bottom-left{bottom:10%;left:5%;animation-delay:6s}.login-page .particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.login-page .particles-container .particle{position:absolute;width:4px;height:4px;background:rgba(167,214,186,.6);border-radius:50%;animation:particle-animation 8s linear infinite}.login-page .particles-container .particle:nth-child(1){left:60%;top:10%;animation-delay:7809ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(2){left:25%;top:82%;animation-delay:1511ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(3){left:24%;top:36%;animation-delay:728ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(4){left:93%;top:51%;animation-delay:4876ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(5){left:61%;top:35%;animation-delay:1611ms;animation-duration:10s}.login-page .particles-container .particle:nth-child(6){left:84%;top:90%;animation-delay:7739ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(7){left:59%;top:42%;animation-delay:5583ms;animation-duration:8s}.login-page .particles-container .particle:nth-child(8){left:94%;top:75%;animation-delay:6159ms;animation-duration:10s}.login-page .particles-container .particle:nth-child(9){left:95%;top:85%;animation-delay:1451ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(10){left:66%;top:66%;animation-delay:3794ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(11){left:62%;top:50%;animation-delay:4227ms;animation-duration:7s}.login-page .particles-container .particle:nth-child(12){left:38%;top:89%;animation-delay:2126ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(13){left:67%;top:94%;animation-delay:1.89s;animation-duration:9s}.login-page .particles-container .particle:nth-child(14){left:63%;top:79%;animation-delay:3553ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(15){left:78%;top:64%;animation-delay:7325ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(16){left:87%;top:24%;animation-delay:4974ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(17){left:86%;top:30%;animation-delay:1598ms;animation-duration:10s}.login-page .particles-container .particle:nth-child(18){left:37%;top:38%;animation-delay:4868ms;animation-duration:9s}.login-page .particles-container .particle:nth-child(19){left:81%;top:53%;animation-delay:3418ms;animation-duration:8s}.login-page .particles-container .particle:nth-child(20){left:30%;top:21%;animation-delay:1735ms;animation-duration:8s}.login-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem 2.5rem;width:100%;max-width:450px;margin-top:40px;box-shadow:0 20px 60px #00000026,0 0 0 1px #a7d6ba1a;animation:fadeInUp .6s ease-out;position:relative;z-index:10}@media (max-width: 480px){.login-container{padding:2.5rem 1.5rem;margin:40px 1rem 1rem;border-radius:20px}}.card-back-button{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;z-index:10}.card-back-button:hover{color:#374151;transform:translate(-2px)}.card-back-button svg{flex-shrink:0}.card-back-button span{font-size:14px}@media (max-width: 480px){.card-back-button{top:16px;left:16px;font-size:13px}.card-back-button svg{width:16px;height:16px}.card-back-button span{font-size:13px}}.login-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;margin-top:2rem}.login-card-header svg{color:#2c5c45;margin-bottom:1rem;width:40px;height:40px}.login-card-header h2{font-size:1.75rem;font-weight:700;color:#1a2428;margin:0;text-align:center}.login-description{text-align:center;margin-bottom:2rem}.login-description p{font-size:1rem;color:#566269;margin:0;line-height:1.5}.login-error{background:rgba(235,87,87,.1);border:1px solid rgba(235,87,87,.2);border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:center}.login-error p{color:#eb5757;font-size:.9rem;margin:0}.social-login-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width: 400px){.social-login-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.social-login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:white;color:#374151;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:56px;position:relative;overflow:hidden}.social-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;z-index:1}.social-login-button:hover:not(:disabled){border-color:#0003;background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.social-login-button:hover:not(:disabled):before{left:100%}.social-login-button:active:not(:disabled){transform:translateY(0)}.social-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.social-login-button svg,.social-login-button img{flex-shrink:0;position:relative;z-index:2}.social-login-button span{font-weight:500;position:relative;z-index:2}.social-login-button.google-login:hover:not(:disabled){border-color:#4285f4;background:rgba(66,133,244,.05)}.social-login-button.github-login:hover:not(:disabled){border-color:#24292e;background:rgba(36,41,46,.05)}.social-login-button.metamask-login{background:white;color:#f6851b;border:2px solid #f6851b}.social-login-button.metamask-login:hover:not(:disabled){background:rgba(246,133,27,.05);border-color:#e2761b;color:#e2761b;box-shadow:0 4px 16px #f6851b26}.social-login-button.metamask-login img{filter:none}.oauth-loading-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-left-color:currentColor;border-radius:50%;animation:oauth-spin 1s linear infinite}@keyframes oauth-spin{to{transform:rotate(360deg)}}.login-footer{text-align:center}.login-footer .login-terms{font-size:.85rem;color:#566269;line-height:1.5;margin:0}.login-footer .login-terms a{color:#2c5c45;text-decoration:none;font-weight:500}.login-footer .login-terms a:hover{text-decoration:underline}@media (max-width: 768px){.login-page{padding:1rem}.login-container{margin-top:70px}.login-card-header{margin-bottom:1.5rem}.login-card-header h2{font-size:1.5rem}.social-login-grid{grid-template-columns:1fr;gap:1rem}.social-login-button{padding:.875rem;min-height:50px;font-size:.9rem}}@media (max-width: 480px){.element-decoration{width:200px;height:200px}}.score-progress{fill:none;stroke:url(#score-gradient);stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.5s ease}.apartment-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17,11V3H7v4H3v14h8v-4h2v4h8V11H17z M7,19H5v-2h2V19z M7,15H5v-2h2V15z M7,11H5V9h2V11z M11,15H9v-2h2V15z M11,11H9V9h2 V11z M11,7H9V5h2V7z M15,15h-2v-2h2V15z M15,11h-2V9h2V11z M15,7h-2V5h2V7z M19,19h-2v-2h2V19z M19,15h-2v-2h2V15z"></path></svg>')}.house-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19,20h-3v-4h-2v4h-4v-4H8v4H5V11l7-5l7,5V20z M22,10.5V20c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2v-9.5c0-0.7,0.4-1.4,1-1.7 l7.5-5.3c0.8-0.6,1.9-0.6,2.8,0l7.5,5.3C21.6,9.1,22,9.8,22,10.5z"></path></svg>')}.villa-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14,12l-2,2l-2-2l2-2L14,12z M12,6l2.12,2.12l2.5-2.5L12,1L7.38,5.62l2.5,2.5L12,6z M6,12l2.12-2.12l-2.5-2.5L1,12 l4.62,4.62l2.5-2.5L6,12z M18,12l-2.12,2.12l2.5,2.5L23,12l-4.62-4.62l-2.5,2.5L18,12z M12,18l-2.12-2.12l-2.5,2.5L12,23 l4.62-4.62l-2.5-2.5L12,18z"></path></svg>')}.office-page{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.office-page.web-office-page,.web-view-mode .office-page{padding:2rem;max-width:100%}.office-page.web-office-page .office-content,.web-view-mode .office-page .office-content{max-width:1000px;margin:0 auto}.web-layout .office-page{padding:3rem 0;max-width:100%}.web-layout .office-page .office-content{max-width:1000px;margin:0 auto;padding:2.5rem;background-color:#f7f2ed;border-radius:30px;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6}.web-layout .office-page .page-header{margin-bottom:3rem}.web-layout .office-page .page-header .page-title{font-size:2.5rem}.web-layout .office-page .steps-indicator{max-width:800px;margin:0 auto 3rem}.web-layout .office-page .steps-indicator .step .step-number{width:40px;height:40px}.web-layout .office-page .steps-indicator .step .step-name{font-size:1rem;max-width:100px}.web-layout .office-page .office-form{padding:2.5rem;border-radius:30px}.web-layout .office-page .form-row{display:flex;gap:2rem}.web-layout .office-page .form-row .form-group{flex:1}.web-layout .office-page .upload-container{padding:3rem 2rem}.web-layout .office-page .upload-container .preview-container{max-width:500px}.web-layout .office-page .upload-container .preview-container .preview-image-container{height:350px}.web-layout .office-page .analysis-result{display:flex;flex-wrap:wrap;gap:2rem}.web-layout .office-page .analysis-result .score-container{flex-basis:100%;display:flex;align-items:center;gap:2rem}.web-layout .office-page .analysis-result .score-container .score-circle{width:150px;height:150px}.web-layout .office-page .analysis-result .floorplan-preview{flex:0 0 30%}.web-layout .office-page .analysis-result .results-section{flex:1 1 60%}.web-layout .office-page .analysis-result .results-cta{flex-basis:100%}.office-page .page-header{display:flex;align-items:center;margin-bottom:2rem}.office-page .page-header .back-button{margin-right:1rem;color:#1a2428;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s}.office-page .page-header .back-button:hover{background-color:#1a24281a}.office-page .page-header .page-title{font-size:1.8rem;font-weight:600;margin:0}.office-page .steps-indicator{display:flex;align-items:center;margin-bottom:2rem;padding:0 1rem}.office-page .steps-indicator .step{display:flex;flex-direction:column;align-items:center;position:relative}.office-page .steps-indicator .step .step-number{width:30px;height:30px;border-radius:50%;background-color:#fff8f2;border:2px solid rgba(86,98,105,.2);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;color:#566269;transition:all .3s ease}.office-page .steps-indicator .step .step-name{font-size:.8rem;color:#566269;text-align:center;max-width:80px}.office-page .steps-indicator .step.active .step-number{background-color:#2c5c45;border-color:#2c5c45;color:#fff}.office-page .steps-indicator .step.active .step-name{color:#1a2428;font-weight:500}.office-page .steps-indicator .step.completed .step-number{background-color:#6fcf97;border-color:#6fcf97;color:#fff}.office-page .steps-indicator .step-connector{flex:1;height:2px;background-color:#56626933;margin:0 .5rem 2rem}.office-page .office-content{background-color:#f7f2ed;border-radius:30px;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6;padding:32px}.office-page .office-form{background-color:#fff8f2;border-radius:20px;padding:2rem;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6;margin-bottom:2rem}.office-page .office-form .form-group{margin-bottom:1.5rem}.office-page .office-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.office-page .office-form .form-group .form-input,.office-page .office-form .form-group .form-select{width:100%;padding:.75rem 1rem;border:1px solid rgba(86,98,105,.2);border-radius:12px;font-size:1rem;background-color:#f7f2ed;transition:border-color .2s,box-shadow .2s}.office-page .office-form .form-group .form-input:focus,.office-page .office-form .form-group .form-select:focus{outline:none;border-color:#2c5c45;box-shadow:0 0 0 3px #2c5c4533}.office-page .office-form .form-row{display:flex;gap:1rem}.office-page .office-form .form-row .form-group{flex:1}.office-page .office-form .orientation-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.office-page .office-form .orientation-selector .direction-btn{padding:.75rem;border:1px solid rgba(86,98,105,.2);border-radius:12px;background-color:#f7f2ed;cursor:pointer;text-align:center;transition:all .2s}.office-page .office-form .orientation-selector .direction-btn:hover{background-color:#2c5c451a}.office-page .office-form .orientation-selector .direction-btn.active{background-color:#2c5c45;color:#fff;border-color:#2c5c45}.office-page .office-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.office-page .office-form .form-actions .primary-button,.office-page .office-form .form-actions .secondary-button{padding:.75rem 1.5rem;border-radius:12px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.office-page .office-form .form-actions .primary-button:hover,.office-page .office-form .form-actions .secondary-button:hover{transform:translateY(-2px)}.office-page .office-form .form-actions .primary-button:active,.office-page .office-form .form-actions .secondary-button:active{transform:translateY(0)}.office-page .office-form .form-actions .primary-button{background-color:#2c5c45;color:#fff;border:none}.office-page .office-form .form-actions .primary-button:hover{background-color:#244b38}.office-page .office-form .form-actions .secondary-button{background-color:transparent;color:#1a2428;border:1px solid rgba(86,98,105,.2)}.office-page .office-form .form-actions .secondary-button:hover{background-color:#1a24280d}.office-page .upload-container{border:2px dashed rgba(86,98,105,.2);border-radius:20px;padding:2rem;text-align:center;transition:border-color .2s;margin-bottom:1.5rem;background-color:#f7f2ed80}.office-page .upload-container:hover{border-color:#2c5c45}.office-page .upload-container.has-preview{border-style:solid;background-color:#f7f2ed}.office-page .upload-container .upload-content{display:flex;flex-direction:column;align-items:center}.office-page .upload-container .upload-content svg{margin-bottom:1rem;color:#2c5c45}.office-page .upload-container .upload-content h3{margin-bottom:.5rem;font-weight:600}.office-page .upload-container .upload-content .upload-tip{color:#566269;margin-bottom:1.5rem;max-width:400px}.office-page .upload-container .upload-content .hidden-upload{display:none}.office-page .upload-container .upload-content .upload-button{background-color:#2c5c45;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:500;cursor:pointer;border:none;transition:background-color .2s}.office-page .upload-container .upload-content .upload-button:hover{background-color:#244b38}.office-page .upload-container .upload-content .upload-error{color:#eb5757;margin-top:1rem;font-size:.9rem}.office-page .upload-container .upload-content .preview-container{width:100%;max-width:400px;margin-bottom:1.5rem}.office-page .upload-container .upload-content .preview-container .preview-image-container{width:100%;height:250px;border-radius:12px;overflow:hidden;margin-bottom:.5rem;background-color:#fff8f280;display:flex;align-items:center;justify-content:center}.office-page .upload-container .upload-content .preview-container .preview-image-container .preview-image{max-width:100%;max-height:100%;object-fit:contain}.office-page .upload-container .upload-content .preview-container .file-name{font-size:.9rem;color:#566269;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-page .analyzing-container{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background-color:#fff8f2;border-radius:20px;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6}.office-page .analyzing-container .loader{width:60px;height:60px;margin-bottom:1.5rem}.office-page .analyzing-container .loader .spinner{animation:rotate 2s linear infinite}.office-page .analyzing-container .loader .spinner .spinner-circle{fill:none;stroke:#2c5c45;stroke-width:4;stroke-dasharray:150,200;stroke-dashoffset:-10;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.office-page .analyzing-container h3{font-weight:600;margin-bottom:2rem}.office-page .analyzing-container .analyzing-preview{position:relative;width:100%;max-width:500px;border-radius:20px;overflow:hidden}.office-page .analyzing-container .analyzing-preview .analyzing-image{width:100%;display:block;opacity:.7}.office-page .analyzing-container .analyzing-preview .analyzing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c5c451a}.office-page .analyzing-container .analyzing-preview .analyzing-overlay .scan-line{position:absolute;width:100%;height:4px;background:linear-gradient(90deg,transparent,#2C5C45,transparent);top:0;animation:scan 2s ease-in-out infinite}.office-page .analysis-result{background-color:#fff8f2;border-radius:20px;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6;padding:2rem}.office-page .analysis-result .score-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.office-page .analysis-result .score-container .score-circle{position:relative;width:150px;height:150px;margin-bottom:1rem}.office-page .analysis-result .score-container .score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.office-page .analysis-result .score-container .score-circle svg .score-background{fill:none;stroke:#56626933;stroke-width:8}.office-page .analysis-result .score-container .score-circle svg .score-progress{fill:none;stroke:url(#scoreGradient);stroke-width:8;transition:stroke-dashoffset 1s ease}.office-page .analysis-result .score-container .score-circle .score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;color:#1a2428}.office-page .analysis-result .score-container .score-title{font-weight:600;color:#566269;margin:0}.office-page .analysis-result .floorplan-preview{margin-bottom:2rem}.office-page .analysis-result .floorplan-preview h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.office-page .analysis-result .floorplan-preview .floorplan-image-container{width:100%;border-radius:12px;overflow:hidden;background-color:#f7f2ed;box-shadow:inset 0 0 10px #0000001a}.office-page .analysis-result .floorplan-preview .floorplan-image-container .floorplan-image{width:100%;display:block}.office-page .analysis-result .results-section{margin-bottom:2rem}.office-page .analysis-result .results-section h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.office-page .analysis-result .results-section .issues-list{display:flex;flex-direction:column;gap:1rem}.office-page .analysis-result .results-section .issues-list .issue-item{display:flex;background-color:#f7f2ed;border-radius:12px;overflow:hidden}.office-page .analysis-result .results-section .issues-list .issue-item .issue-severity{width:8px}.office-page .analysis-result .results-section .issues-list .issue-item .issue-content{padding:1rem;flex:1}.office-page .analysis-result .results-section .issues-list .issue-item .issue-content h4{margin:0 0 .5rem;font-weight:600}.office-page .analysis-result .results-section .issues-list .issue-item .issue-content p{margin:0;color:#566269;font-size:.9rem}.office-page .analysis-result .results-section .issues-list .issue-item.high .issue-severity{background-color:#eb5757}.office-page .analysis-result .results-section .issues-list .issue-item.medium .issue-severity{background-color:#f2c94c}.office-page .analysis-result .results-section .issues-list .issue-item.low .issue-severity{background-color:#56ccf2}.office-page .analysis-result .results-section .recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.office-page .analysis-result .results-section .recommendations-list .recommendation-item{display:flex;align-items:flex-start;padding:.5rem 0}.office-page .analysis-result .results-section .recommendations-list .recommendation-item .recommendation-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#2c5c45;color:#fff;font-size:.8rem;font-weight:600;margin-right:1rem;flex-shrink:0}.office-page .analysis-result .results-section .recommendations-list .recommendation-item .recommendation-text{line-height:1.5}.office-page .analysis-result .results-cta{border-top:1px solid rgba(86,98,105,.2);padding-top:1.5rem}.office-page .analysis-result .results-cta .results-note{color:#566269;margin-bottom:1.5rem;font-style:italic}.web-office-page .office-page .analysis-result,.web-view-mode .office-page .analysis-result{display:flex;flex-wrap:wrap;gap:2rem}.web-office-page .office-page .analysis-result .score-container,.web-office-page .office-page .analysis-result .floorplan-preview,.web-view-mode .office-page .analysis-result .score-container,.web-view-mode .office-page .analysis-result .floorplan-preview{flex-basis:100%}.web-office-page .office-page .analysis-result .results-section,.web-view-mode .office-page .analysis-result .results-section{flex:1 1 calc(50% - 1rem);min-width:300px}.web-office-page .office-page .analysis-result .results-cta,.web-view-mode .office-page .analysis-result .results-cta{flex-basis:100%}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes scan{0%,to{top:0;box-shadow:0 0 8px 2px #2c5c4580}50%{top:calc(100% - 4px);box-shadow:0 0 12px 3px #2c5c4599}}@media (min-width: 1200px){.web-office-page .office-content,.web-view-mode .office-page .office-content{padding:3rem}.web-office-page .office-content .office-form,.web-view-mode .office-page .office-content .office-form{max-width:800px;margin-left:auto;margin-right:auto}.web-office-page .office-content .form-row,.web-view-mode .office-page .office-content .form-row{display:flex;gap:2rem}.web-office-page .office-content .form-row .form-group,.web-view-mode .office-page .office-content .form-row .form-group{flex:1}.web-office-page .office-content .upload-container .preview-container,.web-view-mode .office-page .office-content .upload-container .preview-container{max-width:600px}.web-office-page .office-content .upload-container .preview-container .preview-image-container,.web-view-mode .office-page .office-content .upload-container .preview-container .preview-image-container{height:350px}.web-office-page .office-content .analyzing-container .analyzing-preview,.web-view-mode .office-page .office-content .analyzing-container .analyzing-preview{max-width:700px}}@media (max-width: 375px){.office-page{padding:1rem}.office-page .page-header{margin-bottom:1.5rem}.office-page .page-header .page-title{font-size:1.5rem}.office-page .steps-indicator{margin-bottom:1.5rem;padding:0}.office-page .steps-indicator .step .step-number{width:24px;height:24px;font-size:.8rem}.office-page .steps-indicator .step .step-name{font-size:.7rem;max-width:60px}.office-form{padding:1.5rem}.office-form .form-row{flex-direction:column;gap:0}.office-form .orientation-selector{grid-template-columns:repeat(2,1fr)}.upload-container{padding:1.5rem 1rem}.analyzing-container{padding:2rem 1.5rem}.analysis-result{padding:1.5rem}.analysis-result .score-container .score-circle{width:120px;height:120px}.analysis-result .score-container .score-circle .score-value{font-size:2rem}}.web-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f7f7f7}.web-layout .web-header{background-color:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;padding:.5rem 0}.web-layout .web-header .container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;max-width:1200px;margin:0 auto}.web-layout .web-header .logo{display:flex;align-items:center}.web-layout .web-header .logo a{display:flex;align-items:center;text-decoration:none;color:#1a2428}.web-layout .web-header .logo a img{height:40px;margin-right:.5rem}.web-layout .web-header .logo a span{font-size:1.5rem;font-weight:700;color:#2c5c45}.web-layout .web-header .main-nav{flex:1;display:flex;justify-content:center}.web-layout .web-header .main-nav ul{display:flex;list-style:none;margin:0;padding:0}.web-layout .web-header .main-nav ul li{margin:0 .75rem}.web-layout .web-header .main-nav ul li a{display:block;padding:.75rem 1rem;color:#1a2428;text-decoration:none;font-weight:500;border-radius:12px;transition:all .2s ease;position:relative}.web-layout .web-header .main-nav ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#2c5c45;transition:all .3s ease;transform:translate(-50%)}.web-layout .web-header .main-nav ul li a:hover{color:#2c5c45}.web-layout .web-header .main-nav ul li a:hover:after{width:80%}.web-layout .web-header .main-nav ul li.active a{color:#2c5c45;font-weight:600}.web-layout .web-header .main-nav ul li.active a:after{width:80%}.web-layout .web-header .header-actions{display:flex;align-items:center}.web-layout .web-header .header-actions .language-toggle{background:none;border:1px solid rgba(86,98,105,.2);padding:.5rem 1rem;border-radius:12px;margin-right:1rem;cursor:pointer;transition:all .2s ease}.web-layout .web-header .header-actions .language-toggle:hover{background-color:#2c5c451a;border-color:#2c5c45}.web-layout .web-header .header-actions .login-btn{background-color:#2c5c45;color:#fff;padding:.5rem 1.25rem;border-radius:12px;text-decoration:none;font-weight:500;transition:all .2s ease}.web-layout .web-header .header-actions .login-btn:hover{background-color:#244b38;transform:translateY(-2px)}.web-layout .web-main{flex:1;padding-bottom:2rem}.web-layout .web-footer{background-color:#293341;color:#fff;padding:3rem 0 1.5rem;margin-top:2rem}.web-layout .web-footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}.web-layout .web-footer .footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.web-layout .web-footer .footer-top .footer-section h3{font-size:1.2rem;font-weight:600;margin-bottom:1.25rem;color:#fff;position:relative;padding-bottom:.75rem}.web-layout .web-footer .footer-top .footer-section h3:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#2c5c45}.web-layout .web-footer .footer-top .footer-section p{color:#ffffffe6;line-height:1.6}.web-layout .web-footer .footer-top .footer-section ul{list-style:none;padding:0;margin:0}.web-layout .web-footer .footer-top .footer-section ul li{margin-bottom:.75rem}.web-layout .web-footer .footer-top .footer-section ul li a{color:#ffffffe6;text-decoration:none;transition:color .2s ease;display:inline-block;position:relative;padding-left:15px}.web-layout .web-footer .footer-top .footer-section ul li a:before{content:"›";position:absolute;left:0;transition:transform .2s ease}.web-layout .web-footer .footer-top .footer-section ul li a:hover{color:#fff}.web-layout .web-footer .footer-top .footer-section ul li a:hover:before{transform:translate(3px)}.web-layout .web-footer .footer-top .footer-section .social-links{display:flex;gap:1rem;margin-top:1rem}.web-layout .web-footer .footer-top .footer-section .social-links .social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;color:#fff;text-decoration:none;transition:all .2s ease}.web-layout .web-footer .footer-top .footer-section .social-links .social-link:hover{background-color:#2c5c45;color:#fff;transform:translateY(-3px)}.web-layout .web-footer .footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.web-layout .web-footer .footer-bottom p{color:#fffc;font-size:.9rem}@media (max-width: 992px){.web-layout .web-header .container{padding:.75rem 1rem}.web-layout .web-header .main-nav{display:none}.web-layout .web-header .mobile-menu-toggle{display:block;margin-right:1rem;background:none;border:none;color:#1a2428;font-size:1.5rem;cursor:pointer}}@media (max-width: 768px){.web-layout .web-header .container{flex-wrap:wrap}.web-layout .web-header .logo{flex:1}.web-layout .web-header .header-actions .language-toggle,.web-layout .web-header .header-actions .login-btn{font-size:.875rem;padding:.4rem .75rem}.web-layout .web-footer .footer-top{grid-template-columns:1fr}}.web-home-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.web-home-page .section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.web-home-page .section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a2428;position:relative;padding-bottom:1rem}.web-home-page .section-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,#2C5C45,rgb(68.75,143.75,107.8125))}.web-home-page .section-header p{font-size:1.1rem;color:#566269;line-height:1.6;margin-top:1.5rem}.web-home-page .btn{display:inline-block;padding:.75rem 1.5rem;border-radius:12px;font-weight:500;text-decoration:none;transition:all .3s ease}.web-home-page .btn.btn-primary{background:linear-gradient(135deg,#2C5C45,rgb(60.5,126.5,94.875));color:#fff;box-shadow:0 4px 15px #2c5c454d}.web-home-page .btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2c5c4566}.web-home-page .btn.btn-outline{background-color:transparent;border:2px solid #2C5C45;color:#2c5c45}.web-home-page .btn.btn-outline:hover{background-color:#2c5c451a;transform:translateY(-3px)}.web-home-page .hero-section{padding:6rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden}.web-home-page .hero-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:rgba(44,92,69,.03);clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%)}.web-home-page .hero-section .container{display:flex;align-items:center;justify-content:space-between;gap:4rem;position:relative;z-index:2}.web-home-page .hero-section .hero-content{flex:1}.web-home-page .hero-section .hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;color:#1a2428;line-height:1.2}.web-home-page .hero-section .hero-content h1 span{color:#2c5c45;position:relative}.web-home-page .hero-section .hero-content h1 span:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background-color:#2c5c4533;z-index:-1}.web-home-page .hero-section .hero-content p{font-size:1.25rem;color:#566269;margin-bottom:2.5rem;line-height:1.6;max-width:90%}.web-home-page .hero-section .hero-content .hero-buttons{display:flex;gap:1.5rem}.web-home-page .hero-section .hero-image{flex:1;display:flex;justify-content:center;align-items:center}.web-home-page .hero-section .hero-image img{max-width:100%;border-radius:30px;box-shadow:20px 20px 60px #0000001a;transition:transform .5s ease}.web-home-page .hero-section .hero-image img:hover{transform:translateY(-10px) scale(1.02)}.web-home-page .features-section{padding:5rem 0;background-color:#f8f9fa}.web-home-page .features-section .section-header{text-align:center;margin-bottom:4rem}.web-home-page .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:3rem}.web-home-page .features-section .feature-card{background-color:#fff;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start}.web-home-page .features-section .feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.web-home-page .features-section .feature-card .feature-icon{width:70px;height:70px;border-radius:50%;background-color:#1f5f361a;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.web-home-page .features-section .feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.web-home-page .features-section .feature-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.web-home-page .features-section .feature-card .feature-link{color:#2c5c45;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;position:relative}.web-home-page .features-section .feature-card .feature-link:after{content:"→";margin-left:8px;transition:transform .3s ease}.web-home-page .features-section .feature-card .feature-link:hover:after{transform:translate(5px)}.web-home-page .features-section .residential-icon{background-image:url(/images/residential-icon.svg);background-size:40px;background-position:center;background-repeat:no-repeat}.web-home-page .features-section .office-icon{background-image:url(/images/office-icon.svg);background-size:40px;background-position:center;background-repeat:no-repeat}.web-home-page .features-section .retail-icon{background-image:url(/images/retail-icon.svg);background-size:40px;background-position:center;background-repeat:no-repeat}.web-home-page .features-section .bazi-icon{background-image:url(/images/bazi-icon.svg);background-size:40px;background-position:center;background-repeat:no-repeat}.web-home-page .features-section .cta-box{background:linear-gradient(135deg,#2C5C45,rgb(77,161,120.75));border-radius:12px;padding:3rem;color:#fff;text-align:center;margin-top:3rem;box-shadow:0 10px 30px #1f5f364d;position:relative;overflow:hidden}.web-home-page .features-section .cta-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/pattern.svg);background-size:cover;opacity:.1;z-index:0}.web-home-page .features-section .cta-box h3{font-size:2rem;margin-bottom:1rem;position:relative;z-index:1}.web-home-page .features-section .cta-box p{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.9;position:relative;z-index:1}.web-home-page .features-section .cta-box .cta-button{display:inline-block;background-color:#fff;color:#2c5c45;font-weight:700;font-size:1.1rem;padding:.75rem 2rem;border-radius:50px;text-decoration:none;transition:all .3s ease;position:relative;z-index:1;box-shadow:0 5px 15px #0000001a}.web-home-page .features-section .cta-box .cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}@media (max-width: 768px){.web-home-page .features-section .cta-box{padding:2rem}.web-home-page .features-section .cta-box h3{font-size:1.5rem}.web-home-page .features-section .cta-box p{font-size:1rem}}.web-home-page .how-it-works-section{padding:5rem 0;background-color:#f8f9fa;position:relative;overflow:hidden}.web-home-page .how-it-works-section:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background-color:#2c5c450d;top:-100px;left:-100px}.web-home-page .how-it-works-section:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background-color:#2c5c450d;bottom:-70px;right:-70px}.web-home-page .how-it-works-section .container{position:relative;z-index:2}.web-home-page .how-it-works-section .steps-container{display:flex;justify-content:space-between;gap:2rem;margin:4rem 0 3rem;position:relative}.web-home-page .how-it-works-section .steps-container:before{content:"";position:absolute;top:30px;left:60px;right:60px;height:3px;background:linear-gradient(to right,#e9ecef,#2C5C45,#e9ecef);z-index:-1}.web-home-page .how-it-works-section .step-item{flex:1;text-align:center}.web-home-page .how-it-works-section .step-item .step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2C5C45,rgb(68.75,143.75,107.8125));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 2rem;box-shadow:0 5px 15px #2c5c454d;position:relative;z-index:2}.web-home-page .how-it-works-section .step-item h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#1a2428}.web-home-page .how-it-works-section .step-item p{color:#566269;line-height:1.6}.web-home-page .how-it-works-section .section-cta{text-align:center;margin-top:3rem}.web-home-page .testimonials-section{padding:5rem 0;background-color:#fff}.web-home-page .testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:4rem}.web-home-page .testimonials-section .testimonial-card{background-color:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000000d;position:relative;transition:all .3s ease}.web-home-page .testimonials-section .testimonial-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a}.web-home-page .testimonials-section .testimonial-card:before{content:'"';position:absolute;top:20px;right:30px;font-size:5rem;color:#2c5c451a;font-family:serif;line-height:1}.web-home-page .testimonials-section .testimonial-card .testimonial-content{margin-bottom:1.5rem;position:relative;z-index:2}.web-home-page .testimonials-section .testimonial-card .testimonial-content p{color:#566269;line-height:1.7;font-style:italic}.web-home-page .testimonials-section .testimonial-card .testimonial-author{display:flex;align-items:center}.web-home-page .testimonials-section .testimonial-card .testimonial-author .author-avatar{width:60px;height:60px;border-radius:50%;margin-right:1rem;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 15px #0000001a}.web-home-page .testimonials-section .testimonial-card .testimonial-author .author-info h4{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;color:#1a2428}.web-home-page .testimonials-section .testimonial-card .testimonial-author .author-info p{color:#566269;font-size:.9rem;margin:0}.web-home-page .partners-section{padding:4rem 0;background-color:#f8f9fa}.web-home-page .partners-section .section-header{margin-bottom:4rem}.web-home-page .partners-section .partners-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem}.web-home-page .partners-section .partner-logo{height:60px;opacity:.6;transition:all .3s ease;filter:grayscale(100%)}.web-home-page .partners-section .partner-logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.web-home-page .partners-section .partner-logo img{height:100%;object-fit:contain}.web-home-page .cta-section{padding:6rem 0;background:linear-gradient(135deg,#2C5C45,rgb(77,161,120.75));position:relative;overflow:hidden}.web-home-page .cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/pattern.svg);background-size:cover;opacity:.1}.web-home-page .cta-section .container{position:relative;z-index:2}.web-home-page .cta-section .cta-content{text-align:center;color:#fff;max-width:700px;margin:0 auto}.web-home-page .cta-section .cta-content h2{font-size:2.8rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.1)}.web-home-page .cta-section .cta-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9;text-shadow:0 1px 5px rgba(0,0,0,.1)}.web-home-page .cta-section .cta-content .cta-buttons{display:flex;justify-content:center;gap:1.5rem}.web-home-page .cta-section .cta-content .cta-buttons .btn-primary{background-color:#fff;color:#2c5c45;font-weight:600}.web-home-page .cta-section .cta-content .cta-buttons .btn-primary:hover{background-color:#ffffffe6;box-shadow:0 8px 20px #0003}.web-home-page .cta-section .cta-content .cta-buttons .btn-outline{border-color:#fff;color:#fff;border-width:2px}.web-home-page .cta-section .cta-content .cta-buttons .btn-outline:hover{background-color:#ffffff26;box-shadow:0 8px 20px #00000026}@media (max-width: 992px){.web-home-page .section-header h2{font-size:2rem}.web-home-page .hero-section{padding:4rem 0}.web-home-page .hero-section .hero-content h1{font-size:2.5rem}.web-home-page .how-it-works-section .steps-container{flex-direction:column;max-width:500px;margin-left:auto;margin-right:auto}.web-home-page .how-it-works-section .steps-container:before{display:none}}@media (max-width: 768px){.web-home-page .container{padding:0 1.5rem}.web-home-page .hero-section{padding:3rem 0}.web-home-page .hero-section .container{flex-direction:column}.web-home-page .hero-section .hero-content{text-align:center}.web-home-page .hero-section .hero-content h1{font-size:2rem}.web-home-page .hero-section .hero-content p{margin-left:auto;margin-right:auto;max-width:100%}.web-home-page .hero-section .hero-content .hero-buttons{justify-content:center}.web-home-page .feature-card{padding:2rem 1.5rem}.web-home-page .cta-section{padding:4rem 0}.web-home-page .cta-section .cta-content h2{font-size:2rem}.web-home-page .cta-section .cta-content .cta-buttons{flex-direction:column;align-items:center}.web-home-page .cta-section .cta-content .cta-buttons .btn{width:100%;max-width:300px}}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.placeholder-page h1{font-size:24px;font-weight:700;color:#2c5c45;margin-bottom:16px}.placeholder-page p{font-size:16px;color:#566269}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f7f2ed;color:#1a2428;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.app-container.web-view-mode{padding:0;align-items:flex-start}.web-content{width:100%;min-height:100vh;background-color:#f7f2ed;overflow-y:auto}.web-content .office-page,.web-content .residential-page,.web-content .home-page,.web-content .login-page{padding:40px;max-width:1200px;margin:0 auto}.web-content .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.web-content .page-header .back-button{width:48px;height:48px}.web-content .page-header .page-title{font-size:2.5rem}.web-content .office-form,.web-content form{max-width:800px;margin:0 auto}@media (max-width: 1200px){.web-content .office-page,.web-content .residential-page,.web-content .home-page,.web-content .login-page{padding:20px}}.mobile-frame{position:relative;width:375px;height:812px;border:1px solid rgba(0,0,0,.1);border-radius:40px;overflow:hidden;box-shadow:0 15px 35px #0000001a}@media (max-width: 420px){.mobile-frame{width:100%;height:100vh;border-radius:0;border:none}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.mobile-frame{height:90vh;min-height:600px}}@media (min-width: 1200px){.mobile-frame{transform:scale(1.05);transition:transform .3s ease}.mobile-frame:hover{transform:scale(1.08)}}.content{width:100%;height:100%;background-color:#f7f2ed;overflow-y:auto;padding:20px}.content::-webkit-scrollbar{display:none}.web-view{display:none}@media (min-width: 1200px){.web-view{display:block;position:fixed;top:20px;right:20px;background:#F7F2ED;padding:15px;border-radius:20px;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6;max-width:300px;z-index:1000}.web-view h3{font-size:18px;color:#2c5c45;margin-bottom:10px}.web-view p{font-size:14px;color:#566269;line-height:1.5}}.neumorphic{border-radius:20px;background-color:#f7f2ed;box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc}.neumorphic-inset{border-radius:20px;background-color:#f7f2ed;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffff80}.neumorphic-card{border-radius:20px;background-color:#f7f2ed;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #ffffffe6;transition:transform .3s ease,box-shadow .3s ease}.neumorphic-card:hover{transform:translateY(-5px);box-shadow:15px 15px 35px #0000001f,-15px -15px 35px #fffffff2}.glass-card{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px}.primary-gradient{background:linear-gradient(135deg,#A7D6BA,#2C5C45)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}@media (max-width: 767px){.card-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (min-width: 768px) and (max-width: 1023px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4,1fr)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-animation{animation:float 4s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-animation{animation:pulse 2s ease-in-out infinite}.neumorphic-button,.primary-button{position:relative;padding:12px 24px;border-radius:12px;background-color:#f7f2ed;box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc;border:none;color:#2c5c45;font-weight:600;cursor:pointer;transition:all .3s ease}.neumorphic-button:hover,.primary-button:hover{box-shadow:6px 6px 18px #0000000d,-6px -6px 18px #ffffffb3}.neumorphic-button:active,.primary-button:active{box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #fffc}.primary-button{background:linear-gradient(135deg,#A7D6BA,#2C5C45);color:#f7f9fa}.primary-button:hover{background:linear-gradient(135deg,rgb(171.4,216.05,189.45),rgb(54.55,100.15,78.3))}.gradient-button{display:inline-block;padding:12px 24px;border-radius:20px;text-align:center;background:linear-gradient(135deg,#A7D6BA,#2C5C45);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc;position:relative;overflow:hidden}.gradient-button:hover{box-shadow:10px 10px 20px #00000014,-10px -10px 20px #ffffffe6;transform:translateY(-3px)}.gradient-button:hover:before{opacity:1}.gradient-button:active{box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #fffc;transform:translateY(-1px)}.gradient-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(171.4,216.05,189.45),rgb(54.55,100.15,78.3));opacity:0;transition:opacity .15s ease}.visual-compass-container{display:flex;flex-direction:column;align-items:center;margin:20px 0}.compass-label{font-size:16px;color:var(--text-primary);font-weight:500;margin-bottom:8px}.compass-value{font-size:18px;color:var(--primary-color);font-weight:600;margin-bottom:20px}.visual-compass{display:flex;flex-direction:column;align-items:center;padding:10px;width:100%;max-width:320px;margin:0 auto}.compass-container{width:100%;position:relative;margin-bottom:20px}.compass-face{width:100%;aspect-ratio:1/1;border-radius:50%;background:linear-gradient(145deg,#f5f5f5,#ffffff);box-shadow:0 8px 24px #959da533,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000000d;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.compass-face:hover{box-shadow:0 10px 30px #959da540,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000000d}.compass-markings{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.direction-mark{position:absolute;font-weight:700;color:#333;font-size:16px}.direction-mark.north{top:5%;left:50%;transform:translate(-50%);color:#e74c3c}.direction-mark.east{top:50%;right:5%;transform:translateY(-50%)}.direction-mark.south{bottom:5%;left:50%;transform:translate(-50%)}.direction-mark.west{top:50%;left:5%;transform:translateY(-50%)}.direction-dot{position:absolute;width:8px;height:8px;background-color:#4a90e2;border-radius:50%;cursor:pointer;box-shadow:0 0 2px #0003;transition:transform .15s ease,background-color .15s ease}.direction-dot:hover{transform:scale(1.5);background-color:#2980b9}.north-dot{top:10%;left:50%;transform:translate(-50%);background-color:#e74c3c}.northeast-dot{top:20%;right:20%}.east-dot{top:50%;right:10%;transform:translateY(-50%)}.southeast-dot{bottom:20%;right:20%}.south-dot{bottom:10%;left:50%;transform:translate(-50%)}.southwest-dot{bottom:20%;left:20%}.west-dot{top:50%;left:10%;transform:translateY(-50%)}.northwest-dot{top:20%;left:20%}.compass-needle{position:absolute;width:4px;height:80%;transform-origin:center bottom;transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:10}.needle-north{position:absolute;width:100%;height:50%;background-color:#e74c3c;border-top-left-radius:50%;border-top-right-radius:50%;top:0}.needle-south{position:absolute;width:100%;height:50%;background-color:#3498db;border-bottom-left-radius:50%;border-bottom-right-radius:50%;bottom:0}.compass-center{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(145deg,#f0f0f0,#e0e0e0);box-shadow:inset 1px 1px 2px #0000001a;z-index:20}.compass-info{width:100%;display:flex;flex-direction:column;align-items:center}.rotation-controls{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;background-color:#f8f9fa;border-radius:30px;padding:8px 15px;box-shadow:0 2px 8px #0000001a}.rotation-button{background-color:transparent;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .2s ease}.rotation-button:hover{background-color:#e9ecef;color:#333}.angle-display{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;cursor:pointer;padding:0 10px;position:relative}.angle-value{font-size:26px;font-weight:700;color:#333;transition:all .2s ease;padding:4px 8px;border-radius:4px}.angle-value:hover{background-color:#e9ecef}.angle-input{width:80px;height:36px;text-align:center;font-size:20px;font-weight:700;border:2px solid #4a90e2;border-radius:6px;background-color:#fff;color:#333;padding:4px 8px}.angle-input:focus{outline:none;box-shadow:0 0 0 2px #4a90e24d}.direction-name{font-size:14px;color:#666;margin-top:4px}.manual-input-hint{font-size:12px;color:#777;text-align:center;margin-top:5px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.visual-compass.small .compass-face{max-width:180px}.visual-compass.medium .compass-face{max-width:240px}.visual-compass.large .compass-face{max-width:300px}@media (max-width: 480px){.visual-compass.small .compass-face,.visual-compass.medium .compass-face,.visual-compass.large .compass-face{max-width:220px}}@media (max-width: 480px){.visual-compass.medium .compass-container{width:220px;height:220px}.visual-compass.large .compass-container{width:260px;height:260px}.direction-mark{font-size:14px}.angle-value{font-size:20px}}@media (max-width: 360px){.visual-compass.size-medium,.visual-compass.size-large,.visual-compass.size-small{width:200px;height:200px}}.house-indicator{position:absolute;display:flex;align-items:center;justify-content:center;width:50%;height:50%;z-index:15;transform-origin:center center;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.apartment-icon,.house-icon,.villa-icon{width:100%;height:100%;color:#4a90e2b3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all .2s ease}.apartment-icon:hover,.house-icon:hover,.villa-icon:hover{color:#4a90e2e6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.visual-compass.small .house-indicator{width:40%;height:40%}.visual-compass.large .house-indicator{width:60%;height:60%}.feng-shui-analysis-result{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;padding:2.5rem;max-width:1000px;margin:0 auto;width:100%}.result-header{text-align:center;margin-bottom:2.5rem}.result-title{font-size:2rem;color:var(--primary-color, #2c5c45);margin-bottom:1rem}.score-dashboard{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:3.5rem;padding:2.5rem;background-color:var(--bg-color, #f7f2ed);border-radius:16px;box-shadow:inset 3px 3px 6px #0000001a,inset -3px -3px 6px #fffc}.overall-score{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}.score-circle{position:relative;width:180px;height:180px;margin-bottom:1.5rem}.score-circle svg{transform:rotate(-90deg);overflow:visible}.score-bg{fill:none;stroke:#0000001a;stroke-width:8}.score-indicator{fill:none;stroke:var(--primary-color, #2c5c45);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset 1s ease}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-number{font-size:3rem;font-weight:700;color:var(--primary-color, #2c5c45);line-height:1}.score-max{font-size:1rem;color:#666;margin-top:.25rem}.score-label{font-size:1.2rem;font-weight:500;color:var(--text-color, #333)}.category-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.score-bar-container{margin-bottom:1.2rem}.score-bar-label{display:flex;justify-content:space-between;margin-bottom:.75rem;font-weight:500;color:var(--text-color, #333)}.score-bar-wrapper{height:12px;background-color:#0000001a;border-radius:6px;overflow:hidden;position:relative}.score-bar{height:100%;background:linear-gradient(to right,var(--primary-light-color, #e8f5e9),var(--primary-color, #2c5c45));border-radius:6px;position:relative;transition:width 1s ease}.score-bar-value{position:absolute;right:-28px;top:-14px;font-size:.9rem;font-weight:500;color:var(--text-color, #333)}.result-content{display:flex;flex-direction:column;gap:4rem}.section-title{font-size:1.7rem;color:var(--primary-color, #2c5c45);margin-bottom:2rem;position:relative;padding-left:1.25rem}.section-title:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;background-color:var(--primary-color, #2c5c45);border-radius:3px}.analysis-issues{display:flex;flex-direction:column;gap:2rem}.issue-group{display:flex;flex-direction:column;gap:1.25rem}.severity-label{display:inline-block;padding:.5rem 1.25rem;border-radius:4px;font-weight:500;color:#fff;margin-bottom:.75rem}.severity-label.high{background-color:#f5222d}.severity-label.medium{background-color:#fa8c16}.severity-label.low{background-color:#52c41a}.issue-card{background-color:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 4px 12px #00000014;border-left:4px solid;transition:transform .2s ease,box-shadow .2s ease}.issue-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.issue-card.high{border-left-color:#f5222d}.issue-card.medium{border-left-color:#fa8c16}.issue-card.low{border-left-color:#52c41a}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.issue-title{font-size:1.25rem;font-weight:600;color:var(--text-color, #333);flex:1}.issue-area{font-size:.9rem;color:#666;background-color:var(--bg-color, #f7f2ed);padding:.4rem .8rem;border-radius:4px;white-space:nowrap}.issue-description{color:var(--text-secondary, #666);margin-bottom:1.25rem;line-height:1.6}.issue-solution{background-color:var(--bg-color, #f7f2ed);padding:1.25rem;border-radius:8px;line-height:1.6}.solution-label{font-weight:600;color:var(--primary-color, #2c5c45);margin-right:.5rem}.analysis-tips{display:flex;flex-direction:column;margin-bottom:1rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.tip-card{background-color:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.tip-category{display:inline-block;background-color:var(--primary-light-color, #e8f5e9);color:var(--primary-color, #2c5c45);padding:.4rem .8rem;border-radius:4px;font-size:.9rem;margin-bottom:1rem;align-self:flex-start}.tip-title{font-size:1.2rem;font-weight:600;color:var(--text-color, #333);margin-bottom:1rem}.tip-description{color:var(--text-secondary, #666);line-height:1.6;font-size:.95rem;flex:1}.disclaimer{font-size:.9rem;color:#999;text-align:center;margin-top:3rem;font-style:italic;line-height:1.5}.result-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:3.5rem}.result-btn{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;min-width:180px;justify-content:center}.share-btn{background-color:var(--bg-color, #f7f2ed);color:var(--primary-color, #2c5c45);box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #fffc}.share-btn:hover{background-color:#e8eae6;transform:translateY(-2px)}.download-btn{background-color:var(--primary-color, #2c5c45);color:#fff;box-shadow:3px 3px 6px #00000026,-3px -3px 6px #ffffff1a}.download-btn:hover{background-color:#234a36;transform:translateY(-2px)}@media (max-width: 992px){.feng-shui-analysis-result,.score-dashboard{padding:2rem}.category-scores{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tips-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.feng-shui-analysis-result{padding:1.5rem;border-radius:12px}.result-title{font-size:1.6rem}.score-dashboard{padding:1.5rem;gap:2rem}.score-circle{width:150px;height:150px}.score-number{font-size:2.5rem}.category-scores,.tips-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.issue-header{flex-direction:column;align-items:flex-start}.issue-area{align-self:flex-start}}@media (max-width: 480px){.feng-shui-analysis-result{padding:1.25rem}.result-title{font-size:1.4rem}.result-actions{flex-direction:column;gap:1rem}.result-btn{width:100%}.score-circle{width:130px;height:130px}.score-number{font-size:2.2rem}.issue-card{padding:1.25rem}.issue-solution{padding:1rem}.tip-card{padding:1.25rem}}.residential-page{padding:2rem;max-width:1200px;margin:0 auto}.residential-page .page-header{text-align:center;margin-bottom:2rem;background:#ffffff;border-bottom:1px solid #e2e8f0;padding:2.5rem;box-shadow:0 2px 4px #0000000d;position:relative;z-index:10}.residential-page .page-header .container{max-width:1600px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:1rem}.residential-page .page-header .page-title{font-size:3rem;font-weight:900;color:#0f172a;margin:0;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#0f172a 0%,#3b82f6 50%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.residential-page .page-header .page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;box-shadow:0 2px 8px #3b82f666}.residential-page .page-header .page-description{font-size:1.2rem;color:#64748b;max-width:650px;margin:0 auto;line-height:1.6;padding-top:1rem}.residential-page .residential-steps{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem 0}.residential-page .residential-steps .step-item{display:flex;flex-direction:column;align-items:center;min-width:80px;transition:all .3s ease}.residential-page .residential-steps .step-item .step-number{width:40px;height:40px;border-radius:50%;background-color:var(--surface-variant);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.residential-page .residential-steps .step-item .step-label{font-size:.85rem;color:var(--text-secondary);text-align:center;transition:all .3s ease}.residential-page .residential-steps .step-item.active .step-number{background-color:var(--primary-color);color:#fff;box-shadow:0 3px 8px #2f68464d;transform:scale(1.1)}.residential-page .residential-steps .step-item.active .step-label{color:var(--primary-color);font-weight:600}.residential-page .residential-steps .step-connector{height:2px;background-color:var(--surface-variant);flex-grow:1;max-width:80px;margin:0 5px;position:relative;top:-10px}.residential-page .residential-content{background-color:var(--surface);border-radius:16px;box-shadow:0 8px 24px #00000014;min-height:400px;position:relative;overflow:hidden}.residential-page .analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem}.residential-page .analysis-loading .loading-spinner{width:80px;height:80px;margin-bottom:1.5rem}.residential-page .analysis-loading .loading-spinner svg{width:100%;height:100%;animation:rotate 2s linear infinite}.residential-page .analysis-loading .loading-spinner svg circle{stroke:var(--primary-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.residential-page .analysis-loading .loading-text{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-color)}.residential-page .analysis-loading .loading-description{text-align:center;color:var(--text-secondary);max-width:400px}.residential-page .analysis-result-container{padding:2rem}.residential-page .analysis-result-container .result-actions{margin-top:2rem;display:flex;justify-content:center}.residential-page .analysis-result-container .result-actions .start-over-btn{padding:.8rem 2rem;font-size:1rem}.residential-page .residential-form{padding:2rem;max-width:800px;margin:0 auto}.residential-page .residential-form .form-title{font-size:1.8rem;color:var(--primary-color);margin-bottom:.5rem;text-align:center}.residential-page .residential-form .form-description{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.residential-page .residential-form .form-group{margin-bottom:1.5rem}.residential-page .residential-form .form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.residential-page .residential-form .form-group input[type=text],.residential-page .residential-form .form-group input[type=number],.residential-page .residential-form .form-group select,.residential-page .residential-form .form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface);font-size:1rem;transition:all .2s ease}.residential-page .residential-form .form-group input[type=text]:focus,.residential-page .residential-form .form-group input[type=number]:focus,.residential-page .residential-form .form-group select:focus,.residential-page .residential-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2f684633}.residential-page .residential-form .form-group input[type=text]::placeholder,.residential-page .residential-form .form-group input[type=number]::placeholder,.residential-page .residential-form .form-group select::placeholder,.residential-page .residential-form .form-group textarea::placeholder{color:var(--text-tertiary)}.residential-page .residential-form .form-group input[type=text]:disabled,.residential-page .residential-form .form-group input[type=number]:disabled,.residential-page .residential-form .form-group select:disabled,.residential-page .residential-form .form-group textarea:disabled{background-color:var(--surface-variant);cursor:not-allowed}.residential-page .residential-form .form-group textarea{min-height:100px;resize:vertical}.residential-page .residential-form .form-group .direction-tip,.residential-page .residential-form .form-group .upload-tip,.residential-page .residential-form .form-group .annotation-tip{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.residential-page .residential-form .checkbox-group label{display:flex;align-items:center;cursor:pointer}.residential-page .residential-form .checkbox-group label input[type=checkbox]{margin-right:.8rem;width:18px;height:18px;cursor:pointer}.residential-page .residential-form .checkbox-group label span{font-weight:400}.residential-page .residential-form .direction-group .compass-wrapper{display:flex;justify-content:center;margin-top:1rem}.residential-page .residential-form .upload-group .upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}.residential-page .residential-form .upload-group .upload-area:hover{border-color:var(--primary-color);background-color:#2f68460d}.residential-page .residential-form .upload-group .upload-area .upload-placeholder{display:flex;flex-direction:column;align-items:center}.residential-page .residential-form .upload-group .upload-area .upload-placeholder .upload-icon{width:48px;height:48px;color:var(--primary-color);margin-bottom:1rem}.residential-page .residential-form .upload-group .upload-area .upload-placeholder .upload-text{font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.residential-page .residential-form .upload-group .upload-area .upload-placeholder .upload-or{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.residential-page .residential-form .upload-group .upload-area .upload-placeholder .upload-input{display:none}.residential-page .residential-form .annotation-group .annotation-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.residential-page .residential-form .annotation-group .annotation-checklist .annotation-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--surface);transition:all .2s ease}.residential-page .residential-form .annotation-group .annotation-checklist .annotation-item.marked{background-color:#2f68461a;border-color:var(--primary-color)}.residential-page .residential-form .annotation-group .annotation-checklist .annotation-item .annotation-label{font-weight:500;color:var(--text-primary)}.residential-page .residential-form .annotation-group .annotation-checklist .annotation-item .annotation-status{font-size:.85rem;color:var(--text-secondary)}.residential-page .residential-form .annotation-group .annotation-checklist .annotation-item .mark-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background-color:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-weight:700;padding:0}.residential-page .residential-form .annotation-group .annotation-checklist .annotation-item .mark-btn:hover{background-color:var(--primary-light-color);color:var(--primary-color)}.residential-page .residential-form .annotation-group .annotation-checklist .annotation-item.marked .mark-btn{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.residential-page .residential-form .annotation-group .annotation-status-summary{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-top:1rem}.residential-page .residential-form .form-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.residential-page .residential-form .form-actions button{padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.residential-page .residential-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.residential-page .residential-form .form-actions .back-btn{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border-color)}.residential-page .residential-form .form-actions .back-btn:hover:not(:disabled){background-color:var(--surface-variant)}.residential-page .residential-form .form-actions .next-btn,.residential-page .residential-form .form-actions .analyze-btn{background-color:var(--primary-color);color:#fff}.residential-page .residential-form .form-actions .next-btn:hover:not(:disabled),.residential-page .residential-form .form-actions .analyze-btn:hover:not(:disabled){background-color:var(--primary-dark-color)}.residential-page .residential-form .form-actions .analyze-btn{background-color:var(--primary-color);box-shadow:0 4px 8px #2f684633}.residential-page .residential-form .form-actions .analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #2f68464d}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width: 768px){.residential-page{padding:1rem}.residential-page .page-header h1{font-size:2rem}.residential-page .residential-steps .step-item{min-width:60px}.residential-page .residential-steps .step-item .step-number{width:32px;height:32px;font-size:.9rem}.residential-page .residential-steps .step-item .step-label{font-size:.75rem}.residential-page .residential-steps .step-connector{max-width:40px}.residential-page .residential-form{padding:1.5rem}.residential-page .residential-form .form-title{font-size:1.5rem}.residential-page .residential-form .form-group{margin-bottom:1.2rem}.residential-page .residential-form .annotation-group .annotation-checklist{grid-template-columns:1fr}.residential-page .residential-form .form-actions{flex-direction:column}.residential-page .residential-form .form-actions button{width:100%;margin-bottom:.5rem}}.residential-page{display:flex;flex-direction:column;width:100%;height:100%;padding-bottom:40px}.steps-indicator{display:flex;align-items:center;margin-bottom:30px}.step{display:flex;flex-direction:column;align-items:center;position:relative}.step .step-number{width:30px;height:30px;border-radius:50%;background-color:#f7f2ed;display:flex;align-items:center;justify-content:center;font-weight:600;color:#566269;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffff80;margin-bottom:8px;transition:all .3s ease}.step .step-name{font-size:12px;color:#566269;font-weight:500}.step.active .step-number{color:#f7f9fa;background:linear-gradient(135deg,#A7D6BA,#2C5C45);box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc}.step.active .step-name{color:#2c5c45;font-weight:600}.step.completed .step-number{background-color:#2c5c45;color:#f7f9fa}.step.completed .step-number:after{content:"✓";font-size:14px}.step-connector{flex:1;height:2px;background-color:#56626933;margin:0 10px 26px}.residential-content{padding:20px 0}.residential-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:24px}.form-row{display:flex;gap:20px;margin-bottom:24px}.form-row .form-group{flex:1;margin-bottom:0}.form-label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:#566269}.neumorphic-select{position:relative;width:100%}.neumorphic-select-input{width:100%;height:48px;padding:0 16px;border-radius:12px;background-color:#f7f2ed;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffff80;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;color:#1a2428;cursor:pointer}.select-arrow{position:absolute;top:50%;right:16px;transform:translateY(-50%);pointer-events:none;color:#566269}.orientation-selector{display:flex;gap:10px}.direction-btn{flex:1;height:48px;border-radius:12px;background-color:#f7f2ed;box-shadow:8px 8px 24px #0000000f,-8px -8px 24px #fffc;border:none;font-size:16px;color:#566269;font-weight:500;cursor:pointer;transition:all .3s ease}.direction-btn:hover{transform:translateY(-2px)}.direction-btn:active{box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #fffc;transform:translateY(0)}.direction-btn.active{background:linear-gradient(135deg,#A7D6BA,#2C5C45);color:#f7f9fa;font-weight:600}.form-actions{margin-top:40px}.form-buttons{display:flex;gap:16px}.form-buttons .neumorphic-button{flex:1}.upload-container{padding:40px 20px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px}.upload-content{display:flex;flex-direction:column;align-items:center;max-width:320px}.upload-content svg{color:#2c5c45;margin-bottom:16px}.upload-content h3{font-size:18px;font-weight:600;color:#1a2428;margin-bottom:8px}.upload-tip{font-size:14px;color:#566269;margin-bottom:24px}.hidden-upload{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.hidden-upload+label{display:inline-block;padding:12px 24px;cursor:pointer;font-weight:600}.analyzing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}.analysis-loader{position:relative;width:120px;height:120px;margin-bottom:24px}.circle-loader{width:100%;height:100%;animation:rotate 2s linear infinite}.circle-path{fill:none;stroke:#2c5c45;stroke-width:4;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:100;animation:dash 1.5s ease-in-out infinite}.particles{position:absolute;top:0;left:0;width:100%;height:100%}.particle{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#2c5c45;opacity:0}.particle-1{top:50%;left:50%;transform:rotate(45deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.1s}.particle-2{top:50%;left:50%;transform:rotate(90deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.2s}.particle-3{top:50%;left:50%;transform:rotate(135deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.3s}.particle-4{top:50%;left:50%;transform:rotate(180deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.4s}.particle-5{top:50%;left:50%;transform:rotate(225deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.5s}.particle-6{top:50%;left:50%;transform:rotate(270deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.6s}.particle-7{top:50%;left:50%;transform:rotate(315deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.7s}.particle-8{top:50%;left:50%;transform:rotate(360deg) translateY(-50px);animation:particle-animation 2s ease-in-out infinite;animation-delay:.8s}@keyframes particle-animation{0%{opacity:1;transform:rotate(0) translateY(-40px) scale(1)}70%{opacity:.5}to{opacity:0;transform:rotate(0) translateY(-80px) scale(.5)}}.analyzing-text{font-size:20px;font-weight:600;color:#2c5c45}.analysis-result{padding:20px 0}.score-container{display:flex;justify-content:center;margin-bottom:30px}.score-circle{position:relative;width:150px;height:150px}.score-background{fill:none;stroke:#5662691a;stroke-width:8}.score-progress{fill:none;stroke:url(#score-gradient);stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.5s ease}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-value{display:block;font-size:36px;font-weight:700;color:#2c5c45;line-height:1}.score-max{font-size:14px;color:#566269}.issues-list,.suggestions-list{margin-bottom:30px;padding:20px}.section-title{font-size:18px;font-weight:600;color:#1a2428;margin-bottom:16px;position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(to right,#A7D6BA,#2C5C45);border-radius:3px}.issue-item{display:flex;margin-bottom:16px;padding:16px;border-radius:12px;background-color:#f7f2ed80;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffff80}.issue-severity-indicator{width:12px;height:12px;border-radius:50%;margin-right:15px;margin-top:5px;flex-shrink:0}.severity-high .issue-severity-indicator{background-color:#e53935;box-shadow:0 0 10px #e5393580}.severity-medium .issue-severity-indicator{background-color:#fb8c00;box-shadow:0 0 10px #fb8c0080}.severity-low .issue-severity-indicator{background-color:#43a047;box-shadow:0 0 10px #43a04780}.issue-content{flex:1}.issue-title{font-size:16px;font-weight:600;color:#1a2428;margin-bottom:4px}.issue-description{font-size:14px;color:#566269}.suggestions{list-style:none;padding:0}.suggestion-item{display:flex;margin-bottom:16px;align-items:flex-start}.suggestion-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#A7D6BA,#2C5C45);color:#fff;font-size:12px;font-weight:600;margin-right:12px;flex-shrink:0}.suggestion-text{flex:1;font-size:14px;color:#566269;line-height:1.5;padding-top:2px}.result-actions{display:flex;justify-content:center;margin-top:40px}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding:0 1rem}.form-navigation .prev-btn,.form-navigation .next-btn{padding:.75rem 1.5rem;border-radius:4px;font-weight:500;transition:all .3s ease;cursor:pointer}.form-navigation .prev-btn:focus,.form-navigation .next-btn:focus{outline:none;box-shadow:0 0 0 2px #2c5c4566}.form-navigation .prev-btn{background-color:transparent;border:1px solid var(--primary-color, #2c5c45);color:var(--primary-color, #2c5c45)}.form-navigation .prev-btn:hover{background-color:#2c5c451a}.form-navigation .next-btn{background-color:var(--primary-color, #2c5c45);border:1px solid var(--primary-color, #2c5c45);color:#fff}.form-navigation .next-btn:hover{background-color:var(--primary-dark-color, #1f4231)}.form-navigation .next-btn:disabled{background-color:var(--disabled-color, #cccccc);border-color:var(--disabled-color, #cccccc);color:var(--text-disabled, #999999);cursor:not-allowed}.form-navigation:has(.next-btn:only-child){justify-content:flex-end}.residential-container{max-width:1200px;margin:0 auto;padding:40px 20px}.residential-header{text-align:center;margin-bottom:40px;padding:30px 20px;background-color:#f9f9f9;border-radius:10px}.residential-title{font-size:2rem;color:#333;margin-bottom:15px}.residential-description-container{max-width:700px;margin:0 auto}.residential-description{font-size:1.1rem;color:#555;margin-bottom:10px}.residential-sub-description{font-size:.95rem;color:#777;line-height:1.6}.housing-type-selector{margin-top:30px}.housing-type-tabs{display:flex;justify-content:center;gap:20px;margin:0 auto;max-width:800px}.housing-type-tab{display:flex;flex-direction:column;align-items:center;padding:15px 20px;min-width:120px;border-radius:8px;background-color:#fff;text-decoration:none;color:#555;box-shadow:0 3px 10px #0000000d;transition:all .3s ease}.housing-type-tab:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.housing-type-tab.active{background-color:#4a90e2;color:#fff}.housing-icon{display:block;width:50px;height:50px;margin-bottom:10px;background-size:contain;background-repeat:no-repeat;background-position:center}.apartment-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17,11V3H7v4H3v14h8v-4h2v4h8V11H17z M7,19H5v-2h2V19z M7,15H5v-2h2V15z M7,11H5V9h2V11z M11,15H9v-2h2V15z M11,11H9V9h2 V11z M11,7H9V5h2V7z M15,15h-2v-2h2V15z M15,11h-2V9h2V11z M15,7h-2V5h2V7z M19,19h-2v-2h2V19z M19,15h-2v-2h2V15z"></path></svg>')}.house-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19,20h-3v-4h-2v4h-4v-4H8v4H5V11l7-5l7,5V20z M22,10.5V20c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2v-9.5c0-0.7,0.4-1.4,1-1.7 l7.5-5.3c0.8-0.6,1.9-0.6,2.8,0l7.5,5.3C21.6,9.1,22,9.8,22,10.5z"></path></svg>')}.villa-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14,12l-2,2l-2-2l2-2L14,12z M12,6l2.12,2.12l2.5-2.5L12,1L7.38,5.62l2.5,2.5L12,6z M6,12l2.12-2.12l-2.5-2.5L1,12 l4.62,4.62l2.5-2.5L6,12z M18,12l-2.12,2.12l2.5,2.5L23,12l-4.62-4.62l-2.5,2.5L18,12z M12,18l-2.12-2.12l-2.5,2.5L12,23 l4.62-4.62l-2.5-2.5L12,18z"></path></svg>')}.step-indicator{display:flex;justify-content:space-between;width:100%;margin:40px auto;position:relative;max-width:800px}.step-indicator:before{content:"";position:absolute;top:24px;left:0;width:100%;height:2px;background-color:#e0e0e0;z-index:1}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;min-width:80px}.step-number{width:48px;height:48px;border-radius:50%;background-color:#f5f5f5;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666;margin-bottom:10px;position:relative;transition:all .3s ease}.step-title{font-size:14px;text-align:center;color:#666;max-width:100px;transition:all .3s ease}.step-item .step-number.active,.step-item.active .step-number{background-color:#4a90e2;border-color:#4a90e2;color:#fff;box-shadow:0 0 0 4px #4a90e233}.step-item .step-title.active,.step-item.active .step-title{color:#4a90e2;font-weight:700}.step-item .step-number.completed,.step-item.completed .step-number{background-color:#4caf50;border-color:#4caf50;color:#fff}.step-item .step-title.completed,.step-item.completed .step-title{color:#4caf50}@media (max-width: 768px){.housing-type-tabs{flex-wrap:wrap;gap:10px}.housing-type-tab{min-width:100px;padding:10px}.housing-icon{width:40px;height:40px}.step-indicator{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.step-item{min-width:90px;margin-right:10px}.step-title{font-size:12px;max-width:90px}.step-number{width:36px;height:36px;font-size:14px}.step-indicator:before{top:18px}}@media (max-width: 480px){.residential-title{font-size:1.5rem}.residential-description{font-size:1rem}.housing-type-tab{min-width:80px;padding:8px}.housing-icon{width:30px;height:30px}.step-item{min-width:70px}.step-title{font-size:11px;max-width:70px}.step-number{width:32px;height:32px}.step-indicator:before{top:16px}}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-animation{margin-bottom:24px}.spinner{width:60px;height:60px;border:4px solid rgba(44,92,69,.2);border-top-color:var(--primary-color, #2c5c45);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis-loading h2{font-size:1.6rem;color:var(--primary-color, #2c5c45);margin-bottom:12px}.analysis-loading p{font-size:1.1rem;color:var(--text-secondary, #666);max-width:600px}@media (max-width: 768px){.residential-container{padding:20px 16px}.residential-title{font-size:1.8rem}.residential-description{font-size:1rem}.analysis-loading{padding:40px 16px}.spinner{width:50px;height:50px}.analysis-loading h2{font-size:1.4rem}.analysis-loading p{font-size:1rem}.step-indicator{display:none}}.analysis-report-page{padding:24px;max-width:1200px;margin:0 auto;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f7fa;min-height:calc(100vh - 60px)}.report-container{grid-template-columns:300px 1fr;gap:24px;align-items:start}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014}.loading-spinner{border:4px solid rgba(76,175,80,.1);border-radius:50%;border-top:4px solid #4caf50;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:24px}.task-info{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:20px;transition:box-shadow .3s ease}.task-info:hover{box-shadow:0 6px 16px #0000001f}.task-info h2{padding:18px 20px;margin:0;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:18px;color:#2c3e50;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:15px 20px}.info-item{margin-bottom:10px}.label{font-weight:600;color:#666;margin-right:5px;font-size:14px}.value{color:#333;font-size:14px}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photo-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/3}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-type{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));color:#fff;font-size:12px;text-align:center}.floor-notes{margin-top:16px;padding:12px 15px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #4caf50;font-size:14px;color:#555}.report-content{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.report-header{padding:16px 24px;background-color:#f8f9fa;border-bottom:1px solid #eee}.report-meta-info{display:flex;gap:24px;color:#666;font-size:14px}.report-completion-time,.report-platform{display:flex;align-items:center}.report-completion-time:before{content:"🕒";margin-right:6px}.report-platform:before{content:"🖥️";margin-right:6px}.report-details{padding:24px}.report-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eee}.report-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-title{font-size:20px;color:#2c3e50;margin-top:0;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;font-weight:600;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:50px;height:2px;background-color:#4caf50}.section-content{color:#444;line-height:1.7;font-size:15px}.formatted-content{white-space:pre-wrap;line-height:1.7;color:#333}.details-list{display:flex;flex-direction:column;gap:18px}.analysis-item{padding:18px;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #4caf50;box-shadow:0 2px 5px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.analysis-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.analysis-title{margin-top:0;margin-bottom:12px;color:#2c3e50;font-size:17px;font-weight:600;border-bottom:1px solid #eee;padding-bottom:8px}.analysis-content{color:#444;line-height:1.6}.suggestions-list{padding-left:22px;margin:0}.suggestion-item{margin-bottom:12px;padding-left:6px;line-height:1.6;position:relative}.suggestion-item:last-child{margin-bottom:0}.suggestion-item::marker{color:#4caf50}.summary-section{background-color:#f0f7f0;border-radius:8px;padding:18px;margin-bottom:24px;border-left:4px solid #4caf50}.conclusion-section{background-color:#f0f7f0;border-radius:8px;padding:18px;margin-top:24px;border-left:4px solid #3498db}.json-preview{background-color:#f5f5f5;padding:12px;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:13px;overflow-x:auto;white-space:pre-wrap;max-height:300px;overflow-y:auto;border:1px solid #eaeaea}.report-error,.report-pending{background-color:#fff;border-radius:8px;padding:30px;text-align:center;box-shadow:0 2px 4px #0000000d}.report-error h3,.report-pending h3{color:#e74c3c;margin-bottom:12px;font-size:20px}.report-pending h3{color:#3498db}.error-message{color:#e74c3c;padding:15px;background-color:#fdf3f2;border-radius:4px;margin:10px 0}button{background-color:#4caf50;border:none;border-radius:6px;cursor:pointer;margin-top:16px;font-size:15px;font-weight:500;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px 5px #4caf504d}button:hover{background-color:#45a049;transform:translateY(-1px)}button:active{transform:translateY(1px)}button:disabled{background-color:#a5d6a7;cursor:not-allowed;box-shadow:none}.image-loading,.image-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#666;font-size:14px;border-radius:8px}.image-error{color:#e74c3c;background-color:#fdf3f2}.warning-banner{background-color:#fff3cd;color:#856404;padding:12px 16px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center;border-left:4px solid #ffc107;box-shadow:0 2px 4px #0000000d}.warning-icon{margin-right:12px;font-style:normal;font-size:18px}.task-info-unavailable{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;border-left:4px solid #f39c12}.task-info-unavailable p{color:#666;margin-top:10px}@media (max-width: 1024px){.report-container{grid-template-columns:260px 1fr;gap:20px}}@media (max-width: 768px){.analysis-report-page{padding:16px}.report-container{grid-template-columns:1fr}.report-sidebar{position:static;margin-bottom:20px}.photos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.photos-grid{grid-template-columns:repeat(2,1fr)}.report-meta-info{flex-direction:column;gap:8px}.text-heading{font-size:16px}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#2c3e50;margin:0;display:flex;align-items:center;gap:12px}.report-level-badge{background-color:#4caf50;color:#fff;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500;display:inline-block}.report-sidebar{position:sticky;top:24px;background:white;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.report-sidebar::-webkit-scrollbar{width:6px}.report-sidebar::-webkit-scrollbar-track{background:#f5f5f5}.report-sidebar::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.report-main-content{min-width:0}.info-section{margin-bottom:24px;padding:18px;border-radius:8px;background-color:#fff;box-shadow:0 2px 6px #0000000f}.info-section h3{margin-top:0;margin-bottom:16px;font-size:17px;color:#2c3e50;border-bottom:1px solid #eaeaea;padding-bottom:10px;font-weight:600}.residents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.resident-item{padding:14px;border-radius:8px;background-color:#fff;box-shadow:0 2px 5px #0000000a;border-left:3px solid #3498db;transition:transform .2s ease,box-shadow .2s ease}.resident-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.resident-name{font-weight:600;font-size:16px;margin-bottom:6px;color:#2c3e50}.resident-details{color:#666;font-size:14px;line-height:1.5}.resident-details span{margin-right:8px}.plain-text-section{padding:0}.formatted-text{line-height:1.8}.text-heading{font-size:18px;font-weight:600;color:#2c3e50;margin:24px 0 16px;padding-left:12px;border-left:4px solid #4caf50}.text-heading:first-child{margin-top:0}.text-subheading{color:#34495e;font-size:15px;margin:16px 0 8px;padding-left:16px}.text-paragraph{margin:8px 0;padding-left:16px;color:#444}.text-spacer{height:12px}.plain-text-content{white-space:pre-wrap;line-height:1.8;color:#333;font-size:15px}.resident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.resident-badge{background-color:#e6f7ff;color:#1890ff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.resident-detail-item{margin-bottom:6px;display:flex}.resident-label{color:#666;font-size:13px;width:80px;flex-shrink:0}.resident-value{color:#333;font-size:13px;flex-grow:1}.resident-notes{margin-top:8px;padding:8px;background-color:#f9f9f9;border-radius:4px;display:flex}.upgrade-reports-section{margin-top:30px;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.upgrade-title{font-size:20px;color:#2c3e50;margin-top:0;margin-bottom:12px;font-weight:600}.upgrade-description{color:#666;margin-bottom:24px}.report-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.report-option-card{border:1px solid #e8e8e8;border-radius:8px;padding:16px;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.report-option-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a;border-color:#b7eb8f}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.option-title{font-size:16px;margin:0;color:#2c3e50;font-weight:600}.option-price{font-size:18px;font-weight:700;color:#f5222d}.option-description{color:#666;font-size:14px;margin-bottom:16px;flex-grow:0}.option-features{padding-left:20px;margin:0 0 20px;flex-grow:1}.feature-item{margin-bottom:8px;color:#444;font-size:13px;position:relative}.feature-item:before{content:"✓";color:#52c41a;position:absolute;left:-20px;font-weight:700}.purchase-button{background-color:#4caf50;color:#fff;border:none;padding:10px 0;border-radius:4px;cursor:pointer;font-weight:500;font-size:14px;width:100%;transition:background-color .3s}.purchase-button:hover{background-color:#45a049}@media (max-width: 768px){.report-options{grid-template-columns:1fr}}.report-pending{text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d}.report-pending h3{color:#333;font-size:22px;margin-bottom:15px}.report-pending p{color:#666;margin-bottom:25px}.loading-indicator{display:flex;justify-content:center;margin:20px 0}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-left-color:#3498db;animation:spin 1.5s linear infinite}.refresh-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.refresh-button:hover{background-color:#2980b9}.refresh-button:disabled{background-color:#95a5a6;cursor:not-allowed}.payment-success-banner{background-color:#d4edda;border-color:#c3e6cb;color:#155724;padding:15px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.payment-success-banner .success-icon{font-size:24px;margin-right:10px}.payment-success-banner .close-icon{cursor:pointer;font-size:18px;opacity:.7}.payment-success-banner .close-icon:hover{opacity:1}.report-pending.ai-type{border-left:5px solid #3498db}.report-pending.junior-type{border-left:5px solid #f39c12}.report-pending.middle-type{border-left:5px solid #9b59b6}.report-pending.senior-type{border-left:5px solid #e74c3c}.report-pending.free-type{border-left:5px solid #2ecc71}*{box-sizing:border-box}.analysis-report-page{min-height:100vh;background:#ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1e293b;line-height:1.6;display:flex;flex-direction:column;position:relative}.page-header{background:#ffffff;border-bottom:1px solid #e2e8f0;padding:2.5rem;margin-bottom:0;box-shadow:0 2px 4px #0000000d;position:relative;z-index:10}.page-header .container{max-width:1600px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:2rem}.page-header-content{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;position:relative}.back-button{position:absolute;top:20%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;z-index:10}.back-button:hover{background:#e2e8f0;color:#334155;border-color:#cbd5e1}.back-button svg{width:16px;height:16px}@media (max-width: 1024px){.back-button{left:10px;top:20px;transform:none}}@media (max-width: 768px){.back-button{position:static;margin-bottom:1rem;align-self:flex-start}.page-header-content{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 768px){.page-header-content{flex-direction:column;align-items:flex-start;text-align:left}.back-button{align-self:flex-start}}.page-title{font-size:3rem;font-weight:900;color:#0f172a;margin:0;display:flex;align-items:center;justify-content:center;gap:1.5rem;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#0f172a 0%,#3b82f6 50%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;box-shadow:0 2px 8px #3b82f666}.success-icon{color:#10b981;font-size:2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.report-level-badge{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 8px 32px #3b82f666;border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.report-level-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.warning-banner{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;border-radius:16px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 16px #f59e0b33}.warning-icon{font-size:1.5rem}.warning-banner p{margin:0;color:#92400e;font-weight:600;font-size:1.1rem}.payment-success-banner{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:2rem;border-radius:20px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 12px 40px #10b98166;border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.payment-success-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:sweep 3s infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.success-content{display:flex;align-items:flex-start;gap:1.5rem;flex:1;z-index:1;position:relative}.payment-success-banner .success-icon{font-size:2rem;flex-shrink:0;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.success-text{display:flex;flex-direction:column;gap:.5rem}.success-text strong{font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.02em}.success-text p{margin:0;font-size:1rem;line-height:1.5;opacity:.95}.success-text small{font-size:.875rem;opacity:.85;font-style:italic}.close-icon{cursor:pointer;font-size:1.75rem;opacity:.8;transition:all .3s ease;border-radius:50%;padding:.5rem;z-index:2;position:relative;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-icon:hover{opacity:1;background:rgba(255,255,255,.2);transform:scale(1.1)}.report-container{max-width:1200px;width:100%;margin:0 auto;padding:2rem;display:flex;justify-content:center;align-items:stretch;min-height:calc(100vh - 200px);flex:1;position:relative;z-index:5}.task-info{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;margin-bottom:3rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fffc;border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.task-info:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 50%,#06b6d4 100%)}.task-info h2{font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 2rem;padding-bottom:1rem;border-bottom:3px solid #e2e8f0;position:relative}.task-info h2:after{content:"";position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6}.info-item .label{font-size:.875rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.1em}.info-item .value{font-weight:600;color:#1e293b;font-size:1.125rem}.info-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.info-section.full-width{grid-column:1 / -1}.info-section h3{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0 0 2rem;position:relative;display:inline-block}.info-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.photo-item{text-align:center;background:white;border-radius:16px;padding:1rem;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;border:1px solid #e2e8f0}.photo-item:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.report-image{width:100%;height:120px;object-fit:cover;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.photo-item:hover .report-image{border-color:#3b82f6;transform:scale(1.02)}.photo-type{font-size:.875rem;color:#64748b;margin-top:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.report-main-content{background:#ffffff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;margin:0;border:1px solid #e5e7eb;width:100%;max-width:1000px;position:relative}.report-summary-card{background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:1px solid #e5e7eb;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.summary-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.summary-icon{font-size:2.5rem;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:center;min-width:64px;height:64px;box-shadow:0 4px 12px #3b82f633}.summary-info{flex:1}.summary-info h2{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0 0 .25rem;letter-spacing:-.025em}.summary-info p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.analysis-level-badge{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #3b82f64d;white-space:nowrap}.summary-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.detail-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}html[lang=zh] .detail-label,html[lang=zh-CN] .detail-label,html[lang=zh-TW] .detail-label,html[lang=zh] .status-indicator,html[lang=zh-CN] .status-indicator,html[lang=zh-TW] .status-indicator,html[lang=zh] .analysis-level-badge,html[lang=zh-CN] .analysis-level-badge,html[lang=zh-TW] .analysis-level-badge,html[lang=zh] .info-item .label,html[lang=zh-CN] .info-item .label,html[lang=zh-TW] .info-item .label,html[lang=zh] .status-badge,html[lang=zh-CN] .status-badge,html[lang=zh-TW] .status-badge{text-transform:none}.detail-value{font-size:.875rem;font-weight:700;color:#1e293b}.status-indicator{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;box-shadow:0 2px 8px #10b98133}.report-content{padding:3rem 3rem 2rem;background:#ffffff;position:relative}.report-header{margin-bottom:4rem;padding-bottom:3rem;border-bottom:3px solid #f1f5f9;text-align:center;position:relative}.report-header:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.report-meta-info{display:flex;justify-content:center;gap:3rem;font-size:1rem;color:#64748b;margin-top:2rem;flex-wrap:wrap}.report-completion-time,.report-platform{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;font-weight:600;border:1px solid #e2e8f0;transition:all .3s ease}.report-completion-time:hover,.report-platform:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6}.report-completion-time:before{content:"📅";font-size:1.25rem}.report-platform:before{content:"⚡";font-size:1.25rem}.report-section{margin-bottom:0;padding:4rem;background:linear-gradient(135deg,#fafbfc 0%,#f1f5f9 100%);border-radius:24px;border:2px solid rgba(59,130,246,.1);position:relative;overflow:hidden;box-shadow:0 16px 32px #0000001a,inset 0 1px #fffc}.report-section:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}.section-title{font-size:2.5rem;font-weight:900;color:#1e293b;margin:0 0 2.5rem;position:relative;display:flex;align-items:center;gap:1.5rem;letter-spacing:-.03em;line-height:1.2}.section-title:before{content:"";width:16px;height:16px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:50%;flex-shrink:0;box-shadow:0 4px 16px #3b82f666}.section-content{color:#374151;line-height:1.8;font-size:1.25rem;position:relative;z-index:1}.formatted-text{max-height:800px;overflow-y:auto;padding-right:1.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.formatted-text::-webkit-scrollbar{width:8px}.formatted-text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.formatted-text::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px;border:1px solid #e2e8f0}.formatted-text::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.formatted-text h3.text-heading{font-size:1.375rem;font-weight:800;color:#1e293b;margin:2rem 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0;position:relative}.formatted-text h3.text-heading:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px}.text-subheading{font-weight:700;color:#4b5563;margin:1.5rem 0 1rem;padding-left:1.5rem;border-left:4px solid #e2e8f0;position:relative}.text-subheading:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.text-paragraph{margin:1rem 0;line-height:1.8;font-size:1.125rem}.text-spacer{height:1.5rem}.plain-text-content{white-space:pre-wrap;font-family:inherit;margin:0;background:linear-gradient(135deg,#fafbfc 0%,#ffffff 100%);padding:3rem;border-radius:16px;border-left:6px solid #3b82f6;line-height:1.8;font-size:1.125rem;color:#374151;max-height:800px;overflow-y:auto;box-shadow:0 8px 25px #0000001a,inset 0 1px #fffc;border:1px solid #e2e8f0}.report-pending{text-align:center;padding:3rem 2.5rem;background:linear-gradient(135deg,#fafbfc 0%,#f8fafc 100%);border-radius:20px;border:1px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000d}.report-pending:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.report-pending h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 1rem;position:relative;z-index:1}.report-pending p{color:#64748b;font-size:1rem;margin:0 0 1.5rem;line-height:1.5;position:relative;z-index:1;max-width:500px;margin-left:auto;margin-right:auto}.loading-indicator{margin:1.5rem 0;position:relative;z-index:1}.loading-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top:3px solid #64748b;border-radius:50%;animation:spin 1.2s linear infinite;margin:0 auto;box-shadow:0 2px 8px #64748b33}.refresh-button{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;letter-spacing:.01em;position:relative;z-index:1;margin-top:1.5rem;display:inline-flex;align-items:center;gap:.375rem;min-width:140px;justify-content:center}.refresh-button:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.refresh-button span{transition:transform .2s ease;font-size:1rem}.refresh-button:hover span{transform:rotate(90deg)}.refresh-button:disabled span{animation:none;transform:none}.refresh-button:disabled:has(span:contains("⏳")) span{animation:spin 1.5s linear infinite}.refresh-button:disabled{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#64748b;border-color:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none;opacity:.8;position:relative;overflow:hidden}.refresh-button:disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,116,139,.1),transparent);animation:loading-shimmer 2s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.refresh-button:disabled:has(span:contains("⏰")){background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border-color:#f59e0b;opacity:.9}.refresh-button:disabled:has(span:contains("⏰")) span{animation:cooldown-pulse 1.5s infinite}@keyframes cooldown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.progress-info{margin:2rem 0 1rem;padding:1.5rem;background:rgba(255,255,255,.6);border-radius:12px;border:1px solid #f1f5f9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress-steps{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:2rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:24px;border:2px dashed #cbd5e1}.loading-state p{color:#64748b;font-size:1.375rem;font-weight:600}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:2rem;text-align:center;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-radius:24px;border:2px solid #fca5a5;padding:3rem}.error-state h2{color:#dc2626;margin:0;font-size:2rem;font-weight:800}.error-state p{color:#7f1d1d;margin:0;max-width:600px;font-size:1.25rem;line-height:1.6}.error-state button{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;margin:.5rem;transition:all .3s ease;font-size:1.125rem;text-transform:uppercase;letter-spacing:.05em}.error-state button:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}.error-state button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.image-error,.image-loading{display:flex;align-items:center;justify-content:center;height:120px;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:.875rem;text-align:center;font-weight:600}@media (max-width: 1024px){.report-container{max-width:100%;padding:4rem 1.5rem}.report-main-content{max-width:100%}.report-options,.info-grid{grid-template-columns:1fr}.report-options-compact{grid-template-columns:repeat(2,1fr);gap:1rem}.report-option-card-compact{min-height:320px}.feature-item-compact{font-size:.75rem}}@media (max-width: 768px){.page-header{padding:3rem 0}.page-header .container{padding:0 1rem;gap:1.5rem}.page-title{font-size:2.5rem}.report-container{padding:2rem 1rem}.report-summary-card{padding:1.5rem}.summary-header{flex-direction:column;align-items:flex-start;gap:1rem}.summary-details{grid-template-columns:1fr}.report-content{padding:3rem 2rem}.report-section{padding:2.5rem 2rem}.section-title{font-size:2rem}.section-content{font-size:1.125rem}.upgrade-reports-section{margin-top:3rem;padding:3rem 2rem}.upgrade-title{font-size:2rem}.upgrade-description{font-size:1.125rem}.report-option-card{padding:2rem 1.5rem}.task-info{padding:2rem}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){.page-header{padding:2rem 0}.page-title{font-size:2rem;letter-spacing:-.02em}.report-container,.report-summary-card{padding:1rem}.summary-icon{min-width:48px;height:48px;font-size:1.5rem}.analysis-level-badge{padding:.5rem 1rem;font-size:.75rem}.report-content,.report-section{padding:2rem 1.5rem}.section-title{font-size:1.75rem;gap:1rem}.section-content{font-size:1rem}.upgrade-reports-section{margin-top:2rem;padding:2rem 1.5rem}.upgrade-title{font-size:1.75rem}.upgrade-description{font-size:1rem}.report-option-card{padding:1.5rem}.option-title{font-size:1.375rem}.option-price{font-size:2rem}.report-main-content{border-radius:20px}.task-info{padding:1.5rem}.photos-grid{grid-template-columns:1fr 1fr}.feature-item{font-size:1rem;padding-left:2.5rem}}.report-section-main{background:#ffffff;border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.report-content-display{padding:2.5rem;background:#ffffff;font-size:1.125rem;line-height:1.8;color:#374151;border-radius:16px;max-height:none;overflow:visible}.report-content-display .formatted-text{max-height:none;overflow:visible;padding-right:0}.report-content-display .plain-text-content{max-height:none;overflow:visible;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:12px;padding:2rem;margin:0;font-size:1.125rem;line-height:1.8}.upgrade-reports-section{margin-top:3rem;padding:2rem;background:#f8fafc;border-radius:16px;border:1px solid #e5e7eb}.upgrade-header{text-align:center;margin-bottom:2rem}.upgrade-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0 0 .5rem}.upgrade-description{color:#6b7280;font-size:1rem;margin:0;line-height:1.5}.report-options-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.report-option-card-compact{background:#ffffff;border:2px solid #e5e7eb;border-radius:10px;padding:1rem;transition:all .3s ease;position:relative;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;min-height:400px}.report-option-card-compact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6}.report-option-card-compact.popular{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.popular-badge-compact{position:absolute;top:-8px;right:1rem;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.option-content-compact{display:flex;flex-direction:column;gap:.75rem;flex:1}.option-header-compact{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.25rem}.option-icon-compact{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.option-info-compact{flex:1}.option-title-compact{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem;line-height:1.3}.option-pricing-compact{display:flex;flex-direction:column;gap:.25rem}.price-comparison-compact{display:flex;align-items:center;gap:8px;margin-bottom:2px}.original-price-compact{font-size:14px;color:#9ca3af;text-decoration:line-through;line-height:1}.savings-badge-compact{font-size:10px;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:6px;font-weight:600}.current-price-compact{font-size:1.25rem;font-weight:800;color:#3b82f6;line-height:1;letter-spacing:-.025em}.discount-text-compact{font-size:11px;color:#059669;font-weight:500}.option-description-compact{font-size:.8rem;color:#6b7280;line-height:1.3;margin:0}.option-features-compact{display:flex;flex-direction:column;gap:.25rem;flex:1;margin-bottom:.75rem}.features-title-compact{font-size:.75rem;font-weight:600;color:#374151;margin:0 0 .25rem}.feature-item-compact{display:flex;align-items:flex-start;gap:.25rem;font-size:.7rem;color:#6b7280;line-height:1.2}.check-icon-compact{width:12px;height:12px;color:#059669;flex-shrink:0;margin-top:1px}.purchase-button-compact{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;width:100%;margin-top:auto}.purchase-button-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)}.task-info-unavailable{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:24px;padding:3rem;text-align:center;box-shadow:0 8px 32px #f59e0b33;margin-bottom:3rem}.task-info-unavailable h2{color:#92400e;margin:0 0 1.5rem;font-size:1.75rem;font-weight:800}.task-info-unavailable p{color:#b45309;margin:0;font-size:1.125rem;line-height:1.6}.status-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff!important;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.info-item.featured{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #93c5fd;transform:scale(1.02)}.info-item.full-width{grid-column:1 / -1}.orientation{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.photo-item.floor-plan{border:2px solid #3b82f6;background:linear-gradient(135deg,#dbeafe 0%,#ffffff 100%)}.report-level-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.level-badge{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.completion-status{color:#10b981;font-weight:600;font-size:.875rem}.step{padding:.5rem .875rem;border-radius:16px;font-size:.8rem;font-weight:500;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;transition:all .3s ease}.step.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-color:#10b981}.step.current{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border-color:#f59e0b;animation:pulse 1.5s infinite}.report-option-card.popular{position:relative;border-color:#f59e0b;box-shadow:0 16px 40px #f59e0b33;transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px #f59e0b66}.option-title-section{display:flex;align-items:center;gap:1rem}.option-icon{font-size:2rem;flex-shrink:0}.option-subtitle{color:#6b7280;font-size:.875rem;margin:0;font-weight:500}.purchase-button{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.button-text{position:relative;z-index:1}.button-arrow{position:relative;z-index:1;transition:transform .3s ease}.purchase-button:hover .button-arrow{transform:translate(4px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.report-main-content{animation:fadeInScale .6s ease-out}.task-info{animation:slideInUp .5s ease-out}.upgrade-reports-section{animation:slideInUp .7s ease-out}.report-option-card-compact{animation:slideInUp .6s ease-out;animation-fill-mode:both}.report-option-card-compact:nth-child(1){animation-delay:.1s}.report-option-card-compact:nth-child(2){animation-delay:.2s}.report-option-card-compact:nth-child(3){animation-delay:.3s}.report-option-card-compact:nth-child(4){animation-delay:.4s}@media (max-width: 768px){.progress-steps{flex-direction:column;align-items:center}.step{text-align:center;min-width:200px}.refresh-button{font-size:.8rem;padding:.625rem 1.25rem;min-width:160px}.report-options-compact{grid-template-columns:1fr;gap:.75rem}.report-option-card-compact{min-height:auto;padding:1rem}.option-title-compact{font-size:1rem}.current-price-compact{font-size:1.25rem}.option-title-section{flex-direction:column;text-align:center;gap:.5rem}.option-icon{font-size:1.5rem}.upgrade-guarantee{flex-direction:column;text-align:center}.report-option-card.popular{transform:none}.payment-success-banner{padding:1.5rem;border-radius:16px;flex-direction:column;align-items:stretch;gap:1rem}.success-content{gap:1rem}.success-text strong{font-size:1.125rem}.success-text p{font-size:.9rem}.success-text small{font-size:.8rem}.close-icon{align-self:flex-end;position:absolute;top:1rem;right:1rem}}@media (max-width: 480px){.progress-steps{gap:.5rem}.step{padding:.5rem .75rem;font-size:.75rem;min-width:auto}.popular-badge{font-size:.625rem;padding:.375rem 1rem}.guarantee-icon{font-size:1.5rem}.guarantee-text strong{font-size:1rem}.payment-success-banner{padding:1.25rem;margin-bottom:1.5rem}.success-content{flex-direction:column;text-align:center;gap:.75rem}.payment-success-banner .success-icon{font-size:1.5rem;align-self:center}.success-text strong{font-size:1rem}.success-text p{font-size:.85rem}.success-text small{font-size:.75rem}.close-icon{width:32px;height:32px;font-size:1.25rem;top:.75rem;right:.75rem}.refresh-button{font-size:.75rem;padding:.5rem 1rem;min-width:140px;text-align:center}.upgrade-reports-section{padding:1.5rem;margin-top:2rem}.upgrade-title{font-size:1.25rem}.report-option-card-compact{padding:.75rem}.option-header-compact{flex-direction:column;align-items:flex-start;gap:.5rem}.option-icon-compact{font-size:1.125rem;margin-top:0}.option-title-compact{font-size:.8rem}.current-price-compact{font-size:1rem}.feature-item-compact{font-size:.75rem}.purchase-button-compact{font-size:.75rem;padding:.5rem 1rem}}.payment-status-page{display:flex;min-height:100vh;background-color:#f5f7fa;align-items:center;justify-content:center;padding:20px}.payment-status-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;width:100%;max-width:500px;padding:40px;text-align:center}.icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff}.success-icon{background-color:#34a853}.error-icon{background-color:#ea4335}.question-mark{background-color:#f5a623}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}h1{margin:0 0 16px;font-size:24px;font-weight:600;color:#333}p{margin:0 0 24px;color:#666;font-size:16px;line-height:1.5}.order-info{background-color:#f5f7fa;border-radius:8px;padding:16px;margin-bottom:24px;text-align:left}.order-info div{margin-bottom:8px;color:#666;display:flex;justify-content:space-between;align-items:center}.order-info span{color:#333;font-weight:500;word-break:break-all}.return-btn{padding:12px 28px;background-color:#4285f4;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.return-btn:hover{background-color:#3b78e7}.loading,.error,.payment-success,.payment-failed,.payment-processing,.payment-unknown{display:flex;flex-direction:column;align-items:center}@media (max-width: 480px){.payment-status-container{padding:20px}.icon{width:60px;height:60px;font-size:30px;margin-bottom:16px}h1{font-size:20px}.return-btn{width:100%}}.report-page-container{width:100%;max-width:1200px;margin:0 auto;padding:30px 20px;display:flex;flex-direction:column;align-items:center}.report-page-header{text-align:center;margin-bottom:40px;width:100%;max-width:800px}.report-page-title{font-size:32px;font-weight:700;color:#333;margin-bottom:12px;text-align:center}.report-page-subtitle{font-size:18px;color:#666;max-width:700px;margin:0 auto;line-height:1.6;text-align:center}.report-content-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:30px;width:100%;max-width:800px;margin:0 auto}.report-success-message{background-color:#e8f5e9;border-radius:8px;padding:20px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;border-left:4px solid #4caf50}.report-success-message-content{display:flex;align-items:center}.success-icon{width:40px;height:40px;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px}.success-text{flex:1}.success-text h4{margin:0 0 5px;font-size:18px;color:#2e7d32}.success-text p{margin:0;color:#3e3e3e}.go-to-report-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-weight:600;cursor:pointer;transition:all .3s ease}.go-to-report-btn:hover{background-color:#43a047;box-shadow:0 3px 8px #0000001f}.report-actions-bar{display:flex;justify-content:space-between;margin-top:30px}.report-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-btn{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.back-btn:hover{background-color:#e0e0e0}.download-btn{background-color:#2196f3;color:#fff;border:none}.download-btn:hover{background-color:#1e88e5}.share-btn{background-color:#ff9800;color:#fff;border:none}.share-btn:hover{background-color:#f57c00}.report-title,.report-desc{text-align:center!important;margin-left:auto;margin-right:auto}.report-desc{max-width:600px}.text-center{text-align:center!important}.features-title{text-align:center!important;margin-bottom:20px;padding-left:0!important}@media (max-width: 768px){.report-page-container{padding:20px 15px}.report-page-title{font-size:28px}.report-content-container{padding:20px 15px}.report-success-message{flex-direction:column;align-items:flex-start}.report-success-message-content{margin-bottom:15px}.report-actions-bar{flex-direction:column;gap:15px}.report-action-btn{width:100%;justify-content:center}}.data-detail-container{max-width:900px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.data-detail-header{display:flex;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.back-button{display:flex;align-items:center;gap:8px;background:#667eea;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s;margin-right:20px}.back-button:hover{background:#5a67d8}.back-button svg{width:20px;height:20px}.header-info{flex:1}.preview-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-subtitle{font-size:1rem;color:#6c757d;margin:0;line-height:1.6}.data-detail-content,.preview-content{display:flex;flex-direction:column;gap:20px}.preview-section{background:#fff;border-radius:8px;padding:20px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.section-header h3{font-size:1.2rem;font-weight:600;color:#495057;margin:0}.section-content{margin-top:15px}.section-content.compact{margin-top:0}.info-grid{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f8f9fa}.info-row:last-child{border-bottom:none}.info-row-split{display:flex;gap:20px;padding:8px 0;border-bottom:1px solid #f8f9fa}.info-row-split:last-child{border-bottom:none}.info-item-half{flex:1;display:flex;align-items:center}.info-label{font-weight:500;color:#495057;min-width:120px;margin-right:10px}.info-item-half .info-label{min-width:80px}.info-value{color:#6c757d;flex:1}.floorplans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:15px}.floorplan-item{background:#f8f9fa;border-radius:8px;padding:15px;border:1px solid #e9ecef}.floorplan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.floor-name{font-size:1rem;font-weight:600;color:#495057;margin:0}.floor-direction{font-size:.85rem;color:#6c757d;background:#e9ecef;padding:2px 8px;border-radius:4px}.floorplan-preview-wrapper{position:relative}.floor-preview-canvas{width:100%;height:200px;border-radius:6px;border:1px solid #dee2e6;background:#fff}.no-image-placeholder{display:flex;align-items:center;justify-content:center;height:200px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;color:#6c757d;font-size:.9rem}.floor-annotations{margin-top:10px;padding:10px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.floor-annotations h5{font-size:.9rem;font-weight:600;color:#495057;margin:0 0 8px}.annotations-list{display:flex;flex-wrap:wrap;gap:8px}.annotation-item{display:flex;align-items:center;gap:4px;background:#e9ecef;padding:4px 8px;border-radius:4px;font-size:.8rem}.annotation-label{font-weight:500}.annotation-coords{color:#6c757d;font-size:.75rem}.photos-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:15px}.photo-item-compact{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e9ecef;transition:transform .2s,box-shadow .2s}.photo-item-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.photo-image-wrapper-compact{position:relative;width:100%;height:100%}.photo-image-compact{width:100%;height:100%;object-fit:cover}.photo-label-badge-compact{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;font-size:.7rem;padding:4px 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-preview{margin-top:15px}.subsection-title{font-size:1rem;font-weight:600;color:#495057;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.people-list-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.person-preview-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .2s}.person-preview-card:hover{box-shadow:0 2px 8px #0000001a}.person-preview-card.main-person{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210)}.person-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.person-name{font-weight:600;color:#495057;font-size:1rem}.main-badge{background:#667eea;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:500}.role-badge{background:#28a745;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:500}.person-preview-details{display:flex;flex-direction:column;gap:6px}.person-detail-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.detail-label{font-weight:500;color:#495057;min-width:60px}.detail-value{color:#6c757d;flex:1}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-icon{font-size:3rem;margin-bottom:20px}.error-container h3{color:#495057;margin-bottom:10px}.error-container p{color:#6c757d;margin-bottom:20px}@media (max-width: 768px){.data-detail-container{padding:15px}.data-detail-header{flex-direction:column;align-items:flex-start;gap:15px}.back-button{margin-right:0;align-self:flex-start}.preview-title{font-size:1.5rem}.info-row-split{flex-direction:column;gap:8px}.info-item-half{flex-direction:column;align-items:flex-start}.info-item-half .info-label{min-width:auto;margin-bottom:4px}.photos-grid-compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.floorplans-grid,.people-list-preview{grid-template-columns:1fr}.person-preview-header{flex-direction:column;align-items:flex-start;gap:6px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 480px){.data-detail-container{padding:10px}.preview-section{padding:15px}.preview-title{font-size:1.3rem}.photos-grid-compact{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.floor-preview-canvas{height:150px}}.shop-data-view-container{max-width:900px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:80vh}.data-view-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.data-view-header .back-button{display:flex;align-items:center;gap:8px;background:#667eea;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s;flex-shrink:0}.data-view-header .back-button:hover{background:#5a67d8}.data-view-header .back-button svg{width:20px;height:20px}.data-view-header .header-info{flex:1}.data-view-header .preview-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.data-view-header .preview-subtitle{font-size:1rem;color:#6c757d;margin:0;line-height:1.6}.shop-data-view-container .preview-content{display:flex;flex-direction:column;gap:20px}.shop-data-view-container .preview-section{background:#fff;border-radius:8px;padding:20px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.shop-data-view-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.shop-data-view-container .section-header h3{font-size:1.2rem;font-weight:600;color:#495057;margin:0}.shop-data-view-container .section-content{margin-top:15px}.shop-data-view-container .section-content.compact{margin-top:0}.shop-data-view-container .info-grid{display:flex;flex-direction:column;gap:12px}.shop-data-view-container .info-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f8f9fa}.shop-data-view-container .info-row:last-child{border-bottom:none}.shop-data-view-container .info-row-split{display:flex;gap:20px;padding:8px 0;border-bottom:1px solid #f8f9fa}.shop-data-view-container .info-row-split:last-child{border-bottom:none}.shop-data-view-container .info-item-half{flex:1;display:flex;align-items:center}.shop-data-view-container .info-label{font-weight:500;color:#495057;min-width:120px;margin-right:10px}.shop-data-view-container .info-item-half .info-label{min-width:80px}.shop-data-view-container .info-value{color:#6c757d;flex:1}.shop-data-view-container .floorplans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:15px}.shop-data-view-container .floorplan-item{background:#f8f9fa;border-radius:8px;padding:15px;border:1px solid #e9ecef;display:flex;flex-direction:column;gap:12px}.shop-data-view-container .floor-info-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #dee2e6;margin-bottom:8px}.shop-data-view-container .floor-info-header .floor-name{font-size:1.1rem;font-weight:600;color:#495057;margin:0}.shop-data-view-container .floor-info-header .floor-direction{font-size:.85rem;color:#6c757d;background:#e9ecef;padding:4px 8px;border-radius:4px;border:1px solid #dee2e6}.shop-data-view-container .floorplan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.shop-data-view-container .floor-name{font-size:1rem;font-weight:600;color:#495057;margin:0}.shop-data-view-container .floor-direction{font-size:.85rem;color:#6c757d;background:#e9ecef;padding:2px 8px;border-radius:4px}.shop-data-view-container .floorplan-preview-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex:1;min-height:200px;background:#fff;border-radius:6px;border:1px solid #dee2e6;overflow:hidden}.shop-data-view-container .floor-preview-canvas{width:100%;height:300px;border-radius:6px;border:1px solid #dee2e6;background:#fff;object-fit:contain}.shop-data-view-container .floor-preview-image{width:100%;max-height:400px;object-fit:contain;border-radius:6px;border:1px solid #dee2e6;background:#fff;display:block}.shop-data-view-container .no-image-placeholder{display:flex;align-items:center;justify-content:center;height:200px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;color:#6c757d;font-size:.9rem}.shop-data-view-container .floor-annotations{margin-top:10px;padding:10px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.shop-data-view-container .floor-annotations h5{font-size:.9rem;font-weight:600;color:#495057;margin:0 0 8px}.shop-data-view-container .annotations-list{display:flex;flex-wrap:wrap;gap:8px}.shop-data-view-container .annotation-item{display:flex;align-items:center;gap:4px;background:#e9ecef;padding:4px 8px;border-radius:4px;font-size:.8rem}.shop-data-view-container .annotation-label{font-weight:500;color:#495057}.shop-data-view-container .annotation-coords{color:#6c757d;font-size:.75rem}.shop-data-view-container .photos-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.shop-data-view-container .photo-item-compact{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e9ecef;transition:transform .2s,box-shadow .2s}.shop-data-view-container .photo-item-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.shop-data-view-container .photo-image-wrapper-compact{position:relative;width:100%;height:100%}.shop-data-view-container .photo-image-compact{width:100%;height:100%;object-fit:cover}.shop-data-view-container .photo-label-badge-compact{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;font-size:.7rem;padding:4px 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-data-view-container .people-preview{margin-top:15px}.shop-data-view-container .subsection-title{font-size:1rem;font-weight:600;color:#495057;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.shop-data-view-container .people-list-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.shop-data-view-container .person-preview-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .2s}.shop-data-view-container .person-preview-card:hover{box-shadow:0 2px 8px #0000001a}.shop-data-view-container .person-preview-card.main-person{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210)}.shop-data-view-container .person-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.shop-data-view-container .person-name{font-weight:600;color:#495057;font-size:1rem}.shop-data-view-container .main-badge{background:#667eea;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:500}.shop-data-view-container .role-badge{background:#28a745;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:500}.shop-data-view-container .person-preview-details{display:flex;flex-direction:column;gap:6px}.shop-data-view-container .person-detail-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.shop-data-view-container .detail-label{font-weight:500;color:#495057;min-width:60px}.shop-data-view-container .detail-value{color:#6c757d;flex:1}.shop-data-view-container .analysis-goals-preview{margin-top:20px}.shop-data-view-container .info-row.full-width{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0}.shop-data-view-container .info-row.full-width .info-label{min-width:auto;margin-right:0;margin-bottom:4px}.shop-data-view-container .info-row.full-width .info-value.goal-text{width:100%;padding:8px 12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;line-height:1.5}.shop-data-view-container .no-data-message{text-align:center;color:#6c757d;font-style:italic;padding:20px;background:#f8f9fa;border-radius:6px;border:1px dashed #dee2e6}@media (max-width: 768px){.shop-data-view-container{padding:15px}.data-view-header{flex-direction:column;align-items:flex-start;gap:15px}.data-view-header .back-button{margin-right:0;align-self:flex-start}.data-view-header .preview-title{font-size:1.5rem}.shop-data-view-container .info-row-split{flex-direction:column;gap:8px}.shop-data-view-container .info-item-half{flex-direction:column;align-items:flex-start}.shop-data-view-container .info-item-half .info-label{min-width:auto;margin-bottom:4px}.shop-data-view-container .photos-grid-compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.shop-data-view-container .floorplans-grid,.shop-data-view-container .people-list-preview{grid-template-columns:1fr}.shop-data-view-container .person-preview-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.shop-data-view-container{padding:10px}.shop-data-view-container .preview-section{padding:15px}.data-view-header .preview-title{font-size:1.3rem}.shop-data-view-container .photos-grid-compact{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.shop-data-view-container .floor-preview-canvas{height:150px}}.image-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;font-size:.9rem}.image-loading-placeholder .loading-spinner{width:20px;height:20px;border:2px solid #e9ecef;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.image-loading-placeholder .loading-text{font-size:.9rem;color:#6c757d;text-align:center;margin-top:8px}.bazi-chart-preview{margin-top:15px}.bazi-chart-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:20px;color:#fff;box-shadow:0 4px 15px #667eea4d}.bazi-chart-header{text-align:center;margin-bottom:20px}.bazi-chart-header h4{margin:0 0 10px;font-size:1.5rem;font-weight:700;color:#fff}.bazi-info{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:10px}.bazi-info span{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.bazi-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.bazi-pillar{background:rgba(255,255,255,.1);border-radius:8px;padding:15px;text-align:center;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pillar-header{font-size:.9rem;font-weight:600;margin-bottom:10px;color:#ffffffe6}.pillar-content{display:flex;flex-direction:column;gap:8px}.heavenly-stem,.earthly-branch{background:rgba(255,255,255,.9);color:#4a5568;padding:8px;border-radius:6px;font-weight:600;font-size:1.1rem;min-height:20px;display:flex;align-items:center;justify-content:center}.bazi-note{text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.bazi-note p{margin:0;font-size:.9rem;color:#fffc;font-style:italic}@media (max-width: 768px){.bazi-info{gap:10px}.bazi-info span{font-size:.8rem;padding:3px 8px}.bazi-pillars{grid-template-columns:repeat(2,1fr);gap:10px}.bazi-pillar{padding:12px}.heavenly-stem,.earthly-branch{font-size:1rem;padding:6px}}@media (max-width: 480px){.bazi-chart-container{padding:15px}.bazi-chart-header h4{font-size:1.3rem}.bazi-info{flex-direction:column;align-items:center;gap:8px}.bazi-pillars{grid-template-columns:1fr;gap:8px}}.pricing-page-main{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1a202c;padding:0;overflow-x:hidden}.pricing-hero{text-align:center;padding:4rem 2rem 3rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);color:#fff;position:relative;overflow:hidden}.pricing-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 80%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.pricing-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.pricing-hero-badge{display:inline-block;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.5rem;border-radius:50px;font-weight:600;font-size:.95rem;border:1px solid rgba(255,255,255,.3);margin-bottom:1.5rem;box-shadow:0 8px 32px #0000001a}.pricing-hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.1;background:linear-gradient(135deg,#ffffff 0%,#f0f8ff 50%,#e6f3ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.pricing-hero-subtitle{font-size:1.15rem;margin-bottom:2rem;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.5;color:#fff!important;margin:0 auto 2rem!important}.pricing-hero-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:1.5rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stat-number{font-size:2rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-label{font-size:.85rem;opacity:.9;font-weight:500}.pricing-tabs-section{background:linear-gradient(to bottom,#ffffff 0%,#f8fafc 100%);padding:2rem 2rem 1.5rem;border-top:1px solid #e2e8f0}.pricing-tabs-wrapper{max-width:600px;margin:0 auto;display:flex;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;padding:4px;gap:4px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.8)}.pricing-tab-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;overflow:hidden}.tab-icon{font-size:1.2rem;transition:transform .3s ease}.tab-label{font-weight:600}.pricing-tab-btn:hover{color:#4c51bf;background:rgba(79,70,229,.05);transform:translateY(-2px)}.pricing-tab-btn:hover .tab-icon{transform:scale(1.2)}.pricing-tab-btn.active{background:linear-gradient(135deg,#4c51bf 0%,#667eea 100%);color:#fff;box-shadow:0 8px 25px #4f46e54d;transform:translateY(-2px)}.pricing-tab-btn.active .tab-icon{transform:scale(1.1)}.pricing-cards-section{background:linear-gradient(to bottom,#f8fafc 0%,#ffffff 100%);padding:2rem 1rem 3rem}.pricing-cards-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.pricing-card{background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem 1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:450px}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e2e8f0 0%,#cbd5e1 100%);transition:all .3s ease}.pricing-card.free:before{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.pricing-card.ai:before{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.pricing-card.junior:before{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.pricing-card.middle:before{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.pricing-card.senior:before{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 100%)}.pricing-card:hover{border-color:#4c51bf;transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px #4f46e526}.pricing-card.popular{border-color:#4c51bf;box-shadow:0 10px 25px #4f46e526;transform:scale(1.03);background:linear-gradient(135deg,#ffffff 0%,#f0f7ff 100%)}.pricing-card.popular:hover{transform:scale(1.03) translateY(-4px);box-shadow:0 20px 40px #4f46e533}.pricing-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.7rem;font-weight:700;box-shadow:0 4px 12px #ff6b6b66}.pricing-card-header{text-align:center;margin-bottom:1rem}.pricing-plan-name{font-size:1.1rem;font-weight:800;color:#1a202c;margin-bottom:.5rem;line-height:1.2}.pricing-plan-badge-wrapper{margin-bottom:.75rem}.pricing-plan-badge{display:inline-block;padding:.25rem .75rem;border-radius:15px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #0000001a}.pricing-badge-free{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.pricing-badge-ai{background:linear-gradient(135deg,#dbeafe 0%,#93c5fd 100%);color:#1e40af}.pricing-badge-junior{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.pricing-badge-middle{background:linear-gradient(135deg,#fef3c7 0%,#fcd34d 100%);color:#92400e}.pricing-badge-senior{background:linear-gradient(135deg,#ede9fe 0%,#c4b5fd 100%);color:#5b21b6}.pricing-card-price{text-align:center;margin-bottom:1rem}.pricing-price-comparison{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.pricing-original-price{color:#9ca3af;text-decoration:line-through;font-size:.9rem;font-weight:600}.pricing-savings-badge{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626;padding:.2rem .5rem;border-radius:12px;font-size:.65rem;font-weight:700;box-shadow:0 2px 8px #dc262633}.pricing-current-price{font-size:2rem;font-weight:800;color:#1a202c;line-height:1;margin-bottom:.3rem;display:flex;align-items:baseline;justify-content:center;gap:.1rem}.currency{font-size:1.2rem;opacity:.8}.amount{font-size:2rem}.period{font-size:.7rem;opacity:.6;font-weight:500}.free-text{font-size:1.8rem;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-limited-offer{color:#dc2626;font-size:.7rem;font-weight:600}.pricing-plan-description{text-align:center;color:#64748b;margin-bottom:1rem;line-height:1.4;font-size:.85rem}.pricing-features{flex-grow:1;margin-bottom:1rem}.pricing-features-title{font-size:.8rem;font-weight:700;color:#374151;margin-bottom:.75rem;text-align:center}.pricing-features-list{list-style:none;padding:0;margin:0}.pricing-feature-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:#4b5563;font-size:.75rem;line-height:1.3}.pricing-check-icon{width:1rem;height:1rem;color:#10b981;flex-shrink:0;margin-top:.05rem;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-radius:50%;padding:.1rem}.pricing-card-footer{margin-top:auto}.pricing-cta-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:10px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000001a}.pricing-cta-btn.primary{background:linear-gradient(135deg,#4c51bf 0%,#667eea 50%,#764ba2 100%);color:#fff;box-shadow:0 4px 16px #4f46e566}.pricing-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e580}.pricing-cta-btn.secondary{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#4c51bf;border:2px solid #4c51bf}.pricing-cta-btn.secondary:hover{background:linear-gradient(135deg,#4c51bf 0%,#667eea 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #4f46e54d}.pricing-guarantee{text-align:center;margin-top:.5rem;font-size:.7rem;color:#64748b;font-weight:500}.pricing-trust-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:2.5rem 2rem;border-top:1px solid #cbd5e1}.pricing-trust-container{max-width:800px;margin:0 auto;display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.pricing-trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1rem;background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:transform .3s ease;min-width:120px}.pricing-trust-item:hover{transform:translateY(-3px)}.pricing-trust-icon{font-size:2rem;margin-bottom:.25rem}.pricing-trust-item span{font-weight:600;color:#374151;font-size:.85rem}.pricing-footer-section{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);padding:3rem 2rem;border-top:1px solid #e2e8f0}.pricing-footer-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:3rem}.pricing-faq h3,.pricing-contact h3{font-size:1.5rem;font-weight:800;color:#1a202c;margin-bottom:1.5rem}.pricing-faq-item{margin-bottom:1.5rem;padding:1.25rem;background:white;border-radius:12px;box-shadow:0 2px 8px #0000000d;border-left:3px solid #4c51bf}.pricing-faq-item h4{font-size:1rem;font-weight:700;color:#374151;margin-bottom:.5rem}.pricing-faq-item p{color:#64748b;line-height:1.5;font-size:.9rem}.pricing-contact{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f0f7ff 0%,#e0f2fe 100%);border-radius:16px;box-shadow:0 4px 20px #4f46e51a}.pricing-contact p{color:#64748b!important;margin-bottom:1.5rem;line-height:1.5;font-size:.95rem}.pricing-contact-methods{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}.pricing-contact-btn{display:inline-block;color:#fff;text-decoration:none;font-weight:700;padding:.75rem 1.5rem;border-radius:12px;transition:all .3s ease;font-size:.9rem;border:none;cursor:pointer;min-width:140px}.pricing-contact-btn.primary{background:linear-gradient(135deg,#4c51bf 0%,#667eea 100%);box-shadow:0 4px 16px #4f46e54d}.pricing-contact-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.pricing-contact-btn.secondary{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);box-shadow:0 4px 16px #10b9814d}.pricing-contact-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.pricing-contact-info{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.contact-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem;font-weight:500}.contact-icon{font-size:1rem}.pricing-contact-stats{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.contact-stat{display:flex;align-items:center;gap:.3rem;font-weight:600;color:#4c51bf;font-size:.8rem}.stat-icon{font-size:1rem}@media (max-width: 1200px){.pricing-cards-container{grid-template-columns:repeat(3,1fr);gap:1.5rem}.pricing-card{padding:1.75rem 1.25rem}}@media (max-width: 768px){.pricing-hero{padding:3rem 1rem 2rem}.pricing-hero-title{font-size:2.5rem}.pricing-hero-subtitle{font-size:1rem}.pricing-tabs-section{padding:1.5rem 1rem 1rem}.pricing-tabs-wrapper{flex-direction:column;max-width:300px}.pricing-cards-section{padding:1.5rem 1rem}.pricing-cards-container{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:1.5rem;min-height:auto}.pricing-trust-container{gap:1.5rem}.pricing-trust-item{flex-direction:row;gap:.75rem;padding:.75rem}.pricing-trust-icon{font-size:1.5rem;margin-bottom:0}.pricing-hero-stats{flex-direction:column;gap:1rem}.stat-number{font-size:1.5rem}.pricing-footer-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.pricing-hero{padding:2rem 1rem 1.5rem}.pricing-hero-title{font-size:2rem}.pricing-current-price .amount{font-size:1.5rem}.pricing-card{padding:1.25rem}.pricing-trust-container{flex-direction:column;gap:1rem}.pricing-contact-stats,.pricing-contact-methods{flex-direction:column;gap:.75rem}.pricing-contact-info{gap:.5rem}}@keyframes pricing-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pricing-card{animation:pricing-fade-in-up .6s ease-out}.pricing-card:nth-child(1){animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.15s}.pricing-card:nth-child(3){animation-delay:.2s}.pricing-card:nth-child(4){animation-delay:.25s}.pricing-card:nth-child(5){animation-delay:.3s}.pricing-page-main *{box-sizing:border-box}.pricing-page-main p{margin:0 0 1rem;color:inherit;font-size:inherit;line-height:inherit}.pricing-hero-subtitle{color:#fff!important}.pricing-plan-description,.pricing-faq-item p,.pricing-contact p{color:#64748b!important}.legal-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.legal-page .legal-header{max-width:1200px;margin:0 auto 30px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.legal-page .legal-header .back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#5b6bdc;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.8)}.legal-page .legal-header .back-button:hover{background:white;transform:translate(-4px);box-shadow:0 4px 12px #00000026}.legal-page .legal-header .back-button svg{transition:transform .3s ease;stroke-width:2.5}.legal-page .legal-header .back-button:hover svg{transform:translate(-3px)}.legal-page .legal-header h1{color:#fff;font-size:36px;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2);width:100%}.legal-page .legal-container{max-width:1200px;margin:0 auto;background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.legal-page .legal-container .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.legal-page .legal-container .loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.legal-page .legal-container .loading-spinner p{color:#666;font-size:16px}.legal-page .legal-container .legal-content{padding:60px;color:#333;line-height:1.8}.legal-page .legal-container .legal-content h1{font-size:36px;font-weight:700;color:#1a1a1a;margin-top:0;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #eee}.legal-page .legal-container .legal-content h2{font-size:28px;font-weight:600;color:#2c3e50;margin-top:48px;margin-bottom:20px;padding-top:16px}.legal-page .legal-container .legal-content h3{font-size:22px;font-weight:600;color:#34495e;margin-top:32px;margin-bottom:16px}.legal-page .legal-container .legal-content h4{font-size:18px;font-weight:600;color:#475569;margin-top:24px;margin-bottom:12px}.legal-page .legal-container .legal-content p{margin-bottom:16px;font-size:16px;color:#4a5568}.legal-page .legal-container .legal-content strong{color:#2d3748;font-weight:600}.legal-page .legal-container .legal-content ul,.legal-page .legal-container .legal-content ol{margin:16px 0;padding-left:32px}.legal-page .legal-container .legal-content ul li,.legal-page .legal-container .legal-content ol li{margin-bottom:8px;color:#4a5568}.legal-page .legal-container .legal-content code{background:#f7fafc;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:14px;color:#d63384}.legal-page .legal-container .legal-content pre{background:#f7fafc;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.legal-page .legal-container .legal-content pre code{background:none;padding:0;color:#2d3748}.legal-page .legal-container .legal-content blockquote{border-left:4px solid #667eea;margin:20px 0;color:#718096;font-style:italic;background:#f7fafc;padding:16px 16px 16px 20px;border-radius:0 8px 8px 0}.legal-page .legal-container .legal-content table{width:100%;border-collapse:collapse;margin:24px 0}.legal-page .legal-container .legal-content table th,.legal-page .legal-container .legal-content table td{border:1px solid #e2e8f0;padding:12px;text-align:left}.legal-page .legal-container .legal-content table th{background:#f7fafc;font-weight:600;color:#2d3748}.legal-page .legal-container .legal-content table tr:nth-child(2n){background:#f9fafb}.legal-page .legal-container .legal-content a{color:#667eea;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.legal-page .legal-container .legal-content a:hover{border-bottom-color:#667eea}.legal-page .legal-container .legal-content hr{border:none;border-top:1px solid #e2e8f0;margin:40px 0}.legal-page .legal-container .legal-content .important{background:#fff3cd;border-left:4px solid #ffc107;padding:16px;margin:16px 0;border-radius:0 8px 8px 0}@media (max-width: 768px){.legal-page .legal-container .legal-content h1{font-size:28px}.legal-page .legal-container .legal-content h2{font-size:24px}.legal-page .legal-container .legal-content h3{font-size:20px}.legal-page .legal-container .legal-content h4{font-size:16px}.legal-page .legal-container .legal-content p,.legal-page .legal-container .legal-content li{font-size:15px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.legal-page .legal-container .legal-content{padding:40px}}@media (max-width: 768px){.legal-page{padding:16px}.legal-page .legal-header{gap:12px;margin-bottom:20px}.legal-page .legal-header .back-button{padding:6px 14px;font-size:13px;border-radius:18px}.legal-page .legal-header h1{font-size:26px}.legal-page .legal-container{border-radius:12px}.legal-page .legal-container .legal-content{padding:24px 20px}}@media (max-width: 480px){.legal-page{padding:12px}.legal-page .legal-header{gap:10px}.legal-page .legal-header .back-button{padding:6px 12px;font-size:12px}.legal-page .legal-header h1{font-size:22px}.legal-page .legal-container .legal-content{padding:20px 16px}}