@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Montserrat:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.code-snippet-wrapper{background-color:#2d2d2d;border-radius:5px;color:#f8f8f2;flex-shrink:0;font-family:Courier New,Courier,monospace;margin-left:1px;padding:8px 12px;position:relative}.code-snippet-wrapper code{font-size:.9em}.copy-btn{background:#444;border:none;border-radius:3px;color:#fff;cursor:pointer;opacity:.5;position:absolute;right:5px;top:5px;transition:opacity .2s}.code-snippet-wrapper:hover .copy-btn{opacity:1}.copy-btn:hover{background:#555}.copy-btn .fa-check{color:#4caf50}*{box-sizing:border-box;margin:0;padding:0}:root{--header-height:3.5rem;--first-color:#f39849;--title-color:#f2f2f2;--text-color:#bfbfbf;--body-color:#fff;--body-font:"Montserrat",sans-serif;--second-font:"Dancing Script",cursive;--h2-font-size:1.25rem;--small-font-size:0.813rem;--font-semi-bold:600;--z-tooltip:10;--z-fixed:100}body{color:#bfbfbf;color:var(--text-color);font-family:Montserrat,sans-serif;font-family:var(--body-font)}ul{list-style:none}.assistant{width:32px}.loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh;justify-content:center;text-align:center}.btn-conn{border:1px solid #fff;border-radius:5px;color:#fff}.btn-conn,.btn-form{animation-delay:.3s;cursor:pointer;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:600;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;text-transform:none;transition:.3s;width:100%}.btn-form{background:#fff;border:1px solid #099e51;border-radius:5px;color:#099e51;font-size:15px}.btn-form,.btn-generate0{display:inline-block;line-height:1;padding:15px 40px}.btn-generate0{animation-delay:.3s;background:#414141;border:1px solid #099e51;border-radius:25px;color:#fff;cursor:pointer;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;text-transform:none;transition:.3s;width:100%}.btn-generate0:before{background:#099e51;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:1%;z-index:0}.btn-generate25{animation-delay:.3s;background:#414141;border:1px solid #099e51;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;line-height:1;overflow:hidden;padding:15px 40px;position:relative;text-decoration:none;text-transform:none;transition:.3s;width:100%}.btn-generate25:before{background:#099e51;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:25%;z-index:0}.btn-generate25 span{position:relative;z-index:1}.btn-generate50{animation-delay:.3s;background:#414141;border:1px solid #099e51;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;line-height:1;overflow:hidden;padding:15px 40px;position:relative;text-decoration:none;text-transform:none;transition:.3s;width:100%}.btn-generate50:before{background:#099e51;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:50%;z-index:0}.btn-generate50 span{position:relative;z-index:1}.btn-generate75{animation-delay:.3s;background:#414141;border:1px solid #099e51;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;line-height:1;overflow:hidden;padding:15px 40px;position:relative;text-decoration:none;text-transform:none;transition:.3s;width:100%}.btn-generate75:before{background:#099e51;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:75%;z-index:0}.btn-generate75 span{position:relative;z-index:1}.loader-wrapper{align-items:center;background-color:#f3f8f5;color:#325e3a;display:flex;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;height:110vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.loader{animation:spin 1s linear infinite;border:12px solid #f3f3f3;border-radius:50%;border-top-color:#325e3a;height:70px;width:70px}.loader-inner{animation:loader-inner 30s ease infinite;background-color:#fff;display:inline-block;vertical-align:top;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.App{font-family:Poppins,sans-serif;margin-top:0;text-align:center}.hero-section{background-color:#4c8a69;padding-bottom:40px;padding-top:70px}.App-header{align-items:center;background:#4c8a69;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.apps-image,.developers-image{height:auto;width:100%}.bg-title{background:#fff;border-radius:3px;padding:2% 0 3.5%}.formules-box{background:#ecffef;color:#000;padding:1rem}h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:clamp(30px,6vw,60px);text-align:left}.Brand,h1{font-weight:900}.Brand{color:#057434;font-family:Poppins,sans-serif;font-size:clamp(35px,7vw,49px)}.io{color:#cdedcd}.Brand-little{color:#a9bba9;font-weight:900}.Brand-little,.Brand-little2{font-family:Poppins,sans-serif;font-size:clamp(18px,3.5vw,30px);text-align:left}.Brand-little2{color:#7f8882;font-weight:550}.code-title{color:#cdd1cd;font-size:clamp(10px,2vw,13px);font-weight:700;margin-top:2%}h5{color:#75f393;font-family:Arial,Helvetica,sans-serif;font-size:clamp(18px,4vw,25px);font-weight:bolder}h5,p{text-align:left}p{color:#c5e6d7;font-size:clamp(14px,2vw,16px);font-weight:600}.sub-title{color:#676666;font-family:Poppins,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:900}.detail-fleetbo-desc{color:#4f4f4f;font-family:Poppins,sans-serif;font-size:clamp(16px,3vw,19px);font-weight:500;line-height:1.5}.btn-start{background:#099e51;border:2px solid #fff;border-radius:7px;box-shadow:0 4px 10px #099e5166;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:clamp(14px,3vw,15px);font-weight:550;line-height:1;min-width:150px;padding:17px 20px;text-align:center;transition:all .3s ease-in-out}.btn-start,.btn-start:hover{color:#fff;text-decoration:none}.btn-start:hover{background:#078c48;box-shadow:0 8px 15px #099e5199;transform:translateY(-2px)}.btn-start.bg-light.text-success.fw-bolder{background:#fff!important;border:2px solid #099e51;box-shadow:none;color:#099e51!important}.btn-start.bg-light.text-success.fw-bolder:hover{background:#f0fdf4!important;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.pixel-phone{height:750px;margin:0 auto;max-width:90vw;width:360px}.col-sm-3{max-width:260px;padding:1%;width:auto}.box-features,.box-features-img{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:1.5rem}.box-features,.box-features-img,.box-features-mobile{background:#fff;border-radius:15px;box-shadow:2px 0 20px 0 #4f608f1f;overflow:hidden;text-align:center;z-index:1}.box-features-mobile{max-width:600px;padding-bottom:0;width:100%}.partners{font-size:clamp(10px,2vw,11px)}@media (min-width:768px){.hero-section{padding-bottom:80px;padding-top:100px}}@media (max-width:600px){.App{margin-top:0}.hero-section{padding-top:130px}.bg-title{background:#0000;padding-bottom:0;padding-top:0}.Brand-little,.Brand-little2{font-size:1.25rem}.fraa{color:#c3d8cb}.box-devFleet-mobile,.div-formules,.why-fleetbo{padding:0 1rem}.box-features,.box-features-img{margin-bottom:1rem;margin-left:0!important;margin-right:0!important;min-height:auto;width:100%}.box-features-img{margin-top:1rem}.btn-start{font-size:12px;padding:15px 20px}.media,.tuto{margin-top:0}.logos{height:50px;width:50px}.partners{font-size:9px}.row .col-sm-1{flex:0 0 auto;width:25%}}.navbar{align-items:center;background-color:#feffff;color:#05b365;display:flex;justify-content:space-between}.navbar .navbar-right .connexion{background-color:#4c8a69;border:none;border-radius:25px;color:#fff!important;display:inline-block;padding:8px 20px;text-decoration:none;transition:background-color .3s ease}.navbar .connexion:hover{background-color:#3b7454;color:#fff!important}.title{color:#05b365;font-size:1.2rem;font-weight:700;text-decoration:none}img{border-radius:9px;width:40px}.navbar-center .nav-links{display:flex;list-style-type:none;margin:0;padding:0}.navbar-center .nav-links li{margin-right:1rem}.navbar-center .nav-links a{color:#fff;text-decoration:none}.navbar-right{align-items:center;display:flex}.navbar-right .user-icon{margin-left:1.3rem}.navbar-right .cart-icon,.navbar-right .user-icon{color:#304233;font-size:1.2rem;position:relative;text-decoration:none}.navbar-right .cart-icon{margin-left:1rem}.go-to-console,.go-to-mail{color:#304233;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:medium;font-weight:550}.navbar-right .cart-count{background-color:#f44336;border-radius:50%;color:#fff;font-size:.5rem;padding:.2rem .4rem;position:absolute;right:-.5rem;top:-.5rem}.footer{background-color:initial;color:#fff;margin-bottom:3%;padding:10px 0;text-align:center}.footer-content{background-color:#4c8a69;flex-wrap:wrap;padding:10px 0;text-align:left}.footer-title{color:#34c671;font-weight:700;text-align:left}.footer-description{width:100%}.footer-description h3{font-size:24px;margin-bottom:7px}.footer-description p{line-height:1.6;max-width:350px}.footer-socials{text-align:left}.footer-socials h4{font-size:20px;font-weight:600;margin-bottom:7px;padding-left:0}.social-icons .icon{color:#fff;font-size:21px;margin:0 13px;transition:color .3s}.social-icons a:hover{color:#50680d}.footer-bottom{padding:30px 10}.footer-copy{font-size:12px;font-weight:600;margin-top:1%}@media only screen and (max-width:768px){.footer{font-size:15px;padding:10px}.social-icons .icon{margin:0 10px;transition:color .3s}.footer-socials h4{font-size:17px}}body{background:#fff!important;min-height:100vh}.authContainer{background:#4c8a69;background-color:#e8efe8;display:flex;flex-direction:column;min-height:100vh;padding-top:60px;position:relative}.navbar{background-color:#fff!important;box-shadow:0 2px 4px #0000000d}.navbar .navbar-left a,.navbar .navbar-right .cart-icon{color:#4c8a69!important;text-decoration:none}.navbar .navbar-right .go-connexion{background-color:#4c8a69;border:none;border-radius:25px;color:#fff!important;display:inline-block;padding:8px 20px;text-decoration:none;transition:background-color .3s ease}.navbar .go-connexion:hover{background-color:#3b7454;color:#fff!important}.Brand-FleetBo{color:#057434;font-family:Poppins,sans-serif;font-size:45px;font-weight:900;margin-top:20px;text-align:center}.Brand-FleetBo .io{color:#cdedcd;font-weight:800}.page-title{line-Height:23px;color:#414141;font-size:1.4rem;font-weight:600!important}.title1{color:#818181;font-size:.9rem;font-weight:400;margin-bottom:30px}.box-form{background-color:#3b7454;border-radius:12px;box-shadow:0 10px 25px #0000004d;margin:1px auto 15px;max-width:420px;padding:30px;width:95%}.label{display:block;font-weight:600!important;margin-bottom:5px;text-align:left}.form-control,.label{color:#414141!important}.form-control{background-color:#f8f9fa;border:1px solid #ccc;border-radius:6px;font-family:Poppins;height:48px}.form-control:focus{background-color:#fff;border-color:#d3f89c;box-shadow:0 0 0 1px #ffd70033}.input-group .btn-white{background-color:#f8f9fa;border:1px solid #ccc;border-left:none;color:#414141;height:48px}.box-form .connexion{background-color:#3b7454;border:2px solid #cdedcd;border-radius:5px;color:#fff!important;font-size:1.1rem!important;font-weight:700!important;padding:10px!important;transition:background-color .3s ease;width:100%}.box-form .connexion:hover:not(:disabled){background-color:#3b7454;color:#3b7454}.box-form .connexion:disabled{background-color:#ccc;color:#3b7454!important;cursor:not-allowed}.error-message{background-color:#e74c3c;border-radius:5px;font-size:14px;font-weight:700;padding:12px}.error-message,.footer-copyright{color:#fff;text-align:center;width:100%}.footer-copyright{font-size:12px;font-weight:500;opacity:.7;padding:2px}.forgot-password-link{font-size:.9rem;font-weight:600}.forgot-password-link,.forgot-password-link:hover{color:#3b7454;text-decoration:none}@media (max-width:768px){.Brand-FleetBo{font-size:38px;margin-top:15px}.page-title{font-size:1.2rem;line-height:20px}.box-form{max-width:80%;padding:25px}.navbar .navbar-right .go-connexion{font-size:.9rem;padding:6px 15px}}@media (max-width:576px){.authContainer{min-height:100vh}.box-form{margin:2.5vh auto 20px;max-width:none;padding:20px;width:90%}.Brand-FleetBo{font-size:30px;margin-top:10px}.page-title{font-size:1.1rem}.title1{font-size:.8rem;margin-bottom:20px}.box-form .connexion{font-size:1rem!important}.navbar .navbar-right .go-connexion{font-size:.8rem;padding:5px 12px}.form-control,.input-group .btn-white{height:44px}.footer-copyright{font-size:11px}}@media (max-width:820px) and (max-height:420px){.box-form{margin-top:1vh;padding:15px}}.App-Home{align-items:center;color:#fff;display:flex;font-size:calc(10px + 2vmin);height:100vh;justify-content:center;overflow-y:hidden;width:100%}.dash{background:#f3f8f7;height:96%;overflow:hidden;overflow-y:visible}.box-campagne{background:#fff;border-radius:15px;box-shadow:2px 0 25px 0 #4458901f;height:68vh;overflow:hidden;text-align:center;transition:all .3s ease-in-out;z-index:1}.bg-box-project{border-radius:7px}.disabled{animation-delay:.3s;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;line-height:1;padding:10px 0;text-align:left;text-decoration:none;text-transform:none;transition:.3s;width:100%}.title{margin-top:1%}.open-project{animation-delay:.3s;background:#099e51;border:2px solid #fff;border-radius:7px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:clamp(14px,3vw,15px);font-weight:550;letter-spacing:1px;padding:15px 40px;text-decoration:none;text-transform:none;transition:.3s}.box{height:65vh;margin-right:2%;padding:3px 5px;text-align:left}.div-details{height:95%}.description{color:#414141;font-size:25px;font-weight:510}.datepush{color:#414141;font-size:13.5px;font-weight:550}.target{font-weight:600}a{text-decoration:underline}.modal-custom .modal-dialog{margin:auto;max-width:75%}.appName{font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.subAppName{font-family:Poppins;font-size:16px;font-weight:600}@media only screen and (max-width:768px){.box-campagne{background:#fff;border-radius:15px;box-shadow:2px 0 25px 0 #4458901f;height:70vh;min-width:90vw;overflow:hidden;text-align:center;transition:all .3s ease-in-out;z-index:1}.title{margin-top:10%}.box{padding:6%}.description{font-size:13px}.datepush,.target{font-size:12px}.appName{font-size:15px}.subAppName{font-size:12px}}.info{font-size:14px;font-weight:600}.progress-bar-container{background-color:#f3f3f3;border:1px solid #ddd;border-radius:25px;height:30px;margin:20px auto;width:100%;width:80%}.progress-bar{background-color:#4caf50;border-radius:25px;color:#fff;font-weight:700;height:100%;line-height:30px;text-align:center}.info{font-size:11px}.offre{color:#000}.box{height:80vh;margin-top:5%;width:100%}.div-details{background-color:#f3f8f7;border-radius:2%;height:75%;overflow-y:scroll}.description{color:#151414;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;line-height:23px;white-space:pre-wrap;word-break:break-word}a{color:#000;text-decoration:none}.datepush{color:#37473f;font-size:12px;font-weight:500}.target{color:#065c20;font-size:13px;font-weight:500}.delete{background:none;border:none;color:#f2f2f2;cursor:pointer}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.modal-content{animation:fadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.modal-body{padding-top:10px}.modal-footer{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media only screen and (max-width:768px){.box{padding:6%;width:100%}.description{font-size:13px}.datepush,.target{font-size:12px}.offre{padding-top:17%}}.card-link{color:inherit;text-decoration:none}.store-card{border:1px solid #e9ecef;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.store-card:hover{box-shadow:0 8px 20px #0000001a!important;transform:translateY(-5px)}.video-thumbnail{background-position:50%;background-size:cover;height:200px;position:relative}.play-icon-overlay,.video-thumbnail{align-items:center;display:flex;justify-content:center}.play-icon-overlay{background-color:#0006;border-radius:50%;height:60px;transition:background-color .2s ease;width:60px}.play-icon-overlay .fa-play{color:#fff;font-size:24px;padding-left:5px}.store-card:hover .play-icon-overlay{background-color:#198754cc}.card-title{color:#343a40}.price-tag{background-color:#e9f5ec;border-radius:20px;padding:5px 12px}.video-player-wrapper{background-color:#000;border-radius:12px;overflow:hidden}.video-player-wrapper video{border:none;display:block}.price-tag-detail{background-color:#e9f5ec;border-radius:30px;padding:8px 20px;white-space:nowrap}.similar-module-card{border:1px solid #eee;transition:transform .2s ease,box-shadow .2s ease}.similar-module-card:hover{box-shadow:0 4px 15px #00000014;transform:translateX(5px)}.similar-thumbnail{background-position:50%;background-size:cover;border-bottom-left-radius:var(--bs-card-inner-border-radius);border-top-left-radius:var(--bs-card-inner-border-radius);height:100%;min-height:80px;width:100%}.similar-module-card .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cookieBox{z-Index:1000;background-color:#030403;bottom:0;color:"#414141";font-size:14px;opacity:.8;padding:10px;position:fixed;text-align:"left";width:21%}.fa-cookie{float:left;font-size:40px}.box-doc{color:#000;margin-top:0;padding-bottom:1%;padding-top:0}.box-doc-title{padding-bottom:0;padding-top:3%}@media only screen and (max-width:768px){.cookieBox{color:"#414141";font-size:14px;width:100%}}@media only screen and (max-width:420px){.cookieBox{color:"#414141";font-size:14px;width:100%}}.screen-content{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:44px}.screen-navbar-header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;height:60px;width:100%;z-index:100}.screen-main-content{background:#fff;flex-grow:1;min-height:0;overflow:hidden;position:relative;width:100%}.screen-navbar-footer{flex-shrink:0;height:60px;width:100%;z-index:100}.screen-main-content iframe,.screen-navbar-footer iframe,.screen-navbar-header iframe{border:none;display:block;height:100%;width:100%}.swal-premium-popup{border-radius:24px!important;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d!important}.swal-actions-elegant{align-items:center;border-top:1px solid #f3f4f6;display:flex!important;gap:12px;justify-content:center;margin-top:28px!important;padding-top:24px;width:100%}.swal-confirm-elegant{align-items:center;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:12px!important;color:#fff!important;cursor:pointer;display:flex;flex:0 0 40%;font-size:14px!important;font-weight:500!important;justify-content:center;padding:14px 24px!important;transition:all .2s ease!important}.swal-confirm-elegant:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 8px 20px #10b98166,0 2px 6px #00000026!important;transform:translateY(-2px)!important}.swal-confirm-elegant:active{transform:translateY(0)!important}.swal-cancel-elegant{align-items:center;background:#0000!important;border:1.5px solid #e5e7eb!important;border-radius:12px!important;color:#6b7280!important;cursor:pointer;display:flex;flex:0 0 40%;font-size:14px!important;font-weight:500!important;justify-content:center;padding:14px 24px!important;transition:all .2s ease!important}.swal-cancel-elegant:hover{background:#f9fafb!important;border-color:#d1d5db!important;color:#374151!important}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,30px,0)}}.animate__animated{animation-duration:.4s;animation-fill-mode:both}.animate__faster{animation-duration:.3s}.animate__fadeInUp{animation-name:fadeInUp}.animate__fadeOutDown{animation-name:fadeOutDown}#root,body,html{background-color:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;margin:0}.login-screen-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:25px}.login-header-text-container{margin-bottom:30px;max-width:320px;text-align:left;width:100%}.login-logo{color:#4c8a69;font-size:50px;margin-bottom:15px}.login-app-name{color:#099e51;font-size:19px;font-weight:700;margin:0}.login-description{color:#6c757d;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:13px;font-weight:500;margin-bottom:0;margin-top:8px;max-width:300px;text-align:left}.login-form-container{max-width:320px;width:100%}.login-label{color:#495057;display:block;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:12px;font-weight:700;margin-bottom:8px;text-align:left;width:100%}.phone-input-group{border:1px solid #dee2e6;border-radius:5px;box-shadow:none;display:flex;margin-bottom:10px;overflow:hidden;transition:border-color .2s ease;width:100%}.phone-input-group:focus-within{border-color:#4c8a69;box-shadow:0 0 0 1px #4c8a69}.phone-input-code,.phone-input-number{background-color:#fff;border:none;border-right:1px solid #e9ecef;font-size:14px;padding:10px 15px}.phone-input-code:focus,.phone-input-number:focus{border:none;box-shadow:none;outline:none}.phone-input-code{background-color:#f8f9fa;border-radius:1px;flex:0 0 70px;padding-right:5px}.phone-input-number{border-radius:0;flex:1 1}.login-button{background-color:#4c8a69;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px;transition:background-color .3s ease,box-shadow .2s ease;width:100%}.login-button:disabled{background-color:#e8f5e9;color:#aebcae;cursor:not-allowed}.login-button:not(:disabled):hover{background-color:#3b7454}.login-error-message{border-radius:2px;color:#fff;font-size:12px;font-weight:500;margin-top:3%;padding:5px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.home-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.welcome-title{font-size:2rem;font-weight:700;margin:0}.welcome-subtitle{color:#30683c;font-size:1rem;margin:4px 0 0}.settings-icon{cursor:pointer}.scenario-card{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;margin-bottom:32px;padding:20px}.scenario-icon-wrapper{background-color:#fffbeb;border-radius:50%;margin-right:16px}.scenario-info{display:flex;flex-direction:column;flex-grow:1}.scenario-title{font-size:1rem;font-weight:600}.scenario-status{color:#6b7281;font-size:.875rem}.devices-title{font-size:1.25rem;font-weight:600;margin-bottom:16px}.devices-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.device-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .2s ease}.device-icon-wrapper{align-self:flex-start;background-color:#f3f4f6;border-radius:50%;display:inline-flex;padding:10px}.device-name{color:#374151;font-size:1rem;font-weight:600}.device-status{color:#6b7281;font-size:.875rem}.device-card.active{background-color:#27b16c;color:#fff}.device-card.active .device-icon-wrapper{background-color:#fff3}.device-card.active .device-name{color:#fff}.device-card.active .device-status{color:#e0e7ff}.bottom-nav{position:absolute}.home-container{box-sizing:border-box;color:#1f2937;display:flex;flex-direction:column;min-height:100vh;padding-bottom:80px}.home-content{padding:32px 24px 0}.bottom-nav{align-items:center;background-color:#fff;border-bottom-left-radius:32px;border-bottom-right-radius:32px;bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;justify-content:space-around;left:0;padding:16px 24px;position:fixed;right:0}.bottom-nav button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;transition:color .2s ease}.bottom-nav button:disabled{color:#d1d5db;cursor:not-allowed}.bottom-nav button.nav-active{color:#27b16c}.detail-header{margin-bottom:24px}.back-button,.detail-header{align-items:center;display:flex}.back-button{background:none;border:none;border-radius:50%;cursor:pointer;justify-content:center;margin-right:12px;padding:8px}.back-button:hover{background-color:#f3f4f6}.detail-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;padding:16px}.fake-control{font-weight:500;margin-top:24px}.device-card,.scenario-card{cursor:pointer}.gallery-page{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.gallery-fake-header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;flex-shrink:0;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.gallery-header-content{align-items:center;display:flex;justify-content:center;position:relative}.gallery-header-content h1{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.gallery-back-button{align-items:center;background:none;border:none;color:red;cursor:pointer;display:flex;font-size:1rem;font-weight:500;left:0;position:absolute;top:50%;transform:translateY(-50%)}.gallery-back-button i{font-size:1.2rem;margin-right:6px}.gallery-content{flex-grow:1;overflow-y:auto;padding:8px}.gallery-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.gallery-item{background-color:#f0f0f0;border-radius:8px;cursor:pointer;overflow:hidden;padding-top:100%;position:relative;transition:transform .2s ease;width:100%}.gallery-item:hover{transform:scale(.95)}.gallery-image{background-position:50%;background-size:cover}.gallery-image,.gallery-item-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.gallery-item-overlay{align-items:center;background-color:#74da1b99;color:#fff;display:flex;font-size:2.5rem;justify-content:center;opacity:0;transition:opacity .2s ease}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-empty,.gallery-error{color:#888;padding-top:60px;text-align:center}.gallery-empty i{color:#ccc;font-size:3rem;margin-bottom:1rem}.skeleton-item{animation:skeleton-loading 1.5s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;padding-top:100%;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=main.054c220f.css.map*/