body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 1.5rem;position:relative}.header-container,.logo-container,.logo-container a{align-items:center;display:flex}.logo-container a{text-decoration:none}.logo{height:2.5rem;margin-right:.75rem;width:auto}.logo-text{color:#166534;font-size:1.25rem;font-weight:700;margin:0}.main-nav .nav-list{align-items:center;display:flex;gap:1.5rem;height:100%;list-style:none;margin:0;padding:0}.nav-link{color:#374151;display:block;font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .3s}.nav-link:hover{color:#166534}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:30px;z-index:1001}.hamburger-line{background-color:#166534;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger-line.active:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-line.active:nth-child(2){opacity:0}.hamburger-line.active:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.overlay{animation:fadeIn .3s ease forwards;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-dropdown{position:relative}.nav-dropdown,.nav-dropdown-toggle{align-items:center;display:flex;height:100%}.nav-dropdown-toggle{cursor:pointer;padding:.5rem 0}.nav-dropdown-toggle:after{content:"▼";font-size:.6rem;margin-left:.25rem}.nav-dropdown-menu{background-color:#fff;border-radius:.25rem;box-shadow:0 2px 5px #0000001a;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:1001}.nav-dropdown:hover .nav-dropdown-menu{display:block}.dropdown-item{color:#374151;display:block;padding:.75rem 1rem;text-decoration:none;white-space:nowrap}.dropdown-item:hover{background-color:#f9fafb;color:#166534}body{padding-top:4.5rem}@media (max-width:768px){.hamburger-menu{display:flex}.header-container{padding:.75rem 1.5rem}.logo-container{flex:1 1}.main-nav{background-color:#fff;box-shadow:-2px 0 5px #0000001a;height:100vh;max-width:320px;overflow-y:auto;padding-top:4.5rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1000}.main-nav.active{right:0}.main-nav .nav-list{align-items:stretch;flex-direction:column;gap:0;height:auto}.nav-link{border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem}.nav-dropdown{align-items:stretch;flex-direction:column;height:auto}.nav-dropdown-toggle{border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem}.nav-dropdown-toggle:after{content:"▼";margin-left:auto;transition:transform .3s ease}.nav-dropdown-menu{background-color:#f9fafb;border-radius:0;box-shadow:none;display:block;position:static;width:100%}.dropdown-item{border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem 1rem 3rem}body{padding-top:5.5rem}}.footer{background-color:#f3f4f6;color:#4b5563;margin-top:3rem;padding:2rem 0}.footer-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;text-align:center}.copyright,.slogan{margin-bottom:.5rem}.icp,.slogan{font-size:.875rem}.icp{margin-top:.5rem}.icp a{color:#4b5563;text-decoration:none;transition:color .2s}.icp a:hover{color:#166534}.home-container{margin:0 auto;max-width:1200px;padding:2rem}.hero-section{margin-bottom:4rem;text-align:center}.hero-image{margin:0 auto 2rem;max-width:48rem;width:100%}.hero-content,.hero-image{border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.hero-content{background-color:#f0fdf4;padding:2rem}.hero-title{color:#166534;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-text{color:#374151;font-size:1.125rem;margin-bottom:1.5rem}.cta-button{background-color:#facc15;border-radius:9999px;color:#166534;display:inline-block;font-weight:700;padding:.75rem 2rem;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:#eab308}.advantages-section{margin-bottom:4rem}.section-title{font-size:1.875rem;font-weight:600;margin-bottom:2.5rem}.advantages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));text-align:center}.advantage-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:box-shadow .3s}.advantage-card:hover{box-shadow:0 10px 15px #0000001a}.advantage-icon,.icon-circle{height:4rem;margin:0 auto 1rem;width:4rem}.icon-circle{align-items:center;border-radius:50%;display:flex;font-size:1.875rem;justify-content:center}.icon-green{background-color:#dcfce7;color:#166534}.icon-yellow{background-color:#fef9c3;color:#854d0e}.icon-pink{background-color:#fce7f3;color:#be185d}.advantage-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.advantage-text{color:#4b5563}.services-section{background-color:#f9fafb;border-radius:.5rem;margin-bottom:3rem;padding:3rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 1rem}.service-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s}.service-card:hover{transform:scale(1.05)}.service-title{font-size:1.25rem}.service-text{color:#4b5563;font-size:.875rem;margin-bottom:1rem}.service-link{color:#eab308;font-weight:500;text-decoration:none}.service-link:hover{color:#ca8a04}@media (min-width:768px){.advantages-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.services-container{background-color:#f9fafb;margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.services-list{display:flex;flex-direction:column;gap:3rem}.service-item{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:box-shadow .3s}.service-item:hover{box-shadow:0 10px 15px #0000001a}.service-content{display:flex;flex-direction:column;gap:1.5rem}.service-icon{align-items:center;background-color:#f0fdf4;border-radius:50%;color:#166534;display:flex;font-size:3rem;height:5rem;justify-content:center;margin:0 auto;width:5rem}.service-details{flex:1 1;text-align:center}.service-title{color:#166534;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.service-description{color:#4b5563;line-height:1.6;margin-bottom:1.5rem}.service-features{color:#4b5563;list-style-position:inside;list-style-type:disc;margin-top:1rem;text-align:left}.feature-item{line-height:1.5;margin-bottom:.5rem}@media (min-width:768px){.service-content{align-items:flex-start;flex-direction:row}.service-icon{margin:0 2rem 0 0}.service-details{text-align:left}}.environment-container{margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.environment-intro{color:#4b5563;line-height:1.6;margin:0 auto 2.5rem;max-width:800px;text-align:center}.environment-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.environment-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .3s,transform .3s}.environment-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.environment-image{align-items:center;background-color:#f3f4f6;color:#9ca3af;display:flex;font-size:6rem;height:14rem;justify-content:center}.environment-info{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.environment-title{color:#166534;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.environment-description{color:#4b5563;flex-grow:1;line-height:1.6}.environment-note{color:#4b5563;font-weight:500;margin-top:3rem;text-align:center}.testimonials-container{background-color:#f0fdf4;margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.testimonials-intro{color:#4b5563;line-height:1.6;margin:0 auto 2.5rem;max-width:800px;text-align:center}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.testimonial-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;padding:2rem;transition:box-shadow .3s,transform .3s}.testimonial-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.testimonial-header{align-items:center;display:flex;margin-bottom:1.5rem}.testimonial-avatar{align-items:center;display:flex;height:56px;justify-content:center;margin-right:16px;width:56px}.testimonial-avatar-img{background:#fff;border:2px solid #e5e7eb;border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.testimonial-author{flex:1 1}.author-name{color:#166534;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.testimonial-date{color:#9ca3af;font-size:.875rem}.testimonial-comment{color:#4b5563;flex-grow:1;font-style:italic;line-height:1.6}.testimonials-note{color:#4b5563;font-weight:500;margin-top:3rem;text-align:center}.contact-container{background-color:#fff;margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.section-title{color:#166534;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin-bottom:3rem}.contact-info,.contact-map{background-color:#f9fafb;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;height:100%;padding:2rem}.contact-subtitle{color:#166534;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{margin-bottom:.5rem}.contact-label{display:block;font-weight:500;margin-bottom:.25rem}.contact-value{color:#4b5563;display:block}.contact-link{color:#eab308;display:block;text-decoration:none}.contact-link:hover{color:#ca8a04;text-decoration:underline}.contact-note{color:#9ca3af;display:block;font-size:.875rem;margin-top:.25rem}.qr-code-placeholder{align-items:center;background-color:#f3f4f6;color:#9ca3af;display:flex;font-size:.875rem;height:8rem;justify-content:center;margin:.5rem auto;overflow:hidden;text-align:center;width:8rem}.weixin-qrcode{height:100%;object-fit:cover;width:100%}.map-placeholder{align-items:center;background-color:#f3f4f6;border-radius:.5rem;color:#9ca3af;display:flex;height:20rem;justify-content:center;margin-bottom:1rem;overflow:hidden}.address-map{height:100%;object-fit:cover;width:100%}.map-note{color:#4b5563;font-size:.875rem}.contact-note-box{background-color:#f0fdf4;border-radius:.5rem;padding:1.5rem;text-align:center}.contact-note-primary{color:#166534;font-weight:500;margin-bottom:.5rem}.contact-note-secondary{color:#4b5563;font-size:.875rem}@media (min-width:768px){.contact-content{grid-template-columns:1fr 1fr}}.App{min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main{margin:0 auto;max-width:1200px;padding-top:1rem}#calculator,#contact,#environment,#home,#services,#testimonials,#timer{scroll-margin-top:5rem}@media (max-width:768px){#calculator,#contact,#environment,#home,#services,#testimonials,#timer{scroll-margin-top:7.5rem}}.timer-container{margin:2rem auto;max-width:900px;padding:1.5rem}.timer-header{margin-bottom:2.5rem;text-align:center}.timer-header h1{color:#166534;font-size:2.25rem;margin-bottom:.5rem}.timer-header p{color:#4b5563;font-size:1.125rem}.timer-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.timer-action-button{align-items:center;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;padding:1.25rem;text-decoration:none;transition:all .3s ease}.timer-action-button:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.timer-action-button.create{background-color:#166534}.timer-action-button.select{background-color:#047857}.timer-action-button.start{background-color:#065f46}.button-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;font-size:2rem;height:3rem;justify-content:center;margin-right:1rem;width:3rem}.button-text h3{font-size:1.25rem;margin:0 0 .25rem}.button-text p{font-size:.875rem;margin:0;opacity:.9}.timer-info{background-color:#f0fdf4;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.timer-info h2{color:#166534;font-size:1.5rem;margin-bottom:1rem}.timer-info ol{margin-bottom:1.5rem;margin-left:1.5rem}.timer-info li{color:#4b5563;margin-bottom:.5rem}.timer-tip{background-color:#fff7ed;border-left:4px solid #f59e0b;color:#78350f;padding:.75rem}.create-plan-container{margin:2rem auto;max-width:900px;padding:1.5rem}.create-plan-header{margin-bottom:2rem;text-align:center}.create-plan-header h1{color:#166534;font-size:2.25rem;margin-bottom:.5rem}.create-plan-header p{color:#4b5563;font-size:1.125rem}.create-plan-form{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.75rem;width:100%}.form-control:focus{border-color:#047857;box-shadow:0 0 0 3px #0478571a;outline:none}.create-plan-form h2{color:#166534;font-size:1.5rem;margin:1.5rem 0 1rem}.steps-container{margin-bottom:1.5rem}.step-item{background-color:#f9fafb;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;padding:1rem}.step-header{align-items:center;display:flex;margin-bottom:.75rem}.step-number{background-color:#166534;color:#fff;height:2rem;width:2rem}.move-btn,.remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:color .2s ease}.move-btn:hover{color:#166534}.remove-btn:hover{color:#dc2626}.move-btn[disabled]{color:#d1d5db;cursor:not-allowed}.step-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.step-content{grid-template-columns:2fr 1fr}}.time-group{margin-bottom:0}.add-step-btn{background-color:#f0fdf4;border:1px dashed #047857;border-radius:.375rem;color:#047857;cursor:pointer;font-size:1rem;margin-bottom:1.5rem;padding:.75rem;transition:all .2s ease;width:100%}.add-step-btn:hover{background-color:#dcfce7}.error-message{font-size:.875rem;padding:.75rem}.error-message,.plan-summary{border-radius:.375rem;margin-bottom:1.5rem}.plan-summary{background-color:#f0fdf4;padding:1rem}.plan-summary p{color:#374151;margin:.25rem 0}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.save-btn{border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.save-btn{background-color:#166534;border:none;color:#fff}.cancel-btn:hover{background-color:#e5e7eb}.save-btn:hover{background-color:#047857}.select-plan-container{margin:2rem auto;max-width:900px;padding:1.5rem}.select-plan-header{margin-bottom:2rem;text-align:center}.select-plan-header h1{color:#166534;font-size:2.25rem;margin-bottom:.5rem}.select-plan-header p{color:#4b5563;font-size:1.125rem}.select-plan-content{margin-bottom:2rem}.loading-text{color:#4b5563;font-size:1.125rem;padding:2rem 0;text-align:center}.no-plans{background-color:#f0fdf4;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:3rem 1rem;text-align:center}.no-plans p{color:#4b5563;font-size:1.125rem;margin-bottom:1.5rem}.plans-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s,box-shadow .2s}.plan-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-4px)}.plan-card-content{flex-grow:1;margin-bottom:1rem}.plan-name{color:#166534;margin:0 0 .75rem}.plan-info{color:#4b5563}.plan-info p{font-size:.875rem}.plan-date{color:#6b7280;font-size:.75rem!important;margin-top:1rem!important}.delete-plan-btn{align-self:flex-end;background-color:#fee2e2;border:none;border-radius:.375rem;color:#b91c1c;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:background-color .2s}.delete-plan-btn:hover{background-color:#fecaca}.action-buttons{justify-content:space-between;margin-top:2rem}.back-btn,.create-plan-btn{border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.create-plan-btn{background-color:#166534;border:none;color:#fff}.back-btn:hover{background-color:#e5e7eb}.create-plan-btn:hover{background-color:#047857}@media (max-width:640px){.action-buttons{flex-direction:column;gap:1rem}.back-btn,.create-plan-btn{width:100%}}.execute-plan-container{margin:2rem auto;max-width:900px;padding:1.5rem}.error-message,.loading-message{border-radius:.5rem;font-size:1.125rem;margin:2rem 0;padding:2rem;text-align:center}.loading-message{background-color:#f0fdf4;color:#166534}.error-message{background-color:#fee2e2;color:#b91c1c}.back-button{background-color:#166534;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:1.5rem auto;padding:.75rem 1.5rem;transition:background-color .2s}.back-button:hover{background-color:#047857}.plan-header{margin-bottom:2rem}.plan-header h1{color:#166534;font-size:2rem;margin-bottom:1rem;text-align:center}.progress-indicator{margin-bottom:1.5rem}.progress-bar{background-color:#e5e7eb;border-radius:1rem;height:.75rem;margin-bottom:.5rem;overflow:hidden}.progress-fill{background-color:#166534;border-radius:1rem;height:100%;transition:width .3s ease}.progress-text{color:#4b5563;font-size:.875rem;margin:0;text-align:center}.active-step{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}@media (min-width:768px){.active-step{align-items:center;flex-direction:row;justify-content:space-between}}.step-info{flex:1 1}.step-info h2{color:#111827;font-size:1.5rem;margin:0 0 .5rem}.step-time{color:#6b7280;margin:0}.timer-display{text-align:center}.time{color:#166534;font-family:monospace;font-size:3rem;font-weight:700;margin-bottom:1rem}.time.warning{animation:pulse 1s infinite;color:#b91c1c}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.timer-controls{display:flex;gap:1rem;justify-content:center}.complete-button,.pause-button,.start-button{border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.start-button{background-color:#166534;color:#fff}.start-button:hover{background-color:#047857}.pause-button{background-color:#f59e0b;color:#fff}.pause-button:hover{background-color:#d97706}.complete-button{background-color:#2563eb;color:#fff}.complete-button:hover{background-color:#1d4ed8}.completed-steps,.remaining-steps{background-color:#f9fafb;border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.completed-steps h3,.remaining-steps h3{color:#374151;font-size:1.125rem;margin:0 0 1rem}.step-item{align-items:center;background-color:#fff;border-radius:.375rem;display:flex;margin-bottom:.5rem;padding:.75rem}.step-item.completed{background-color:#f0fdf4}.step-number{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#4b5563;display:flex;font-size:.875rem;font-weight:700;height:1.75rem;justify-content:center;margin-right:.75rem;width:1.75rem}.completed .step-number{background-color:#166534;color:#fff}.step-name{flex:1 1;font-weight:500}.step-actual-time,.step-planned-time{color:#6b7280;font-size:.875rem}.over-time{color:#b91c1c;margin-left:.25rem}.under-time{color:#166534;margin-left:.25rem}.on-time{color:#047857;margin-left:.25rem}.no-steps{color:#6b7280;font-style:italic;padding:1rem 0;text-align:center}.footer-actions{margin-top:2rem;text-align:center}.quit-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#4b5563;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.quit-button:hover{background-color:#e5e7eb}.plan-complete{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2rem}.plan-complete h1{color:#166534;font-size:2rem}.plan-complete h1,.results-summary{margin-bottom:2rem;text-align:center}.results-summary{background-color:#f0fdf4;border-radius:.75rem;padding:1.5rem}.plan-name{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.time-comparison{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}@media (max-width:640px){.time-comparison{flex-direction:column;gap:1.5rem}}.actual-time,.planned-time{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;min-width:120px;padding:1rem}.planned-time{background-color:#eff6ff}.actual-time{background-color:#f0fdfa}.vs{color:#6b7280;font-size:1.25rem;font-weight:700}.time-label{color:#4b5563;font-size:.875rem;margin-bottom:.5rem}.time-value{color:#111827;font-size:1.5rem;font-weight:700}.time-difference{border-radius:.375rem;font-size:1.125rem;font-weight:500;padding:.75rem;text-align:center}.time-difference .over-time{color:#b91c1c}.time-difference .under-time{color:#166534}.time-difference .on-time{color:#047857}.steps-results{margin-bottom:2rem}.steps-results h2{color:#374151;font-size:1.25rem;margin-bottom:1rem}.step-result{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.step-result:last-child{border-bottom:none}.step-name{align-items:center;display:flex;gap:.5rem}.step-status{border-radius:50%;height:.75rem;width:.75rem}.step-status.completed{background-color:#166534}.step-status.incomplete{background-color:#ef4444}.step-times{display:flex;gap:1rem}.step-times .actual,.step-times .planned{color:#6b7280;font-size:.875rem}.home-button,.restart-button{border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.restart-button{background-color:#166534;color:#fff}.home-button{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.restart-button:hover{background-color:#047857}.home-button:hover{background-color:#e5e7eb}.recent-plan-container{align-items:center;display:flex;justify-content:center;margin:2rem auto;max-width:900px;min-height:60vh;padding:1.5rem}.found-plan-screen,.loading-screen,.no-plan-screen{background-color:#fff;border-radius:1rem;box-shadow:0 4px 10px #0000001a;max-width:500px;padding:2.5rem 2rem;text-align:center;width:100%}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.spinner{animation:spin 1s linear infinite;border:.25rem solid #e5e7eb;border-radius:50%;border-top-color:#166534;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{color:#4b5563;font-size:1.125rem}.no-plan-screen{flex-direction:column;gap:1.25rem}.no-plan-icon,.no-plan-screen{align-items:center;display:flex}.no-plan-icon{background-color:#fee2e2;border-radius:50%;color:#b91c1c;font-size:2rem;font-weight:700;height:3.5rem;justify-content:center;margin-bottom:.75rem;width:3.5rem}.no-plan-screen h2{color:#111827;font-size:1.5rem;margin:0}.no-plan-screen p{color:#6b7280;margin:0 0 1.5rem}.found-plan-screen{align-items:center;display:flex;flex-direction:column;gap:1rem}.success-icon{align-items:center;background-color:#d1fae5;border-radius:50%;color:#047857;display:flex;font-size:1.75rem;font-weight:700;height:3.5rem;justify-content:center;margin-bottom:.5rem;width:3.5rem}.found-plan-screen h2{color:#111827;font-size:1.5rem;margin:0}.plan-info{background-color:#f0fdf4;border-radius:.5rem;margin:1rem 0;padding:1.25rem;width:100%}.plan-info h3{color:#166534;font-size:1.25rem;margin:0 0 1rem}.plan-info p{color:#4b5563;margin:.5rem 0}.last-used{color:#6b7280!important;font-size:.875rem;margin-top:1rem!important}.auto-redirect-message{animation:pulse-text 1.5s infinite;color:#6b7280;font-size:.875rem;font-style:italic;margin:.5rem 0 1.5rem}@keyframes pulse-text{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem;width:100%}@media (max-width:640px){.action-buttons{flex-direction:column}}.back-button,.create-plan-button,.select-other-button,.start-now-button{border-radius:.375rem;cursor:pointer;flex:1 1;font-size:1rem;max-width:180px;padding:.75rem 1.5rem;transition:all .2s ease}@media (max-width:640px){.back-button,.create-plan-button,.select-other-button,.start-now-button{max-width:100%}}.create-plan-button,.start-now-button{background-color:#166534;border:none;color:#fff}.create-plan-button:hover,.start-now-button:hover{background-color:#047857}.back-button,.select-other-button{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.back-button:hover,.select-other-button:hover{background-color:#e5e7eb}.math-generator{background-color:#f9f9f9;min-height:calc(100vh - 80px);padding:4rem 0 2rem}.math-generator .container{margin:0 auto;max-width:800px;padding:0 1rem}.math-generator h1{color:#166534;margin-bottom:1rem;padding-top:1rem;text-align:center}.math-generator .description{color:#4b5563;margin-bottom:2rem;text-align:center}.math-generator .error-message{background-color:#fee2e2;border-radius:.25rem;color:#b91c1c;margin-bottom:1rem;padding:.75rem}.math-generator .template-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.math-generator .template-btn{background-color:#166534;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.math-generator .template-btn:hover{background-color:#14532d}.math-generator .history-container,.math-generator .templates-container{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.math-generator .history-container h3,.math-generator .templates-container h3{color:#1f2937;margin-bottom:1rem;margin-top:0}.math-generator .template-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.math-generator .template-item{background-color:#f3f4f6;border-radius:.25rem;cursor:pointer;padding:1rem;transition:background-color .2s,transform .2s}.math-generator .template-item:hover{background-color:#e5e7eb;transform:translateY(-2px)}.math-generator .template-item h4{color:#166534;margin-bottom:.5rem;margin-top:0}.math-generator .template-item p{color:#4b5563;font-size:.9rem;margin:0}.math-generator .history-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.math-generator .history-item{background-color:#f3f4f6;border-radius:.25rem;cursor:pointer;padding:.75rem 1rem;transition:background-color .2s}.math-generator .history-item:hover{background-color:#e5e7eb}.math-generator .history-item-title{align-items:center;color:#1f2937;display:flex;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.math-generator .history-date{color:#6b7280;font-size:.8rem;font-weight:400}.math-generator .history-item-details{color:#4b5563;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem 1rem}.math-generator form{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.math-generator .form-group{margin-bottom:1.25rem;position:relative}.math-generator label{color:#1f2937;display:block;font-weight:500;margin-bottom:.5rem}.math-generator input,.math-generator select{border:1px solid #d1d5db;border-radius:.25rem;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.math-generator input:focus,.math-generator select:focus{border-color:#166534;box-shadow:0 0 0 2px #16653433;outline:none}.math-generator .ratio-container{background-color:#f3f4f6;border-radius:.25rem;margin-bottom:1.5rem;padding:1rem}.math-generator .ratio-container h3{color:#1f2937;font-size:1rem;margin-bottom:1rem;margin-top:0}.math-generator .ratio-container small{color:#6b7280;font-weight:400}.math-generator .ratio-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.math-generator .ratio-grid .form-group{margin-bottom:.5rem}.math-generator .ratio-sum{font-weight:500;margin-top:1rem;text-align:right}.math-generator .toggle-advanced{margin-bottom:1rem;text-align:center}.math-generator .toggle-btn{background:none;border:none;color:#166534;cursor:pointer;font-weight:500;text-decoration:underline}.math-generator .advanced-options{background-color:#f3f4f6;border-radius:.25rem;margin-bottom:1.5rem;padding:1rem}.math-generator .advanced-options h3{color:#1f2937;font-size:1rem;margin-bottom:1rem;margin-top:0}.math-generator .advanced-options small{color:#6b7280;display:block;margin-top:.25rem}.math-generator .form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;text-align:center}.math-generator .batch-generate-btn,.math-generator .generate-btn{background-color:#166534;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.math-generator .batch-generate-btn:hover,.math-generator .generate-btn:hover{background-color:#14532d}.math-generator .batch-generate-btn:disabled,.math-generator .generate-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.math-generator .pdf-preview{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.math-generator .pdf-preview h3{color:#1f2937;margin-bottom:1rem;margin-top:0}.math-generator .pdf-container{border:1px solid #d1d5db;border-radius:.25rem;height:1000px;margin-bottom:1.5rem;overflow:hidden}.math-generator .pdf-container iframe{border:none;height:100%;width:100%}.math-generator .download-btn{background-color:#166534;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:0 auto;padding:.75rem 1.5rem;transition:background-color .2s}.math-generator .download-btn:hover{background-color:#14532d}.math-generator .pdf-list{margin-top:2rem}.math-generator .pdf-list h3{color:#1f2937;margin-bottom:1rem}.math-generator .pdf-items{display:flex;flex-direction:column;gap:.75rem}.math-generator .pdf-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;display:flex;justify-content:space-between;padding:.75rem}.math-generator .pdf-item.active{background-color:#1665340d;border-color:#166534}.math-generator .pdf-item-title{color:#1f2937;flex-grow:1;font-weight:500}.math-generator .pdf-item-actions{display:flex;gap:.5rem}.math-generator .pdf-item-btn{border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:background-color .2s}.math-generator .view-btn{background-color:#1e40af;color:#fff}.math-generator .view-btn:hover{background-color:#1e3a8a}.math-generator .download-item-btn{background-color:#166534;color:#fff}.math-generator .download-item-btn:hover{background-color:#14532d}.math-generator .batch-actions{display:flex;justify-content:flex-end;margin-top:1rem}.math-generator .batch-download-btn{background-color:#166534;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.math-generator .batch-download-btn:hover{background-color:#14532d}@media (max-width:768px){.math-generator{padding-top:5rem}.math-generator .history-container,.math-generator .pdf-preview,.math-generator .templates-container,.math-generator form{padding:1rem}.math-generator .ratio-grid,.math-generator .template-list{grid-template-columns:1fr}.math-generator .form-actions{flex-direction:column}.math-generator .pdf-container{height:600px}.math-generator .template-buttons{align-items:center;flex-direction:column}}.specific-digits-section{background-color:#f9fafb;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.specific-digits-section h4{color:#166534;margin:0 0 .5rem}.section-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.specific-digit-item{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1rem}.specific-digit-remove-row{display:flex;justify-content:flex-end;margin-top:.5rem}.specific-digit-row{align-items:center;display:flex;gap:1rem;margin-bottom:0}.specific-digit-row .form-group{flex:1 1;margin-bottom:0;min-width:0}@media (max-width:900px){.specific-digit-row{flex-wrap:wrap}.specific-digit-row .form-group{flex:1 1 45%;margin-bottom:1rem;min-width:180px}}@media (max-width:700px){.specific-digit-row{align-items:stretch;flex-direction:column;gap:.5rem}.specific-digit-remove-row{justify-content:center}}.remove-digit-btn{align-items:center;align-self:center;background-color:#fee2e2;border:none;border-radius:.375rem;color:#b91c1c;cursor:pointer;display:flex;height:2.5rem;padding:.5rem 1rem;transition:background-color .2s}.remove-digit-btn:hover{background-color:#fecaca}.add-digit-btn{background-color:#f0fdf4;border:1px dashed #86efac;border-radius:.375rem;color:#166534;cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s;width:100%}.add-digit-btn:hover{background-color:#dcfce7;border-color:#4ade80}.form-row-compact{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row-compact .form-group{flex:1 1;margin-bottom:0;min-width:0}@media (max-width:600px){.form-row-compact{flex-direction:column;gap:.5rem}.form-row-compact .form-group{flex:1 1 100%;margin-bottom:.5rem;min-width:0}}
/*# sourceMappingURL=main.b19dac77.css.map*/