.spinning-sun{animation:sun-spin 2s linear infinite;color:#ffd93d;display:inline-block;transform-origin:center}.spinning-sun-container{align-items:center;display:flex;flex-direction:column;gap:12px}.spinning-sun-fullscreen{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.spinning-sun-content{align-items:center;display:flex;flex-direction:column;gap:20px}.spinning-sun-message{color:#64748b;font-size:16px;font-weight:500;max-width:300px;text-align:center}.spinning-sun.small{font-size:1.5rem}.spinning-sun.medium{font-size:2.5rem}.spinning-sun.large{font-size:4rem}.spinning-sun.extra-large{font-size:6rem}.spinning-sun.massive{font-size:8rem}@media (prefers-color-scheme:dark){.spinning-sun-fullscreen{background:#000000f2}.spinning-sun-message{color:#94a3b8}}@media (max-width:768px){.spinning-sun.massive{font-size:6rem}.spinning-sun.extra-large{font-size:4rem}.spinning-sun.large{font-size:3rem}}.navbar-container{align-items:center;box-shadow:0 0 20px 0 #00000026;flex-direction:column;height:60px}.home-navbar{width:100%}.max-width{margin:0 auto;max-width:1400px;padding:0}.home-navbar-interactive{height:60px;padding:0 1rem}.home-logo1{padding-left:.5rem}.home-desktop-menu{align-items:center;height:100%;padding-right:.5rem}.home-links{align-items:center;display:flex;gap:var(--dl-space-space-twounits);height:40px;margin-bottom:var(--dl-space-space-oneunit)}.home-links,.home-text13,.home-text14{margin-right:var(--dl-space-space-twounits)}.home-text13,.home-text14{color:#1c3d49}.home-mobile-menu{background-color:var(--dl-color-scheme-white);overflow-y:auto;position:fixed;transition:transform .3s ease-in-out}.home-mobile-menu,.home-mobile-menu.menu-open{display:flex!important;opacity:1!important;visibility:visible!important}.home-mobile-menu.menu-open{transform:translateX(0)}body.menu-open{overflow:hidden;position:fixed;width:100%}@media(max-width:767px){.home-mobile-menu{display:flex!important;opacity:1!important;visibility:visible!important}.home-burger-menu{align-items:center;display:flex;justify-content:center;z-index:1002}}.home-mobile-menu{z-index:1001}.home-mobile-menu .home-nav{display:flex;flex-direction:column;height:100%;width:100%}.home-mobile-menu .home-menu-content{display:flex;flex:1 1;margin-bottom:var(--dl-space-space-threeunits);overflow-y:auto}.home-mobile-menu .home-menu-footer{border-top:1px solid #f1f1f1;margin-top:auto;padding-top:var(--dl-space-space-unit);width:100%}.home-mobile-menu .home-links{align-items:flex-start}.home-mobile-menu .home-buttons,.home-mobile-menu .home-links{display:flex;flex-direction:column;gap:var(--dl-space-space-unit);width:100%}.home-mobile-menu .button{width:100%}.home-mobile-menu .nav-link{font-size:18px;margin:0;padding:var(--dl-space-space-halfunit) 0}.button{border-width:1px}.dropdown-container{display:inline-block;padding-top:7px;position:relative}.dropdown-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-arrow{font-size:10px;margin-left:4px;vertical-align:middle}.dropdown-menu{background-color:#fff;border-radius:4px;box-shadow:0 8px 16px 0 #0003;left:0;min-width:160px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-item{color:var(--dl-color-scheme-black80);cursor:pointer;display:block;padding:12px 16px;text-decoration:none;transition:background-color .3s}.dropdown-item:hover{background-color:#f1f1f1;color:var(--dl-color-scheme-green80)}.home-top{padding:0 .5rem}.home-buttons{font-size:16px;gap:var(--dl-space-space-unit);justify-content:center;margin-bottom:10px}.home-buttons .button{padding:6px 10px}@media(max-width:479px){.home-mobile-menu{padding:1rem}}.home-step1,.home-step2,.home-step3{display:flex;flex-direction:row;margin-bottom:var(--dl-space-space-twounits)}.home-number1,.home-number2,.home-number3{align-items:center;background-color:var(--dl-color-scheme-orange100);border-radius:var(--dl-radius-radius-radius16);display:flex;flex:0 0 auto;flex-direction:column;height:64px;justify-content:center;margin-right:var(--dl-space-space-twounits);width:64px}.home-text45,.home-text50,.home-text55{font-family:Urbanist;font-size:28px;font-style:normal;font-weight:700;line-height:1.5}.home-container14,.home-container15,.home-container16{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.home-title2,.home-title3,.home-title4{font-family:Urbanist;font-size:24px;font-style:normal;font-weight:700;margin-bottom:var(--dl-space-space-halfunit)}.home-text49,.home-text54,.home-text58,.home-title2,.home-title3,.home-title4{color:var(--dl-color-scheme-white);line-height:1.5}.home-content4{margin-bottom:var(--dl-space-space-twounits)}.home-content4,.home-step1{margin-top:var(--dl-space-space-twounits)}@media(max-width:991px){.home-content4{margin-right:0;width:100%}.home-navbar-interactive{padding:0 .75rem}}@media(max-width:767px){.home-navbar-interactive{padding:0 .5rem}.home-logo1{padding-left:0}.home-desktop-menu{padding-right:0}}.button-secondary{color:#1c3d49;margin-bottom:var(--dl-space-space-oneunit)}.home-nav1{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:row;height:100%;justify-content:flex-end}.nav-link{color:var(--dl-color-scheme-black80);cursor:pointer;font-size:18px;margin-right:var(--dl-space-space-twounits);margin-top:4px;text-align:center;text-decoration:none}.nav-link:hover{color:var(--dl-color-scheme-green80)}@media(max-width:767px){.home-nav1{align-items:flex-start;flex-direction:column}.home-links{margin-bottom:var(--dl-space-space-unit)}}.dashboard-nav,.main-nav{background:#fff;border-bottom:1px solid #e9ecef;height:70px;padding:0 20px;position:sticky;top:0;z-index:1000}.nav-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px}.nav-logo img{cursor:pointer;height:40px}.dashboard-links,.nav-links{align-items:center;display:flex;gap:25px}.dashboard-link,.nav-link{color:#495057;font-weight:500;padding:5px 0;text-decoration:none;transition:color .2s}.dashboard-link.active,.nav-link.active{border-bottom:2px solid #007bff;color:#007bff}.dashboard-link:hover,.nav-link:hover{color:#007bff}.login-link{background-color:#007bff;border-radius:5px;color:#fff!important;padding:8px 15px;transition:background-color .2s}.login-link:hover{background-color:#0056b3;color:#fff!important}.sign-out-btn{background-color:#dc3545;border-radius:5px;font-family:inherit;font-size:1rem;padding:8px 15px}.sign-out-btn:hover{background-color:#c82333}.nav-menu-icon{color:#343a40;cursor:pointer;display:none;font-size:2rem}@media screen and (max-width:768px){.dashboard-links,.nav-links{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffffffa;display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 70px);left:-100%;padding-top:2rem;position:fixed;text-align:center;top:70px;transition:left .3s ease-in-out;width:100%}.dashboard-links.open,.nav-links.open{left:0}.nav-menu-icon{display:block;z-index:1001}.dashboard-link,.nav-link{font-size:1.2rem;width:100%}.login-link,.sign-out-btn{padding:10px 40px;width:auto}}.email-signup-container{display:inline-block;margin:10px;min-height:40px;position:relative}.email-signup-button{background-color:#1c3d49;border-radius:4px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;font-size:16px;padding:10px 20px;transition:transform .3s ease-in-out}.email-signup-button:hover{transform:translateX(5px)}.email-signup-form{align-items:center;animation:slideIn .3s forwards;display:flex}.email-input{border:1px solid #ccc;border-radius:4px 0 0 4px;border-right:none;outline:none;padding:0 10px}.email-enter-button,.email-input{font-family:Lexend,sans-serif;font-size:16px;height:40px}.email-enter-button{background-color:#1c3d49;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:0 15px;transition:background-color .3s ease}.email-enter-button:hover{background-color:#163540}.message{font-family:Lexend,sans-serif;font-size:14px;left:0;margin-top:5px;position:absolute;top:100%;white-space:nowrap;width:100%}.message.success{color:green}.message.error{color:red}.testimonial-banner{margin:1rem 0 3rem;overflow:hidden;padding:2rem 0;position:relative;width:100%}.testimonial-track{animation:scrollTestimonials 40s linear infinite;display:flex;width:max-content}.testimonial-item{display:flex;flex-direction:column;margin:0 3rem;white-space:nowrap}.testimonial-text{color:#1c3d49;font-size:16px;font-style:italic;font-weight:400;letter-spacing:.5px;margin:0}.testimonial-author{color:#85949a;font-size:14px;margin-top:.5rem}@keyframes scrollTestimonials{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.testimonial-banner:hover .testimonial-track{animation-play-state:paused}@media(max-width:767px){.testimonial-item{margin:0 1.5rem}.testimonial-text{font-size:14px}.testimonial-author{font-size:12px}}.features-section{background-color:initial;padding:3rem 0;width:100%}.full-width{max-width:100%;width:100%}.features-content{max-width:1200px;padding:0 2rem;width:100%}.wider-content{max-width:1400px;padding-left:2rem;padding-right:2rem;width:90%}.features-label{color:#fbb040;display:block;font-weight:600;margin-bottom:.5rem;text-align:left}.features-headline{color:#1c3d49;font-size:2.5rem;margin-bottom:1rem;margin-top:0;text-align:left}.features-description{color:#555;font-size:1.3rem;margin:0 0 2rem;max-width:800px;padding-bottom:1rem;text-align:left}.features-description b,.features-description strong{color:#1c3d49}.features-interactive-container{align-items:flex-start;display:flex;margin-top:2rem;position:relative}.features-sidebar{padding-left:0;padding-right:1rem;padding-top:1.5rem;width:40%}.features-click-hint{color:#777;font-size:.9rem;font-style:italic;margin-bottom:1rem;margin-left:12px;text-align:left}.features-sidebar ul{margin:0;padding:0}.features-sidebar li{align-items:center;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;list-style:none;margin-bottom:1.5rem;padding:12px 16px;transition:all .3s ease}.features-sidebar li:hover{background-color:#fbb0401a;transform:translateX(5px)}.features-sidebar li.active{background-color:#fbb04033;border-left:3px solid #fbb040;transform:translateX(5px)}.features-sidebar li img{height:28px;margin-right:1rem;width:28px}.features-sidebar li span{color:#1c3d49;font-size:1.3rem;font-weight:600}.features-display{width:60%}.features-display,.features-image{display:flex;justify-content:center;position:relative}.features-image{width:100%}.features-image img{height:auto;margin-left:0;margin-top:7%;max-width:90%}.feature-popup{animation:fadeIn .3s ease forwards;background:#fff;border-left:4px solid #fbb040;border-radius:10px;box-shadow:0 10px 30px #0000001a;max-width:300px;padding:1.25rem;position:absolute}.feature-popup h4{color:#fbb040;margin-bottom:.5rem;margin-top:0}.feature-popup p{color:#555;line-height:1.5;margin-bottom:0}.popup-position-1{left:55%;top:20%}.popup-position-2{left:25%;top:0}.popup-position-3{left:48%;top:20%}.popup-position-4{left:20%;top:70%}.popup-position-5{left:0;top:0}.features-mobile-container{align-items:center;display:flex;flex-direction:column;margin:1rem auto 3rem;width:100%}.mobile-device-image{display:block;margin:0 auto 2rem;max-width:350px;width:90%}.mobile-features-list{margin:0 auto;max-width:500px;width:100%}.mobile-feature-item{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.mobile-feature-item.active{border-color:#fbb040;box-shadow:0 5px 15px #0000001a}.mobile-feature-header{align-items:center;cursor:pointer;display:flex;padding:1rem;position:relative}.mobile-feature-header img{height:24px;margin-right:1rem;width:24px}.mobile-feature-header h3{color:#1c3d49;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.mobile-toggle-icon{align-items:center;color:#fbb040;display:flex;font-size:1.5rem;font-weight:300;height:24px;justify-content:center;width:24px}.mobile-feature-content{animation:mobileSlideDown .3s ease-in-out;border-top:1px solid #f0f0f0;overflow:hidden;padding:0 1rem 1rem}@keyframes mobileSlideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.mobile-feature-content p{color:#555;font-size:.95rem;line-height:1.4;margin:.5rem 0 0}.features-product-button{background-color:#fbb040;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:2rem;margin-top:2rem;padding:.8rem 1.8rem;transition:all .3s ease}.features-product-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}@media (max-width:991px){.features-section{padding:2rem 0}.features-content,.wider-content{padding:0 1.5rem}.wider-content{width:100%}.features-headline{font-size:2rem}.features-description{font-size:1rem;margin-bottom:1.5rem}.mobile-device-image{max-width:350px}}@media (max-width:767px){.features-section{padding:1.5rem 0}.features-content,.wider-content{padding:0 1rem}.features-headline{font-size:1.8rem}.features-description{font-size:1rem;margin-bottom:1.5rem}.mobile-device-image{max-width:300px}.mobile-feature-header h3{font-size:1rem}.mobile-feature-content p{font-size:.9rem}.features-product-button{display:block;margin-left:auto;margin-right:auto;max-width:300px;width:100%}}.mission-max-width{align-items:center;flex-direction:column;justify-content:center}.mission-heading{color:var(--dl-color-scheme-green80);margin-bottom:var(--dl-space-space-halfunit)}.mission-title{font-family:Urbanist;font-size:42px;font-style:normal;font-weight:700;line-height:1.25;margin-bottom:var(--dl-space-space-threeunits);text-align:center}.mission-cards-container{display:flex;flex-direction:column;gap:var(--dl-space-space-twounits);margin:0 auto -100px;max-width:1080px;width:100%}.mission-card{background-color:#ffc78b24;border-radius:0;overflow:hidden;transition:transform .3s ease;width:100%}.mission-card:hover{transform:translateY(-5px)}.mission-card-content{display:flex;min-height:375px}.mission-card-content.reverse{flex-direction:row-reverse}.mission-card-text-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px;text-align:left}.mission-card-image{background-position:50%;background-size:cover;flex:1 1}.sunburn-bg{background-image:url(/static/media/sunburn.2482a0835215d7de7b5d.jpg)}.moisturize-bg{background-image:url(/static/media/moisturize.53e3d1a71658aa3bd83b.jpg)}.plastic-bg{background-image:url(/static/media/singleuse.5607b09bb7c00da5ae3b.jpg)}.mission-card-title{font-size:36px;font-weight:400}.mission-card-text,.mission-card-title{font-family:Roboto,sans-serif;margin-bottom:20px}.mission-card-text{font-size:16px;line-height:1.5}.highlight{color:#1c3d49}.mission-card-button{align-self:flex-start;background-color:#fbb040;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.mission-card-button:hover{background-color:#e9a238}@media(max-width:767px){.mission-title{font-size:32px}.mission-card-content{flex-direction:column;min-height:auto}.mission-card-content.reverse{flex-direction:column}.mission-card-image{min-height:300px}.mission-card-title{font-size:28px}}.faq-section{display:flex;margin-bottom:var(--dl-space-space-threeunits);width:100%}.faq-max-width,.faq-section{align-items:center;flex-direction:column}.faq-max-width{justify-content:center}.faq-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.faq-questions{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0;margin-right:var(--dl-space-space-twounits);max-width:650px;width:50%}.faq-label{color:var(--dl-color-scheme-green80);margin-bottom:var(--dl-space-space-unit)}.faq-headline{font-size:42px;font-style:normal;font-weight:700;line-height:1.25;margin-bottom:var(--dl-space-space-twounits)}.faq-headline,.faq-highlight,.faq-text{font-family:Urbanist}.faq-highlight{color:var(--dl-color-scheme-orange100)}.faq-trigger{align-items:center;border-bottom:1px solid #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem 0;width:100%}.faq-trigger span{font-family:Urbanist;font-size:18px;font-style:normal;font-weight:600;line-height:1.5;text-align:left}.question-content{margin-bottom:0;opacity:0;padding:0}.question-content.open{margin-bottom:1rem;max-height:1000px;opacity:1;padding:1rem;transition:max-height .5s ease-in,opacity .3s ease-in,padding .3s ease-in,margin-bottom .3s ease-in}.faq-question-text{color:var(--dl-color-scheme-black)}.faq-answer-text{color:var(--dl-color-scheme-black80);line-height:1.6}.faq-icon{height:16px;min-height:16px;min-width:16px;width:16px}.faq-icon,.question[data-role=Accordion] .faq-icon{transition:transform .3s ease}.question[data-role=Accordion].open .faq-icon{transform:rotate(45deg)}.faq-image{align-self:center;margin-top:-2rem;max-width:450px;width:45%}@media(max-width:991px){.faq-content{flex-direction:column}.faq-questions{margin-bottom:var(--dl-space-space-twounits);margin-right:0;width:100%}.faq-image{width:70%}}@media(max-width:767px){.faq-section{margin-bottom:var(--dl-space-space-twounits)}.faq-questions{margin-bottom:var(--dl-space-space-oneandhalfunits);width:100%}.faq-image{margin-right:0;width:100%}}@media(max-width:479px){.faq-headline{font-size:36px}}.site-footer{background-color:var(--dl-color-scheme-white);justify-content:center;max-width:100%;padding-bottom:var(--dl-space-space-twounits);padding-left:0;padding-right:0;padding-top:var(--dl-space-space-twounits)}.footer-links-container,.site-footer{align-items:center;display:flex;flex-direction:row;width:100%}.footer-links-container{justify-content:space-between;margin:0 auto;max-width:var(--dl-size-size-maxwidth);padding-left:var(--dl-space-space-threeunits);padding-right:var(--dl-space-space-threeunits)}.footer-columns-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.footer-heading{margin-bottom:var(--dl-space-space-oneandhalfunits)}.footer-link{margin-bottom:var(--dl-space-space-unit)}.footer-link:hover{color:var(--dl-color-scheme-orange100)}@media(max-width:991px){.site-footer{flex-direction:column}.footer-links-container{flex-direction:row;margin-top:var(--dl-space-space-twounits);width:auto}.footer-columns-container{flex-wrap:wrap;margin-right:0}}@media(max-width:767px){.site-footer{padding-left:var(--dl-space-space-twounits);padding-right:var(--dl-space-space-twounits)}.footer-links-container{align-items:center;flex-direction:column;justify-content:space-between;margin-top:var(--dl-space-space-twounits);width:auto}}@media(max-width:479px){.site-footer{padding:var(--dl-space-space-unit)}}.home-container10{background-color:#fff;color:#1c3d49;display:flex;min-height:100vh;width:100%}.home-container10,.home-navbar{align-items:center;flex-direction:column}.home-navbar-interactive{width:100%}.home-logo1,.home-navbar-interactive{align-items:center;display:flex;justify-content:space-between}.home-logo1{flex-direction:row}.home-image1{margin-right:14px;object-fit:cover;width:22px}.home-text11{color:var(--dl-color-scheme-orange100)}.home-desktop-menu{display:flex;flex:1 1;justify-content:flex-end}.home-links1{align-items:center;display:flex;flex:0 0 auto;flex-direction:row}.home-text13,.home-text14,.home-text15{color:var(--dl-color-scheme-green80);margin-right:var(--dl-space-space-twounits)}.home-burger-menu{display:none}.home-icon10{height:var(--dl-size-size-xsmall);width:var(--dl-size-size-xsmall)}.home-mobile-menu{background-color:#fff;height:100vh;justify-content:space-between;left:0;padding:32px;position:absolute;top:0;transform:translateX(100%);transition:.5s;width:100%;z-index:100}.home-mobile-menu,.home-nav{display:flex;flex-direction:column}.home-nav{align-items:flex-start}.home-top{margin-bottom:var(--dl-space-space-threeunits);width:100%}.home-logo2,.home-top{align-items:center;display:flex;justify-content:space-between}.home-logo2{flex-direction:row}.home-image2{margin-right:14px;object-fit:cover;width:22px}.home-text17{color:var(--dl-color-scheme-orange100)}.home-close-menu{align-items:center;display:flex;justify-content:center}.home-icon12{height:var(--dl-size-size-xsmall);width:var(--dl-size-size-xsmall)}.home-links2{align-items:flex-start;align-self:flex-start;display:flex;flex:0 0 auto;flex-direction:column}.home-text19,.home-text20,.home-text21,.home-text22,.home-text23{margin-bottom:var(--dl-space-space-unit)}.home-buttons{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:var(--dl-space-space-unit)}.home-icon14,.home-icon16{margin-right:var(--dl-space-space-twounits)}.home-icon14,.home-icon16,.home-icon18{height:var(--dl-size-size-xsmall);width:var(--dl-size-size-xsmall)}.home-max-width2{align-items:center;margin-top:var(--dl-space-space-threeunits)}.home-content1{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;margin-bottom:var(--dl-space-space-threeunits);margin-right:var(--dl-space-space-twounits);width:45%}.home-subtitle{color:var(--dl-color-scheme-orange100);margin-bottom:var(--dl-space-space-unit)}.home-title1{color:var(--dl-color-scheme-white);font-family:Urbanist;font-size:52px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:var(--dl-space-space-twounits)}.home-text25{color:#f2f8a4}.home-description{color:var(--dl-color-scheme-white);font-size:18px;line-height:1.5;margin-bottom:var(--dl-space-space-threeunits)}.home-text26{color:#ffad61;font-weight:700}.home-container11{align-items:stretch;display:flex;flex:0 0 auto;flex-direction:row;margin-top:var(--dl-space-space-unit);width:100%}.home-image3{align-items:center;display:flex;height:400px;justify-content:center;position:relative;width:100%}.home-hero-image1{flex:1 1;max-width:550px;object-fit:cover}.home-graphic-top{height:100%;max-height:359px;max-width:359px;object-position:center;top:0;width:100%}.home-graphic-top,.home-image4{object-fit:contain;position:absolute;right:-170px}.home-image4{bottom:0}.home-max-width3{align-items:stretch}.home-hero-image2{align-self:flex-start;height:auto;margin:20px 20px 20px 0;object-fit:contain;transition:transform .3s ease;width:700px}.home-hero-image2:hover{transform:scale(1.05)}.home-content2{display:flex;flex-direction:column;justify-content:center;margin-left:14px;width:432px}.home-text28{color:var(--dl-color-scheme-green80);margin-bottom:var(--dl-space-space-unit)}.home-text29{font-family:Urbanist;font-size:42px;font-style:normal;font-weight:700;line-height:1.25;margin-bottom:var(--dl-space-space-twounits);width:375px}.home-text31,.home-text32{color:var(--dl-color-scheme-orange100)}.home-text34{font-size:16px;line-height:1.5;margin-bottom:var(--dl-space-space-threeunits)}.home-container12{align-items:stretch;display:flex;flex:0 0 auto;flex-direction:row;width:100%}.home-section2{background-color:#ffc78b24}.home-max-width4{align-items:stretch;display:flex;flex-direction:row;gap:var(--dl-space-space-threeunits);justify-content:space-between}.home-content3{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:var(--dl-space-space-twounits);width:55%}.home-text35{color:var(--dl-color-scheme-green80);margin-bottom:var(--dl-space-space-unit)}.home-text36{font-family:Urbanist;font-size:42px;font-style:normal;font-weight:700;line-height:1.25;margin-bottom:var(--dl-space-space-twounits)}.home-text37{color:var(--dl-color-scheme-orange100)}.home-text39{font-family:Urbanist}.home-text40{font-size:16px;line-height:1.5;margin-bottom:var(--dl-space-space-threeunits)}.home-container13{align-items:stretch;display:flex;flex:0 0 auto;flex-direction:row;width:100%}.home-hero-image3{height:auto;margin:20px 0;max-width:600px;object-fit:contain;transition:transform .3s ease;width:45%}.home-max-width5{align-items:stretch}.home-image7{align-items:center;display:flex;height:400px;justify-content:center;width:50%}.home-hero-image4{display:none;height:100%;object-fit:cover;width:100%}.home-content4{display:flex;flex-direction:column;justify-content:center;margin-top:var(--dl-space-space-unit);width:40%}.home-content4,.home-text41{margin-bottom:var(--dl-space-space-unit)}.home-text41,.home-text42{color:var(--dl-color-scheme-white)}.home-text42{word-wrap:break-word;font-family:Urbanist;font-size:42px;font-style:normal;font-weight:700;line-height:1.35;margin-bottom:var(--dl-space-space-twounits);white-space:normal}.home-text44{color:var(--dl-color-scheme-orange100);display:inline;white-space:normal;word-break:normal}.home-step1{display:flex;flex-direction:row;margin-bottom:var(--dl-space-space-unit)}.home-number1{align-items:center;background-color:var(--dl-color-scheme-orange100);display:flex;flex:0 0 auto;flex-direction:column;height:64px;justify-content:center;margin-right:var(--dl-space-space-twounits);width:64px}.home-text45{font-family:Urbanist;font-size:28px;font-style:normal;font-weight:700;line-height:1.5}.home-container14{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.home-title2{color:var(--dl-color-scheme-white);font-family:Urbanist;font-size:24px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:var(--dl-space-space-halfunit)}.home-text47{color:#ffad61}.home-text49{color:var(--dl-color-scheme-white)}.home-step2{display:flex;flex-direction:row;margin-bottom:var(--dl-space-space-twounits)}.home-number2{align-items:center;background-color:var(--dl-color-scheme-orange100);display:flex;flex:0 0 auto;flex-direction:column;height:64px;justify-content:center;margin-right:var(--dl-space-space-twounits);width:64px}.home-text50{font-family:Urbanist;font-size:28px;font-style:normal;font-weight:700;line-height:1.5}.home-container15{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.home-title3{color:var(--dl-color-scheme-white);font-family:Urbanist;font-size:24px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:var(--dl-space-space-halfunit)}.home-text52{color:#ffad61}.home-text53,.home-text54{color:#fff}.home-step3{display:flex;flex-direction:row}.home-number3{align-items:center;background-color:var(--dl-color-scheme-orange100);display:flex;flex:0 0 auto;flex-direction:column;height:64px;justify-content:center;margin-right:var(--dl-space-space-twounits);width:64px}.home-text55{font-family:Urbanist;font-size:28px;font-weight:700;line-height:1.5}.home-container16{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.home-title4{color:var(--dl-color-scheme-white);font-family:Urbanist;font-size:24px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:var(--dl-space-space-halfunit)}.home-text57{color:#ffad61}.home-text58{color:var(--dl-color-scheme-white)}.home-max-width6{align-items:center;flex-direction:column;justify-content:center}.home-text59{color:var(--dl-color-scheme-green80);margin-bottom:var(--dl-space-space-halfunit)}.home-text60{font-family:Urbanist;font-size:42px;font-style:normal;font-weight:700;line-height:1.25;margin-bottom:var(--dl-space-space-threeunits);text-align:center}.home-cards-container{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:row;justify-content:space-between;width:100%}.home-max-width7{justify-content:center}.home-faq,.home-max-width7{align-items:center;flex-direction:column}.home-faq{display:flex;margin-bottom:var(--dl-space-space-threeunits);width:100%}.home-faq-content{flex-direction:row;justify-content:space-between;width:100%}.home-faq-content,.home-questions{align-items:flex-start;display:flex}.home-questions{flex:0 0 auto;flex-direction:column;margin-right:var(--dl-space-space-threeunits);width:50%}.home-text61{color:var(--dl-color-scheme-green80);margin-bottom:var(--dl-space-space-unit)}.home-text62{font-size:42px;font-style:normal;font-weight:700;line-height:1.25;margin-bottom:var(--dl-space-space-twounits)}.home-text62,.home-text63,.home-text65{font-family:Urbanist}.home-text65{color:var(--dl-color-scheme-orange100)}.home-trigger{align-items:center;border-bottom:1px solid #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem 0;width:100%}.home-trigger span{font-family:Urbanist;font-size:18px;font-style:normal;font-weight:600;line-height:1.5;text-align:left}.question{margin-bottom:1.5rem}.question-content{padding:.5rem 0 1rem}.home-trigger1,.home-trigger2,.home-trigger3,.home-trigger4{display:none}.question .home-icon{height:16px;min-height:16px;min-width:16px;transition:transform .3s ease;width:16px}.home-image8{border-radius:48px;object-fit:cover;width:45%}.home-banner{align-items:center;background-color:#1c3d49!important;background-image:none!important;display:flex;flex:0 0 auto;flex-direction:column;padding:var(--dl-space-space-fourunits);width:100%}.home-text74{color:var(--dl-color-scheme-lightgreen)}.home-text74,.home-text75{margin-bottom:var(--dl-space-space-halfunit)}.home-text75{color:var(--dl-color-scheme-orange100);font-family:Urbanist;font-size:42px;font-style:normal;font-weight:700;line-height:1.25;text-align:center}.home-text79{color:#fff;margin-bottom:var(--dl-space-space-twounits);text-align:center}.home-btns{align-items:stretch;display:flex;flex:0 0 auto;flex-direction:row}.home-button8{margin-right:0;padding:12px 24px}.home-footer{max-width:var(--dl-size-size-maxwidth);padding:var(--dl-space-space-twounits) var(--dl-space-space-threeunits)}.home-footer,.home-links-container{align-items:center}.home-container17,.home-footer,.home-links-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.home-container17{align-items:flex-start}.home-text83{font-weight:700;margin-bottom:var(--dl-space-space-oneandhalfunits)}.home-text84,.home-text85{margin-bottom:var(--dl-space-space-unit)}.home-text87{font-weight:700;margin-bottom:var(--dl-space-space-oneandhalfunits)}.home-text88,.home-text89,.home-text90{margin-bottom:var(--dl-space-space-unit)}.home-text92{font-weight:700;margin-bottom:var(--dl-space-space-oneandhalfunits)}.home-text93,.home-text94{margin-bottom:var(--dl-space-space-unit)}@media(max-width:991px){.home-content1{margin-right:var(--dl-space-space-unit);margin-top:100px;width:50%}.home-image3{padding-bottom:var(--dl-space-space-threeunits)}.home-hero-image1{margin-bottom:0}.home-max-width3{flex-direction:column}.home-image5{padding-bottom:var(--dl-space-space-threeunits)}.home-hero-image2{margin-bottom:0;margin-left:0;width:100%}.home-content2{margin-left:0;margin-right:0;width:100%}.home-max-width4{flex-direction:column;gap:var(--dl-space-space-twounits)}.home-content3{margin-right:0;width:100%}.home-hero-image3{margin:0 auto;max-width:600px;width:100%}.home-image6{padding-bottom:0}.home-max-width5{flex-direction:column}.home-image7{padding-bottom:var(--dl-space-space-threeunits);width:100%}.home-hero-image4{margin-bottom:0;margin-left:0;width:100%}.home-content4{margin-left:0;margin-right:0;width:100%}.home-faq-content,.home-max-width6,.home-max-width7{flex-direction:column}.home-questions{margin-bottom:var(--dl-space-space-threeunits);margin-right:0;width:100%}.home-image8{width:100%}.home-footer{flex-direction:column}.home-links-container{flex-direction:row;margin-top:var(--dl-space-space-twounits);width:auto}.home-container17{flex-wrap:wrap;margin-right:0}.landing-section.full-width{min-height:70vh;padding:5rem 5%}.landing-content{flex:0 0 70%;margin-left:0;max-width:650px}.main-headline{font-size:36px;max-width:100%}.main-description{font-size:16px;max-width:95%}}@media(min-width:569px) and (max-width:1489px){.landing-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 12px #00000014;margin-left:3%;max-width:550px;padding:25px}.landing-section.full-width{background-position:70%!important;background-size:cover!important}.home-section3{position:relative}.home-content4{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#1c3d49d9;border-radius:10px;margin-left:3%;max-width:500px;padding:25px}}@media(max-width:767px){.home-desktop-menu,.home-links1{display:none}.home-burger-menu{align-items:center;display:flex;justify-content:center}.home-text19{margin-bottom:var(--dl-space-space-unit)}.home-text20,.home-text21,.home-text22,.home-text23{margin-bottom:var(--dl-space-space-unit);margin-left:0}.home-max-width2{flex-direction:column-reverse;margin-top:50px}.home-content1{margin-right:0;width:100%}.home-hero-image1{margin-right:0}.home-content2,.home-content3,.home-content4{margin-right:0;width:100%}.home-cards-container{flex-wrap:wrap;gap:var(--dl-space-space-oneandhalfunits);justify-content:center}.home-faq{flex-direction:column;margin-bottom:var(--dl-space-space-twounits)}.home-questions{margin-bottom:var(--dl-space-space-oneandhalfunits);width:100%}.home-image8{margin-right:0;width:100%}.home-banner{padding:var(--dl-space-space-twounits)}.home-footer{padding-left:var(--dl-space-space-twounits);padding-right:var(--dl-space-space-twounits)}.home-links-container{align-items:center;flex-direction:column;justify-content:space-between;margin-top:var(--dl-space-space-twounits);width:auto}.home-container17{justify-content:space-between;width:100%}.home-text36{font-size:32px;width:100%}.landing-section.full-width{min-height:auto;padding:4rem 5%}.landing-content{flex:0 0 100%;margin:0 auto;max-width:90%;padding:20px 25px}.main-headline{font-size:36px;line-height:1.2;margin-bottom:1rem}.main-description{font-size:16px;line-height:1.5;margin-bottom:1.5rem}.buttons-container{align-items:flex-start;flex-direction:column}.landing-signup{margin-left:0;margin-top:1rem}.home-text42{word-wrap:break-word;font-size:32px;line-height:1.2;overflow-wrap:break-word}.home-content4{margin-left:0;padding:20px}}@media(max-width:479px){.home-mobile-menu{padding:16px}.home-banner{padding:var(--dl-space-space-twounits) var(--dl-space-space-unit)}.home-footer{padding:var(--dl-space-space-unit)}.home-links-container{align-items:flex-start;flex-direction:column;justify-content:space-between}.home-container17{align-items:center;justify-content:space-between;margin-right:0}.home-hero-image3{max-width:100%}.home-text36{font-size:28px}.main-description{font-size:15px}.main-headline{font-size:30px}.home-text42{font-size:28px}.home-content4,.landing-content{padding:15px}}html{scroll-behavior:smooth}.navbarLink{cursor:pointer}.faq-image{border-radius:48px;object-fit:cover;width:40%}@media(max-width:991px){.faq-image{width:100%}}@media(max-width:767px){.faq-image{margin-right:0;width:100%}}.question-content{transition:max-height .3s ease-out}.top-intro-section{background-color:initial;display:flex;margin-bottom:2rem;padding:3rem 2rem;width:100%}.top-left-section{max-width:800px;padding:2rem 3rem}.section-label{color:#a0b8b4;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.section-headline{color:#fff;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:1rem}.section-description{color:#d5d5d5;font-size:18px;line-height:1.5;max-width:80%}.home-image3{background-color:#fff;border:1px solid #eee;box-shadow:0 2px 10px #0000000d;padding:1rem}.section-container{margin:1rem auto;padding:1.5rem 0;width:90%}.home-section3{background-color:var(--dl-color-scheme-green100);background-image:url(/static/media/block_feature.e0b65f3d82969cde10fe.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:1rem auto;width:90%}.home-section5{margin:0 auto;padding-top:var(--dl-space-space-unit);width:90%}.home-section5.section-container{margin-bottom:20px;margin-top:0;padding-top:var(--dl-space-space-twounits);width:90%}.features-container{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:row;justify-content:space-between;width:100%}.features-container:before{background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.features-content{color:#fff;margin:0 auto;max-width:1400px;position:relative;text-align:center;width:95%;z-index:1}.features-heading{margin-bottom:3rem;position:relative;text-align:center;width:100%}.features-heading h2{color:var(--dl-color-scheme-orange100);font-size:36px;font-weight:700;margin:0;text-shadow:1px 1px 3px #00000080}.features-heading p{color:#fff;font-size:18px;margin:.5rem auto 0;max-width:700px;text-shadow:1px 1px 3px #00000080}.features-columns-container{align-items:center;display:flex;gap:2rem;justify-content:center;width:100%}.features-column{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.features-column.left-features{text-align:right}.features-column.right-features{text-align:left}.device-container{align-items:center;display:flex;flex:0 0 30%;justify-content:center;position:relative}.device-container img{height:auto;max-width:100%}.feature-block{background-color:#0006;cursor:pointer;display:flex;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:transform .3s,background-color .3s}.feature-block:hover{background-color:#0009;transform:translateY(-5px)}.feature-block.active{background-color:#fbb0404d;transform:translateY(-5px)}.left-features .feature-block{justify-content:flex-end;text-align:right}.left-features .feature-block .feature-icon{margin-left:15px;margin-right:0;order:2}.left-features .feature-block .feature-content{order:1}.right-features .feature-block{justify-content:flex-start;text-align:left}.feature-content h3{color:#fff;font-weight:600;margin-bottom:.5rem}.feature-content p{color:#ffffffe6;font-size:16px;line-height:1.4}.feature-icon{color:var(--dl-color-scheme-orange100);font-size:24px;margin-right:15px}.left-features .feature-block:after{right:-40px}.left-features .feature-block:after,.right-features .feature-block:before{background-color:#fff;content:"";height:1px;position:absolute;top:50%;width:40px}.right-features .feature-block:before{left:-40px}@media(max-width:991px){.features-columns-container{flex-direction:column}.device-container{margin:2rem 0;order:1}.features-column{flex:0 0 100%}.features-column.left-features{order:2;text-align:left}.features-column.right-features{order:3}.left-features .feature-block{justify-content:flex-start;text-align:left}.left-features .feature-block .feature-icon{margin-left:0;margin-right:15px;order:1}.left-features .feature-block .feature-content{order:2}.left-features .feature-block:after,.right-features .feature-block:before{display:none}}.landing-section.full-width{align-items:center;background-position:50%!important;background-repeat:no-repeat;background-size:cover!important;border:none!important;box-shadow:none!important;box-sizing:border-box;display:flex;justify-content:flex-start;left:0;margin:0;min-height:80vh;outline:none!important;overflow:hidden;padding:4rem 5%;position:relative;width:100%}.landing-section.full-width:before{background-color:#ffffff26;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.landing-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 12px #00000014;flex:0 0 55%;margin-left:5%;max-width:650px;padding:25px 30px;text-align:left;z-index:1}.small-label{display:inline-block;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem}.main-headline{display:block;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:1.5rem;max-width:100%;white-space:normal}.main-description,.main-headline{word-wrap:break-word;overflow-wrap:break-word}.main-description{color:#333;font-family:Roboto,sans-serif;font-size:18px;line-height:1.6;margin-bottom:2rem;max-width:95%}.buttons-container{align-items:center;display:flex;justify-content:flex-start;margin-top:2rem}@media(max-width:991px){.landing-section.full-width{min-height:70vh;padding:5rem 5%}.landing-content{flex:0 0 70%;margin-left:0;max-width:650px}.main-headline{font-size:36px;max-width:100%}.main-description{font-size:16px;max-width:95%}}@media(max-width:767px){.landing-section.full-width{min-height:auto;padding:4rem 5%}.landing-content{flex:0 0 100%;margin:0 auto;max-width:90%;padding:20px 25px}.main-headline{font-size:36px;line-height:1.2;margin-bottom:1rem}.main-description{font-size:16px;line-height:1.5;margin-bottom:1.5rem}.buttons-container{align-items:flex-start;flex-direction:column}.landing-signup{margin-left:0;margin-top:1rem}}@media(max-width:767px) and (min-width:529px){.home-text42,.main-headline{word-wrap:break-word;font-size:32px;line-height:1.2;overflow-wrap:break-word}.home-content4{padding:0 1rem}}@media(max-width:529px){.main-description{font-size:15px}.main-headline{font-size:32px}.home-text42{font-size:30px}}@media(min-width:569px) and (max-width:1489px){.landing-content{flex:0 0 50%;max-width:600px;z-index:10}.main-headline{font-size:36px;line-height:1.2;margin-bottom:1rem;max-width:100%}.landing-section.full-width{background-position:100%!important}.home-text42{font-size:36px;line-height:1.3;max-width:90%}}.facts-cta-section{background-color:#1c3d49e6!important;justify-content:center;margin:2rem auto;padding:4rem 0}.facts-cta-section.section-container{background-color:#1c3d49e6!important;border-radius:8px;margin:2rem auto;max-width:1400px;width:90%}.cta-banner{margin:0 auto;padding:0 2rem;width:100%}.cta-banner .beforeHeading{color:#fff;margin-bottom:1rem}.cta-banner h2{color:var(--dl-color-scheme-orange100);font-weight:700;margin:1rem 0}.cta-banner p{color:#fff;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{align-items:center;gap:1.5rem}@media(max-width:991px){.facts-cta-section.section-container{padding:3rem 0;width:95%}.cta-banner h2{font-size:32px}}@media(max-width:767px){.facts-cta-section.section-container{margin:1rem auto;padding:2.5rem 1rem;width:100%}.cta-banner{padding:0 1rem}.cta-banner h2{font-size:28px}.cta-banner p{font-size:16px}.cta-buttons{flex-direction:column;gap:1rem}.cta-buttons .button,.cta-buttons button{width:100%}}.cta-email-signup .email-signup-button{background-color:initial;border:2px solid #fff;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:.8rem 1.8rem;transition:all .3s ease}.cta-email-signup .email-signup-button:hover{background-color:#ffffff1a}.cta-email-signup .email-signup-form{display:flex}.cta-email-signup .email-input{background-color:initial;border:2px solid #fff;border-right:none;color:#fff;padding:.8rem}.cta-email-signup .email-input::placeholder{color:#ffffffb3}.cta-email-signup .email-enter-button{background-color:#fff;border:2px solid #fff;color:#1c3d49;cursor:pointer;font-weight:600;padding:.8rem 1.2rem}.contact-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.contact-form-container{padding-bottom:var(--dl-space-space-fourunits);padding-top:var(--dl-space-space-fourunits)}.contact-content{margin:0 auto;max-width:600px;padding:var(--dl-space-space-twounits)}.contact-title{color:var(--dl-color-scheme-black);font-family:Urbanist;font-size:48px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:var(--dl-space-space-twounits)}.contact-description{color:var(--dl-color-scheme-black80);margin-bottom:var(--dl-space-space-threeunits)}.contact-form{width:100%}.form-group label{font-family:Urbanist}.form-group input,.form-group textarea{font-family:Titillium Web}.contact-navbar{align-items:center;background-color:var(--dl-color-scheme-white);box-shadow:0 0 20px 0 #00000026;justify-content:center;position:sticky;top:0;z-index:1000}.contact-navbar,.getstarted-container{display:flex;flex-direction:column;width:100%}.getstarted-container{background-color:#fff;color:#1c3d49;font-family:Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.getstarted-section{background-color:#fff;background-image:var(--getstarted-background-image);background-position:80%;background-repeat:no-repeat;background-size:30%;margin:1rem auto;padding:40px 0;width:90%}.getstarted-max-width{align-items:stretch;display:flex}.getstarted-content{display:flex;flex-direction:column;justify-content:center;padding-left:2rem;width:50%}.getstarted-content,.getstarted-text{color:#1c3d49;font-family:Roboto,sans-serif}.getstarted-text{margin-bottom:var(--dl-space-space-unit)}.getstarted-text-title{word-wrap:break-word;color:#1c3d49;font-family:Roboto,sans-serif;font-size:42px;font-style:normal;font-weight:700;line-height:1.35;margin-bottom:var(--dl-space-space-threeunits);white-space:normal}.getstarted-text-title strong{color:#fbb040;font-family:Roboto,sans-serif}.getstarted-text-orange{color:#ffad61!important;font-family:Roboto,sans-serif}.getstarted-step{align-items:baseline;display:flex;flex-direction:row;margin-bottom:var(--dl-space-space-twounits)}.getstarted-number{flex:0 0 auto;margin-right:.75rem}.getstarted-step-number{color:#1c3d49;font-family:Roboto,sans-serif;font-size:28px;font-weight:600;line-height:1.5;position:relative;top:2px}.getstarted-container-step{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.getstarted-title-step{color:#1c3d49;font-family:Roboto,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:var(--dl-space-space-halfunit)}.getstarted-description{color:#1c3d49;font-family:Roboto,sans-serif;line-height:1.6}.getstarted-form-container{margin-top:0;padding-bottom:var(--dl-space-space-fourunits);padding-top:var(--dl-space-space-twounits)}.getstarted-form-content{margin:0 auto;max-width:600px;padding:var(--dl-space-space-twounits)}.getstarted-form-title{color:var(--dl-color-scheme-black);font-family:Urbanist;font-size:42px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:var(--dl-space-space-unit)}.getstarted-form-description{color:var(--dl-color-scheme-black80);font-size:16px;line-height:1.5;margin-bottom:var(--dl-space-space-twounits)}.getstarted-form{width:100%}.form-group{margin-bottom:var(--dl-space-space-unit)}.form-group label{font-family:Roboto,sans-serif;font-weight:600;margin-bottom:var(--dl-space-space-halfunit)}.form-group input,.form-group textarea{border:1px solid var(--dl-color-scheme-black20);font-family:Roboto,sans-serif;padding:12px}.form-group textarea{min-height:150px}.getstarted-footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:var(--dl-size-size-maxwidth);padding:var(--dl-space-space-twounits) var(--dl-space-space-threeunits);width:100%}@media(max-width:991px){.getstarted-max-width{align-items:center;flex-direction:column}.getstarted-content{align-items:center;margin-left:0;margin-right:0;padding-left:1rem;padding-right:1rem;text-align:center;width:100%}.getstarted-section{background-image:var(--getstarted-background-image);background-position:center 20px;background-size:40%}.getstarted-step{align-items:center;flex-direction:column;margin-bottom:var(--dl-space-space-oneandhalfunits);text-align:center}.getstarted-number{margin-bottom:.5rem;margin-right:0}.getstarted-text-title{font-family:Roboto,sans-serif;font-size:36px}}@media(max-width:767px){.getstarted-section{background-image:var(--getstarted-background-image);background-position:center calc(100% - 20px);background-repeat:no-repeat;background-size:70%;margin:0;padding:40px 1rem 55%;width:100%}.getstarted-content{align-items:center;padding:1rem;text-align:center;width:100%}.getstarted-text-title{font-family:Roboto,sans-serif;font-size:32px;line-height:1.2}.getstarted-form-title{font-size:32px}.getstarted-footer{padding-left:var(--dl-space-space-twounits);padding-right:var(--dl-space-space-twounits)}}@media(max-width:479px){.getstarted-text-title{font-size:28px}.getstarted-title-step{font-size:20px}.getstarted-form-title{font-size:28px}.getstarted-footer{padding:var(--dl-space-space-unit)}}.button.button-primary{background-color:#fbb040;border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.button.button-primary:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.product-container{align-items:flex-start;background-color:#fff;color:#1c3d49;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;width:100%}.product-content{display:flex;flex-direction:row;justify-content:space-between;margin-top:2rem;padding:2rem 5rem 3rem;width:100%}.product-info-section{flex:1 1;max-width:50%;padding-left:1rem;padding-right:2rem}.product-label{color:var(--dl-color-scheme-green80);display:block;font-size:16px;font-weight:600;margin-bottom:.5rem}.product-headline{font-family:Urbanist,sans-serif;font-size:36px;line-height:1.2;margin-bottom:1rem}.product-description{font-size:16px;line-height:1.5;margin-bottom:2rem}.product-images{display:flex;flex-direction:column;gap:1.5rem}.product-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%}.product-model-section{flex:1 1;justify-content:flex-start}.model-container-wrapper,.product-model-section{align-items:center;display:flex;flex-direction:column}.model-container-wrapper{margin-bottom:5rem;width:100%}.model-title{align-self:flex-start;color:#1c3d49;font-size:20px;font-weight:600;margin-bottom:1rem;margin-left:10%}.model-viewer-container{height:400px;margin:0 auto;max-width:400px;width:100%}.product-image-wrapper{align-items:center;border-top:1px solid #eee;display:flex;flex-direction:column;margin-top:2rem;padding-top:2rem;width:100%}.exploded-view-title{align-self:flex-start;color:#1c3d49;font-size:20px;font-weight:600;margin-bottom:1rem;margin-left:10%}.product-image-container{align-items:center;display:flex;flex-direction:column;width:100%}.product-detail-image{border-radius:8px;box-shadow:0 4px 8px #00000014;width:70%}.product-image-caption{align-self:flex-start;color:#777;font-size:14px;margin-left:15%;margin-top:12px;text-align:left}.product-cta-section{background-color:#f8f8f8;display:flex;justify-content:center;margin:2rem 0;padding:3rem 2rem;width:100%}.product-cta-content{max-width:800px;text-align:center}.product-cta-content h3{color:#1c3d49;font-size:28px;margin-bottom:1rem}.product-cta-content p{color:#555;font-size:18px;margin-bottom:2rem}.product-cta-buttons{display:flex;gap:1.5rem;justify-content:center}.product-cta-button{background-color:#fbb040;border:none;border-radius:0;color:#fff}.product-cta-button,.product-download-button{cursor:pointer;font-size:18px;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.product-download-button{background-color:initial;border:1px solid #1c3d49;border-radius:0;color:#1c3d49}.product-cta-button:hover,.product-download-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.product-download-button:hover{background-color:#1c3d49;color:#fff}.product-features{margin:1.5rem 0;padding-left:0;width:100%}.features-heading{color:var(--dl-color-scheme-green80);font-family:Urbanist,sans-serif;font-size:24px;font-weight:700}.features-category,.features-heading{margin-bottom:1.5rem}.category-title{color:#fbb040;font-family:Urbanist,sans-serif;font-size:18px;font-weight:600;margin-bottom:.75rem}.features-list{list-style-type:none;margin:0;padding-left:.5rem}.features-list li{align-items:flex-start;display:flex;font-size:16px;line-height:1.4;margin-bottom:.75rem}.feature-bullet{color:#fbb040;font-size:20px;line-height:1;margin-right:10px}@media (max-width:1200px){.product-content{padding:2rem 3rem}}@media (max-width:991px){.product-content{flex-direction:column-reverse;gap:3rem;padding:1.5rem}.product-info-section,.product-model-section{max-width:100%;padding-left:0;padding-right:0;width:100%}.product-model-section{margin-bottom:2rem;width:100%}.model-container-wrapper{margin-bottom:6rem;width:100%}.product-image-wrapper{margin-top:3rem;padding-top:3rem;width:100%}.model-viewer-container{height:350px;max-width:350px}.exploded-view-title,.model-title{align-self:center;margin-left:0;text-align:center}.product-detail-image{max-width:500px;width:85%}.product-image-caption{margin-left:7.5%}.product-headline{font-size:28px}}@media (max-width:767px){.product-content{gap:2rem;padding:1rem}.product-cta-section{padding:2rem 1rem}.product-cta-buttons{flex-direction:column;gap:1rem}.product-cta-button,.product-download-button{width:100%}.model-container-wrapper{margin-bottom:4rem}.model-viewer-container{height:300px;max-width:300px}.product-image-wrapper{margin-top:4rem;padding-top:3rem}.product-image-caption{margin-left:0;text-align:center;width:100%}.features-heading{font-size:22px}.category-title{font-size:16px}.features-list li{font-size:14px}.product-info-section{margin-top:2rem}}@media (max-width:479px){.product-content{gap:5rem;padding-top:2rem}.model-viewer-container{height:250px;max-width:250px}.product-detail-image{max-width:350px;width:90%}.product-info-section{margin-top:3rem}.model-container-wrapper{margin-bottom:5rem}.product-image-wrapper{margin-top:5rem;padding-top:3rem}}.sunscreen-facts-container{min-height:100vh;overflow-x:hidden;position:relative}.facts-hero-section,.sunscreen-facts-container{align-items:center;display:flex;flex-direction:column;width:100%}.facts-hero-section{background-color:#fff}.facts-hero-section .max-width{align-items:flex-start;display:flex;flex-direction:column;max-width:1200px;padding:0 20px}.facts-hero-section .beforeHeading{align-self:flex-start;color:#fbb040;text-align:left}.facts-hero-section .facts-title{align-self:flex-start;color:#1c3d49;margin-top:10px;text-align:left}.facts-hero-section .facts-subtitle{color:#1c3d49;font-size:20px;line-height:1.6;max-width:800px;padding:0;text-align:left}.facts-title{font-size:48px;margin-bottom:20px;margin-top:20px}.facts-subtitle{font-size:20px;line-height:1.6;max-width:800px;padding:0 20px;text-align:center}.facts-section{align-items:center;display:flex;flex-direction:column;margin-top:-80px;padding:20px 0 80px;width:100%}.section-title{font-size:36px;margin-bottom:50px}.facts-section .max-width{align-items:flex-start;display:flex;flex-direction:column;margin-top:0;max-width:1200px;padding:0 20px;width:100%}.facts-section .beforeHeading{align-self:flex-start;margin-top:0;text-align:left}.facts-section .section-title{align-self:flex-start;margin-top:10px;text-align:left}.facts-grid{grid-gap:30px;align-self:center;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px;width:100%}.fact-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;padding:30px;transition:transform .3s ease}.fact-card:hover{transform:translateY(-5px)}.fact-card h3{color:#333;font-size:22px;margin-bottom:15px}.fact-card p{font-size:16px;line-height:1.6;margin-bottom:15px}.highlight{color:#d4af37;font-weight:700}.source-text{color:#777;display:block;font-size:12px;font-style:italic}.facts-cta-section{background:#2b8b77;padding:80px 0}.facts-cta-section,.footer{align-items:center;color:#fff;display:flex;flex-direction:column;width:100%}.footer{background-color:#222;padding:60px 0}.links-container{align-items:flex-start;display:flex;flex-direction:column;max-width:1200px;width:100%}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px;width:100%}.footer-column{margin-bottom:30px;min-width:200px}.footer-heading{font-size:18px;font-weight:700;margin-bottom:20px}.footer-link{color:#aaa;cursor:pointer;margin-bottom:10px;transition:color .3s ease}.footer-link:hover{color:#fff}@media (max-width:768px){.facts-grid{grid-template-columns:1fr}.fact-card{margin-bottom:20px}.facts-title{font-size:36px}.section-title{font-size:30px}}.how-to-use-container{min-height:100vh;overflow-x:hidden;position:relative}.hero-section,.how-to-use-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;width:100%}.hero-section{padding-top:30px}.hero-section .max-width{align-items:flex-start;display:flex;flex-direction:column;max-width:1200px;padding:0 20px}.hero-section .beforeHeading{align-self:flex-start;color:#fbb040;text-align:left}.hero-title{align-self:flex-start;font-size:48px;margin-bottom:20px;margin-top:10px}.hero-subtitle,.hero-title{color:#1c3d49;text-align:left}.hero-subtitle{font-size:20px;line-height:1.6;max-width:800px;padding:0}.how-to-use-container .dashboard-section{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:20px 0 15px;width:100%}.how-to-use-container .dashboard-section .max-width{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.location-selector{align-items:center;align-self:center;background-color:#f8f9fa;border-radius:12px;display:flex;gap:15px;justify-content:center;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:400px;padding:15px;width:auto}.location-selector label{color:#1c3d49;font-size:16px;font-weight:600}.location-dropdown{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1c3d49;cursor:pointer;font-size:16px;padding:10px 15px;transition:border-color .3s ease}.location-dropdown:hover{border-color:#fbb040}.location-dropdown:focus{border-color:#fbb040;box-shadow:0 0 0 3px #fbb0401a;outline:none}.how-to-use-container .compact-dashboard-card{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:15px;justify-content:center;margin:15px auto 10px;max-width:400px;padding:25px;text-align:center;width:auto}.centered-heading{align-self:center!important;text-align:center!important}.uv-ring,.uv-ring-container{position:relative}.uv-ring{align-items:center;background:linear-gradient(45deg,#fff,#f8f8f8);border:8px solid #e0e0e0;border-radius:50%;display:flex;flex-direction:column;height:160px;justify-content:center;width:160px}.uv-ring.uv-low{border-color:#2ecc71;box-shadow:0 0 20px #2ecc714d}.uv-ring.uv-moderate{border-color:#f1c40f;box-shadow:0 0 20px #f1c40f4d}.uv-ring.uv-high{border-color:#ff8c42;box-shadow:0 0 20px #ff8c424d}.uv-ring.uv-very-high{border-color:#e74c3c;box-shadow:0 0 20px #e74c3c4d}.uv-ring.uv-extreme{border-color:#8e44ad;box-shadow:0 0 20px #8e44ad4d}.uv-ring.uv-low:before{background:conic-gradient(#2ecc71 0deg,#2ecc71 280deg,#e0e0e0 280deg)}.uv-ring.uv-moderate:before{background:conic-gradient(#f1c40f 0deg,#f1c40f 280deg,#e0e0e0 280deg)}.uv-ring.uv-high:before{background:conic-gradient(#ff8c42 0deg,#ff8c42 280deg,#e0e0e0 280deg)}.uv-ring.uv-very-high:before{background:conic-gradient(#e74c3c 0deg,#e74c3c 280deg,#e0e0e0 280deg)}.uv-ring.uv-extreme:before{background:conic-gradient(#8e44ad 0deg,#8e44ad 280deg,#e0e0e0 280deg)}.uv-ring:before{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px;z-index:-1}.uv-value{color:#1c3d49;font-size:36px;font-weight:700}.uv-label{color:#777;font-size:12px}.uv-label,.uv-level{text-transform:uppercase}.uv-level{color:#999;font-size:10px;margin-top:2px}.loading-spinner{color:#1c3d49;font-size:36px;font-weight:700}.instructions-section{align-items:center;display:flex;flex-direction:column;padding:15px 0 80px;width:100%}.alternate-bg{background-color:#f9f9f9}.section-title{align-self:center;color:#1c3d49;font-size:42px;font-weight:700;margin-bottom:20px;margin-top:5px;text-align:center}.instructions-section .section-title{font-size:48px;margin-bottom:30px}.instruction-cards{display:flex;gap:30px;margin-top:20px;width:100%}.instruction-card{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;display:flex;flex:1 1;gap:30px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.instruction-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-5px)}.card-step-3{flex-direction:row-reverse}.step-number{background:linear-gradient(135deg,#fbb040,#ff8c42);box-shadow:0 4px 15px #fbb0404d;color:#fff;flex-shrink:0;font-size:32px;font-weight:700;height:80px;width:80px}.step-content h3{color:#1c3d49;font-size:24px;font-weight:600;margin-bottom:12px}.step-content p{color:#555;font-size:16px;line-height:1.6;margin-bottom:15px}.step-visual{display:flex;justify-content:center;margin-top:15px}.mini-screen{background-color:#1c3d49;border-radius:8px;color:#fff;min-width:100px;padding:15px}.screen-content{text-align:center}.screen-sun-icon{font-size:20px;margin-bottom:5px}.screen-price{color:#fbb040;font-size:18px;font-weight:700}.screen-uv{font-size:12px;margin-top:5px}.payment-options{display:flex;gap:10px;justify-content:center}.payment-icon{background-color:#f0f0f0;border-radius:8px;font-size:24px;padding:10px}.hand-wave-demo{align-items:center;display:flex;gap:15px}.hand-icon{font-size:30px}.wave-indicator{display:flex;flex-direction:column;gap:3px}.wave-line{animation:wave 1.5s ease-in-out infinite;background-color:#fbb040;border-radius:1px;height:2px;width:20px}.wave-line:nth-child(2){animation-delay:.2s}.wave-line:nth-child(3){animation-delay:.4s}@keyframes wave{0%,to{opacity:.3}50%{opacity:1}}.application-guide-section{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:80px 0;width:100%}.guide-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px;width:100%}.guide-card{background-color:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:30px;text-align:center;transition:transform .3s ease}.guide-card:hover{border-color:#fbb040;transform:translateY(-3px)}.guide-icon{align-items:center;display:flex;font-size:48px;height:60px;justify-content:center;margin-bottom:20px}.guide-card h3{color:#1c3d49;font-size:20px;margin-bottom:15px}.guide-card p{color:#555;font-size:14px;line-height:1.5;margin-bottom:15px}.guide-amount{background-color:#fef7ed;border-radius:20px;color:#fbb040;display:inline-block;font-size:12px;font-weight:700;padding:8px 16px;text-transform:uppercase}.tips-section{align-items:center;display:flex;flex-direction:column;padding:80px 0;width:100%}.tips-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;width:100%}.tip-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:25px;text-align:center;transition:transform .3s ease}.tip-card:hover{transform:translateY(-3px)}.tip-icon{align-items:center;display:flex;font-size:36px;height:50px;justify-content:center;margin-bottom:15px}.tip-card h3{color:#1c3d49;font-size:18px;margin-bottom:10px}.tip-card p{color:#555;font-size:14px;line-height:1.5}.troubleshooting-section{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:80px 0;width:100%}.troubleshooting-cards{display:flex;flex-direction:column;gap:20px;margin-top:20px;max-width:800px;width:100%}.trouble-card{background-color:#f8f9fa;border-left:4px solid #fbb040;border-radius:12px;padding:25px}.trouble-message{color:#1c3d49;font-size:16px;font-weight:700;margin-bottom:10px}.trouble-explanation{color:#555;font-size:14px;line-height:1.5}.cta-section{align-items:center;color:#fff;display:flex;flex-direction:column;padding:80px 0;width:100%}.orange-gradient-bg{background:linear-gradient(135deg,#fbb040,#ff8c42 50%,#ff6b35);position:relative}.orange-gradient-bg:before{background:radial-gradient(circle at 30% 70%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-banner{max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:1}.cta-banner .beforeHeading{color:#ffffffe6;display:block;margin-bottom:10px;text-align:center}.cta-banner h2{color:#fff;font-size:36px;margin:20px 0;text-align:center}.cta-banner p{color:#fffffff2;font-size:18px;line-height:1.6;margin-bottom:30px;text-align:center}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.application-guide-section .max-width,.dashboard-section .max-width,.instructions-section .max-width,.tips-section .max-width,.troubleshooting-section .max-width{align-items:flex-start;display:flex;flex-direction:column;max-width:1200px;padding:0 20px}.application-guide-section .beforeHeading,.dashboard-section .beforeHeading,.instructions-section .beforeHeading,.tips-section .beforeHeading,.troubleshooting-section .beforeHeading{align-self:flex-start;color:#fbb040;margin-top:0;text-align:left}@media (max-width:1024px){.how-to-use-container .compact-dashboard-card{margin:10px auto;max-width:350px;padding:20px}.how-to-use-container .instruction-cards{flex-direction:column;gap:25px}.how-to-use-container .instruction-card{flex-direction:row!important;padding:30px}.how-to-use-container .location-selector{align-self:center;margin-left:auto;margin-right:auto;max-width:350px;text-align:center}.instructions-section .section-title{align-self:center;font-size:40px;text-align:center}}@media (max-width:768px){.hero-title{font-size:36px}.section-title{font-size:32px}.instructions-section .section-title{align-self:center;font-size:36px;text-align:center}.how-to-use-container .compact-dashboard-card{margin:8px auto;max-width:90%;padding:15px}.how-to-use-container .location-selector{flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;max-width:90%;padding:12px;text-align:center}.uv-ring{height:120px;width:120px}.uv-value{font-size:28px}.instruction-card{flex-direction:column!important;padding:25px;text-align:center}.step-content{order:2}.step-number{font-size:28px;height:70px;order:1;width:70px}.step-content h3{font-size:22px}.step-content p{font-size:15px}.guide-cards,.tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-section{padding-top:15px}.hero-title{font-size:28px}.instructions-section .section-title{font-size:32px}.how-to-use-container .compact-dashboard-card{margin:5px auto;max-width:95%;padding:12px}.how-to-use-container .location-selector{margin-left:auto;margin-right:auto;max-width:95%;padding:10px}.instruction-card{padding:20px}.step-number{font-size:24px;height:60px;width:60px}.step-content h3{font-size:20px}.step-content p{font-size:14px}.cta-banner h2{font-size:28px}.cta-buttons{align-items:center;flex-direction:column}.how-to-use-container .location-dropdown{max-width:200px;width:100%}}.block-map-container{min-height:100vh;overflow-x:hidden;position:relative}.block-map-container,.map-hero-section{align-items:center;background-color:#fff;display:flex;flex-direction:column;width:100%}.map-hero-section{padding:60px 0 40px}.map-hero-section .max-width{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:0 20px;text-align:center}.map-hero-section .beforeHeading{color:#fbb040;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.map-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:10px 0 20px}.map-subtitle,.map-title{color:#1c3d49;text-align:center}.map-subtitle{font-size:18px;line-height:1.6;margin:0;max-width:600px;padding:0}.map-section{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 20px 60px;width:100%}.map-stats{display:flex;gap:40px;justify-content:center;margin-bottom:30px}.stat{align-items:center;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;min-width:120px;padding:20px;text-align:center}.stat-number{color:#fbb040;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px}.stat-label{color:#555;font-size:.9rem;letter-spacing:.5px}.map-container{background-color:#f0f0f0;border:1px solid #fffc;border-radius:16px;box-shadow:0 8px 32px #0000001a;height:600px;overflow:hidden;width:100%}.map{border-radius:16px;height:100%;width:100%}.map-info-window{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:300px;padding:15px}.map-info-window h3{border-bottom:2px solid #fbb040;color:#1c3d49;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.map-info-window p{color:#555;font-size:14px;line-height:1.4;margin:8px 0}.map-info-window strong{color:#1c3d49;font-weight:600}.map-info-window .status-active{color:#28a745;font-weight:600}.map-info-window .status-inactive{color:#6c757d;font-weight:600}.map-info-window .status-error{color:#dc3545;font-weight:600}.map-info-window .status-free{color:#17a2b8;font-weight:600}.map-info-window .status-test{color:#ffc107;font-weight:600}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px}.loading-spinner{color:#fbb040;font-size:48px;margin-bottom:20px}.loading-container p{color:#555;font-size:18px;margin:0}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;font-size:18px;margin-bottom:20px;max-width:600px;padding:20px}.retry-button{background-color:#fbb040;border-radius:8px;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.retry-button:hover{background-color:#e6a536}.no-blocks-message{background-color:#f8f9fa;border:2px dashed #ddd;border-radius:12px;margin-top:20px;padding:40px;text-align:center}.no-blocks-message p{color:#6c757d;font-size:16px;margin:0}@media (max-width:768px){.map-title{font-size:36px}.map-subtitle{font-size:16px}.map-hero-section{padding:40px 0 30px}.map-section{padding:0 15px 40px}.map-stats{align-items:center;flex-direction:column;gap:20px}.stat{min-width:200px}.map-container{height:500px}.map,.map-container{border-radius:12px}.map-info-window{max-width:250px;padding:12px}.map-info-window h3{font-size:16px}.map-info-window p{font-size:13px}}@media (max-width:480px){.map-title{font-size:28px}.map-subtitle{font-size:15px}.map-hero-section{padding:30px 0 20px}.map-section{padding:0 10px 30px}.stat{min-width:150px;padding:15px}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}.map-container{height:400px}.map,.map-container{border-radius:8px}.map-info-window{max-width:200px;padding:10px}.error-container,.loading-container{min-height:50vh;padding:20px}.loading-spinner{font-size:36px}.error-message,.loading-container p{font-size:16px}}.about-container{min-height:100vh;overflow-x:hidden}.about-container,.about-hero-section{display:flex;flex-direction:column;width:100%}.about-hero-section{align-items:center;background-color:#fff;padding-bottom:var(--dl-space-space-twounits);padding-top:var(--dl-space-space-fourunits)}.about-hero-section .max-width{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:1200px;padding:0 20px;width:100%}.about-hero-content{flex:1 1;margin-right:var(--dl-space-space-twounits);max-width:600px}.about-hero-image{align-items:center;display:flex;flex:0 0 auto;height:300px;justify-content:center;width:300px}.about-hero-image img{border-radius:50%;box-shadow:0 4px 20px #0000001a;height:auto;object-fit:contain;width:100%}.about-label{color:#fbb040;display:block;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.about-label,.about-title{align-self:flex-start;text-align:left}.about-title{color:#1c3d49;font-family:Urbanist;font-size:48px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:20px;margin-top:10px}.about-subtitle{color:#1c3d49;font-size:20px;line-height:1.6;max-width:800px;padding:0;text-align:left}.about-section-content{align-items:center;display:flex;gap:var(--dl-space-space-threeunits);justify-content:space-between}.about-section-content.reverse{flex-direction:row-reverse}.about-section-text{flex:2 1;max-width:650px}.about-section-image{align-items:center;display:flex;flex:1 1;justify-content:center}.about-section-image img{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:650px;width:100%}.about-purpose-section .about-section-image{flex:2 1!important;max-width:none}.about-purpose-section .about-section-image img{max-width:1000px!important;width:100%!important}.about-purpose-section .about-section-text{flex:1 1}.about-section-title{color:var(--dl-color-scheme-black);font-family:Urbanist;font-size:36px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:var(--dl-space-space-unit)}.about-section-title.centered{text-align:center}.about-section-description{color:var(--dl-color-scheme-black80);font-size:16px;line-height:1.6;margin-bottom:var(--dl-space-space-unit)}.about-section-team-profiles{align-items:center;display:flex;flex:1 1;justify-content:center}.team-members{display:flex;gap:var(--dl-space-space-threeunits);justify-content:center}.team-member{align-items:center;display:flex;flex-direction:column;text-align:center}.team-member-image{border-radius:50%;box-shadow:0 4px 8px #0000001a;height:180px;margin-bottom:var(--dl-space-space-unit);overflow:hidden;width:180px}.team-member-image img{height:100%;object-fit:cover;width:100%}.team-member-name{color:var(--dl-color-scheme-black);font-family:Urbanist,sans-serif;font-size:20px;font-weight:600;margin:0 0 5px}.team-member-title{color:var(--dl-color-scheme-black80);font-family:Urbanist,sans-serif;font-size:16px;margin:0}.about-purpose-section,.about-story-section,.about-team-section{padding-bottom:var(--dl-space-space-fourunits);padding-top:var(--dl-space-space-fourunits)}.about-purpose-section{background-color:#f8f8f8}.about-story-section{background-color:#fff}.about-team-section{background-color:#f8f8f8}.about-contact-section{padding-bottom:var(--dl-space-space-fourunits);padding-top:var(--dl-space-space-fourunits)}.about-contact-container{display:flex;flex-wrap:wrap;gap:var(--dl-space-space-twounits);justify-content:center;margin-top:var(--dl-space-space-twounits)}.about-contact-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:1 1;max-width:350px;min-width:250px;padding:var(--dl-space-space-twounits);text-align:center;transition:transform .3s ease}.about-contact-card:hover{transform:translateY(-5px)}.contact-icon{align-items:center;background-color:var(--dl-color-scheme-green80);border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto var(--dl-space-space-unit);width:50px}.about-contact-card h3{font-family:Urbanist;font-weight:600;margin-bottom:var(--dl-space-space-unit)}.about-contact-card p{color:var(--dl-color-scheme-black80);margin-bottom:var(--dl-space-space-halfunit)}.email-icon:before{color:#fff;content:"✉";font-size:24px}.phone-icon:before{color:#fff;content:"☎";font-size:24px}.address-icon:before{color:#fff;content:"🏢";font-size:24px}.about-purpose-section .about-section-text,.about-story-section .about-section-text{flex:3 1;max-width:700px}.about-purpose-section .about-section-image,.about-story-section .about-section-image{flex:1 1}.about-purpose-section .about-section-description,.about-story-section .about-section-description{font-size:18px;line-height:1.7;margin-bottom:var(--dl-space-space-unit)}@media(max-width:991px){.about-section-content{flex-direction:column;gap:var(--dl-space-space-twounits)}.about-section-content.reverse{flex-direction:column}.about-purpose-section .about-section-text,.about-section-text,.about-story-section .about-section-text{max-width:100%}.about-hero-section .max-width{flex-direction:column;text-align:center}.about-hero-content{margin-bottom:var(--dl-space-space-twounits);margin-right:0;max-width:100%}.about-label,.about-subtitle,.about-title{align-self:center;text-align:center}.about-section-team-profiles{width:100%}.team-members{gap:var(--dl-space-space-unit);justify-content:space-around;width:100%}}@media(max-width:767px){.about-contact-section,.about-hero-section,.about-purpose-section,.about-story-section,.about-team-section{padding-left:var(--dl-space-space-unit);padding-right:var(--dl-space-space-unit)}.about-title{font-size:36px}.about-section-title{font-size:30px}.about-hero-image{height:250px;width:250px}.team-member-image{height:140px;width:140px}.team-member-name{font-size:18px}.team-member-title{font-size:14px}}@media(max-width:479px){.about-contact-card{min-width:100%}.about-hero-image{height:200px;width:200px}.team-members{flex-direction:column;gap:var(--dl-space-space-twounits)}.team-member-image{height:120px;width:120px}}.careers-container{min-height:100vh;overflow-x:hidden;position:relative}.careers-container,.careers-hero-section{align-items:center;display:flex;flex-direction:column;width:100%}.careers-hero-section{background-color:#fff;padding-bottom:var(--dl-space-space-twounits);padding-top:var(--dl-space-space-fourunits)}.careers-hero-section .max-width{align-items:flex-start;display:flex;flex-direction:column;max-width:1200px;padding:0 20px}.careers-hero-section .beforeHeading{align-self:flex-start;color:#fbb040;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:.5rem;text-align:left;text-transform:uppercase}.careers-hero-section .careers-title{align-self:flex-start;color:#1c3d49;font-family:Urbanist;font-size:48px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:20px;margin-top:10px;text-align:left}.careers-hero-section .careers-subtitle{color:#1c3d49;font-size:20px;line-height:1.6;max-width:800px;padding:0;text-align:left}.careers-title{font-size:48px;margin-bottom:20px;margin-top:20px}.careers-subtitle{font-size:20px;line-height:1.6;max-width:800px;padding:0;text-align:left}.careers-content-section{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;padding:80px 0;width:100%}.careers-content-section .max-width{display:flex;flex-direction:column;max-width:1200px;padding:0 20px;width:100%}.careers-message{margin-bottom:60px}.careers-message h2{color:#1c3d49;font-family:Urbanist;font-size:36px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:20px}.careers-message p{color:#1c3d49;font-size:18px;line-height:1.6;margin-bottom:20px;max-width:800px}.careers-contact-form{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;margin:0 auto;max-width:800px;padding:40px;width:100%}.careers-contact-form h3{color:#1c3d49;font-size:24px;font-weight:600;margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{color:#1c3d49;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2b8b77;outline:none}.form-group small{color:#777;display:block;font-size:14px;margin-top:5px}.button-primary{background-color:#2b8b77;border:none;border-radius:0;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .3s ease}.button-primary:hover{background-color:#1e6a5a}@media (max-width:768px){.careers-title{font-size:36px}.careers-message h2{font-size:30px}.careers-contact-form{padding:30px 20px}}@media (max-width:480px){.careers-message p,.careers-subtitle{font-size:16px}.form-group input,.form-group textarea{padding:10px 12px}}.checkout-container{align-items:center;background:linear-gradient(135deg,#ffd93d,tan 30%,#fff 70%,#1e90ff);color:#1c3d49;display:flex;flex-direction:column;min-height:100vh}.checkout-content{margin:0 auto;max-width:600px;min-height:70vh;padding:2rem 1rem}.checkout-content,.device-status-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.device-status-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffd93d4d;border-radius:20px;box-shadow:0 8px 32px #1e90ff26;gap:1.5rem;margin:2rem auto;max-width:90vw;overflow:hidden;padding:2rem;position:relative;text-align:center}.device-status-header:before{animation:gentle-wave 6s ease-in-out infinite;background:radial-gradient(circle,#ffd93d1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes gentle-wave{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}.beach-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.sun-icon{animation:gentle-pulse 3s ease-in-out infinite;font-size:3rem}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.location-info{text-align:left}.beach-location{color:#1e90ff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #1e90ff33}.block-name{color:tan;font-size:1rem;font-weight:500;margin:.25rem 0 0}.status-section{align-items:center;background:#ffffffb3;border:1px solid #ffd93d4d;border-radius:15px;display:flex;gap:1rem;justify-content:space-between;padding:1rem;width:100%}.status-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.status-main{align-items:center;display:flex;gap:.75rem}.status-text{color:#1c3d49;font-size:1rem;font-weight:600}.status-text.large-status{color:#1c3d49;font-size:1.47rem;font-weight:700;text-shadow:0 2px 4px #1c3d4933}.heartbeat-info{color:tan;font-size:.85rem;font-weight:500;margin-left:1.5rem}.error-message.beach-error{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ff6b6b1a,#ffffffe6);border:2px solid #ff6b6b4d;border-radius:15px;color:#ff6b6b;font-size:1rem;font-weight:500;padding:1rem;text-align:center}.status-indicator{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 0;white-space:nowrap;width:100%}.status-indicator.online{color:#10b981}.status-indicator.offline{color:#ef4444}.status-details{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:1rem;width:100%}.last-updated{color:#666}.refresh-btn{background:linear-gradient(135deg,#ffd93d,#fbb040);border:none;border-radius:50%;box-shadow:0 4px 12px #ffd93d4d;cursor:pointer;font-size:1.2rem;min-height:48px;min-width:48px;overflow:hidden;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbb040,#ff8c42);box-shadow:0 8px 20px #ffd93d66;transform:translateY(-2px) scale(1.05)}.refresh-btn:hover:not(:disabled):before{height:100%;width:100%}.refresh-btn.refreshing{animation:spin 1s linear infinite}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fef2f2;border-left:4px solid #dc2626;border-radius:6px;color:#dc2626;font-size:.9rem;padding:.75rem}.type-selection{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;padding:1.5rem}.type-selection h3{color:#1c3d49;font-size:1.5rem;margin-bottom:1rem;text-align:center}.type-buttons{display:flex;flex-direction:column;gap:.75rem}.type-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;min-height:48px;padding:1rem;text-align:center;transition:all .2s ease}.type-button:hover{background:#fef9e7;border-color:#fbb040;transform:translateY(-1px)}.type-button.selected{background:#fbb040;border-color:#fbb040;color:#fff}.size-selection{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;padding:1.5rem}.size-selection h3{color:#1c3d49;font-size:1.5rem;margin-bottom:1rem;text-align:center}.size-buttons{flex-wrap:wrap;justify-content:center}.size-button{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:80px;padding:1.25rem}.size-button:hover:not(:disabled){background:#fef9e7;border-color:#fbb040;box-shadow:0 4px 12px #fbb04033;transform:translateY(-2px)}.size-button.selected{background:#ffd93d;border-color:#ffd93d;box-shadow:0 4px 16px #ffd93d4d;color:#1c3d49}.size-button.selected:hover{background:#ffcf0d;border-color:#ffcf0d}.size-amount{font-size:.9rem;font-weight:500}.size-button:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.size-info{display:flex;flex-direction:column;gap:.25rem}.size-title{font-size:1rem;font-weight:600}.size-details{font-size:.9rem;opacity:.8}.size-price{font-size:1.1rem}.back-button{background:#0000;border:2px solid #fbb040;border-radius:8px;color:#fbb040;cursor:pointer;font-weight:600;min-height:48px;padding:.75rem 1.5rem;transition:all .2s ease}.back-button:hover{background:#fbb040;color:#fff;transform:translateY(-1px)}.checkout-content{margin:2rem auto;max-width:1200px;padding:2rem;width:100%}.checkout-header{margin-bottom:3rem;text-align:center}.checkout-title{color:#1c3d49;font-family:Urbanist,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbb040,#ff8c42);-webkit-background-clip:text;background-clip:text;color:#fbb040}.checkout-subtitle{color:#5a5a5a;font-size:1.2rem;font-weight:500;line-height:1.5;margin-bottom:20px}.dispenser-info{background:#fff8f0;border-left:4px solid #fbb040;border-radius:10px;margin:1rem auto;max-width:600px;padding:1rem 2rem}.dispenser-info p{color:#1c3d49;font-size:1rem;margin:0}.dispenser-info strong{color:#fbb040;font-family:Courier New,monospace}.dispenser-status-card{background:linear-gradient(135deg,#fff9e1,#fff);border:1px solid #fbb04033;border-radius:15px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.dispenser-status-card:hover{box-shadow:0 10px 25px #fbb04040;transform:translateY(-5px)}.dose-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.dose-option{background-clip:padding-box;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 30px #fbb0401a;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.dose-option:before{background:linear-gradient(135deg,#0000,#fbb0401a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dose-option:hover{border-color:#fbb040;box-shadow:0 20px 40px #fbb04033;transform:translateY(-10px) scale(1.02)}.dose-option:hover:before{opacity:1}.dose-bubble{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#fbb040,#ff8c42);border-radius:50%;box-shadow:0 5px 15px #fbb04066;display:flex;height:60px;justify-content:center;position:absolute;right:-10px;top:-10px;width:60px}.dose-number{color:#fff;font-size:1.5rem;font-weight:700}.dose-icon{filter:drop-shadow(0 5px 10px rgba(0,0,0,.1));font-size:3rem;margin:1rem 0}.dose-title{color:#1c3d49;font-size:1.4rem;font-weight:600;margin:1rem 0 .5rem}*{box-sizing:border-box}.checkout-page{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:1rem}.checkout-container{background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0000001a;max-width:100%;padding:1.5rem;width:100%}.sunscreen-display{margin-bottom:2rem;text-align:center}.sunscreen-image{border-radius:.75rem;box-shadow:0 2px 8px #0000001a;height:auto;margin-bottom:1rem;max-width:200px;width:100%}.sunscreen-name{color:#666;font-size:1rem;font-weight:400;margin:0 0 .5rem}.sunscreen-type{color:#333;font-size:1.5rem;font-weight:600;margin:0}.size-selector{margin-bottom:2rem}.size-selector h3{color:#333;font-size:1.125rem;font-weight:500;margin:0 0 1rem}.size-buttons{display:flex;gap:1rem}.size-button{background:#fff;border:2px solid #e0e0e0;border-radius:.75rem;cursor:pointer;flex:1 1;padding:1rem;text-align:center;transition:all .2s ease}.size-button:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.size-button.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.size-price{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.size-amount{display:block;font-size:.875rem;opacity:.8}.size-button.selected .size-amount{opacity:.9}.payment-form{margin-bottom:1.5rem}.card-element-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:.5rem;padding:.875rem;transition:border-color .2s ease}.card-element-wrapper:focus-within{border-color:#3b82f6;outline:none}.card-input-container{margin-bottom:1.5rem}.card-input-container label{color:#666;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.payment-form h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.card-element{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1rem;transition:all .2s ease}.card-element:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.express-checkout-wrapper{margin-bottom:1.5rem}.express-checkout-wrapper h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:center}.payment-element-wrapper{margin-top:1.5rem}.payment-element-wrapper h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.payment-element{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;min-height:3rem;padding:1rem;transition:all .2s ease}.payment-element:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkout-divider{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;margin:1.5rem 0}.checkout-divider:after,.checkout-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.checkout-divider span{letter-spacing:.05em;padding:0 1rem;text-transform:uppercase}.status-message{background:#fee2e2;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.pay-button{align-items:center;background:#3b82f6;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:center;margin-top:1.5rem;min-height:3.5rem;padding:1rem;transition:all .2s ease;width:100%}.pay-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.pay-button:disabled{background:#9ca3af;cursor:not-allowed}.pay-button .processing{align-items:center;display:flex;gap:.5rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:1rem;width:1rem}.device-info{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.device-info p{color:#999;font-size:.75rem;margin:0}.checkout-loading{padding:3rem 1rem;text-align:center}.loading-spinner{border:3px solid #e0e0e0;border-top-color:#3b82f6;height:3rem;margin:0 auto 1rem;width:3rem}.checkout-loading p{color:#666;font-size:1rem}.checkout-error{padding:3rem 1rem;text-align:center}.checkout-error h2{color:#dc2626;font-size:1.5rem;margin:0 0 1rem}.checkout-error p{color:#666;font-size:1rem;margin:0}.checkout-success{padding:3rem 1rem;text-align:center}.success-icon{margin-bottom:1rem}.checkout-success h2{color:#10b981;font-size:1.5rem;margin:0 0 1rem}.checkout-success p{color:#666;font-size:1rem;margin:0 0 .5rem}.success-instruction{color:#333;font-weight:600}@media (min-width:768px){.checkout-page{padding:2rem}.checkout-container{margin:0 auto;max-width:480px;padding:2.5rem}.sunscreen-image{max-width:250px}.sunscreen-name{font-size:1.125rem}.sunscreen-type{font-size:1.75rem}.size-buttons{gap:1.5rem}.size-button{padding:1.25rem}.size-price{font-size:1.75rem}.size-amount{font-size:1rem}.pay-button{font-size:1.25rem;padding:1.125rem}}@media (min-width:1024px){.checkout-container{max-width:420px}.sunscreen-image{max-width:280px}}.pricing-breakdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffd93d33;border-radius:15px;box-shadow:0 4px 20px #1e90ff1a;margin:1.5rem auto;max-width:400px;padding:1.5rem;width:100%}.pricing-line{align-items:center;color:#1c3d49;display:flex;font-size:1rem;justify-content:space-between;padding:.5rem 0}.pricing-line.total{border-top:2px solid #ffd93d80;color:#1c3d49;font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:1rem}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.card-element-wrapper,.size-button{border-width:3px}}.pay-button:focus-visible,.size-button:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.pay-button,.size-button{min-height:44px}.btn-secondary{border:2px solid #fbb040;border-radius:50px;color:#fbb040;font-size:1.1rem;letter-spacing:1.2px;min-width:150px;overflow:hidden;padding:15px 35px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-secondary:before{background:linear-gradient(90deg,#0000,#fbb0401a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-secondary:hover{background:linear-gradient(135deg,#ff8f00,#fbb040);box-shadow:0 12px 35px #fbb04080;transform:translateY(-6px)}.btn-secondary:hover:before{left:100%}.btn-secondary:active{box-shadow:0 8px 20px #fbb04066;transform:translateY(-2px)}.sunscreen-card{background:#fff;border:2px solid #e0e0e0;border-radius:15px;cursor:pointer;margin-bottom:1rem;padding:20px;transition:all .3s ease}.sunscreen-card:hover{border-color:#fbb040;box-shadow:0 15px 35px #fbb04059;transform:translateY(-8px)}.sunscreen-card:hover:before{left:100%}.sunscreen-card.selected{background:linear-gradient(135deg,#fbb040,#ffd54f);border-color:#fbb040;box-shadow:0 15px 40px #fbb04073;color:#fff;transform:translateY(-8px)}.sunscreen-card.selected:after{content:"✓";font-size:24px;font-weight:700;position:absolute;right:15px;top:10px}@media (max-width:768px){.checkout-content{padding:1rem}.checkout-title{font-size:2rem}.dose-grid{gap:1.5rem;grid-template-columns:1fr}.dose-option{padding:1.5rem}.dose-bubble{height:50px;right:-5px;top:-5px;width:50px}.dose-number{font-size:1.2rem}.dose-icon{font-size:2.5rem}.checkout-form{padding:1.5rem}.order-item{flex-direction:column;gap:.5rem;text-align:center}.next-steps{padding:1rem}.next-steps .step{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.checkout-title{font-size:1.5rem}.checkout-form,.dose-option{padding:1rem}.block-status{font-size:.8rem;padding:.5rem}.unavailable-message{padding:1.5rem}}.size-grid{gap:1rem;margin:0 auto;max-width:400px;padding:1rem 0}.size-card,.size-grid{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.size-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:320px;min-height:80px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.size-card:hover:not(:disabled){border-color:#007aff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px) scale(1.02)}.size-card:active{transform:translateY(0) scale(.98);transition:all .1s cubic-bezier(.4,0,.2,1)}.size-card.selected{background:#007aff1a;border-color:#007aff;box-shadow:0 0 0 2px #007aff4d}.size-card.unavailable{background:#f2f2f7cc;cursor:not-allowed;opacity:.5}.size-card:disabled{cursor:not-allowed}.size-header{align-items:center;background:none!important;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;width:100%}.size-icon{color:#007aff;font-size:1.1rem;font-weight:600;letter-spacing:-.5px}.size-volume{color:#1c1c1e;font-size:1.1rem;font-weight:500;letter-spacing:-.3px}.size-content{align-items:center;display:flex;justify-content:center;padding:0}.unavailable-badge{background:#8e8e931a;border-radius:12px;color:#8e8e93;font-size:.85rem;font-weight:500;margin-bottom:.5rem;margin-top:-.5rem;padding:.25rem .75rem}.selected-indicator{align-items:center;background:#007aff;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:24px}.checkmark{color:#fff;font-size:.9rem;font-weight:600}@media (max-width:768px){.size-grid{max-width:100%;padding:.5rem}.size-card{max-width:100%;min-height:70px}.size-header{padding:1rem 1.25rem}.size-icon,.size-volume{font-size:1rem}}.status-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:500px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;width:90%}.status-message:before{animation:gentle-wave 6s ease-in-out infinite;background:radial-gradient(circle,#ffd93d0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}.status-message.error{background:#fef2f2f2;border:2px solid #ef44444d}.status-message.error:before{background:radial-gradient(circle,#ef44440d 0,#0000 70%)}.status-message.busy{background:#fffbebf2;border:2px solid #ffd93d4d}.status-message.busy:before{background:radial-gradient(circle,#ffd93d1a 0,#0000 70%)}.status-icon{animation:gentle-pulse 3s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:1.5rem}.status-message h2{color:#1c3d49;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.status-message p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.status-message .refresh-btn{background:linear-gradient(135deg,#ffd93d,#fbb040);border:none;border-radius:50px;box-shadow:0 4px 12px #ffd93d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-message .refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbb040,#ff8c42);box-shadow:0 6px 20px #ffd93d66;transform:translateY(-2px)}.status-message .refresh-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.status-message{margin:1rem auto;padding:2rem 1.5rem}.status-icon{font-size:3rem}.status-message h2{font-size:1.5rem}.status-message p{font-size:1rem}}.success-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-content{max-width:600px;text-align:center;width:100%}.sun-icon{height:300px;margin:0 auto 40px;width:300px}.sun-icon svg{filter:drop-shadow(0 0 30px rgba(255,215,0,.5));height:100%;width:100%}.thank-you-text{color:#333;font-size:80px;font-weight:900;letter-spacing:3px;margin:0 0 20px;text-shadow:2px 2px 4px #0000001a}.success-message{color:#666;font-size:24px;line-height:1.5;margin:0 0 20px}.redirect-message{color:#999;font-size:18px;font-style:italic;margin:0 0 40px}.home-button{background:gold;border:none;border-radius:50px;box-shadow:0 4px 15px #ffd7004d;color:#333;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.home-button:hover{background:#ffc700;box-shadow:0 6px 20px #ffd70066}@media (max-width:768px){.sun-icon{height:200px;margin-bottom:30px;width:200px}.thank-you-text{font-size:50px}.success-message{font-size:20px}.home-button,.redirect-message{font-size:16px}.home-button{padding:12px 30px}}@media (max-width:480px){.sun-icon{height:150px;width:150px}.thank-you-text{font-size:40px}.success-message{font-size:18px}}.not-found-container1{min-height:100vh;overflow:auto;width:100%}.not-found-container1,.not-found-container2{align-items:center;display:flex;flex-direction:column;justify-content:center}.not-found-container2{position:relative}.not-found-text2{color:#262626;font-size:252px;font-weight:900;letter-spacing:-20px;margin-bottom:-20px;margin-top:-20px}.not-found-container3{align-items:center;display:flex;flex-direction:column;justify-content:center;width:421px}.not-found-text3{font-weight:400;text-align:center}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:450px;width:100%}.login-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px}.login-header{margin-bottom:32px;text-align:center}.login-logo{height:60px;margin-bottom:20px;width:auto}.login-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 8px}.login-subtitle{color:#6b7280;font-size:1rem;margin:0}.error-alert{font-size:.875rem}.error-icon{flex-shrink:0;height:20px;width:20px}.social-login-section{margin-bottom:24px}.social-login-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:12px;justify-content:center;margin-bottom:12px;padding:12px 16px;transition:all .2s ease;width:100%}.social-login-btn:last-child{margin-bottom:0}.social-login-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.social-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.social-icon{height:20px;width:20px}.google-btn:hover{border-color:#4285f4}.apple-btn:hover{border-color:#000}.login-divider{margin:24px 0;position:relative;text-align:center}.login-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:#6b7280;font-size:.875rem;padding:0 16px;position:relative}.login-form{margin-bottom:24px}.input-wrapper{position:relative}.input-icon{color:#6b7280;flex-shrink:0;font-size:14px!important;height:14px!important;left:0;line-height:1!important;max-height:14px!important;max-width:14px!important;min-height:14px!important;min-width:14px!important;position:absolute;top:50%;transform:translateY(-50%);width:14px!important}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:24px;left:0;padding:12px 16px 12px 70px;transition:all .2s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled{background:#f9fafb;color:#9ca3af}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover{background:#f3f4f6;color:#374151}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{display:flex;justify-content:flex-end;margin-bottom:24px}.forgot-password-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#2563eb}.login-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.button-loading{align-items:center;display:flex;gap:8px}.spinner-small{animation:sun-spin 1s linear infinite;color:#fff;font-size:16px}.login-footer{border-top:1px solid #e5e7eb;padding-top:24px;text-align:center}.login-footer p{color:#6b7280;font-size:.875rem;margin:0}.register-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#2563eb}.auth-status-page{align-items:center;background:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.auth-status-page h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 16px}.auth-status-page p{color:#6b7280;font-size:1.125rem;margin:0;max-width:500px}.auth-loading{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh}.loading-spinner p{color:#6b7280;font-size:1rem;margin:0}@media (max-width:640px){.login-page{padding:16px}.login-content{padding:32px 24px}.login-title{font-size:1.75rem}.form-input{font-size:16px}}@media (max-width:480px){.login-content{padding:24px 20px}.login-title{font-size:1.5rem}}@media (prefers-contrast:high){.login-content{border:2px solid #000}.form-input,.social-login-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.login-button:hover,.social-login-btn:hover{transform:none}}.invite-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.invite-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;position:relative;width:100%}.progress-container{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2rem 2rem 1rem}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:.75rem}.progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{color:#64748b;font-size:.875rem;font-weight:500}.step-container{display:flex;flex-direction:column;min-height:420px;padding:3rem 2rem 2rem}.step-header{margin-bottom:2.5rem}.step-icon{color:#667eea;font-size:3rem;margin-bottom:1rem}.step-title{color:#1e293b;font-size:1.875rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.step-subtitle{color:#64748b;font-size:1.125rem;line-height:1.5;margin:0}.step-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.step-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1.125rem;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .2s;width:100%}.step-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.step-input::placeholder{color:#94a3b8}.step-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:1.125rem;margin-bottom:1rem;min-height:100px;padding:1rem 1.25rem;resize:vertical;transition:all .2s;width:100%}.step-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.step-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:1.125rem;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .2s;width:100%}.step-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-help{color:#64748b;font-size:.875rem;margin-bottom:0;margin-top:.5rem;text-align:center}.password-requirements{background:#f8fafc;border-radius:8px;margin-top:1rem;padding:1rem}.requirement-met{color:#059669;font-size:.875rem;margin:.25rem 0}.requirement-unmet{color:#64748b;font-size:.875rem;margin:.25rem 0}.contact-method{margin-bottom:1.5rem}.radio-label{align-items:center;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-size:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s}.radio-label:hover{border-color:#cbd5e1}.radio-label input[type=radio]{margin-right:.75rem;transform:scale(1.2)}.radio-label input[type=radio]:checked+.radio-label,.radio-label:has(input[type=radio]:checked){background:#f1f5f9;border-color:#667eea}.working-hours{margin-top:1.5rem}.working-hours h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.time-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.time-inputs label{color:#64748b;display:flex;flex-direction:column;font-size:.875rem;font-weight:500}.time-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-top:.5rem;padding:.75rem}.time-input:focus{border-color:#667eea;outline:none}.step-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex:1 1;font-size:1.125rem;font-weight:600;min-width:140px;padding:1rem 2rem;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d}.btn-secondary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:1.125rem;font-weight:600;min-width:120px;padding:1rem 2rem;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-secondary:disabled{opacity:.6}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.loading-spinner{padding:4rem 2rem}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1.5rem;width:40px}.loading-spinner h2{color:#64748b;font-weight:500;margin:0}.error-state h1{color:#dc2626;font-size:1.5rem;margin:0 0 1rem}.error-state p{color:#64748b;font-size:1rem;margin:0 0 2rem}.welcome-step{text-align:center}.invitation-details p{color:#374151;font-size:1.125rem;line-height:1.6;margin:1rem 0}.invitation-text{font-size:1.25rem!important;margin-bottom:1.5rem!important}.franchise-info,.invited-by{color:#64748b!important;font-size:1rem!important}.complete-step{text-align:center}.success-icon{color:#059669;font-size:4rem;margin-bottom:1.5rem}.complete-step h2{color:#1e293b;font-size:1.5rem;margin:0 0 1rem}.complete-step p{color:#64748b;font-size:1.125rem;margin:0 0 2rem}.next-steps{background:#f8fafc;border-radius:12px;margin-top:2rem;padding:1.5rem}.next-steps h4{color:#374151;font-size:1rem;margin:0 0 1rem}.next-steps ul{color:#64748b;margin:0;padding-left:1.5rem;text-align:left}.next-steps li{font-size:.875rem;margin-bottom:.5rem}@media (max-width:640px){.invite-page{padding:1rem}.step-container{min-height:380px;padding:2rem 1.5rem 1.5rem}.step-title{font-size:1.5rem}.step-subtitle{font-size:1rem}.step-input,.step-select,.step-textarea{font-size:1rem;padding:.875rem 1rem}.btn-primary,.btn-secondary{font-size:1rem;min-width:100px;padding:.875rem 1.5rem}.step-navigation{flex-direction:column-reverse;gap:.75rem}.btn-primary,.btn-secondary{width:100%}.time-inputs{grid-template-columns:1fr}}.dashboard-container{background-color:#f7fafc;display:flex;height:100vh}.dashboard-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease-in-out;width:250px}.sidebar-logo{height:40px;width:40px}.sidebar-brand{align-items:center;border-bottom:1px solid #e2e8f0;color:inherit;display:flex;gap:12px;margin-bottom:1.5rem;padding-bottom:1.5rem;text-decoration:none}.sidebar-brand span{color:#2d3748;font-size:1.1rem;font-weight:600}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.sidebar-link{align-items:center;border-radius:6px;color:#4a5568;display:flex;font-weight:500;gap:12px;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s,color .2s}.sidebar-link.active,.sidebar-link:hover{background-color:#edf2f7;color:#2d3748}.sidebar-icon{flex-shrink:0;height:18px;width:18px}.nav-section{margin-top:1.5rem}.nav-section-title{color:#a0aec0;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1rem;text-transform:uppercase}.sidebar-footer{border-top:1px solid #e2e8f0;margin-top:auto;padding-top:1.5rem}.user-profile{align-items:center;background-color:#f7fafc;border-radius:8px;display:flex;gap:12px;margin-bottom:1rem;padding:.75rem}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1rem;height:40px;width:40px}.user-info{flex:1 1;flex-direction:column;gap:2px;min-width:0}.user-name{color:#2d3748;font-size:.875rem;overflow:hidden;text-overflow:ellipsis}.user-name,.user-role{line-height:1.2;white-space:nowrap}.user-role{color:#718096;font-size:.75rem;margin-top:2px;overflow:visible;text-transform:capitalize}.sign-out-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.sign-out-btn:hover{background:#c53030}.dashboard-main{box-sizing:border-box;flex-grow:1;max-width:none;overflow-y:auto;padding:2rem;width:100%}.mobile-header,.sidebar-toggle-btn{display:none}@media (max-width:768px){.dashboard-container{flex-direction:column}.mobile-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:1rem;position:sticky;top:0;z-index:1000}.sidebar-toggle-btn{background:none;border:none;color:#2d3748;cursor:pointer;display:block;font-size:1.5rem}.dashboard-sidebar{box-shadow:0 0 15px #0000001a;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1001}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-main{padding:1.5rem}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;z-index:99999}.confirmation-modal{animation:slideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;max-height:90vh;max-width:480px;opacity:1;overflow:hidden;transform:translateY(0) scale(1);width:90%}.confirmation-modal-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #0000000d;padding:2rem 2rem 1.5rem;position:relative}.confirmation-modal-header.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.confirmation-modal-header.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.confirmation-modal-icon{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 8px 25px #0000001a;display:inline-flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.confirmation-modal-header.danger .confirmation-modal-icon{background:#ef44441a;color:#dc2626}.confirmation-modal-header.warning .confirmation-modal-icon{background:#f59e0b1a;color:#d97706}.confirmation-modal-title{color:inherit;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.confirmation-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.confirmation-modal-close:hover{background:#0000001a;transform:scale(1.1)}.confirmation-modal-content{padding:1.5rem 2rem 2rem}.confirmation-message{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.confirmation-item-highlight{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;color:#334155;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.95rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.confirmation-toggle-container{margin-top:2rem}.confirmation-toggle{align-items:flex-start;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.confirmation-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.confirmation-toggle input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.confirmation-checkmark{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.confirmation-toggle input:checked+.confirmation-checkmark{background:#10b981;border-color:#10b981;transform:scale(1.1)}.confirmation-checkmark svg{color:#fff;font-size:14px;transform:scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.confirmation-toggle input:checked+.confirmation-checkmark svg{transform:scale(1)}.confirmation-toggle-text{color:#475569;font-size:.9rem;font-weight:500;line-height:1.5}.confirmation-modal-actions{background:#f8fafc;border-top:1px solid #0000000d;display:flex;gap:.75rem;padding:1.5rem 2rem 2rem}.confirmation-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .2s ease}.confirmation-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.confirmation-btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b}.confirmation-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.confirmation-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.confirmation-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.confirmation-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.confirmation-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.confirmation-modal{border-radius:16px;margin:1rem;width:calc(100% - 2rem)}.confirmation-modal-actions,.confirmation-modal-content,.confirmation-modal-header{padding-left:1.5rem;padding-right:1.5rem}.confirmation-modal-actions{flex-direction:column}.confirmation-btn{width:100%}.confirmation-modal-icon{font-size:1.25rem;height:50px;width:50px}.confirmation-modal-title{font-size:1.25rem}}@media (prefers-color-scheme:dark){.confirmation-modal{background:#1e293b;color:#e2e8f0}.confirmation-modal-header{background:linear-gradient(135deg,#1e293b,#334155);border-bottom-color:#ffffff1a}.confirmation-modal-header.danger{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.confirmation-modal-header.warning{background:linear-gradient(135deg,#78350f,#92400e)}.confirmation-message{color:#cbd5e1}.confirmation-item-highlight{background:linear-gradient(135deg,#334155,#475569);border-color:#475569;color:#e2e8f0}.confirmation-toggle{background:#334155;border-color:#475569}.confirmation-toggle:hover{background:#475569;border-color:#64748b}.confirmation-toggle-text{color:#cbd5e1}.confirmation-modal-actions{background:#334155;border-top-color:#ffffff1a}.confirmation-btn-secondary{background:#475569;border-color:#64748b;color:#e2e8f0}.confirmation-btn-secondary:hover:not(:disabled){background:#64748b;border-color:#94a3b8}}.confirmation-error{align-items:center;animation:errorSlideIn .3s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-top:1rem;padding:1rem}.confirmation-error svg{flex-shrink:0;font-size:1.1rem}.confirmation-loading{align-items:center;animation:loadingSlideIn .3s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-top:1rem;padding:1rem}.confirmation-spinner{animation:spin 1s linear infinite;border:2px solid #bae6fd;border-radius:50%;border-top-color:#0369a1;flex-shrink:0;height:20px;width:20px}.confirmation-toggle input:disabled+.confirmation-checkmark{cursor:not-allowed;opacity:.5}.confirmation-toggle:has(input:disabled){cursor:not-allowed;opacity:.7}.confirmation-toggle:has(input:disabled):hover{background:#f8fafc;border-color:#e2e8f0}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.confirmation-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#b91c1c;color:#fca5a5}.confirmation-loading{background:linear-gradient(135deg,#0c4a6e,#075985);border-color:#0284c7;color:#7dd3fc}.confirmation-spinner{border-color:#7dd3fc #0284c7 #0284c7}}.tooltip-container{display:inline-block;position:relative}.tooltip{animation:tooltipFadeIn .2s ease-out forwards;opacity:0;pointer-events:none;position:fixed;transform:translateY(-4px);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;z-index:9999}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-content{word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2d2d2df2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #00000026,0 1px 3px #0000001a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;font-weight:500;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.01em;line-height:1.4;max-width:min(280px,90vw);min-width:120px;overflow-wrap:break-word;padding:8px 12px;white-space:normal}.tooltip-arrow{border-style:solid;height:0;position:absolute;width:0}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top .tooltip-arrow{border-color:#2d2d2df2 #0000 #0000;border-width:6px 6px 0}.tooltip-bottom,.tooltip-top .tooltip-arrow{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom .tooltip-arrow{border-color:#0000 #0000 #2d2d2df2;border-width:0 6px 6px;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{border-color:#0000 #0000 #0000 #2d2d2df2;border-width:6px 0 6px 6px}.tooltip-left .tooltip-arrow,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right .tooltip-arrow{border-color:#0000 #2d2d2df2 #0000 #0000;border-width:6px 6px 6px 0;right:100%;top:50%;transform:translateY(-50%)}@media (max-width:768px){.tooltip-content{font-size:12px;max-width:200px;padding:6px 10px}.tooltip-arrow{border-width:5px}.tooltip-top .tooltip-arrow{border-width:5px 5px 0}.tooltip-bottom .tooltip-arrow{border-width:0 5px 5px}.tooltip-left .tooltip-arrow{border-width:5px 0 5px 5px}.tooltip-right .tooltip-arrow{border-width:5px 5px 5px 0}}@media (prefers-color-scheme:dark){.tooltip-content{background:#3c3c3cf2;border-color:#ffffff26}.tooltip-top .tooltip-arrow{border-color:#3c3c3cf2 #0000 #0000}.tooltip-bottom .tooltip-arrow{border-color:#0000 #0000 #3c3c3cf2}.tooltip-left .tooltip-arrow{border-color:#0000 #0000 #0000 #3c3c3cf2}.tooltip-right .tooltip-arrow{border-color:#0000 #3c3c3cf2 #0000 #0000}}.tooltip-container.status-healthy .tooltip-content{background:#22c55ef2;border-color:#22c55e33}.tooltip-container.status-warning .tooltip-content{background:#f59e0bf2;border-color:#f59e0b33}.tooltip-container.status-error .tooltip-content{background:#ef4444f2;border-color:#ef444433}.tooltip-container.status-healthy .tooltip-top .tooltip-arrow{border-color:#22c55ef2 #0000 #0000}.tooltip-container.status-warning .tooltip-top .tooltip-arrow{border-color:#f59e0bf2 #0000 #0000}.tooltip-container.status-error .tooltip-top .tooltip-arrow{border-color:#ef4444f2 #0000 #0000}.tooltip-container.status-healthy .tooltip-bottom .tooltip-arrow{border-color:#0000 #0000 #22c55ef2}.tooltip-container.status-warning .tooltip-bottom .tooltip-arrow{border-color:#0000 #0000 #f59e0bf2}.tooltip-container.status-error .tooltip-bottom .tooltip-arrow{border-color:#0000 #0000 #ef4444f2}.health-status-cards{margin:32px 0 40px}.dashboard-stats{grid-gap:24px;gap:24px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:120px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.healthy{--accent-color:#34c759;--accent-color-light:#30d158}.stat-card.warning{--accent-color:#ff9500;--accent-color-light:#ffb340}.stat-card.critical{--accent-color:#ff3b30;--accent-color-light:#ff6961}.stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;display:flex;font-size:2em;justify-content:center;margin-bottom:8px;margin-left:auto;margin-right:auto;opacity:.9}.stat-card.healthy .stat-icon{color:#34c759}.stat-card.warning .stat-icon{color:#ff9500}.stat-card.critical .stat-icon{color:#ff3b30}.stat-value{color:#1d1d1f!important;font-size:2.5rem;font-weight:800;margin-bottom:6px}.stat-label{color:#86868b!important;font-size:1rem;letter-spacing:.01em}.stat-percentage{color:#86868b!important;font-size:.875rem;font-weight:500;opacity:.8}@media (max-width:768px){.dashboard-stats{gap:16px;grid-template-columns:1fr}.stat-card{min-height:100px;padding:14px}.stat-value{font-size:2rem}.stat-icon{font-size:1.5em}}.stat-card.warning:before{display:none!important}.health-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.health-card:before{background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.health-card.healthy{--accent-color:#34c759;--accent-color-light:#30d158}.health-card.warning{--accent-color:#ff9500;--accent-color-light:#ffb340}.health-card.critical{--accent-color:#ff3b30;--accent-color-light:#ff6961}.health-icon{align-items:center;display:flex;font-size:2em;justify-content:center;margin-bottom:8px;margin-left:auto;margin-right:auto;opacity:.9}.health-card.healthy .health-icon{color:#34c759}.health-card.warning .health-icon{color:#ff9500}.health-card.critical .health-icon{color:#ff3b30}.health-value{color:#1d1d1f!important;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:6px}.health-label{color:#86868b!important;font-size:1rem;font-weight:600;letter-spacing:.01em;margin-bottom:4px}.health-percentage{color:#86868b!important;font-size:.875rem;font-weight:500;opacity:.8}.device-management-tools{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.tools-header{border-bottom:1px solid #e9ecef;margin-bottom:24px;padding-bottom:16px}.tools-header h3{color:#1c3d49;font-size:1.5rem;font-weight:600;margin-bottom:16px}.tool-categories{display:flex;flex-wrap:wrap;gap:8px}.category-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:8px;color:#86868b;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-btn:hover{background:#ffffff80;color:#495057;transform:translateY(-1px)}.category-btn.active{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 16px #0000001a;color:#1c3d49;transform:translateY(-1px)}.category-icon{height:16px;width:16px}.tools-content{margin-top:24px}.tool-section{margin-bottom:24px}.tool-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tool-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.tool-card-wide{grid-column:span 2}.motor-control-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:16px}.motor-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.motor-section:hover{background:#f1f5f9;border-color:#cbd5e1}.motor-section-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px}.motor-section-icon{color:#6366f1;height:16px;width:16px}.motor-section-desc{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 16px}.motor-controls{display:flex;flex-direction:column;gap:12px}.motor-btn{font-size:14px;font-weight:500;min-height:36px;width:100%}@media (max-width:768px){.tool-card-wide{grid-column:span 1}.motor-control-grid{gap:16px;grid-template-columns:1fr}.motor-section{padding:12px}}.tool-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.tool-icon{color:#007aff;height:20px;width:20px}.tool-header h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.tool-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:16px}.tool-input-group{margin-bottom:12px}.tool-input-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.tool-input,.tool-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:border-color .2s;width:100%}.tool-input:focus,.tool-select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.tool-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tool-btn:disabled{cursor:not-allowed;opacity:.6}.tool-btn.primary{background:#007aff;color:#fff}.tool-btn.primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.tool-btn.secondary{background:#6c757d;color:#fff}.tool-btn.secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.tool-btn.danger{background:#dc3545;color:#fff}.tool-btn.danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.error-summary{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:12px}.error-count,.warning-count{align-items:center;display:flex;font-size:.875rem;gap:8px;margin-bottom:4px}.error-count:last-child,.warning-count:last-child{margin-bottom:0}.error-icon,.warning-icon{height:16px;width:16px}.warning-icon{color:#d97706}.connection-status{align-items:center;display:flex;margin-top:12px}.status-indicator{border-radius:12px;padding:4px 8px}.status-indicator.online{background:#d1fae5;color:#065f46}.status-indicator.offline{background:#fee2e2;color:#991b1b}.input-hint{color:#6b7280;display:block;font-size:.75rem;font-style:italic;margin-top:2px}.payment-validation-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;padding:12px}.payment-validation-info h5{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 8px}.validation-list{list-style-type:disc;margin:0 0 12px;padding-left:16px}.validation-list li{color:#4b5563;font-size:.75rem;line-height:1.4;margin-bottom:2px}.error-codes{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:8px}.error-codes strong{color:#92400e;display:block;font-size:.75rem;margin-bottom:4px}.error-codes span{color:#78350f;font-size:.7rem;line-height:1.3}@media (max-width:768px){.device-management-tools{padding:16px}.tool-grid{gap:16px;grid-template-columns:1fr}.tool-categories{flex-direction:column;gap:8px}.category-btn{justify-content:center}.tool-card{padding:16px}}@media (max-width:480px){.tool-btn{font-size:.9rem;padding:12px 16px}.category-btn{padding:10px 16px}}.tool-button-group{align-items:stretch;display:flex;flex-direction:column;gap:12px}.tool-button-group .tool-btn{border-radius:8px;font-weight:500;min-height:44px;position:relative;transition:all .3s ease}.tool-button-group .tool-btn.primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;box-shadow:0 2px 8px #007bff4d;color:#fff}.tool-button-group .tool-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff66;transform:translateY(-1px)}.tool-button-group .tool-btn.secondary.disabled{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.coming-soon{color:#6c757d;font-size:.75rem;font-style:italic;margin-bottom:4px;margin-top:-8px;opacity:.8;text-align:center}@media (max-width:768px){.tool-button-group{gap:10px}.tool-button-group .tool-btn{font-size:.9rem;min-height:40px}.coming-soon{font-size:.7rem}}.weather-summary{background:#f8fafc;border:1px solid #e2e8f0;margin-top:24px;padding:16px}.weather-summary h4{color:#1e293b;font-size:1rem;margin:0 0 12px}.weather-stat{color:#334155;display:flex;font-size:.875rem;gap:8px;margin-bottom:4px}.weather-stat .label{font-weight:500}.weather-stat .value{font-weight:600}.dispense-chart-container{box-shadow:0 2px 4px #0000001a;padding:20px}.metrics-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.metric-box{background:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px;text-align:center}.metric-box h4{color:#6c757d;font-size:14px;font-weight:500;margin:0}.metric-box p{color:#212529;font-size:24px;font-weight:600;margin:10px 0 0}.chart-controls{gap:10px}.chart-controls select{background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:14px;padding:8px 12px}.no-data-message{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:16px;margin-top:20px;padding:40px;text-align:center}.health-tab{background:#fff;border-radius:8px;overflow:hidden;padding:0}.health-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:20px;justify-content:space-between;padding:20px 24px}.health-status-summary{align-items:stretch;display:flex;gap:24px}.health-stat{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:80px}.health-icon{font-size:clamp(.875rem,1vw + .5rem,1.5rem);line-height:1}.health-icon.error{color:#dc2626}.health-icon.warning{color:#f59e0b}.health-icon.success{color:#10b981}.health-count{color:#1f2937;font-size:clamp(.875rem,1vw + .5rem,1.25rem);font-weight:600}.health-label{color:#6b7280;font-size:clamp(.625rem,.6vw + .4rem,.875rem);font-weight:500}.health-controls{align-items:center;display:flex;gap:16px}.health-filter-controls{background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;overflow:hidden}.filter-button{background:#fff;border:none;border-right:1px solid #e2e8f0;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.filter-button:last-child{border-right:none}.filter-button:hover{background:#f8fafc}.filter-button.active{background:#3b82f6;color:#fff}.refresh-button{align-items:center;background:#fff;border:1px solid #e2e8f0;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:8px;transition:all .2s}.refresh-button:hover{background:#f8fafc;border-color:#cbd5e1}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.health-sections{display:flex;flex-direction:column;gap:24px;padding:24px}.health-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.health-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.health-section-header h4{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0}.section-icon.error{color:#dc2626}.section-icon.warning{color:#f59e0b}.section-count{color:#6b7280;font-size:.875rem;font-weight:400}.resolve-all-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.error-resolve-all{background:#dc2626;color:#fff}.error-resolve-all:hover:not(:disabled){background:#b91c1c}.warning-resolve-all{background:#f59e0b;color:#fff}.warning-resolve-all:hover:not(:disabled){background:#d97706}.resolve-all-button:disabled{cursor:not-allowed;opacity:.5}.health-items,.no-health-items{display:flex;flex-direction:column}.no-health-items{align-items:center;justify-content:center;padding:40px 20px;text-align:center}.success-icon{color:#10b981;height:48px;margin-bottom:12px;width:48px}.no-health-items p{color:#6b7280;font-size:.875rem;margin:0}.health-item{border-bottom:1px solid #f1f5f9;transition:all .2s}.health-item:last-child{border-bottom:none}.health-item.resolved{background:#f8fafc;opacity:.7}.health-item.active:hover{background:#fefefe}.health-item-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.health-item-title{align-items:center;display:flex;flex:1 1;gap:12px}.health-item-icon{flex-shrink:0;height:18px;width:18px}.error-type,.warning-type{color:#1f2937;font-size:.875rem;font-weight:600}.health-count-badge{background:#dc2626}.health-count-badge,.resolution-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.resolution-badge{background:#10b981}.resolve-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.error-resolve{background:#dc2626;color:#fff}.error-resolve:hover:not(:disabled){background:#b91c1c}.warning-resolve{background:#f59e0b;color:#fff}.warning-resolve:hover:not(:disabled){background:#d97706}.resolve-button:disabled{cursor:not-allowed;opacity:.5}.health-item-content{padding:0 20px 16px}.health-message{color:#374151;font-size:.875rem;line-height:1.5;margin:0 0 12px}.health-item-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.health-mode,.health-timestamp{color:#6b7280;font-size:.75rem}.health-recommendation{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;color:#0f172a;font-size:.875rem;line-height:1.5;padding:12px}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:12px;width:12px}@media (max-width:768px){.health-header{align-items:flex-start;flex-direction:column;gap:16px}.health-status-summary{gap:16px;justify-content:space-around;width:100%}.health-stat{flex-direction:column;gap:4px;text-align:center}.health-controls{flex-direction:column;gap:12px;width:100%}.health-filter-controls{width:100%}.filter-button{flex:1 1}.health-sections{padding:16px}.health-item-header,.health-section-header{align-items:flex-start;flex-direction:column;gap:12px}.health-item-title{width:100%}.resolve-button{align-self:flex-start}.health-item-meta{flex-direction:column;gap:8px}}@media (max-width:480px){.health-status-summary{flex-direction:column;gap:16px}.health-stat{min-width:70px}.health-sections{gap:16px;padding:12px}.health-item-content,.health-item-header{padding-left:16px;padding-right:16px}}.weather-chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.chart-controls{align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.chart-controls label{color:#2c3e50;font-size:14px;font-weight:600}.time-range-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#2c3e50;font-size:14px;min-width:140px;padding:8px 12px}.time-range-select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.refresh-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.refresh-button:hover{background:#2980b9;transform:translateY(-1px)}.refresh-button:active{transform:translateY(0)}.chart-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.chart-section h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 15px}.weather-legend{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-top:15px;padding:15px}.weather-legend h5{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 10px}.legend-items{display:flex;flex-wrap:wrap;gap:15px}.legend-item{align-items:center;color:#2c3e50;display:flex;font-size:13px;gap:6px}.legend-color{border:1px solid #0000001a;border-radius:3px;height:16px;width:16px}.weather-summary{background:#f1f2f6;border-left:4px solid #3498db;border-radius:8px;padding:20px}.weather-summary h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;justify-content:space-between;padding:12px 15px}.summary-item .label{color:#5a6c7d;font-size:14px;font-weight:500}.summary-item .value{color:#2c3e50;font-size:14px;font-weight:600}.no-weather-data,.weather-chart-error,.weather-chart-loading{align-items:center;color:#5a6c7d;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.weather-chart-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:32px;margin-bottom:15px;width:32px}.weather-chart-error{color:#e74c3c}.retry-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:all .2s ease}.retry-button:hover{background:#c0392b}.no-weather-data{color:#7f8c8d}.no-weather-data p{font-size:14px;margin:5px 0}.no-weather-data p:first-child{font-size:16px;font-weight:500}@media (max-width:768px){.weather-chart-container{margin-bottom:15px;padding:15px}.chart-controls{align-items:stretch;flex-direction:column;gap:10px}.refresh-button,.time-range-select{width:100%}.chart-section{padding:15px}.chart-section h4{font-size:16px}.legend-items{justify-content:center}.summary-grid{gap:10px;grid-template-columns:1fr}.summary-item{padding:10px 12px}.summary-item .label,.summary-item .value{font-size:13px}}@media (prefers-color-scheme:dark){.weather-chart-container{background:#2c3e50;color:#ecf0f1}.chart-section{background:#34495e;border-color:#4a5f7a}.summary-item,.time-range-select,.weather-legend{background:#34495e;border-color:#4a5f7a;color:#ecf0f1}.weather-summary{background:#34495e}.chart-section h4,.summary-item .label,.summary-item .value,.weather-summary h4{color:#ecf0f1}}.weather-tab{display:flex;flex-direction:column;gap:20px;padding:16px}.weather-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.weather-header h3{color:#1e293b;font-size:1.25rem;margin:0}.last-update{color:#64748b;font-size:.875rem}.weather-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.weather-actions{display:flex;flex-wrap:wrap;gap:12px}.weather-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 16px;transition:all .2s}.weather-btn:hover{background:#f3f4f6;border-color:#d1d5db}.weather-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.refresh-btn:hover{background:#0284c7;border-color:#0284c7}.weather-config{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:16px;padding:16px}.config-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.config-group label{color:#374151;font-size:.875rem;font-weight:500}.config-group input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:8px 12px}.config-group input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.config-actions{display:flex;gap:8px;justify-content:flex-end}.config-actions button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s}.config-actions button[type=submit]{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.config-actions button[type=submit]:hover{background:#0284c7;border-color:#0284c7}.config-actions button[type=submit]:disabled{cursor:not-allowed;opacity:.5}.weather-cards{display:flex;flex-wrap:wrap;gap:16px}.weather-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1 160px;gap:12px;padding:16px;position:relative}.weather-card.weather-valid{background:#f0fdf4;border-color:#10b981}.weather-card.weather-stale{background:#fffbeb;border-color:#f59e0b}.weather-icon{color:#0ea5e9;font-size:1.5rem}.weather-card.weather-valid .weather-icon{color:#10b981}.weather-card.weather-stale .weather-icon{color:#f59e0b}.weather-info{display:flex;flex-direction:column;gap:2px}.weather-value{color:#1e293b;font-size:1.125rem;font-weight:700}.weather-label{color:#64748b;font-size:.75rem;font-weight:500}.weather-timestamp{color:#9ca3af;font-size:.625rem;font-style:italic}.weather-conditions{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;margin-top:16px;padding:12px}.conditions-icon{color:#64748b;font-size:1.25rem}.conditions-text{color:#374151;font-size:.875rem;font-weight:500;text-transform:capitalize}.weather-status{display:flex;justify-content:center;margin-top:16px}.status-indicator{border-radius:16px;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.status-indicator.valid{background:#dcfce7;color:#166534}.status-indicator.stale{background:#fef3c7;color:#92400e}.no-weather-data{color:#64748b;padding:32px;text-align:center}.no-weather-data p{font-size:.875rem;margin:8px 0}@media (max-width:768px){.weather-cards{flex-direction:column}.weather-card{flex:1 1 auto}.weather-actions{flex-direction:column}.weather-btn{justify-content:center}.weather-header{align-items:flex-start;flex-direction:column;gap:8px}}.slot-manager{display:flex;flex-direction:column;gap:var(--space-xl);width:100%}.slot-manager-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-lg) 0}@media (max-width:480px){.slot-manager-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}}.slot-manager-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}@media (max-width:768px){.slot-manager-title{font-size:var(--font-size-2xl)}}.slot-manager-summary{align-items:center;display:flex;gap:var(--space-md)}@media (max-width:480px){.slot-manager-summary{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}}.slots-active,.slots-count{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md)}.slots-active{background:var(--status-healthy-bg);border-color:var(--status-healthy-border);color:var(--color-success)}@media (max-width:768px){.slots-active,.slots-count{font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}}.slots-grid{grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:1fr}@media (min-width:769px){.slots-grid{gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(var(--slot-card-width),1fr))}}@media (min-width:1201px){.slots-grid{gap:var(--space-3xl);grid-template-columns:repeat(2,1fr)}}.slot-card{min-height:300px;touch-action:manipulation}@media (max-width:768px){.slot-card{min-height:350px;padding:var(--space-2xl)}}.slot-card-header{align-items:flex-start;gap:var(--space-md)}@media (max-width:480px){.slot-card-header{align-items:stretch;flex-direction:column;gap:var(--space-sm)}}.slot-card-title-section{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm)}@media (max-width:768px){.slot-card-title{font-size:var(--font-size-xl)}}.slot-status-badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);padding:var(--space-xs) var(--space-md);text-transform:uppercase;width:fit-content}@media (max-width:768px){.slot-status-badge{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg)}}.slot-status-badge.active{background:var(--status-healthy-bg);border:1px solid var(--status-healthy-border);color:var(--color-success)}.slot-status-badge.disabled{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);color:var(--color-text-muted)}.slot-card-actions{display:flex;gap:var(--space-sm)}@media (max-width:480px){.slot-card-actions{justify-content:center;width:100%}}.slot-toggle-btn{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:var(--transition-normal);width:44px}@media (max-width:768px){.slot-toggle-btn{font-size:1.4rem;height:52px;width:52px}}.slot-toggle-btn:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.slot-card-content{display:flex;flex-direction:column;gap:var(--space-lg)}.slot-info-section{display:flex;flex-direction:column;gap:var(--space-md)}.slot-info-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}@media (max-width:768px){.slot-info-item{padding:var(--space-md) var(--space-lg)}}@media (max-width:480px){.slot-info-item{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}}.slot-info-label{font-size:var(--font-size-sm)}@media (max-width:768px){.slot-info-label{font-size:var(--font-size-base)}}.slot-info-value{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm)}@media (max-width:768px){.slot-info-value{font-size:var(--font-size-base)}}.sunscreen-brand{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}@media (max-width:768px){.sunscreen-brand{font-size:var(--font-size-sm)}}.slot-fill-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md)}@media (max-width:768px){.slot-fill-section{padding:var(--space-lg)}}.fill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.fill-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width:768px){.fill-label{font-size:var(--font-size-base)}}.fill-status{align-items:center;display:flex;gap:var(--space-sm)}.fill-icon{font-size:1.2rem}@media (max-width:768px){.fill-icon{font-size:1.4rem}}.fill-percentage{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}@media (max-width:768px){.fill-percentage{font-size:var(--font-size-lg)}}.fill-details{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin-top:var(--space-sm)}@media (max-width:768px){.fill-details{font-size:var(--font-size-sm)}}.slot-usage-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md)}@media (max-width:768px){.slot-usage-section{padding:var(--space-lg)}}.usage-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.usage-stats{grid-template-columns:1fr}}.usage-stat{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;gap:var(--space-sm);padding:var(--space-sm)}@media (max-width:768px){.usage-stat{padding:var(--space-md)}}.usage-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-width:24px}@media (max-width:768px){.usage-icon{font-size:1.4rem;min-width:32px}}.usage-content{flex:1 1;min-width:0}.usage-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0}@media (max-width:768px){.usage-label{font-size:var(--font-size-sm)}}.usage-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}@media (max-width:768px){.usage-value{font-size:var(--font-size-base)}}.slot-card-actions-section{display:flex;gap:var(--space-md);margin-top:var(--space-md)}@media (max-width:480px){.slot-card-actions-section{flex-direction:column;gap:var(--space-sm)}}.slot-action-btn{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;min-height:44px;padding:var(--space-md) var(--space-lg);touch-action:manipulation;transition:var(--transition-normal)}@media (max-width:768px){.slot-action-btn{font-size:var(--font-size-base);min-height:52px;padding:var(--space-lg) var(--space-xl)}}.slot-action-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.slot-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.slot-action-btn.refill-btn{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff}.slot-action-btn.refill-btn:hover{box-shadow:var(--shadow-primary)}.slot-action-btn.prime-btn{background:var(--gradient-success);border-color:var(--color-success);color:#fff}.slot-action-btn.prime-btn:hover{box-shadow:var(--shadow-success)}.btn-icon{font-size:1.1rem}@media (max-width:768px){.btn-icon{font-size:1.3rem}}.slot-card-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--space-2xl);text-align:center}@media (max-width:768px){.slot-card-empty{min-height:240px;padding:var(--space-3xl)}}.empty-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}@media (max-width:768px){.empty-icon{font-size:4rem}}.empty-text{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}@media (max-width:768px){.empty-text{font-size:var(--font-size-xl)}}.empty-subtext{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}@media (max-width:768px){.empty-subtext{font-size:var(--font-size-base)}}.enable-slot-btn{background:var(--gradient-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:44px;padding:var(--space-md) var(--space-xl);transition:var(--transition-normal)}@media (max-width:768px){.enable-slot-btn{font-size:var(--font-size-base);min-height:52px;padding:var(--space-lg) var(--space-2xl)}}.enable-slot-btn:hover{box-shadow:var(--shadow-primary);transform:translateY(-1px)}.refill-form-grid{grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:1fr}@media (min-width:769px){.refill-form-grid{grid-template-columns:repeat(2,1fr)}}.volume-options{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.volume-option{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:40px;padding:var(--space-sm) var(--space-md);transition:var(--transition-normal)}@media (max-width:768px){.volume-option{font-size:var(--font-size-base);min-height:48px;padding:var(--space-md) var(--space-lg)}}.volume-option:hover{background:var(--color-bg-secondary)}.volume-option.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.current-slot-info{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);grid-column:1/-1;padding:var(--space-lg)}.current-slot-info h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.slot-info-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:480px){.slot-info-grid{grid-template-columns:1fr}}.info-item{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-sm)}@media (max-width:480px){.info-item{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}}.info-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.info-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.slot-card.loading{opacity:.7;pointer-events:none}.slot-card.loading:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media (prefers-reduced-motion:reduce){.slot-action-btn,.slot-card,.slot-toggle-btn,.volume-option{transition:none}.slot-action-btn:hover,.slot-card:hover,.slot-toggle-btn:hover{transform:none}.slot-card.loading:after{animation:none}}@media (prefers-contrast:high){.info-item,.slot-card,.slot-info-item,.usage-stat{border:2px solid var(--color-text-primary)}.slot-action-btn,.slot-toggle-btn,.volume-option{border:2px solid}}@media print{.slot-card{border:1px solid #ccc;box-shadow:none;margin-bottom:var(--space-lg);page-break-inside:avoid}.slot-card-actions-section,.slot-toggle-btn{display:none}}.hardware-health-tracker{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:12px 0;padding:16px}.hardware-health-compact{align-items:center;display:inline-flex;gap:6px}.health-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.health-icon{font-size:18px}.health-title{color:#495057;font-size:16px;font-weight:600}.health-status{margin-bottom:12px}.health-status.healthy .status-text{color:#28a745;font-size:14px;font-weight:600}.health-status.healthy .status-description{color:#6c757d;font-size:13px;margin:4px 0 0}.hardware-health-compact .health-text{border-radius:3px;color:inherit;font-family:inherit;font-size:inherit;font-weight:400;padding:2px 6px}.hardware-health-compact .health-text.healthy{background:none}.hardware-health-compact .health-text.issues{background-color:#ffeaa7;color:#2d3436}.hardware-health-compact .health-text.error{background-color:#fab1a0;color:#2d3436}.health-section{margin-bottom:12px}.section-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 8px}.error-title{color:#dc3545}.warning-title{color:#fd7e14}.issue-list{list-style:none;margin:0;padding:0}.issue-item{align-items:center;display:flex;font-size:13px;gap:8px;padding:6px 0}.issue-item.error{color:#dc3545}.issue-item.warning{color:#fd7e14}.issue-icon{flex-shrink:0;font-size:14px}.issue-text{flex:1 1}.health-footer{border-top:1px solid #e9ecef;margin-top:12px;padding-top:8px}.health-note{color:#6c757d;display:block;font-size:11px;text-align:center}@media (max-width:768px){.hardware-health-tracker{margin:8px 0;padding:12px}.health-header{margin-bottom:8px}.health-title{font-size:15px}.issue-item{font-size:12px}}.block-details-view .hardware-health-tracker{background:#0000;border:none;margin:0;padding:0}.block-details-view .health-footer,.block-details-view .health-header{display:none}.stat-item .hardware-health-compact{display:contents}.stat-item .health-text{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}@media (prefers-color-scheme:dark){.hardware-health-tracker{background:#343a40;border-color:#495057}.health-title{color:#f8f9fa}.health-note,.health-status.healthy .status-description{color:#adb5bd}.health-footer{border-top-color:#495057}}.block-details-view{animation:expandIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:16px;overflow:hidden}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.compact-overview{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e5e7eb;padding:20px 24px}.overview-main{align-items:center;display:flex;gap:24px;justify-content:space-between}.device-info{display:flex;flex-direction:column;gap:8px}.device-title{align-items:center;display:flex;gap:16px}.device-title h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.device-location{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.device-status{align-items:center;display:flex;gap:12px}.key-stats{display:flex;flex-wrap:wrap}.stat-item{align-items:center;background:#f9fafbcc;border:1px solid #f3f4f6;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:40px;min-width:0;padding:6px 4px;text-align:center;transition:all .2s}.stat-item:hover{background:#f3f4f6e6;border-color:#e5e7eb}.stat-icon{flex-shrink:0;font-size:.75rem;line-height:1}.stat-value{color:#111827;font-size:.625rem}.stat-label,.stat-value{line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{font-size:.6rem;opacity:.8}.connection-badge,.health-badge{align-items:center;border-radius:16px;display:flex;font-size:.75rem;font-weight:500;gap:6px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.health-badge.critical{background:#fee2e2;color:#991b1b}.health-badge.warning{background:#fef3c7;color:#92400e}.health-badge.healthy{background:#d1fae5;color:#065f46}.connection-badge.online{background:#dbeafe;color:#1e40af}.connection-badge.offline{background:#f3f4f6;color:#6b7280}.connection-icon{height:12px;width:12px}.header-right{align-items:center;display:flex}.collapse-btn{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:background-color .2s}.collapse-btn:hover{background:#f3f4f6}.collapse-icon{color:#6b7280;height:20px;transition:transform .2s;width:20px}.collapse-icon.expanded{transform:rotate(180deg)}.quick-stats-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px}.quick-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stat-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s}.quick-stat-card:hover{background:#f3f4f6;border-color:#d1d5db}.stat-icon-wrapper{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.stat-icon{color:#6b7280;height:20px;width:20px}.stat-content{flex:1 1}.stat-label{font-size:.75rem;font-weight:500;margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:600;margin-bottom:2px}.stat-detail{color:#9ca3af;font-size:.75rem}.block-tabs{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #e9ecef99}.tab-nav{align-items:flex-end;background:#0000;border-bottom:1px solid #e9ecef99;justify-content:flex-start;margin:16px 0;padding:0 24px}.tab-btn,.tab-nav{display:flex;gap:8px}.tab-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef99;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000000d;color:#64748b;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center;margin:0;min-width:120px;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{background:linear-gradient(135deg,#f1f3f5,#e9ecef);box-shadow:0 4px 12px #0000001a;color:#1c3d49;transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#007aff,#0056b3);border-color:#007aff;box-shadow:0 6px 20px #007aff4d;color:#007aff;color:#fff;transform:translateY(-2px);z-index:1}.tab-icon{height:16px;width:16px}.analytics-tab-content,.settings-tab-content{background:#0000;max-width:100%;padding:32px}.analytics-sections,.settings-sections{background:#0000;display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.analytics-tab-content{background:#0000;padding:32px}.analytics-tab-content .analytics-section:first-child{margin-top:0}.analytics-tab-content .analytics-section:last-child{margin-bottom:0}.analytics-section,.settings-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.section-header{background:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;gap:12px;padding:16px 20px;transition:background-color .2s}.section-header:hover{background:#f9fafb}.section-icon{color:#6b7280;height:20px;width:20px}.section-header h4{color:#1f2937;flex:1 1;font-size:1.125rem;font-weight:600;margin:0}.chevron{color:#9ca3af;height:16px;transition:transform .2s;width:16px}.chevron.expanded{transform:rotate(90deg)}.section-content{padding:20px}.maintenance-history-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.maintenance-entry{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.maintenance-date{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px;margin-bottom:8px}.date-icon{height:14px;width:14px}.maintenance-note{color:#1f2937;font-size:.875rem;margin-bottom:6px}.maintenance-user{color:#9ca3af;font-size:.75rem}.no-maintenance{color:#6b7280;font-style:italic;padding:20px;text-align:center}.address-form,.location-form,.maintenance-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.address-input,.location-input,.maintenance-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;resize:vertical;transition:border-color .2s;width:100%}.address-input:focus,.location-input:focus,.maintenance-textarea:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.address-submit-btn,.image-upload-btn,.location-submit-btn,.maintenance-submit-btn{align-items:center;background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.address-submit-btn:hover,.image-upload-btn:hover,.location-submit-btn:hover,.maintenance-submit-btn:hover{background:#0056b3}.current-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.info-item{justify-content:space-between;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-label{color:#6b7280;font-weight:500}.info-value{color:#1f2937}.current-image{margin-bottom:16px}.block-image{border:1px solid #e5e7eb;border-radius:8px;height:200px;max-width:300px;object-fit:cover;width:100%}.upload-icon{height:14px;width:14px}.analytics-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:20px}.analytics-section h4{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:8px}.dispense-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.metric-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.metric-card:hover{background:#f3f4f6;border-color:#d1d5db}.metric-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.metric-icon svg{color:#6b7280;height:20px;width:20px}.metric-content{flex:1 1}.metric-label{font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#1f2937;font-weight:600}.recent-activity{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;display:flex;height:32px;justify-content:center;width:32px}.activity-icon svg{color:#0369a1;height:16px;width:16px}.activity-content{flex:1 1}.activity-title{color:#1f2937;font-size:.875rem;font-weight:500;margin-bottom:2px}.activity-time{color:#6b7280;font-size:.75rem}.activity-meta{align-items:center;display:flex;gap:8px}.activity-type{background:#f3f4f6;border-radius:4px;color:#6b7280;padding:2px 8px}.activity-amount,.activity-type{font-size:.75rem;font-weight:500}.activity-amount{color:#059669}.no-activity{font-style:italic;padding:24px}.no-activity,.no-slots-message{color:#6b7280;text-align:center}.no-slots-message{padding:40px 20px}.no-slots-message h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 12px}.no-slots-message p{font-size:.9rem;line-height:1.5;margin:0;opacity:.8}.activity-note{font-size:.8rem;margin-top:8px;opacity:.6}@media (max-width:768px){.compact-overview{padding:16px}.overview-main{align-items:flex-start;flex-direction:column;gap:16px}.device-info{width:100%}.device-title{align-items:flex-start;flex-direction:column;gap:8px}.device-status{flex-wrap:wrap;gap:8px}.key-stats{gap:6px}.stat-item{flex:1 1 auto;gap:2px;min-height:40px;padding:4px 3px}.stat-icon{height:9px;width:9px}.stat-value{font-size:.16rem}.stat-label{font-size:.55rem}.metrics-grid{gap:12px;grid-template-columns:1fr}.tab-nav{flex-wrap:wrap;gap:4px}.tab-btn{flex:1 1;justify-content:center;min-width:100px}.tab-content{padding:16px}.analytics-section{margin-bottom:16px}.activity-item{gap:8px;padding:12px}.activity-meta{align-items:flex-start;flex-direction:column;gap:4px}}.key-stats .stat-item{flex-direction:row;gap:4px;justify-content:flex-start;padding:4px 6px}.key-stats .stat-icon{font-size:.75rem;margin-right:2px}.key-stats .stat-value{font-size:.625rem;line-height:1}.key-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));width:100%}.key-stats .stat-item{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:48px;min-width:0;padding:6px 4px}.key-stats .stat-icon{font-size:clamp(.75rem,1vw + .4rem,1.25rem);line-height:1;margin:0}.key-stats .stat-value{font-size:clamp(.625rem,.8vw + .25rem,1rem);line-height:1.2;text-align:center}@media (max-width:480px){.key-stats{gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.key-stats .stat-item{padding:4px 2px}}.image-upload-container{max-width:80px;width:100%}.image-upload-zone{aspect-ratio:1/1;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-normal);width:100%}.image-upload-zone:hover{background:rgba(var(--color-primary-rgb),.02);border-color:var(--color-primary)}.image-upload-zone.drag-active{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary);transform:scale(1.02)}.image-upload-zone.has-image{border:2px solid var(--color-border);cursor:default}.image-upload-zone.has-image:hover{border-color:var(--color-primary)}.upload-prompt{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;text-align:center}.upload-icon{color:var(--color-text-tertiary);font-size:2rem;margin-bottom:.5rem}.upload-text{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.upload-hint{color:var(--color-text-tertiary);font-size:.75rem;margin:0}.upload-spinner{color:var(--color-primary);font-size:1.25rem;margin-top:.5rem}.image-preview{height:100%;position:relative;width:100%}.preview-image{aspect-ratio:1/1;border-radius:6px;height:100%;object-fit:cover;object-position:center;width:100%}.image-overlay{align-items:center;background:#0009;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.image-preview:hover .image-overlay{opacity:1}.image-actions{display:flex;gap:.5rem}.action-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.action-button:disabled{cursor:not-allowed;opacity:.6}.change-button{background:rgba(var(--color-primary-rgb),.9);color:#fff}.change-button:hover:not(:disabled){background:var(--color-primary);transform:scale(1.05)}.delete-button{background:rgba(var(--color-danger-rgb),.9);color:#fff}.delete-button:hover:not(:disabled){background:var(--color-danger);transform:scale(1.05)}.upload-status{align-items:center;background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.2);border-radius:8px;color:var(--color-success);display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.5rem}.success-icon{flex-shrink:0;font-size:1rem}@media (max-width:480px){.image-upload-container{max-width:100%}.image-upload-zone{height:100px}.upload-icon{font-size:1.5rem}.upload-text{font-size:.8125rem}.upload-hint{font-size:.6875rem}.action-button{font-size:1.125rem;height:36px;width:36px}}@media (prefers-reduced-motion:reduce){.action-button,.image-overlay,.image-upload-zone{transition:none}.spinning{animation:none}.action-button:hover:not(:disabled),.image-upload-zone.drag-active{transform:none}}.image-upload-zone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.action-button:focus-visible{outline:2px solid #fffc;outline-offset:2px}:root{--color-primary:#007aff;--color-primary-dark:#0056b3;--color-primary-light:#339af0;--color-success:#34c759;--color-success-light:#30d158;--color-warning:#ff9500;--color-warning-light:#ffb340;--color-danger:#ff3b30;--color-danger-light:#ff6961;--color-revenue:#28a745;--color-revenue-light:#40c057;--color-customers:#007aff;--color-customers-light:#339af0;--color-protection:#8b5cf6;--color-protection-light:#a78bfa;--color-text-primary:#1d1d1f;--color-text-secondary:#495057;--color-text-tertiary:#86868b;--color-text-muted:#6c757d;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-surface:#fff;--color-border-light:#fffc;--color-border-default:#e9ecefcc;--color-border-medium:#d1d5db;--color-border-strong:#cbd5e1;--gradient-primary:linear-gradient(135deg,#007aff,#0056b3);--gradient-success:linear-gradient(135deg,#34c759,#30d158);--gradient-warning:linear-gradient(135deg,#ff9500,#ffb340);--gradient-danger:linear-gradient(135deg,#ff3b30,#ff6961);--gradient-surface:linear-gradient(135deg,#fff,#f8f9fa);--gradient-background:linear-gradient(135deg,#f8f9fa,#e9ecef);--gradient-card:linear-gradient(135deg,#fff,#f8f9fa);--gradient-hover:linear-gradient(135deg,#f8f9fa,#f1f3f5);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--font-family-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.85rem;--font-size-base:0.95rem;--font-size-lg:1.1rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2.5rem;--font-weight-normal:500;--font-weight-medium:600;--font-weight-semibold:700;--font-weight-bold:800;--line-height-tight:1;--line-height-normal:1.2;--line-height-relaxed:1.5;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.01em;--letter-spacing-wider:0.5px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:20px;--radius-full:50%;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 12px 40px #00000026;--shadow-2xl:0 20px 50px #0003;--shadow-primary:0 4px 16px #007aff4d;--shadow-primary-hover:0 8px 25px #007aff66;--shadow-success:0 4px 16px #34c7594d;--shadow-warning:0 4px 16px #ff95004d;--shadow-danger:0 4px 20px #ee5a524d;--shadow-danger-hover:0 8px 30px #ee5a5266;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--status-healthy-bg:#34c7591a;--status-healthy-border:#34c7594d;--status-warning-bg:#ff95001a;--status-warning-border:#ff95004d;--status-critical-bg:#ff3b301a;--status-critical-border:#ff3b304d;--battery-healthy:var(--color-success);--battery-warning:var(--color-warning);--battery-critical:var(--color-danger);--fill-excellent:var(--color-success);--fill-good:#50c878;--fill-warning:var(--color-warning);--fill-critical:var(--color-danger);--spf-low:orange;--spf-medium:#4a90e2;--spf-high:#7b68ee;--card-min-height:120px;--card-image-size:200px;--slot-card-width:280px;--modal-sm:400px;--modal-md:600px;--modal-lg:800px;--modal-xl:1000px}.text-primary{color:#1d1d1f!important;color:var(--color-text-primary)!important}.text-secondary{color:#495057!important;color:var(--color-text-secondary)!important}.text-tertiary{color:#86868b!important;color:var(--color-text-tertiary)!important}.text-muted{color:#6c757d!important;color:var(--color-text-muted)!important}.text-success{color:#34c759!important;color:var(--color-success)!important}.text-success,.text-warning{font-weight:600;font-weight:var(--font-weight-medium)}.text-warning{color:#ff9500!important;color:var(--color-warning)!important}.text-danger{color:#ff3b30!important;color:var(--color-danger)!important;font-weight:600;font-weight:var(--font-weight-medium)}.bg-primary{background:linear-gradient(135deg,#007aff,#0056b3)!important;background:var(--gradient-primary)!important}.bg-success{background:linear-gradient(135deg,#34c759,#30d158)!important;background:var(--gradient-success)!important}.bg-warning{background:#ff9500!important;background:var(--color-warning)!important}.bg-danger{background:linear-gradient(135deg,#ff3b30,#ff6961)!important;background:var(--gradient-danger)!important}.bg-success-soft{background:#34c7591a!important;background:var(--status-healthy-bg)!important;border:1px solid #34c7594d;border:1px solid var(--status-healthy-border)}.bg-warning-soft{background:#ff95001a!important;background:var(--status-warning-bg)!important;border:1px solid #ff95004d;border:1px solid var(--status-warning-border)}.bg-danger-soft{background:#ff3b301a!important;background:var(--status-critical-bg)!important;border:1px solid #ff3b304d;border:1px solid var(--status-critical-border)}.fill-excellent{color:#34c759!important;color:var(--fill-excellent)!important}.fill-good{color:#50c878!important;color:var(--fill-good)!important}.fill-warning{color:#ff9500!important;color:var(--fill-warning)!important}.fill-critical{color:#ff3b30!important;color:var(--fill-critical)!important}.battery-healthy{color:#34c759!important;color:var(--battery-healthy)!important}.battery-warning{color:#ff9500!important;color:var(--battery-warning)!important}.battery-critical{color:#ff3b30!important;color:var(--battery-critical)!important}.spf-low{background-color:orange!important;background-color:var(--spf-low)!important}.spf-medium{background-color:#4a90e2!important;background-color:var(--spf-medium)!important}.spf-high{background-color:#7b68ee!important;background-color:var(--spf-high)!important}.block-management{background:#0000;font-family:var(--font-family-system);margin:0!important;min-height:100vh;overflow:visible!important;padding:var(--space-xl)}.block-management,.block-management-tab,.block-management-tab>*,.block-management>*,.section-header,.tab-content{box-sizing:border-box!important;max-width:none!important;width:100%!important}.section-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin:0 0 var(--space-xl) 0!important;padding:var(--space-2xl)!important}.block-section{box-sizing:border-box!important;margin:0!important;max-width:none!important;padding:0 var(--space-2xl) var(--space-2xl) var(--space-2xl)!important;width:100%!important}.dashboard-stats{display:grid;margin-bottom:var(--space-xl)}.business-stats,.dashboard-stats{grid-gap:var(--space-2xl);gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.business-stats{margin-bottom:var(--space-4xl);margin-top:var(--space-xl)}.stats-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:var(--space-lg) 0}.slots-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(var(--slot-card-width),1fr));margin-top:var(--space-lg)}.sunscreen-cards-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--space-2xl)}.refill-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid,.refill-form-grid{grid-gap:var(--space-lg);gap:var(--space-lg)}.flex-row{align-items:center;display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-between{justify-content:space-between}.flex-center{align-items:center;justify-content:center}.flex-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.locations-container{display:flex;flex-direction:column;gap:var(--space-xl)}.blocks-list{background:var(--gradient-background);display:block!important;margin:0!important;overflow:visible!important;padding:var(--space-lg)!important}.block-detail-view,.blocks-list{box-sizing:border-box!important;max-width:none!important;width:100%!important}.block-detail-view{background:var(--color-bg-primary)!important;border-top:1px solid var(--color-border-default)!important;display:flex;flex-direction:column;gap:var(--space-2xl);left:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;padding:var(--space-2xl)!important;position:relative!important;right:0!important;z-index:1!important}.block-detail-bottom-section{display:flex;flex-wrap:wrap;gap:var(--space-2xl)}.detail-left-column{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xl);min-width:400px}.detail-right-column{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);flex:1 1;min-width:400px;padding:var(--space-lg)}.top-level-forms{background:var(--gradient-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-4xl);padding:var(--space-3xl)}.block-management-forms{grid-gap:var(--space-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:var(--space-xl)}.all-actions-container{display:flex;flex-direction:column;gap:var(--space-xl)}.dispense-chart-container{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.chart-controls{display:flex;gap:var(--space-lg);justify-content:flex-end}@media (max-width:480px){.block-management{padding:var(--space-md)}.section-header{align-items:stretch;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)!important}.block-section{padding:0 var(--space-md) var(--space-md) var(--space-md)!important}.business-stats,.dashboard-stats,.slots-grid,.sunscreen-cards-grid{gap:var(--space-lg);grid-template-columns:1fr}.top-level-forms{margin-bottom:var(--space-2xl);padding:var(--space-lg)}.block-management-forms{padding:var(--space-lg)}.block-management-forms,.form-grid,.refill-form-grid{gap:var(--space-md);grid-template-columns:1fr}.chart-controls{flex-direction:column;gap:var(--space-md)}.block-detail-bottom-section{flex-direction:column;gap:var(--space-lg)}.detail-left-column,.detail-right-column{min-width:0;min-width:auto}.detail-right-column{padding:var(--space-md)}.block-detail-view{gap:var(--space-lg);padding:var(--space-lg)!important}}@media (min-width:481px) and (max-width:576px){.block-management{padding:var(--space-lg)}.section-header{align-items:stretch;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)!important}.block-section{padding:0 var(--space-lg) var(--space-lg) var(--space-lg)!important}.business-stats,.dashboard-stats,.slots-grid,.sunscreen-cards-grid{gap:var(--space-xl);grid-template-columns:1fr}.top-level-forms{padding:var(--space-xl)}.block-management-forms,.form-grid,.refill-form-grid{grid-template-columns:1fr}.chart-controls{gap:var(--space-md)}.block-detail-bottom-section,.chart-controls{flex-direction:column}.detail-left-column,.detail-right-column{min-width:0;min-width:auto}}@media (min-width:577px) and (max-width:768px){.block-management{padding:var(--space-lg)}.business-stats,.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sunscreen-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.block-detail-bottom-section{flex-direction:column}.detail-left-column,.detail-right-column{min-width:0;min-width:auto}.block-management-forms{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid,.refill-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width:769px) and (max-width:1024px){.business-stats,.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(var(--slot-card-width),1fr))}.sunscreen-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.block-detail-bottom-section{flex-wrap:wrap;gap:var(--space-xl)}.detail-left-column,.detail-right-column{min-width:350px}}@media (min-width:1025px) and (max-width:1200px){.business-stats,.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(var(--slot-card-width),1fr))}.sunscreen-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1201px){.business-stats,.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(var(--slot-card-width),1fr))}.sunscreen-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.m-0{margin:0!important}.m-xs{margin:var(--space-xs)!important}.m-sm{margin:var(--space-sm)!important}.m-md{margin:var(--space-md)!important}.m-lg{margin:var(--space-lg)!important}.m-xl{margin:var(--space-xl)!important}.p-0{padding:0!important}.p-xs{padding:var(--space-xs)!important}.p-sm{padding:var(--space-sm)!important}.p-md{padding:var(--space-md)!important}.p-lg{padding:var(--space-lg)!important}.p-xl{padding:var(--space-xl)!important}.gap-xs{gap:var(--space-xs)!important}.gap-sm{gap:var(--space-sm)!important}.gap-md{gap:var(--space-md)!important}.gap-lg{gap:var(--space-lg)!important}.gap-xl{gap:var(--space-xl)!important}.hidden{display:none!important}.visible{display:block!important}@media (max-width:768px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}@media (min-width:769px){.hidden-desktop{display:none!important}.visible-desktop{display:block!important}}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-auto{overflow:auto!important}.dashboard-stat-card{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-2xl);position:relative;transition:var(--transition-normal)}.dashboard-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-stat-card:before{background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-stat-card.revenue:before{background:var(--gradient-success)}.dashboard-stat-card.customers:before{background:var(--gradient-primary)}.dashboard-stat-card.protection:before{background:var(--gradient-warning)}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.stat-card-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);margin:0;text-transform:uppercase}.stat-card-icon{color:var(--color-text-tertiary);font-size:1.5rem;opacity:.7}.stat-card-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.stat-card-change{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);margin-top:var(--space-sm)}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-danger)}.stat-card-change.neutral{color:var(--color-text-tertiary)}.block-card{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-2xl);transition:var(--transition-normal)}.block-card:hover{box-shadow:var(--shadow-lg)}.block-card.active{border-color:var(--color-success);box-shadow:var(--shadow-success)}.block-card.warning{border-color:var(--color-warning);box-shadow:var(--shadow-warning)}.block-card.critical{border-color:var(--color-danger);box-shadow:var(--shadow-danger)}.block-card-header{align-items:flex-start;margin-bottom:var(--space-lg)}.block-card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.block-card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 0}.block-status-badge{align-items:center;background:none;border:none;display:inline-flex;font-size:1.5rem;justify-content:center;line-height:1;margin:0;padding:0}.block-status-badge.active,.block-status-badge.critical,.block-status-badge.disabled,.block-status-badge.warning{background:none;border:none;color:inherit}.slot-card{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:var(--slot-card-width);overflow:hidden;padding:var(--space-xl);position:relative;transition:var(--transition-normal)}.slot-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.slot-card.active{border-color:var(--color-success);box-shadow:var(--shadow-success)}.slot-card.disabled{background:var(--color-bg-tertiary);border-color:var(--color-border-medium);opacity:.7}.slot-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.slot-card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.slot-card-badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);padding:var(--space-xs) var(--space-md);text-transform:uppercase}.slot-card-info{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.slot-info-item{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between}.slot-info-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.slot-info-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.progress-bar-container{margin:var(--space-md) 0}.progress-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.progress-bar-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.progress-bar-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.progress-bar{background-color:var(--color-bg-tertiary);height:8px;overflow:hidden;width:100%}.progress-bar,.progress-bar-fill{border-radius:var(--radius-sm);position:relative}.progress-bar-fill{height:100%;transition:var(--transition-normal)}.progress-bar-fill.excellent{background:var(--gradient-success)}.progress-bar-fill.good{background:linear-gradient(90deg,#50c878,#34c759)}.progress-bar-fill.warning{background:var(--gradient-warning)}.progress-bar-fill.critical{background:var(--gradient-danger)}.spf-badge{align-items:center;border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--space-xs);letter-spacing:var(--letter-spacing-wider);padding:var(--space-xs) var(--space-md);text-transform:uppercase}.spf-badge.spf-low{background:var(--spf-low)}.spf-badge.spf-medium{background:var(--spf-medium)}.spf-badge.spf-high{background:var(--spf-high)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;letter-spacing:var(--letter-spacing-normal);min-height:44px;outline:none;overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;text-transform:none;transition:var(--transition-normal)}.btn:focus{box-shadow:0 0 0 3px #007aff4d}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary-hover)}.btn-success{background:var(--gradient-success);box-shadow:var(--shadow-success);color:#fff}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-success);transform:translateY(-1px)}.btn-warning{background:var(--gradient-warning);box-shadow:var(--shadow-warning)}.btn-warning:hover:not(:disabled){box-shadow:var(--shadow-warning);transform:translateY(-1px)}.btn-danger{background:var(--gradient-danger);box-shadow:var(--shadow-danger)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-danger-hover);transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background:var(--color-bg-secondary);box-shadow:var(--shadow-md)}.btn-ghost{background:#0000;border:none;box-shadow:none;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-sm);min-height:36px;padding:var(--space-sm) var(--space-lg)}.btn-lg{font-size:var(--font-size-lg);min-height:52px;padding:var(--space-lg) var(--space-2xl)}.btn-full{width:100%}.form-group{margin-bottom:var(--space-lg)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.form-control,.form-label{color:var(--color-text-primary)}.form-control{background:var(--color-bg-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);outline:none;padding:var(--space-md);transition:var(--transition-normal);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.form-control:invalid{border-color:var(--color-danger)}.form-control::placeholder{color:var(--color-text-tertiary)}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-text{color:var(--color-text-tertiary)}.form-error,.form-text{font-size:var(--font-size-sm);margin-top:var(--space-xs)}.form-error{color:var(--color-danger)}.inline-form{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.inline-form h4{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);margin-top:0}.inline-form p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal)}.modal-container{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.modal-header{border-bottom:1px solid var(--color-border-default);padding:var(--space-2xl)}.modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-close{border-radius:var(--radius-md);color:var(--color-text-tertiary);padding:var(--space-sm);transition:var(--transition-fast)}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{max-height:70vh;overflow-y:auto;padding:var(--space-2xl)}.modal-footer{border-top:1px solid var(--color-border-default);gap:var(--space-lg);padding:var(--space-2xl)}.alert{border:1px solid #0000;border-radius:var(--radius-md);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg)}.alert-success{background:var(--status-healthy-bg);border-color:var(--status-healthy-border);color:var(--color-success)}.alert-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--color-warning)}.alert-danger{background:var(--status-critical-bg);border-color:var(--status-critical-border);color:var(--color-danger)}.alert-icon{font-size:1.2rem}.alert-content{flex:1 1}.alert-title{font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.alert-message{font-size:var(--font-size-sm);margin:0;opacity:.9}.location-section{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-2xl);overflow:hidden}.location-section-header{align-items:center;background:var(--gradient-surface);border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;padding:var(--space-xl) var(--space-2xl)}.location-section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-md);margin:0}.location-status-icon{font-size:1.2rem}.location-status-icon.warning{color:var(--color-warning)}.location-status-icon.critical{color:var(--color-danger)}.location-summary{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:16px}.location-count{font-weight:500}.location-status{font-weight:400}.location-section-body{padding:var(--space-2xl)}.location-blocks-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-default);border:2px solid var(--color-border-default);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.modal-container{margin:var(--space-lg);max-width:95vw}.modal-body,.modal-footer,.modal-header{padding:var(--space-lg)}.btn{padding:var(--space-md) var(--space-lg)}.slot-card{min-width:0;min-width:auto}.location-blocks-grid{grid-template-columns:1fr}}.stat-card{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-2xl);position:relative;transition:var(--transition-normal)}.stat-card.revenue:before{background:var(--gradient-success)}.stat-card.customers:before,.stat-card.revenue:before{border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.customers:before{background:var(--gradient-primary)}.stat-card.protection:before{background:var(--gradient-warning);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.block-card.healthy{border-color:var(--color-success);box-shadow:var(--shadow-success)}.block-card.error{border-color:var(--color-danger);box-shadow:var(--shadow-danger)}.status-healthy{color:var(--color-success)!important}.status-healthy,.status-warning{font-weight:var(--font-weight-medium)}.status-warning{color:var(--color-warning)!important}.status-critical{color:var(--color-danger)!important}.btn-secondary,.status-critical{font-weight:var(--font-weight-medium)}.btn-secondary{background:#0000;border-color:var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-md) var(--space-xl);transition:var(--transition-normal)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);box-shadow:var(--shadow-md)}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-dialog{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.modal-content{background:none;border:none;border-radius:0;box-shadow:none}.progress{background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);height:8px;overflow:hidden;position:relative;width:100%}.progress-bar.bg-success{background:var(--gradient-success)}.progress-bar.bg-warning{background:var(--gradient-warning)}.progress-bar.bg-danger{background:var(--gradient-danger)}.block-card,.dashboard-stat-card,.slot-card{cursor:pointer;will-change:transform,box-shadow}.block-card:active,.dashboard-stat-card:active,.slot-card:active{transform:translateY(0);transition:var(--transition-fast)}.block-card:focus-visible,.btn:focus-visible,.slot-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.block-card.loading,.slot-card.loading{opacity:.7;pointer-events:none}.block-card.loading:after,.slot-card.loading:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.form-control.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ff3b301a}.form-control.error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ff3b3033}.form-control.success{border-color:var(--color-success);box-shadow:0 0 0 3px #34c7591a}.form-control.success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #34c75933}@media print{.block-management{background:#fff!important;box-shadow:none!important}.block-card,.dashboard-stat-card,.slot-card{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.btn,.modal-overlay{display:none!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-skeleton,.loading-spinner{animation:none}}@media (prefers-contrast:high){:root{--color-border-default:#000;--color-border-strong:#000;--shadow-md:0 2px 4px #0000004d;--shadow-lg:0 4px 8px #0006}.block-card,.dashboard-stat-card,.slot-card{border:2px solid #000}.btn{border:2px solid}}.block-card-header{gap:1.25rem;margin-bottom:.5rem;min-height:80px;padding:0 .5rem}.block-card-image-section{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:80px}.block-card-title-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:.5rem;min-width:0}@media (max-width:480px){.block-card-image-section{width:60px}}.block-card-title-section{flex:0 0 auto;min-width:250px}.block-stats-preview{align-items:center;background:#0000;border:none;display:flex;flex:1 1;justify-content:center;margin:0;padding:0}.stats-row{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:0 1rem;max-width:260px;width:100%}@media (min-width:768px){.stats-row{gap:6px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;max-width:400px}.stat-item-compact{aspect-ratio:1/1;min-height:50px}.stat-item-compact .stat-label-compact,.stat-item-compact .stat-value-compact{font-size:.7rem}}@media (min-width:1200px){.stats-row{gap:8px;max-width:320px}}.stat-item-compact{align-items:center;aspect-ratio:1.1/1;background:#ffffffe6;border:1px solid #00000014;border-radius:6px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:54px;padding:8px 6px;transition:all .2s ease}.stat-item-compact:hover{background:#fffffff2;border-color:#0000001f;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-icon-compact{color:#4f46e5;flex-shrink:0;height:16px;width:16px}.stat-value-compact{color:#1f2937;font-size:.875rem;font-weight:600;line-height:1.1;text-align:center}.stat-value-compact.connection-status{color:#059669}.stat-label-compact{color:#6b7280;font-size:.6875rem;font-weight:500;letter-spacing:.025em;line-height:1;text-align:center;text-transform:uppercase}@media (min-width:768px){.stat-icon-compact{height:14px;width:14px}.stat-value-compact{font-size:.75rem}.stat-label-compact{font-size:.625rem}}@media (min-width:1200px){.stat-icon-compact{height:16px;width:16px}.stat-value-compact{font-size:.8125rem}.stat-label-compact{font-size:.6875rem}}.stat-value-compact.connection-status.offline{color:#dc2626!important}.stat-value-compact.connection-status.online{color:#059669!important}.block-card-last-seen{color:#6b7280;font-size:.75rem;font-style:italic;line-height:1.2;margin-top:2px}.block-card-last-seen:empty{display:none}.spinning{animation:spin 1s linear infinite;transform-origin:center}.block-card-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);display:flex;gap:1.5rem;justify-content:space-between;padding:1rem}.btn-outline{align-items:center;background:#0000;border:1.5px solid #d1d5db;border:1.5px solid var(--color-border-strong,#d1d5db);border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.btn-outline:hover:not(:disabled){background:#3b82f60d;border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 4px #0000001a;color:#3b82f6;color:var(--color-primary,#3b82f6);transform:translateY(-1px)}.btn-outline:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.btn-outline:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-outline:disabled:hover{background:#0000;border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#1f2937;color:var(--color-text-primary,#1f2937)}.block-card-status .block-status-badge{align-items:center;display:flex;font-size:1.5rem;justify-content:center;line-height:1}@media (max-width:768px){.block-card-header{align-items:center;flex-direction:column;gap:16px;padding:16px;text-align:center}.block-card-image-section{display:flex;justify-content:center;order:1;width:100%}.block-card-title-section{margin-left:0;min-width:auto;order:2;text-align:center;width:100%}.block-stats-preview{display:flex;justify-content:center;order:3;width:100%}.block-card-status{justify-content:center;order:4;width:100%}.stats-row{flex-wrap:wrap;gap:8px}.stat-item-compact{gap:2px;min-width:calc(50% - 4px);padding:6px 8px}.stat-icon-compact{height:12px;width:12px}.stat-value-compact{font-size:.8125rem}.stat-label-compact{font-size:.625rem}}@media (max-width:480px){.stats-row{gap:8px}.stat-item-compact{min-width:50px}.stat-value-compact{font-size:.75rem}.stat-label-compact{font-size:.5625rem}}.slot-info-compact{background:#fffc;border:1px solid #0000001a;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:140px;padding:8px 12px}.slot-item-compact{align-items:center;display:flex;gap:6px;min-height:20px}.slot-details-compact{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.slot-value-compact{color:#1f2937;font-size:.875rem;font-weight:600}.slot-label-compact{color:#6b7280;font-size:.75rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-icon-compact.slot1{color:#10b981}.stat-icon-compact.slot2{color:#3b82f6}.slot-item-compact .stat-icon-compact{transition:color .2s ease}@media (max-width:768px){.slot-info-compact{gap:6px;min-width:120px;padding:6px 8px}.slot-value-compact{font-size:.75rem}.slot-label-compact{font-size:.625rem;max-width:80px}}.block-setup{margin:0 auto;max-width:1200px;padding:2rem}.block-setup-loading{align-items:center;display:flex;height:400px;justify-content:center}.loading-spinner{color:#666;font-size:1.1rem}.page-header{flex-wrap:wrap;gap:1rem}.header-icon{color:#2563eb;font-size:2rem}.header-content h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.header-content p{color:#6b7280;font-size:1rem;margin:.25rem 0 0}.header-stats{flex-wrap:wrap;gap:1rem}.stat-card{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;min-width:100px;padding:1rem}.stat-value{margin-bottom:.25rem}.alert{border-radius:.5rem;gap:.5rem;margin-bottom:1.5rem}.alert-icon{font-size:1.25rem}.tab-navigation{gap:.5rem;margin-bottom:2rem}.tab-button{gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.tab-button:hover{background-color:#f9fafb;color:#374151}.tab-button.active{background-color:#eff6ff;border-bottom-color:#2563eb;color:#2563eb}.tab-icon{font-size:1rem}.assign-blocks-tab,.create-block-tab,.overview-tab{box-sizing:border-box;overflow:visible;width:100%}.tab-content{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-section{box-sizing:border-box;overflow:visible;padding:2rem;width:100%}.form-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.block-form{box-sizing:border-box;max-width:600px;width:100%}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1rem}.form-group input,.form-group select{border-radius:.375rem;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-primary{background-color:#2563eb;border-radius:.375rem;box-sizing:border-box;margin-top:1rem;transition:background-color .2s;width:fit-content}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-primary:disabled{background-color:#9ca3af}.assignment-section{box-sizing:border-box;overflow:visible;padding:2rem;width:100%}.assignment-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.assignment-controls{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.assignment-controls .form-group{margin-bottom:0;min-width:200px}.blocks-grid h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.blocks-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.unassigned-section .blocks-list{gap:1.5rem}.block-card{background:#fff;border-radius:.5rem;cursor:pointer;padding:1rem;position:relative;transition:all .2s}.block-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.block-card.selected{background-color:#eff6ff;border-color:#2563eb}.block-card.assigned{background-color:#f0fdf4;border-color:#10b981}.block-card.unassigned{background-color:#fffbeb;border-color:#f59e0b}.block-header{margin-bottom:.5rem}.block-serial{background-color:#f3f4f6;color:#374151;font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.block-serial,.status-badge{border-radius:.25rem;padding:.25rem .5rem}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fef3c7;color:#92400e}.status-badge.unassigned{background-color:#fed7aa;color:#c2410c}.block-card h4,.block-card h5{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.block-card p{color:#6b7280;font-size:.875rem;margin:0}.block-address{font-style:italic;margin-top:.25rem!important}.no-blocks{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;color:#6b7280;font-style:italic;padding:2rem;text-align:center}.overview-section{box-sizing:border-box;overflow:visible;padding:2rem;width:100%}.overview-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.franchise-blocks{display:flex;flex-direction:column;gap:2rem}.franchise-section{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.franchise-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding-bottom:.5rem}.franchise-header h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.block-count{background-color:#2563eb;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .75rem}@media (max-width:768px){.block-setup{padding:1rem}.page-header{align-items:flex-start;flex-direction:column}.header-stats{justify-content:space-between;width:100%}.stat-card{flex:1 1;min-width:80px}.form-row{grid-template-columns:1fr}.assignment-controls{align-items:stretch;flex-direction:column}.assignment-controls .form-group{min-width:auto}.blocks-list{grid-template-columns:1fr}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1 1;justify-content:center;min-width:120px}.assignment-section,.form-section,.overview-section{padding:1rem}.btn-primary{justify-content:center;width:100%}}.qr-generation-tab{padding:2rem}.qr-section{margin:0 auto;max-width:800px}.qr-section h3{color:#1c3d49;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.qr-section p{color:#666;font-size:1.1rem;margin-bottom:2rem}.qr-form{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.qr-form .form-group{margin-bottom:1.5rem}.qr-form .form-group:last-of-type{margin-bottom:2rem}.qr-form label{color:#1c3d49;display:block;font-weight:600;margin-bottom:.5rem}.qr-form select{background:#fff;border:2px solid #e0e7ff;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.qr-form select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.btn-primary.qr-generate-btn{align-items:center;background:linear-gradient(135deg,#007aff,#0051d5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:disabled{opacity:.6}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.qr-result{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.qr-preview{padding:2rem;text-align:center}.qr-preview h4{color:#1c3d49;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.qr-code-container{background:#fff;border:3px solid #f8f9fa;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:inline-block;margin-bottom:1.5rem;padding:1.5rem}.qr-code-image{border-radius:8px;display:block;height:auto;max-width:100%}.qr-info{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.qr-info p{color:#495057;font-size:.95rem;margin:.5rem 0}.qr-info strong{color:#1c3d49;font-weight:600}.btn-secondary.qr-download-btn{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-secondary.qr-download-btn:hover{background:#218838;box-shadow:0 8px 25px #28a7454d;transform:translateY(-2px)}.btn-icon{font-size:1.1em}@media (max-width:768px){.qr-generation-tab{padding:1rem}.qr-form,.qr-preview{padding:1.5rem}.qr-code-container,.qr-info{padding:1rem}}@keyframes qr-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qr-result{animation:qr-fade-in .5s ease-out}.btn-primary,.btn-secondary{display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#007aff,#0051d5)}.btn-secondary{background:#28a745;color:#fff}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #007aff4d}.btn-secondary:hover:not(:disabled){background:#218838;box-shadow:0 8px 25px #28a7454d}.drag-instructions{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af;font-size:.875rem;margin-bottom:1.5rem;padding:1rem}.franchise-section{position:relative;transition:all .3s ease}.franchise-section.drag-over{background-color:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.franchise-info{display:flex;flex-direction:column;gap:.25rem}.franchise-details{align-items:center;flex-wrap:wrap;gap:1rem}.franchise-details .address{color:#6b7280;font-size:.875rem}.franchise-details .timezone{background-color:#e5e7eb;border-radius:.25rem;color:#374151;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.franchise-details .help-text{color:#6b7280;font-size:.875rem;font-style:italic}.drop-zone{min-height:100px;position:relative}.drop-indicator{align-items:center;background-color:#10b9811a;border:2px dashed #10b981;border-radius:.5rem;bottom:0;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;right:0;top:0}.drop-icon{color:#10b981;font-size:2rem}.drop-indicator span{color:#065f46;font-size:.875rem;font-weight:500;text-align:center}.no-blocks-drop-zone{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;color:#6b7280;padding:2rem;text-align:center}.no-blocks-drop-zone .empty-icon{color:#9ca3af;font-size:2rem;margin-bottom:.5rem}.drop-hint{color:#9ca3af;font-size:.875rem;font-style:italic;margin-top:.25rem}.block-card.draggable{align-items:stretch;cursor:grab;display:flex;transition:all .2s ease}.block-card.draggable:active{cursor:grabbing}.block-card.draggable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.drag-handle{align-items:center;background-color:#f3f4f6;border-radius:.5rem 0 0 .5rem;border-right:1px solid #e5e7eb;display:flex;justify-content:center;width:2rem}.drag-icon{color:#9ca3af;font-size:1rem;transform:rotate(90deg)}.block-content{padding:1rem}.block-content .block-header{margin-bottom:.5rem}.block-meta{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.5rem}.block-meta p{color:#9ca3af;font-size:.75rem;margin:.25rem 0}.last-seen{font-style:italic}.unassigned-section{background-color:#fffbeb;border-color:#fbbf24}.unassigned-section .franchise-header{border-bottom-color:#fbbf24}@keyframes drag-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.franchise-section.drag-over{animation:drag-pulse 1s ease-in-out infinite}@media (max-width:768px){.drag-instructions{font-size:.8rem;padding:.75rem}.franchise-details{align-items:flex-start;flex-direction:column;gap:.5rem}.drag-handle{width:1.5rem}.block-content{padding:.75rem}.drop-indicator{padding:1rem}.drop-indicator span{font-size:.75rem}}.delete-block-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;opacity:.7;padding:.25rem;transition:all .2s ease}.delete-block-btn:hover{background-color:#dc26261a;opacity:1;transform:scale(1.1)}.delete-block-btn:active{transform:scale(.95)}.modal-content{border-radius:8px;max-width:400px;padding:30px;text-align:center}.modal-header h3{color:#dc2626;font-size:20px;margin:0 0 20px}.modal-close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modal-body p{color:#333;line-height:1.4;margin:15px 0}.confirmation-input{margin:20px 0}.confirmation-input label{color:#333;display:block;margin-bottom:10px}.confirmation-input input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;text-align:center;width:100%}.modal-footer{gap:10px;justify-content:center;margin-top:20px}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-danger,.btn-secondary{border-radius:4px;padding:10px 20px}.btn-danger:disabled{background:#ccc;cursor:not-allowed}.settings-container{padding:20px}.settings-form{margin-top:20px;max-width:400px}.form-group{margin-bottom:15px}.form-label{color:#1c3d49;display:block;margin-bottom:5px}.form-input{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.settings-button{background-color:#1c3d49;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.settings-button:hover{background-color:#163540}.settings-message{color:green;margin-top:10px}.delete-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-modal-content{background-color:#fff;border-radius:5px;max-width:400px;padding:20px;width:90%}.delete-modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.delete-modal-buttons button{border-radius:4px;cursor:pointer;padding:8px 16px}.delete-modal-buttons button:first-child{background-color:#dc3545;border:none;color:#fff}.delete-modal-buttons button:last-child{background-color:#6c757d;border:none;color:#fff}.sunscreen-management{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:20px}.page-title{color:#1c3d49;margin-bottom:20px}.error-banner{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.25rem;color:#721c24;cursor:pointer;margin-bottom:1rem;padding:1rem}.loading{color:#1c3d49;padding:20px;text-align:center}.config-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.config-form-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.config-form-inputs label{color:#495057;display:flex;flex-direction:column;font-weight:500;gap:5px}.config-form-inputs input,.config-form-inputs select{border:1px solid #ced4da;border-radius:4px;padding:8px 12px}.config-form-inputs button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:8px 12px;transition:background-color .2s}.config-form-inputs button:hover{background-color:#0056b3}.config-list{list-style-type:none;margin-top:20px;padding-left:0}.config-list>li{background-color:#f9f9f9;border:1px solid #e9ecef;border-radius:4px;margin-bottom:10px;padding:15px}.config-list strong{color:#343a40;font-size:1.1em}.config-list ul{border-left:2px solid #007bff;list-style-type:none;margin-top:10px;padding-left:15px}.config-list ul li{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.delete-config-button{background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9em;padding:4px 8px;transition:background-color .2s}.delete-config-button:hover{background-color:#c82333}.save-config-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1.1em;margin-top:20px;max-width:300px;padding:12px 15px;text-align:center;transition:background-color .2s;width:100%}.save-config-button:hover{background-color:#218838}@media (max-width:768px){.sunscreen-management{padding:10px}.page-title{font-size:1.5rem;margin-bottom:15px}.config-form-container{margin-bottom:20px;padding:15px}.config-form-inputs{gap:15px;grid-template-columns:1fr;margin-bottom:15px}.config-form-inputs label{gap:8px}.config-form-inputs input,.config-form-inputs select{border-radius:6px;font-size:1rem;padding:10px 12px}.config-form-inputs button{font-size:1rem;margin-top:8px;padding:10px 12px}.config-list{margin-top:15px}.config-list>li{margin-bottom:8px;padding:12px}.config-list strong{display:block;font-size:1rem;margin-bottom:8px}.config-list ul{border-left-width:3px;padding-left:10px}.config-list ul li{align-items:flex-start;border-bottom:1px solid #e9ecef;flex-direction:column;gap:8px;padding:6px 0}.config-list ul li:last-child{border-bottom:none}.delete-config-button{align-self:flex-end;font-size:.85rem;margin-top:5px;padding:6px 10px}.save-config-button{font-size:1rem;margin-top:15px;max-width:none;padding:12px;width:100%}.error-banner{font-size:.9rem;margin-bottom:15px;padding:12px}.loading{font-size:1rem;padding:15px}}@media (max-width:480px){.sunscreen-management{padding:8px}.page-title{font-size:1.3rem;margin-bottom:12px}.config-form-container{padding:12px}.config-form-inputs{gap:12px}.config-form-inputs input,.config-form-inputs select{font-size:1rem;padding:12px}.config-form-inputs button{margin-top:10px;padding:12px}.config-list>li{padding:10px}.config-list strong{font-size:.95rem}.config-list ul{padding-left:8px}.config-list ul li{font-size:.9rem;padding:8px 0}.delete-config-button{font-size:.8rem;padding:8px 12px}.save-config-button{font-size:1rem;padding:14px}}.franchise-assignment-modal{z-index:1000}.franchise-assignment-modal .modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:900px;overflow:hidden;width:95%}.franchise-assignment-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f1f5f9;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.franchise-assignment-modal .modal-header h2{font-size:24px;font-weight:600;margin:0}.franchise-assignment-modal .modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all .2s ease}.franchise-assignment-modal .modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.step-indicator{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:center;padding:24px 32px}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:8px;min-width:120px}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step.active .step-number{background:#3b82f6;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{color:#64748b;font-size:12px;font-weight:500;text-align:center}.step.active .step-label{color:#1e293b}.step-connector{background:#e2e8f0;border-radius:1px;flex:1 1;height:2px;margin:0 16px}.step.completed+.step-connector{background:#10b981}.franchise-assignment-modal .modal-body{max-height:60vh;overflow-y:auto;padding:32px}.alert{border-radius:12px;margin-bottom:24px;padding:16px}.alert-success{color:#16a34a}.step-header{margin-bottom:32px;text-align:center}.step-header h3{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 8px}.step-header p{color:#64748b;font-size:16px;margin:0}.search-and-filter{display:flex;gap:16px;margin-bottom:24px}.filter-box,.search-box{flex:1 1;position:relative}.search-box{flex:2 1}.filter-box .filter-icon,.search-box .search-icon{color:#64748b;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-box select,.search-box input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.filter-box select:focus,.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.franchise-list,.operator-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.franchise-card,.operator-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.franchise-card:hover,.operator-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.franchise-card.selected,.operator-card.selected{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.franchise-info,.operator-info{align-items:center;display:flex;gap:16px}.franchise-avatar,.operator-avatar,.summary-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.franchise-details h4,.operator-details h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.franchise-location,.operator-email{color:#64748b;font-size:14px;margin:0 0 8px}.operator-status{align-items:center;display:flex;gap:8px}.status-assigned{background:#dbeafe;color:#1d4ed8}.status-assigned,.status-unassigned{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.status-unassigned{background:#f3f4f6;color:#6b7280}.franchise-stats{display:flex;gap:16px}.stat{color:#64748b;font-size:12px;font-weight:500}.franchise-actions,.operator-actions{color:#64748b;font-size:16px;transition:all .2s ease}.franchise-card:hover .franchise-actions,.operator-card:hover .operator-actions{color:#3b82f6;transform:translateX(4px)}.empty-state{color:#64748b;padding:60px 20px}.empty-icon{color:#cbd5e1;font-size:48px;margin-bottom:16px}.empty-state h4{font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.assignment-summary{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:24px}.summary-card{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:24px}.summary-section{flex:1 1}.summary-section h4{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.summary-item{align-items:center;display:flex;gap:12px}.summary-details{flex:1 1}.summary-name{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.summary-email,.summary-location{color:#64748b;font-size:14px;margin:0}.summary-arrow{color:#3b82f6;font-size:24px;margin:0 24px}.assignment-note{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;color:#92400e;display:flex;gap:12px;padding:16px}.note-icon{flex-shrink:0;font-size:16px;margin-top:2px}.assignment-note p{font-size:14px;line-height:1.5;margin:0}.confirmation-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary,.btn-warning{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-primary:hover{box-shadow:0 4px 12px #3b82f666}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.btn-warning:disabled{cursor:not-allowed;opacity:.5;transform:none}.franchise-assignment-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 32px}.footer-stats{display:flex;gap:24px;justify-content:center}.footer-stats .stat{color:#64748b;font-size:14px;font-weight:500}@media (max-width:768px){.franchise-assignment-modal .modal-content{max-height:95vh;width:95%}.franchise-assignment-modal .modal-body,.franchise-assignment-modal .modal-footer,.franchise-assignment-modal .modal-header,.step-indicator{padding:16px}.step{min-width:80px}.step-label{font-size:10px}.search-and-filter,.summary-card{flex-direction:column}.summary-card{gap:16px}.summary-arrow{margin:0;transform:rotate(90deg)}.confirmation-actions,.footer-stats{flex-direction:column}.footer-stats{gap:8px;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-step,.selection-step{animation:fadeIn .3s ease}.franchise-assignment-modal .modal-body::-webkit-scrollbar,.franchise-list::-webkit-scrollbar,.operator-list::-webkit-scrollbar{width:8px}.franchise-assignment-modal .modal-body::-webkit-scrollbar-track,.franchise-list::-webkit-scrollbar-track,.operator-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.franchise-assignment-modal .modal-body::-webkit-scrollbar-thumb,.franchise-list::-webkit-scrollbar-thumb,.operator-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.franchise-assignment-modal .modal-body::-webkit-scrollbar-thumb:hover,.franchise-list::-webkit-scrollbar-thumb:hover,.operator-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-management{margin:0 auto;max-width:1400px;padding:24px}.user-management-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.header-title{align-items:center;display:flex;gap:12px}.header-icon{color:#3b82f6;height:28px;width:28px}.header-title h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.user-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:.875rem;font-weight:500;padding:4px 12px}.header-actions{align-items:center;display:flex;gap:12px}.franchise-assignment-btn,.invite-user-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.invite-user-btn{background:#3b82f6;color:#fff}.invite-user-btn:hover{background:#2563eb;transform:translateY(-1px)}.franchise-assignment-btn{background:#f59e0b;color:#fff}.franchise-assignment-btn:hover{background:#d97706;transform:translateY(-1px)}.error-alert button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;font-weight:700;margin-left:auto}.user-filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:20px}.filter-group{align-items:center;display:flex;gap:8px}.filter-icon-wrapper{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.filter-icon{color:#6b7280;display:block;height:20px;width:20px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;min-width:140px;padding:8px 12px}.search-group{align-items:center;display:flex;flex:1 1;gap:8px;max-width:300px;position:relative}.search-icon{color:#6b7280;height:20px;left:12px;position:absolute;width:20px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px 8px 40px;width:100%}.users-list{display:flex;flex-direction:column;gap:32px}.role-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.role-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 24px}.role-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:12px;margin:0}.role-title.admin{color:#dc2626}.role-title.franchisee{color:#059669}.role-title.operator{color:#3b82f6}.role-title.pending{color:#d97706}.role-count{background:#e5e7eb;border-radius:12px;color:#6b7280;font-size:.75rem;font-weight:500;padding:2px 8px}.users-grid{grid-gap:1px;background:#e5e7eb;display:grid;gap:1px}.user-card{background:#fff;transition:all .2s ease}.user-card:hover{background:#f9fafb}.user-card-header{cursor:pointer;justify-content:space-between;padding:20px 24px}.user-card-header,.user-info{align-items:center;display:flex}.user-info{gap:16px}.user-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.user-details{display:flex;flex-direction:column;gap:4px}.user-name{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0}.user-email{color:#6b7280;font-size:.875rem;margin:0}.user-role-badge{border-radius:6px;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.user-role-badge.admin{background:#fef2f2;color:#dc2626}.user-role-badge.franchisee{background:#f0fdf4;color:#059669}.user-role-badge.operator{background:#eff6ff;color:#3b82f6}.user-role-badge.pending{background:#fef3c7;color:#d97706}.status-icon{height:16px;width:16px}.status-icon.active{color:#059669}.status-icon.inactive{color:#dc2626}.status-icon.pending{color:#d97706}.user-expand-icon{color:#6b7280;height:20px;width:20px}.user-card-expanded{background:#f9fafb;border-top:1px solid #e5e7eb;padding:0 24px 24px}.user-metadata{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding-top:20px}.metadata-item{color:#6b7280;font-size:.875rem}.metadata-item strong{color:#374151;display:block;margin-bottom:4px}.status-active{color:#059669;font-weight:500}.status-inactive{color:#dc2626;font-weight:500}.user-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.action-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.action-btn.edit{border-color:#3b82f6;color:#3b82f6}.action-btn.edit:hover{background:#eff6ff}.action-btn.resend{border-color:#059669;color:#059669}.action-btn.resend:hover{background:#f0fdf4}.action-btn.settings{border-color:#6b7280;color:#6b7280}.action-btn.settings:hover{background:#f9fafb}.action-btn.warning{border-color:#d97706;color:#d97706}.action-btn.warning:hover{background:#fef3c7}.action-btn.success{border-color:#059669;color:#059669}.action-btn.success:hover{background:#f0fdf4}.action-btn.danger{border-color:#dc2626;color:#dc2626}.action-btn.danger:hover{background:#fef2f2}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:24px}.modal-header h3{font-size:1.25rem}.modal-close{border-radius:4px;color:#6b7280;font-size:24px;padding:4px}.invite-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:6px}.form-group input,.form-group select{width:100%}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn-secondary:hover{background:#f3f4f6}.btn-primary:hover{background:#2563eb}.user-management-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-management .spinner{animation:sun-spin 1s linear infinite;color:#fbb040;font-size:40px}@keyframes sun-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.user-management{padding:16px}.user-management-header{align-items:flex-start;flex-direction:column;gap:16px}.user-filters{flex-direction:column;gap:12px}.search-group{max-width:none}.user-metadata{grid-template-columns:1fr}.user-actions{justify-content:flex-start}.modal-content{margin:20px;width:95%}}.admin-setup{margin:0 auto;max-width:1200px;padding:24px}.admin-setup-header{border-bottom:2px solid #e5e7eb;margin-bottom:32px;padding-bottom:16px;text-align:center}.admin-setup-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 8px}.admin-setup-header p{color:#6b7280;font-size:1.125rem;margin:0}.success-alert{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#059669}.error-alert,.success-alert{align-items:center;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:12px 16px}.error-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.setup-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:48px}.setup-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease}.setup-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.card-header{gap:12px;margin-bottom:12px}.card-icon{color:#3b82f6}.setup-card p{color:#6b7280;line-height:1.6;margin-bottom:24px}.invite-form,.profile-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:6px}.form-group input,.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background:#f9fafb;color:#9ca3af}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;flex-direction:row!important;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.btn-primary{gap:8px;justify-content:center;margin-top:8px;padding:12px 24px}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;gap:8px;justify-content:center;margin-top:8px;padding:12px 24px}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.btn-secondary:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;transform:none}.status-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.status-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 16px}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.status-item strong{color:#374151;display:block;font-size:.875rem;margin-bottom:4px}@media (max-width:768px){.admin-setup{padding:16px}.admin-setup-header h1{font-size:2rem}.setup-grid,.status-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-setup-header h1{font-size:1.75rem}.setup-card{padding:20px}}.franchise-management{box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:auto;padding:24px;width:100%}.franchise-management.loading{align-items:center;display:flex;height:400px;justify-content:center}.loading-spinner{color:#6b7280;font-size:1.125rem}.error-state{box-shadow:0 4px 6px #0000001a;min-height:400px}.error-state .error-icon{color:#ef4444;font-size:4rem;margin-bottom:1.5rem}.error-state h2{margin-bottom:1rem}.error-state p{color:#6b7280;line-height:1.6;margin-bottom:2rem;max-width:500px}.error-state .btn-primary{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.error-state .btn-primary:hover{background-color:#2563eb}.franchise-list-tab{padding:1.5rem}.franchise-list-tab .section-header{margin-bottom:2rem}.franchise-list-tab .section-header h2{color:#1f2937;margin-bottom:.5rem}.franchise-list-tab .section-header p{color:#6b7280;font-size:1rem}.franchises-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.franchise-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.franchise-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.franchise-header{align-items:center;display:flex;justify-content:between;margin-bottom:1rem}.franchise-header h3{color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.franchise-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:flex-start;display:flex;justify-content:space-between}.detail-label{color:#374151;font-weight:500;min-width:80px}.detail-value{color:#6b7280;flex:1 1;margin-left:1rem;text-align:right}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;grid-column:1/-1}.empty-state .empty-icon{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280}.editing-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.editing-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.form-grid{grid-template-columns:1fr 1fr}.form-group-full{grid-column:1/-1}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-icon{font-size:1rem}@media (max-width:768px){.form-grid,.franchises-grid{grid-template-columns:1fr}.editing-modal{margin:1rem;max-height:calc(100vh - 2rem)}}.page-header{align-items:flex-start;margin-bottom:32px;padding-bottom:16px}.header-content{gap:16px}.header-icon{height:32px;width:32px}.page-header p{color:#6b7280;margin:4px 0 0}.header-stats{display:flex;gap:16px}.stat-card{border-radius:8px;min-width:120px;padding:16px}.stat-value{color:#059669;font-size:1.5rem;margin-bottom:4px}.stat-label{color:#6b7280}.tab-navigation{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f0fdf4;color:#059669}.tab-button.active{border-bottom-color:#059669;color:#059669}.tab-icon{height:18px;width:18px}.tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;height:auto;min-height:400px;overflow:visible;padding:24px;width:100%}.overview-tab{padding:0!important}.overview-grid,.overview-tab{box-sizing:border-box!important;margin:0!important;max-width:none!important;overflow:visible!important;width:100%!important}.overview-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;min-width:0!important;padding:24px!important}.overview-card{word-wrap:break-word;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box!important;margin:0!important;max-width:none!important;min-height:200px;overflow:visible;overflow-wrap:break-word;padding:20px!important;transition:all .2s ease;width:100%!important}.overview-card:hover{border-color:#059669;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.card-header{align-items:center!important;box-sizing:border-box!important;display:flex!important;gap:12px!important;margin:0 0 12px!important;padding:0!important;width:100%!important}.card-icon{color:#059669;height:24px;width:24px}.overview-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.card-metrics{box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;gap:20px!important;margin:16px 0 0!important;padding:0!important;width:100%!important}.metric{align-items:center;display:flex;flex-direction:column}.metric-value{color:#059669;font-size:1.5rem;font-weight:700}.metric-label{color:#6b7280;font-size:.875rem;margin-top:4px}.card-actions{flex-wrap:wrap!important;gap:12px!important;margin:16px 0 0!important;padding:0!important;width:100%!important}.btn-danger,.btn-primary,.btn-secondary,.card-actions{box-sizing:border-box!important;display:flex!important}.btn-danger,.btn-primary,.btn-secondary{align-items:center!important;border:none;border-radius:6px;cursor:pointer;font-weight:500;gap:8px!important;justify-content:center!important;margin:0!important;min-height:44px!important;overflow:hidden;padding:10px 16px!important;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.btn-sm{padding:6px 12px}.btn-primary{background:#059669}.btn-primary:hover{background:#047857}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-icon{height:16px;width:16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.block-section{margin-bottom:32px}.block-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 16px}.blocks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.block-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.block-card.assigned{border-left:4px solid #059669}.block-card.available{border-left:4px solid #6b7280}.block-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.block-header{margin-bottom:8px}.block-id{color:#1f2937;font-size:.875rem;font-weight:600}.status-indicator{border-radius:50%;height:12px;width:12px}.status-indicator.active{background:#059669}.status-indicator.maintenance{background:#f59e0b}.status-indicator.unassigned{background:#6b7280}.block-card h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 8px}.block-location{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:4px;margin-bottom:12px}.location-icon{height:14px;width:14px}.block-meta{color:#6b7280;display:flex;flex-direction:column;font-size:.75rem;gap:4px;margin-bottom:16px}.block-actions{display:flex;gap:8px}.feature-list{display:flex;flex-direction:column;gap:16px}.feature-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;padding:20px}.feature-icon{color:#059669;flex-shrink:0;height:24px;width:24px}.feature-content{flex:1 1}.feature-content h3{color:#1f2937;margin:0 0 4px}.feature-content p{color:#6b7280;font-size:.875rem;margin:0}.status-badge{border-radius:12px;font-weight:500;padding:4px 12px}.implemented{background:#dcfce7;color:#166534}.coming-soon{background:#fef3c7;color:#92400e}.coming-soon-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:48px 24px;text-align:center}.coming-soon-icon{color:#6b7280;height:48px;margin-bottom:16px;width:48px}.coming-soon-section h3{color:#1f2937;margin:0 0 12px}.coming-soon-section p{color:#6b7280;margin-bottom:20px}.coming-soon-section ul{color:#6b7280;display:inline-block;text-align:left}.coming-soon-section li{margin-bottom:8px}.analytics-tab h2,.financials-tab h2,.maintenance-tab h2,.settings-tab h2{color:#1f2937;margin:0 0 24px}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.settings-section{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.settings-section h3{color:#1f2937;font-size:1.125rem;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;margin-bottom:4px}.form-group input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;width:100%}.form-group input:disabled{color:#6b7280;cursor:not-allowed}.coming-soon-notice{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;gap:12px;padding:16px}.notice-icon{flex-shrink:0;height:20px;width:20px}.coming-soon-notice p{font-size:.875rem;margin:0}@media (max-width:768px){.franchise-management{overflow-x:auto;padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-stats{justify-content:space-between;width:100%}.stat-card{flex:1 1;min-width:auto}.tab-navigation{flex-wrap:wrap;overflow-x:auto}.tab-content{min-height:300px;padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.blocks-grid{grid-template-columns:1fr}.overview-grid{gap:16px!important;grid-template-columns:1fr!important}.overview-card,.overview-grid{margin:0!important;padding:16px!important}.overview-card{max-width:none!important;min-height:auto!important;width:100%!important}.settings-grid{grid-template-columns:1fr}}@media (max-width:480px){.franchise-management{padding:8px!important}.tab-content{margin:0!important;padding:0!important}.overview-grid{gap:12px!important;grid-template-columns:1fr!important;padding:12px!important}.overview-card{margin:0!important;min-height:auto!important;padding:12px!important}.card-metrics{gap:12px!important}.card-actions,.card-metrics{flex-direction:column!important}.card-actions{gap:8px!important}.btn-primary,.btn-secondary{justify-content:center!important;width:100%!important}}.franchise-selector{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.selector-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:12px}.selector-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.franchise-select-wrapper{align-items:center;display:flex;gap:8px}.franchise-select-wrapper label{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap}.franchise-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.875rem;min-width:200px;padding:8px 12px}.franchise-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.franchise-selector p{color:#6b7280;font-size:.875rem;margin:0}.assignment-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.assignment-column{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:500px;padding:20px}.assignment-column h3{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.blocks-container{display:flex;flex-direction:column;gap:12px;min-height:400px}.draggable-block{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:grab;display:flex;padding:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.draggable-block:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.draggable-block:active{cursor:grabbing}.draggable-block.dragging{opacity:.5;transform:rotate(2deg)}.drag-handle{color:#9ca3af;font-size:18px;line-height:1;margin-right:12px}.drag-icon{display:block;font-weight:700}.block-content{flex:1 1}.block-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.block-serial{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:2px 6px}.draggable-block h5{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 2px}.draggable-block p{color:#6b7280;font-size:.75rem;margin:0}.status-badge.available{background:#dcfce7;border-radius:12px;color:#166534;font-size:.625rem;font-weight:500;padding:2px 8px}.operators-container{display:flex;flex-direction:column;gap:16px;min-height:400px}.operator-card{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;padding:16px;position:relative;transition:all .2s ease}.operator-card:hover{background:#f9fafb;border-color:#d1d5db}.operator-card.drag-over{background:#eff6ff;border-color:#3b82f6;border-style:dashed;transform:scale(1.02)}.operator-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.operator-icon{color:#6b7280;font-size:1.25rem}.operator-info{flex:1 1}.operator-info h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 2px}.operator-info p{color:#6b7280;font-size:.75rem;margin:0}.assignment-count{background:#e5e7eb;border-radius:12px;color:#374151;font-size:.625rem;font-weight:500;padding:2px 8px}.assigned-blocks{display:flex;flex-direction:column;gap:6px}.no-assignments{color:#9ca3af;font-size:.75rem;font-style:italic;margin:0;padding:12px;text-align:center}.assigned-block{align-items:center;background:#f3f4f6;border-left:3px solid #059669;border-radius:6px;display:flex;justify-content:space-between;padding:6px 10px}.assigned-block .block-name{color:#1f2937;flex:1 1;font-size:.75rem;font-weight:500}.assigned-block .block-serial{background:#e5e7eb;border-radius:3px;color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:.625rem;padding:1px 4px}.drop-indicator{background:#3b82f6;border-radius:6px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:.75rem;font-weight:500;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.unassigned-drop-zone{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-top:16px;min-height:80px;padding:20px;transition:all .2s ease}.unassigned-drop-zone.drag-over,.unassigned-drop-zone:hover{background:#fef2f2;border-color:#ef4444}.unassigned-drop-zone.drag-over{box-shadow:0 4px 12px #ef444433;transform:scale(1.02)}.unassigned-content{text-align:center;width:100%}.unassigned-icon{color:#9ca3af;font-size:2rem;margin-bottom:8px}.unassigned-drop-zone.drag-over .unassigned-icon,.unassigned-drop-zone:hover .unassigned-icon{color:#ef4444}.unassigned-content h4{color:#6b7280;font-size:1rem;font-weight:600;margin:0 0 4px}.unassigned-drop-zone.drag-over .unassigned-content h4,.unassigned-drop-zone:hover .unassigned-content h4{color:#ef4444}.unassigned-content p{color:#9ca3af;font-size:.875rem;margin:0}.unassigned-drop-zone.drag-over .unassigned-content p,.unassigned-drop-zone:hover .unassigned-content p{color:#f87171}.alert{font-size:.875rem;gap:12px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fef2f2}.alert-success{background:#f0fdf4;color:#166534}.alert-icon{font-size:1rem}.assignment-column .empty-state{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:40px 20px;text-align:center}.assignment-column .empty-state .empty-icon{color:#9ca3af;font-size:2.5rem;margin-bottom:12px}.assignment-column .empty-state p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:968px){.assignment-grid{gap:16px;grid-template-columns:1fr}.assignment-column{min-height:300px}.blocks-container,.operators-container{min-height:250px}}@media (max-width:640px){.assignment-column{padding:16px}.operator-header{align-items:flex-start;flex-direction:column;gap:8px}.assignment-count{align-self:flex-start}.draggable-block{padding:10px}.drag-handle{margin-right:8px}}.franchisee-management{background-color:#f8fafc;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem}.page-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-content,.page-header{align-items:center;display:flex}.header-content{gap:1rem}.header-icon{color:#059669;height:2rem;width:2rem}.page-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.page-header p{color:#374151;font-size:1.125rem;margin:.25rem 0 0}.alert{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1rem;padding:1rem}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.alert-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.business-overview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:3rem;padding:2rem}.business-overview h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.business-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.stat-card.secondary{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6}.stat-card.info{background:linear-gradient(135deg,#f3e8ff,#fff);border-color:#8b5cf6}.stat-card.success{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#059669}.stat-card.warning{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b}.stat-icon{display:block;height:2rem;margin:0 auto 1rem;width:2rem}.stat-card.primary .stat-icon{color:#10b981}.stat-card.secondary .stat-icon{color:#3b82f6}.stat-card.info .stat-icon{color:#8b5cf6}.stat-card.success .stat-icon{color:#059669}.stat-card.warning .stat-icon{color:#f59e0b}.stat-value{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.franchisees-section{margin-bottom:2rem}.franchisees-section h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.franchisees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.franchisee-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:all .2s ease}.franchisee-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.franchisee-card.selected{background:linear-gradient(135deg,#fffbeb,#fff);border:2px solid #fbbf24;box-shadow:0 0 20px #fbbf2466,0 4px 12px #00000026;transform:translateY(-2px)}.franchisee-card.selected:hover{box-shadow:0 0 25px #fbbf2480,0 6px 16px #0003;transform:translateY(-3px)}.franchisee-card-content{padding:1.5rem}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.card-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background-color:#d1fae5;color:#059669}.status-badge.inactive{background-color:#f3f4f6;color:#374151}.status-badge.pending{background-color:#fef3c7;color:#d97706}.status-badge.suspended{background-color:#fee2e2;color:#dc2626}.revenue-section{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:1rem}.revenue-item{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.revenue-item:last-child{margin-bottom:0}.revenue-icon{color:#059669;flex-shrink:0;height:1.25rem;width:1.25rem}.revenue-details{display:flex;flex-direction:column;gap:.25rem}.revenue-label{color:#374151;font-size:.875rem;font-weight:500}.revenue-value{font-size:1.125rem;font-weight:700}.revenue-value.actual{color:#059669}.revenue-value.target{color:#3b82f6}.card-info{margin-bottom:1rem}.info-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:.75rem;padding:.5rem 0}.info-item:last-child{border-bottom:none}.info-icon{color:#374151;flex-shrink:0;height:1rem;width:1rem}.info-text{color:#1f2937;font-weight:500}.revenue-badge{background-color:#f0fdf4;border-radius:6px;color:#059669;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.card-actions{border-top:1px solid #f3f4f6;display:flex;gap:.5rem;padding-top:1rem}.franchisee-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;overflow:hidden}.form-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.form-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.franchisee-form-content{padding:1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#1f2937;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.form-icon{color:#374151;height:1rem;width:1rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{ring:2px;ring-color:#05966933;border-color:#059669;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-primary{align-items:center;background-color:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background-color:#047857;transform:translateY(-1px)}.btn-secondary{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background-color:#e5e7eb}.btn-danger{align-items:center;background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-danger:hover{background-color:#b91c1c}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-icon-only{align-items:center;background:none;border:none;border-radius:4px;color:#374151;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.btn-icon-only:hover{background-color:#f3f4f6;color:#1f2937}.btn-icon{height:1rem;width:1rem}.empty-state{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:4rem 2rem;text-align:center}.empty-icon{color:#d1d5db;height:4rem;margin-bottom:1rem;width:4rem}.empty-state h3{color:#1f2937;font-size:1.25rem;margin:0 0 .5rem}.empty-state p{color:#374151;margin:0 0 1.5rem;max-width:400px}.error-state{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:4rem 2rem;text-align:center}.error-icon{color:#dc2626;height:4rem;margin-bottom:1rem;width:4rem}.error-state h2{color:#1f2937;font-size:1.5rem;margin:0 0 .5rem}.error-state p{color:#374151;margin:0;max-width:400px}@media (max-width:768px){.franchisee-management{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.business-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-grid,.franchisees-grid{grid-template-columns:1fr}.card-actions,.form-actions,.revenue-item{flex-direction:column}.revenue-item{align-items:flex-start;gap:.5rem}}@media (max-width:480px){.page-header h1{font-size:1.5rem}.form-header,.franchisee-card-content,.franchisee-form-content{padding:1rem}}.App{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)}}:root{--dl-size-size-large:144px;--dl-size-size-small:48px;--dl-size-size-medium:96px;--dl-size-size-xlarge:192px;--dl-size-size-xsmall:16px;--dl-space-space-unit:16px;--dl-size-size-xxlarge:288px;--dl-color-scheme-white:#fff;--dl-size-size-maxwidth:1144px;--dl-color-theme-accent1:#d72638;--dl-color-theme-accent2:#f6e8d6;--dl-radius-radius-round:50%;--dl-color-scheme-green80:#2b8b77;--dl-color-theme-primary1:#fbb040;--dl-color-theme-primary2:#2b8b77;--dl-space-space-halfunit:8px;--dl-space-space-sixunits:96px;--dl-space-space-twounits:32px;--dl-color-scheme-green100:#1c3d49;--dl-color-scheme-orange80:#ffc78b;--dl-color-scheme-yellow20:#f6e8d6;--dl-color-scheme-yellow80:#fff6a7;--dl-radius-radius-radius2:2px;--dl-radius-radius-radius4:4px;--dl-radius-radius-radius8:8px;--dl-space-space-fiveunits:80px;--dl-space-space-fourunits:64px;--dl-color-scheme-orange100:#fbb040;--dl-color-theme-secondary1:#fff;--dl-color-theme-secondary2:#fbf1eb;--dl-radius-radius-radius16:16px;--dl-space-space-eightunits:128px;--dl-space-space-threeunits:48px;--dl-color-scheme-lightgreen:#c7ff9b;--dl-color-theme-neutral-dark:#1c3d49;--dl-radius-radius-cardradius:8px;--dl-color-theme-neutral-light:#efefef;--dl-radius-radius-imageradius:8px;--dl-radius-radius-inputradius:24px;--dl-radius-radius-buttonradius:24px;--dl-space-space-oneandhalfunits:24px}.button{background-color:#fff;background-color:var(--dl-color-scheme-white);border-color:#1c3d49;border-radius:0;border-width:2px;color:#1c3d49;cursor:pointer;display:inline-block;padding:12px 24px}.input{padding:.5rem 1rem}.input,.textarea{background-color:#fff;background-color:var(--dl-color-scheme-white);border-color:#1c3d49;border-radius:0;border-width:1px;color:#1c3d49;cursor:auto}.textarea{padding:.5rem}.list{display:block;list-style-position:outside;list-style-type:none;margin:1em 0;padding:0 0 0 1.5rem;width:100%}.list-item{display:list-item}.teleport-show{display:flex!important;transform:translateX(0)!important}.button-secondary{border-color:#1c3d49;font-family:Lexend;font-style:normal;font-weight:500;line-height:1;margin-right:16px;margin-right:var(--dl-space-space-unit);transition:.3s}.button-primary,.button-secondary:hover{background-color:#fbb040;background-color:var(--dl-color-scheme-orange100);color:#fff;color:var(--dl-color-scheme-white)}.button-primary{border-color:#fbb040;border-color:var(--dl-color-scheme-orange100)}.button-primary:hover{color:#fbb040;color:var(--dl-color-scheme-orange100)}.button-primary:hover,.navbar-container{background-color:#fff;background-color:var(--dl-color-scheme-white)}.navbar-container{display:flex;justify-content:center;padding-bottom:0;padding-top:0;position:sticky;top:0;width:100%;z-index:1000}.navbar-burger-menu{display:none}.max-width{justify-content:space-between;max-width:1144px;max-width:var(--dl-size-size-maxwidth);padding-left:.5rem;padding-right:.5rem;width:100%}.button-gradient,.max-width{align-items:center;display:flex}.button-gradient{background:linear-gradient(90deg,#c7ff9b,#fff6a7);border-color:#0000;font-size:18px;font-style:normal;font-weight:700;line-height:.9;margin-right:16px;margin-right:var(--dl-space-space-unit);padding:20px 32px;transition:.3s}.button-gradient:hover{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial}.button-gradient:hover,.button-transparent{border-color:#fff;border-color:var(--dl-color-scheme-white);color:#fff;color:var(--dl-color-scheme-white)}.button-transparent{background-color:initial;font-size:18px;font-style:normal;font-weight:700;line-height:.9;padding:20px 32px;transition:.3s}.button-transparent:hover{background-color:#c7ff9b;background-color:var(--dl-color-scheme-lightgreen);color:#2b8b77;color:var(--dl-color-scheme-green80)}.section-container{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding-bottom:128px;padding-bottom:var(--dl-space-space-eightunits);padding-top:128px;padding-top:var(--dl-space-space-eightunits);width:100%}.hero-container{background-color:#1c3d49;background-color:var(--dl-color-scheme-green100);padding-top:0!important}.bg-transparent{background-color:initial}.question-content{align-items:flex-start;max-height:0;overflow:hidden;transition:.3s}.question,.question-content{display:flex;flex-direction:column}.question{align-items:center;background-color:#fff;background-color:var(--dl-color-scheme-white);border-color:#2c272114;border-radius:0;border-width:1px;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--dl-space-space-unit);padding-bottom:20px;padding-left:32px;padding-left:var(--dl-space-space-twounits);padding-right:32px;padding-right:var(--dl-space-space-twounits);padding-top:20px;width:100%}.footer-column{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:24px;margin-bottom:var(--dl-space-space-oneandhalfunits);width:15%}.thq-input{align-self:stretch;background-color:#efefef;background-color:var(--dl-color-theme-neutral-light);border-color:#1c3d49;border-color:var(--dl-color-theme-neutral-dark);border-radius:24px;border-radius:var(--dl-radius-radius-inputradius);border-width:1px;color:#1c3d49;color:var(--dl-color-theme-neutral-dark);cursor:auto;outline:none;padding:.5rem 1rem;text-align:center}.thq-input:focus{outline:1px solid #fbb040;outline:1px solid var(--dl-color-theme-primary1)}.thq-button-filled{fill:#fff;fill:var(--dl-color-theme-secondary1);align-items:center;background-color:#fbb040;background-color:var(--dl-color-theme-primary1);border-color:#fbb040;border-color:var(--dl-color-theme-primary1);border-radius:0;border-width:1px;color:#fff;color:var(--dl-color-theme-secondary1);cursor:pointer;display:flex;font-weight:700;gap:8px;gap:var(--dl-space-space-halfunit);justify-content:center;padding:8px 24px;padding:var(--dl-space-space-halfunit) var(--dl-space-space-oneandhalfunits);transition:.3s;white-space:nowrap}.thq-button-filled:hover{fill:#fbf1eb;fill:var(--dl-color-theme-secondary2);background-color:#2b8b77;background-color:var(--dl-color-theme-primary2);border-color:#2b8b77;border-color:var(--dl-color-theme-primary2);color:#fbf1eb;color:var(--dl-color-theme-secondary2)}.thq-button-outline{fill:#fbb040;fill:var(--dl-color-theme-primary1);align-items:center;border:1px solid #fbb040;border-color:var(--dl-color-theme-primary1);border-radius:0;color:#fbb040;color:var(--dl-color-theme-primary1);cursor:pointer;display:flex;font-weight:700;gap:8px;gap:var(--dl-space-space-halfunit);justify-content:center;padding:8px 24px;padding:var(--dl-space-space-halfunit) var(--dl-space-space-oneandhalfunits);transition:.3s;white-space:nowrap}.thq-button-outline:hover{fill:#fbf1eb;fill:var(--dl-color-theme-secondary2);background-color:#2b8b77;background-color:var(--dl-color-theme-primary2);border-color:#2b8b77;border-color:var(--dl-color-theme-primary2);color:#fbf1eb;color:var(--dl-color-theme-secondary2)}.thq-button-flat{fill:#fbb040;fill:var(--dl-color-theme-primary1);align-items:center;border-color:#0000;border-radius:0;border-width:1px;color:#fbb040;color:var(--dl-color-theme-primary1);cursor:pointer;display:flex;font-weight:700;gap:8px;gap:var(--dl-space-space-halfunit);justify-content:center;padding:8px 24px;padding:var(--dl-space-space-halfunit) var(--dl-space-space-oneandhalfunits);transition:.3s;white-space:nowrap}.thq-button-flat:hover{fill:#fff;fill:var(--dl-color-theme-secondary1);background-color:#2b8b77;background-color:var(--dl-color-theme-primary2);border-color:#2b8b77;border-color:var(--dl-color-theme-primary2);color:#fff;color:var(--dl-color-theme-secondary1)}.thq-heading-1{font-family:STIX Two Text;font-size:48px;font-weight:700;line-height:1.5}.thq-heading-2{font-size:35px}.thq-heading-2,.thq-heading-3{font-family:STIX Two Text;font-weight:600;line-height:1.5}.thq-heading-3{font-size:26px}.thq-body-large{font-size:18px}.thq-body-large,.thq-body-small{font-family:Noto Sans;line-height:1.5}.thq-body-small{font-size:16px}.thq-team-image-round{border-radius:50%;height:80px;object-fit:cover;width:80px}.thq-section-padding{align-items:center;display:flex;flex-direction:column;padding:80px;padding:var(--dl-space-space-fiveunits);position:relative;width:100%}.thq-section-max-width{max-width:1144px;max-width:var(--dl-size-size-maxwidth);width:100%}.thq-img-ratio-1-1{aspect-ratio:1/1}.thq-img-ratio-1-1,.thq-img-ratio-16-9{border-radius:8px;border-radius:var(--dl-radius-radius-imageradius);object-fit:cover;width:100%}.thq-img-ratio-16-9{aspect-ratio:16/9}.thq-img-ratio-4-3{aspect-ratio:4/3}.thq-img-ratio-4-3,.thq-img-ratio-4-6{border-radius:0;object-fit:cover;width:100%}.thq-img-ratio-4-6{aspect-ratio:4/6}.thq-img-round{border-radius:50%;border-radius:var(--dl-radius-radius-round);width:100%}.thq-flex-column{flex-direction:column}.thq-flex-column,.thq-flex-row{align-items:center;display:flex;gap:32px;gap:var(--dl-space-space-twounits);overflow:hidden;position:relative}.thq-grid-6{grid-gap:32px;grid-gap:var(--dl-space-space-twounits);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.thq-grid-5{grid-gap:32px;grid-gap:var(--dl-space-space-twounits);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.thq-card{align-items:stretch;border-radius:0;display:flex;flex-direction:column;gap:24px;gap:var(--dl-space-space-oneandhalfunits);padding:32px;padding:var(--dl-space-space-twounits)}.thq-box-shadow{box-shadow:0 0 5px -2px #1c3d49;box-shadow:0 0 5px -2px var(--dl-color-theme-neutral-dark)}.thq-grid-3{grid-gap:32px;grid-gap:var(--dl-space-space-twounits);display:grid;grid-template-columns:1fr 1fr 1fr}.thq-grid-4{grid-gap:32px;grid-gap:var(--dl-space-space-twounits);display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.thq-grid-2{grid-gap:32px;grid-gap:var(--dl-space-space-twounits);display:grid;grid-template-columns:1fr 1fr;width:100%}.thq-checkbox{height:16px;height:var(--dl-size-size-xsmall);width:16px;width:var(--dl-size-size-xsmall)}.thq-select{appearance:none;background-color:#efefef;background-color:var(--dl-color-theme-neutral-light);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width%3D%2220%22 height%3D%2220%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 20 20%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M4.293 7.293a1 1 0 011.414 0L10 11.586l4.293-4.293a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z%22/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:24px;border-radius:var(--dl-radius-radius-inputradius);cursor:pointer;padding:8px 32px 8px 16px;padding:var(--dl-space-space-halfunit) var(--dl-space-space-twounits) var(--dl-space-space-halfunit) var(--dl-space-space-unit)}.thq-divider-horizontal{background-color:#1c3d49;background-color:var(--dl-color-theme-neutral-dark);height:1px;width:100%}.thq-icon-small{height:24px;width:24px}.thq-button-icon{fill:#fff;fill:var(--dl-color-theme-secondary1);border-radius:50%;border-radius:var(--dl-radius-radius-round);padding:3px;transition:.3s}.thq-button-icon:hover{fill:#fbf1eb;fill:var(--dl-color-theme-secondary2)}.thq-icon-medium{height:48px;height:var(--dl-size-size-small);width:48px;width:var(--dl-size-size-small)}.thq-icon-x-small{height:16px;height:var(--dl-size-size-xsmall);width:16px;width:var(--dl-size-size-xsmall)}.thq-link{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbb040 50%,#1c3d49 0);background:linear-gradient(to right,var(--dl-color-theme-primary1) 50%,var(--dl-color-theme-neutral-dark) 50%);-webkit-background-clip:text;background-clip:text;background-position:100%;background-size:200% 100%;cursor:pointer;display:inline-block;font-weight:600;overflow:hidden;transition:background-position .3s ease}.thq-link:hover{background-position:0 100%}.thq-grid-auto-300{grid-gap:24px;grid-gap:var(--dl-space-space-oneandhalfunits);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.thq-animated-group-vertical-reverse{align-items:flex-start;animation:scroll-y 20s linear infinite;animation-direction:reverse;flex-direction:column;width:100%}.thq-animated-group-horizontal-reverse,.thq-animated-group-vertical-reverse{display:flex;gap:16px;gap:var(--dl-space-space-unit);justify-content:space-around}.thq-animated-group-horizontal-reverse{align-items:center;animation:scroll-x 20s linear infinite;animation-direction:reverse;flex-shrink:0;min-width:100%}.thq-animated-group-vertical{align-items:flex-start;animation:scroll-y 20s linear infinite;flex-direction:column;width:100%}.thq-animated-group-horizontal,.thq-animated-group-vertical{display:flex;gap:16px;gap:var(--dl-space-space-unit);justify-content:space-around}.thq-animated-group-horizontal{align-items:center;animation:scroll-x 20s linear infinite;flex-shrink:0;min-width:100%}.thq-animated-group-container-vertical{flex-direction:column}.thq-animated-group-container-horizontal,.thq-animated-group-container-vertical{display:flex;gap:16px;gap:var(--dl-space-space-unit);overflow:hidden}.thq-mask-image-vertical{-webkit-mask-image:linear-gradient(180deg,#0000,#000 1%,#000 99%,#0000);mask-image:linear-gradient(180deg,#0000,#000 1%,#000 99%,#0000)}.thq-mask-image-horizontal{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1%,#000 99%,#0000);mask-image:linear-gradient(90deg,#0000,#000 1%,#000 99%,#0000)}.thq-img-scale{transition:.3s}.thq-img-scale:hover{scale:1.05}.thq-animated-card-bg-1{background-color:#d72638;background-color:var(--dl-color-theme-accent1);border-radius:0;height:100%;transition:transform .3s;width:100%}.thq-animated-card-bg-2{background-color:#f6e8d6;background-color:var(--dl-color-theme-accent2);border-radius:0;transition:transform .3s}.thq-button-animated{border-width:2px;outline:none;overflow:hidden;position:relative;z-index:1}.thq-input::placeholder{text-align:center;vertical-align:middle}.thq-animated-group-container-horizontal:hover div,.thq-animated-group-container-vertical:hover div{animation-play-state:paused}.thq-animated-card-bg-2:has([data-animated=true]:hover){transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(3deg) skew(0deg,0deg)}.thq-animated-card-bg-1:has([data-animated=true]:hover){transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(-6deg) skew(0deg,0deg)}.thq-button-animated:before{background-color:#1c3d49;background-color:var(--dl-color-theme-neutral-dark);border-radius:0;color:#efefef;color:var(--dl-color-theme-neutral-light);content:"";height:101%;left:-20%;position:absolute;top:0;transform:scaleX(0);transform-origin:0 0;transition:transform .5s;transition-timing-function:cubic-bezier(.5,1.6,.4,.7);width:200%;z-index:1}.thq-button-animated:hover:before{color:#efefef;color:var(--dl-color-theme-neutral-light);transform:scaleX(1);z-index:-1}.beforeHeading{font-size:14px;letter-spacing:.12em;line-height:1.15;text-transform:uppercase}.beforeHeading,.brandName{font-family:Urbanist;font-style:normal;font-weight:800;text-decoration:none}.brandName{font-size:20px;letter-spacing:.25em;line-height:1.2}.navbarLink{font-style:normal;font-weight:600;line-height:1.5}.Content,.navbarLink{font-family:Titillium Web;font-size:16px;text-decoration:none;text-transform:none}.Content{font-weight:400;line-height:1.15}@media(max-width:991px){.thq-grid-4{grid-template-columns:1fr 1fr 1fr}}@media(max-width:767px){.navbar-burger-menu{display:flex}.section-container{padding-bottom:64px;padding-bottom:var(--dl-space-space-fourunits);padding-top:64px;padding-top:var(--dl-space-space-fourunits)}.footer-column{width:30%}.thq-section-padding{padding:48px;padding:var(--dl-space-space-threeunits)}.thq-flex-column,.thq-flex-row{gap:24px;gap:var(--dl-space-space-oneandhalfunits)}.thq-grid-5,.thq-grid-6{grid-gap:24px;grid-gap:var(--dl-space-space-oneandhalfunits);grid-template-columns:1fr 1fr 1fr}.thq-card{padding:24px;padding:var(--dl-space-space-oneandhalfunits)}.thq-grid-3,.thq-grid-4{grid-gap:24px;grid-gap:var(--dl-space-space-oneandhalfunits);grid-template-columns:1fr 1fr}.thq-grid-4{flex-direction:row}.thq-grid-2{grid-gap:24px;grid-gap:var(--dl-space-space-oneandhalfunits);grid-template-columns:1fr}.thq-img-scale{width:100%}.max-width{padding-left:.25rem;padding-right:.25rem}}@media(max-width:479px){.footer-column{width:50%}.thq-section-padding{padding:24px;padding:var(--dl-space-space-oneandhalfunits)}.thq-flex-column,.thq-flex-row{gap:16px;gap:var(--dl-space-space-unit)}.thq-grid-5,.thq-grid-6{grid-gap:16px;grid-gap:var(--dl-space-space-unit);grid-template-columns:1fr 1fr}.thq-grid-3,.thq-grid-4{grid-gap:16px;grid-gap:var(--dl-space-space-unit);align-items:center;grid-template-columns:1fr}.thq-grid-4{flex-direction:column}.thq-grid-2{grid-gap:16px;grid-gap:var(--dl-space-space-unit)}.thq-grid-auto-300{grid-template-columns:1fr}}.centered-content-box{box-shadow:0 1px 3px #0000001a;margin:2rem auto;max-width:1200px;width:90%}.floating-animation-container{background-color:#fff;border:1px solid #eee;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:1000px;padding:1.5rem;width:80%}
/*# sourceMappingURL=main.a5beb276.css.map*/