*{box-sizing:border-box;font-family:Poppins,sans-serif}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:Poppins,sans-serif;margin:0;max-width:100vw}code{font-family:Poppins,source-code-pro,monospace}@media (max-width:768px){input,select,textarea{font-size:16px!important}}.App{min-height:100vh}html{scroll-behavior:smooth}.loader{align-items:center;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.loader-bg{animation:loaderZoom 2.5s ease-out forwards;background-image:url(https://upload.wikimedia.org/wikipedia/commons/6/6e/Tricycle_de_marchandise.jpg);background-position:50%;background-size:cover;inset:0;position:absolute}.loader-overlay{animation:loaderFadeIn .8s ease-out;background:linear-gradient(135deg,#2c3e50d9,#34495ebf 50%,#2c3e50e6);inset:0;position:absolute}.loader-content{align-items:center;animation:loaderContentIn 1s ease-out .3s both;display:flex;flex-direction:column;gap:2rem;padding:2rem;position:relative;z-index:2}.loader-logo{text-align:center}.loader-logo-icon{animation:loaderPulse 1.5s ease-in-out infinite;color:#4ade80;height:80px;margin:0 auto 1rem;width:80px}.loader-logo-icon svg{height:100%;width:100%}.loader-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:.25em;margin:0;text-shadow:0 2px 20px #00000080}.loader-subtitle{color:#ffffffd9;font-size:.9rem;font-weight:300;letter-spacing:.2em;margin-top:.5rem;text-transform:uppercase}.loader-bar{background:#fff3;border-radius:4px;height:4px;overflow:hidden;width:200px}.loader-bar-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;height:100%;transition:width .05s linear}.loader-percent{color:#ffffffe6;font-size:.85rem;font-weight:500;letter-spacing:.1em}@keyframes loaderZoom{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loaderContentIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.loader-exit{animation:loaderExit .5s ease-out forwards}@keyframes loaderExit{to{opacity:0;visibility:hidden}}.public-header{--green-bright:#3d8b40;--green-hover:#2e7d32;--golden-tan:#c4952e;--white:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c2c2cf2;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:background .3s ease;z-index:100}.public-header:hover{background:#2c2c2cfa}.public-header .header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;overflow:visible}.public-header .header-menu-toggle{align-items:center;background:#0000;border:2px solid #ffffff80;border-radius:8px;color:var(--white);cursor:pointer;display:none;height:44px;justify-content:center;transition:all .2s ease;width:44px}.public-header .header-menu-toggle:hover{border-color:var(--golden-tan);color:var(--golden-tan)}.public-header .logo{align-items:center;color:inherit;display:flex;flex-shrink:0;gap:.75rem;text-decoration:none}.public-header .logo-icon{align-items:center;border:2px solid var(--golden-tan);border-radius:50%;color:var(--golden-tan);display:flex;flex-shrink:0;height:48px;justify-content:center;min-width:48px;padding:6px;width:48px}.public-header .logo-icon svg{height:100%;width:100%}.public-header .logo-text{color:var(--white);font-size:1.25rem;font-weight:700;letter-spacing:.15em;white-space:nowrap}.public-header .nav{display:flex;gap:2rem}.public-header .nav-close-btn,.public-header .nav-logo{display:none}.public-header .nav a{color:var(--white);font-size:.9rem;font-weight:500;letter-spacing:.1em;padding-bottom:4px;position:relative;text-decoration:none;transition:color .2s ease}.public-header .nav a.active,.public-header .nav a:hover{color:var(--golden-tan)}.public-header .nav a.active:after{background:var(--golden-tan);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.public-header .btn-login{background:var(--green-bright);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-weight:600;letter-spacing:.1em;padding:.6rem 1.5rem;transition:background .2s ease}.public-header .btn-login:hover{background:var(--green-hover)}.public-header .header-overlay{display:none}@media (max-width:768px){.public-header{padding:.75rem max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left))}.public-header .header-menu-toggle{display:flex;flex-shrink:0;order:1}.public-header .logo{flex:1 1 auto;justify-content:center;min-width:min-content;order:2;overflow:visible}.public-header .logo-icon{display:none}.public-header .btn-login{font-size:.9rem;order:3;padding:.55rem 1.25rem}.public-header .nav{background:#2c2c2cfa;border-radius:0 0 12px 12px;box-shadow:0 10px 40px #0000004d;flex-direction:column;gap:0;left:0;opacity:0;padding:1rem 1.5rem 1.5rem;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:101}.public-header .nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.public-header .nav-logo{align-items:center;border-bottom:1px solid #ffffff1a;color:inherit;display:flex;gap:.75rem;justify-content:center;margin-bottom:.25rem;padding:1rem 0 1.25rem;text-decoration:none}.public-header .nav-logo-icon{align-items:center;border:2px solid var(--golden-tan);border-radius:50%;color:var(--golden-tan);display:flex;flex-shrink:0;height:48px;justify-content:center;padding:6px;width:48px}.public-header .nav-logo-icon svg{height:100%;width:100%}.public-header .nav-logo-text{color:var(--white);font-size:1.25rem;font-weight:700;letter-spacing:.15em}.public-header .nav-close-btn{align-items:center;background:#ffffff1a;border:2px solid var(--golden-tan);border-radius:50%;color:var(--golden-tan);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1rem;top:.75rem;transition:all .25s ease;width:44px}.public-header .nav-close-btn:hover{background:var(--golden-tan);color:var(--white);transform:rotate(90deg)}.public-header .nav-close-btn svg{height:22px;width:22px}.public-header .nav a{border-bottom:1px solid #ffffff1a;font-size:1rem;padding:1rem 0 1rem 1rem;position:relative}.public-header .nav a:last-child{border-bottom:none}.public-header .nav a.active{color:var(--golden-tan)}.public-header .nav a.active:after{background:var(--golden-tan);border-radius:2px;content:"";height:1.25em;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.public-header .header-overlay{background:#0006;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:99}.public-header .header-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.public-header .logo-text{font-size:1.1rem}}@media (max-width:480px){.public-header{padding:.5rem max(.75rem,env(safe-area-inset-right)) .5rem max(.75rem,env(safe-area-inset-left))}.public-header .header-menu-toggle,.public-header .nav-logo-icon{height:42px;width:42px}.public-header .nav-logo-text{font-size:1.1rem}.public-header .logo-text{font-size:1rem;letter-spacing:.1em}.public-header .nav{padding-top:.5rem}}.landing{animation:landingFadeIn .6s ease-out}@keyframes landingFadeIn{0%{opacity:0}to{opacity:1}}.hero{align-items:center;display:flex;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:6rem 4rem 4rem;position:relative}.hero-bg{background-image:url(https://upload.wikimedia.org/wikipedia/commons/6/6e/Tricycle_de_marchandise.jpg);background-position:50%;background-size:cover}.hero-bg,.hero-overlay{inset:0;position:absolute}.hero-overlay{background:linear-gradient(90deg,#2c2c2cd9,#2c2c2c80 60%,#0000)}.hero-content{max-width:600px;position:relative;z-index:2}.hero-title{line-height:1.1;margin:0}.hero-title-main{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:.05em;text-shadow:0 2px 30px #00000080}.hero-title-main,.hero-title-sub{color:#fff;color:var(--white);display:block}.hero-title-sub{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;letter-spacing:.1em;margin-top:.25rem;opacity:.95}.hero-tagline{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin:1.5rem 0 2rem}.btn-learn{background:#3d8b40;background:var(--green-bright);border-radius:8px;color:#fff;color:var(--white);display:inline-block;font-weight:600;letter-spacing:.1em;padding:.9rem 2rem;text-decoration:none;transition:background .2s ease}.btn-learn:hover{background:#2e7d32;background:var(--green-hover)}.about{background:#f8f8f8;background:var(--off-white);padding:5rem 2rem}.about-inner{margin:0 auto;max-width:1200px}.about-title{color:#2c2c2c;color:var(--dark-grey);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin:0 0 3rem}.about-title .accent{color:#c4952e;color:var(--golden-tan)}.about-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about-text p{color:#444;color:var(--dark-grey-light);font-size:1.05rem;line-height:1.8;margin:0 0 1rem}.about-image{border-radius:8px;box-shadow:0 10px 40px #00000026;overflow:hidden}.about-image img{display:block;height:auto;width:100%}.services{background:#fff;background:var(--white);padding:5rem 2rem}.services-inner{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.service-card{background:#f8f8f8;background:var(--off-white);border-radius:8px;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.service-card h3{color:#2c2c2c;color:var(--dark-grey);font-size:1.1rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem}.service-card p{color:#444;color:var(--dark-grey-light);font-size:.95rem;line-height:1.7;margin:0}.footer{background:#2c2c2c;background:var(--dark-grey);padding:3rem 2rem;text-align:center}.footer-inner{margin:0 auto;max-width:600px}.footer-brand{color:#fff;color:var(--white);font-size:1.25rem;font-weight:700;letter-spacing:.2em;margin:0 0 .5rem}.footer-tagline{color:#fffc;font-size:.9rem;margin:0 0 1rem}.footer-contact{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem}.footer-quick-links{border-top:1px solid #ffffff26;margin-top:1.5rem;padding-top:1.5rem}.footer-quick-links-title{color:#ffffff80;display:block;font-size:.75rem;font-weight:600;letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-links a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#c4952e;color:var(--golden-tan)}@media (max-width:900px){.services-inner{grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr}.about-image{order:-1}}@media (max-width:700px){.hero{min-height:100svh;padding:5rem 1rem 3rem}.hero-content{max-width:100%}.hero-title-main{font-size:clamp(1.75rem,5vw,2.5rem)}.hero-title-sub{font-size:clamp(1.25rem,2.5vw,1.5rem)}.hero-tagline{font-size:.95rem;margin:1rem 0 1.5rem}.btn-learn{font-size:.9rem;padding:.75rem 1.5rem}.services-inner{grid-template-columns:1fr}.about{padding:3rem 1rem}.about-title{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:2rem}.about-text p{font-size:.95rem}.service-card{padding:1.5rem}.footer{padding:2rem 1rem}.footer-brand{font-size:1rem;letter-spacing:.15em}}@media (max-width:480px){.hero{padding:4.5rem .75rem max(2.5rem,env(safe-area-inset-bottom))}.hero-title-main{font-size:clamp(1.5rem,6vw,2rem)}.hero-tagline{font-size:.9rem}.about{padding:2.5rem max(.75rem,env(safe-area-inset-right)) 2.5rem max(.75rem,env(safe-area-inset-left))}.about-title{font-size:1.35rem;margin-bottom:1.5rem}.service-card h3{font-size:1rem}.service-card p{font-size:.9rem}.footer{padding:2rem max(.75rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.footer-links{gap:1rem}.footer-contact,.footer-links a{font-size:.85rem}}.login-modal-overlay{align-items:center;animation:loginOverlayIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes loginOverlayIn{0%{opacity:0}to{opacity:1}}.login-modal{animation:loginModalIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:420px;padding:2.5rem;position:relative;width:100%}@keyframes loginModalIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.login-modal-close:hover{background:#f0f0f0;color:#2c2c2c}.login-modal-header{margin-bottom:2rem;text-align:center}.login-modal-logo{align-items:center;border:2px solid #c4952e;border-radius:50%;color:#c4952e;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;padding:10px;width:64px}.login-modal-logo svg{height:100%;width:100%}.login-modal-header h2{color:#2c2c2c;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.login-modal-header p{color:#666;font-size:.9rem;margin:0}.login-modal-form{gap:1.25rem}.login-field,.login-modal-form{display:flex;flex-direction:column}.login-field{gap:.5rem}.login-field label{color:#2c2c2c;font-size:.875rem;font-weight:500}.login-field input{border:2px solid #e5e5e5;border-radius:10px;box-sizing:border-box;font-size:1rem;outline:none;padding:.875rem 1rem;transition:border-color .2s ease;width:100%}.login-field input:focus{border-color:#3d8b40}.login-field input::placeholder{color:#999}.login-error{background:#fee2e2;border-radius:8px;color:#b91c1c;font-size:.9rem;padding:.75rem}.login-password-wrap{align-items:center;display:flex;position:relative}.login-password-wrap input{padding-right:48px}.login-password-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:36px}.login-password-toggle:hover{background:#f0f0f0;color:#2c2c2c}.login-submit{background:#3d8b40;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.9rem 1.5rem;transition:background .2s ease}.login-submit:hover{background:#2e7d32}@media (max-width:480px){.login-modal-overlay{align-items:flex-start;padding:max(2rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.login-modal{max-width:100%;padding:1.75rem 1.25rem}.login-modal-header h2{font-size:1.35rem}.login-modal-header p{font-size:.85rem}.login-modal-logo{height:56px;width:56px}.login-submit{min-height:48px}}:root{--green-bright:#3d8b40;--green-hover:#2e7d32;--golden-tan:#c4952e;--golden-dark:#a67c2a;--dark-grey:#2c2c2c;--dark-grey-light:#444;--white:#fff;--off-white:#f8f8f8}.dashboard{display:flex;min-height:100vh}.dashboard-sidebar{background:#c4952e;background:var(--golden-tan);color:#fff;color:var(--white);display:flex;flex-direction:column;flex-shrink:0;width:260px}.sidebar-header{border-bottom:1px solid #ffffff40;gap:.75rem;padding:1.5rem}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{border:2px solid #fff;border:2px solid var(--white);border-radius:50%;color:#fff;color:var(--white);height:40px;justify-content:center;padding:4px;width:40px}.sidebar-logo svg{height:100%;width:100%}.sidebar-brand{font-size:1.1rem;font-weight:700;letter-spacing:.15em}.sidebar-nav{flex:1 1;padding:1rem 0}.sidebar-link{align-items:center;color:#ffffffe6;display:flex;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{background:#ffffff26;color:#fff;color:var(--white)}.sidebar-link.active{background:#fff3;border-left:3px solid #3d8b40;border-left:3px solid var(--green-bright);color:#fff;color:var(--white)}.sidebar-link-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem}.sidebar-footer{border-top:1px solid #ffffff40;padding:1rem 1.5rem}.sidebar-user{color:#ffffffe6;font-size:.85rem;margin-bottom:.5rem}.sidebar-logout{background:#0000;border:1px solid #ffffff80;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .2s ease;width:100%}.sidebar-logout:hover{background:#ffffff26}.dashboard-main{background:#f8f8f8;background:var(--off-white);flex:1 1;min-width:0;overflow:auto;padding:2rem}.dashboard-mobile-header{display:none}.sidebar-toggle{align-items:center;background:#c4952e;background:var(--golden-tan);border:2px solid #fff;border:2px solid var(--white);border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;color:var(--white);cursor:pointer;display:none;height:44px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:all .2s ease;width:44px;z-index:1001}.sidebar-toggle:hover{background:#a67c2a;background:var(--golden-dark);border-color:#fff;border-color:var(--white);color:#fff;color:var(--white)}.sidebar-overlay{background:#0006;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.sidebar-overlay.active{opacity:1;pointer-events:auto;visibility:visible}@media (max-width:768px){.dashboard-mobile-header{align-items:center;display:flex;gap:.75rem;left:0;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left));position:fixed;right:0;top:0;z-index:1001}.dashboard-mobile-brand{color:#c4952e;color:var(--golden-tan);font-size:1.1rem;font-weight:700;letter-spacing:.12em;transition:opacity .2s ease,visibility .2s ease}.dashboard-mobile-header.sidebar-open .dashboard-mobile-brand{opacity:0;pointer-events:none;visibility:hidden}.sidebar-toggle{display:flex;flex-shrink:0;left:auto;position:relative;top:auto}.sidebar-overlay{display:block}.dashboard-sidebar{bottom:0;box-shadow:4px 0 20px #00000026;left:0;max-width:85vw;padding-bottom:env(safe-area-inset-bottom);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-main{padding:4.5rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}}@media (max-width:480px){.dashboard-mobile-header{padding:max(.5rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) .5rem max(.75rem,env(safe-area-inset-left))}.dashboard-mobile-brand{font-size:1rem;letter-spacing:.1em}.sidebar-toggle{height:42px;width:42px}.dashboard-main{padding:4rem max(.75rem,env(safe-area-inset-right)) .75rem max(.75rem,env(safe-area-inset-left))}.sidebar-header{padding:1rem}.sidebar-brand{font-size:1rem}.sidebar-nav .sidebar-link{min-height:48px;padding:.875rem 1rem}.sidebar-footer{padding:1rem}.sidebar-logout{min-height:44px}}.dashboard-page h1{color:#2c2c2c;color:var(--dark-grey,#2c2c2c);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.dashboard-subtitle{color:#666;color:var(--dark-grey-light,#666);margin:0 0 2rem}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dash-card{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.dash-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.dash-card-icon{align-items:center;color:#3d8b40;color:var(--green-bright,#3d8b40);display:flex;font-size:2rem;margin-bottom:.75rem}.dash-card h3{color:#2c2c2c;color:var(--dark-grey,#2c2c2c);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.dash-card p{color:#666;color:var(--dark-grey-light,#666);font-size:.9rem;margin:0}.orders-placeholder{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:2rem}.orders-placeholder p{color:#666;color:var(--dark-grey-light,#666);margin:0 0 .5rem}.orders-hint{color:#c4952e!important;color:var(--golden-tan,#c4952e)!important;font-size:.9rem}.analytics-cards{grid-gap:1.5rem;background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 10px #0000000f;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:2rem;padding:2rem}.analytics-card{background:#f8f8f8;background:var(--off-white,#f8f8f8);border-left:4px solid #3d8b40;border-left:4px solid var(--green-bright,#3d8b40);border-radius:10px;padding:1.25rem}.analytics-card h3{color:#666;color:var(--dark-grey-light,#666);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.analytics-value{color:#2c2c2c;color:var(--dark-grey,#2c2c2c);font-size:1.5rem;font-weight:700;margin:0!important}.analytics-chart-section{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 10px #0000000f;margin-top:2rem;padding:2rem}.analytics-chart-title{color:#2c2c2c;color:var(--dark-grey,#2c2c2c);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.analytics-chart-subtitle{color:#666;color:var(--dark-grey-light,#666);font-size:.9rem;margin:0 0 1.5rem}.analytics-chart{min-height:320px}.settings-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.settings-card{background:#fff;background:var(--white,#fff);border-left:4px solid #3d8b40;border-left:4px solid var(--green-bright,#3d8b40);border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:1.5rem}.settings-card h3{color:#2c2c2c;color:var(--dark-grey,#2c2c2c);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.settings-card p{color:#666;color:var(--dark-grey-light,#666);font-size:.9rem;margin:0}.activity-log{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:2rem}.activity-log-list{display:flex;flex-direction:column;gap:0}.activity-item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem 0}.activity-item:last-child{border-bottom:none}.activity-dot{background:#fff;background:var(--white,#fff);border:2px solid #3d8b40;border:2px solid var(--green-bright,#3d8b40);border-radius:50%;flex-shrink:0;height:10px;margin-top:.35rem;width:10px}.activity-item.activity-order .activity-dot{border-color:#3d8b40;border-color:var(--green-bright,#3d8b40)}.activity-item.activity-trip .activity-dot{border-color:#c4952e;border-color:var(--golden-tan,#c4952e)}.activity-item.activity-auth .activity-dot{border-color:#666}.activity-content{flex:1 1}.activity-action{color:#2c2c2c;color:var(--dark-grey,#2c2c2c);font-size:.95rem;font-weight:500;margin:0 0 .25rem}.activity-meta{color:#666;color:var(--dark-grey-light,#666);font-size:.8rem}@media (max-width:768px){.dashboard-page h1{font-size:1.5rem}.dashboard-cards{gap:1rem;grid-template-columns:1fr}.dash-card{padding:1.25rem}.analytics-cards{gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.25rem}.analytics-card{padding:1rem}.analytics-value{font-size:1.25rem}.orders-placeholder{padding:1.25rem}.analytics-chart-section{margin-top:1.5rem;padding:1.25rem}.analytics-chart{min-height:260px}.settings-section{grid-template-columns:1fr}.activity-log{padding:1.25rem}}@media (max-width:480px){.dashboard-page{padding-left:0;padding-right:0}.dashboard-page h1{font-size:1.35rem}.dashboard-subtitle{font-size:.9rem}.analytics-cards{grid-template-columns:1fr;padding:1rem}.analytics-card{padding:1rem}.analytics-value{font-size:1.2rem}.analytics-chart-section{padding:1rem}.analytics-chart-title{font-size:1.1rem}.analytics-chart-subtitle{font-size:.85rem}.analytics-chart{min-height:240px}.orders-placeholder{padding:1rem}.orders-hint,.orders-placeholder p{font-size:.9rem}.settings-section{gap:1rem}.settings-card{padding:1.25rem}.activity-log{padding:1rem}.activity-item{padding:.875rem 0}.activity-action{font-size:.9rem}}.public-layout{--green-bright:#3d8b40;--green-hover:#2e7d32;--golden-tan:#c4952e;--golden-dark:#a67c2a;--dark-grey:#2c2c2c;--dark-grey-light:#444;--white:#fff;--off-white:#f8f8f8}.public-main{min-height:calc(100vh - 200px);padding-top:80px}.public-footer{background:var(--dark-grey);padding:3rem 2rem;text-align:center}.public-footer .footer-inner{margin:0 auto;max-width:600px}.public-footer .footer-brand{color:var(--white);font-size:1.25rem;font-weight:700;letter-spacing:.2em;margin:0 0 .5rem}.public-footer .footer-tagline{color:#fffc;font-size:.9rem;margin:0 0 1rem}.public-footer .footer-contact{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem}.public-footer .footer-quick-links{border-top:1px solid #ffffff26;margin-top:1.5rem;padding-top:1.5rem}.public-footer .footer-quick-links-title{color:#ffffff80;display:block;font-size:.75rem;font-weight:600;letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}.public-footer .footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.public-footer .footer-links a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .2s ease}.public-footer .footer-links a:hover{color:var(--golden-tan)}@media (max-width:768px){.public-main{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:90px}.public-footer{padding:2rem max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.public-footer .footer-brand{font-size:1.1rem}.public-footer .footer-links{gap:1rem}.public-footer .footer-links a{font-size:.85rem}}@media (max-width:480px){.public-main{padding-top:85px}}.services-page{--green-bright:#3d8b40;--green-hover:#2e7d32;--golden-tan:#c4952e;--dark-grey:#2c2c2c;--dark-grey-light:#444;--white:#fff;--off-white:#f8f8f8}.services-hero{align-items:center;display:flex;justify-content:center;min-height:45vh;overflow:hidden;padding:4rem 2rem;position:relative}.services-hero-bg{background-image:url(https://upload.wikimedia.org/wikipedia/commons/6/6e/Tricycle_de_marchandise.jpg);background-position:50%;background-size:cover;inset:0;position:absolute}.services-hero-overlay{background:#2c2c2cbf;inset:0;position:absolute}.services-hero-content{color:var(--white);position:relative;text-align:center;z-index:2}.services-hero-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.05em;margin:0 0 1rem}.services-hero-content p{font-size:1.2rem;margin:0;opacity:.95}.services-intro{background:var(--off-white);padding:4rem 2rem}.services-intro-inner{margin:0 auto;max-width:800px;text-align:center}.services-intro-inner h2{color:var(--dark-grey);font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 1.5rem}.services-intro-inner p{color:var(--dark-grey-light);font-size:1.1rem;line-height:1.8;margin:0}.services-grid{padding:2rem 0}.service-article{padding:4rem 2rem}.service-article:nth-child(2n){background:var(--off-white)}.service-article-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px}.service-article-content.reversed{direction:rtl}.service-article-content.reversed>*{direction:ltr}.service-article-text h3{color:var(--dark-grey);font-size:1.75rem;margin:0 0 1rem}.service-article-text p{color:var(--dark-grey-light);font-size:1.05rem;line-height:1.8;margin:0 0 1.5rem}.service-features{list-style:none;margin:0;padding:0}.service-features li{color:var(--dark-grey-light);font-size:.95rem;padding:.4rem 0 .4rem 1.5rem;position:relative}.service-features li:before{color:var(--green-bright);content:"✓";font-weight:700;left:0;position:absolute}.service-article-image{border-radius:12px;box-shadow:0 15px 50px #00000026;overflow:hidden}.service-article-image img{display:block;height:300px;object-fit:cover;width:100%}.service-article-image--logo{align-items:center;background:#e8f5e9;display:flex;justify-content:center;padding:2rem}.service-article-image--logo img{height:180px;object-fit:contain;width:180px}.service-article-image--logo .map-icon{color:var(--green-bright);height:180px;width:180px}.services-cta{background:var(--dark-grey);padding:5rem 2rem;text-align:center}.services-cta-inner h2{color:var(--white);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .75rem}.services-cta-inner p{color:#ffffffd9;margin:0 0 2rem}.services-cta .btn-contact{background:var(--golden-tan);border-radius:8px;color:var(--white);display:inline-block;font-weight:600;padding:.9rem 2rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.services-cta .btn-contact:hover{background:#a67c2a;transform:translateY(-2px)}@media (max-width:900px){.service-article-content{direction:ltr;grid-template-columns:1fr}.service-article-content.reversed{direction:ltr}.service-article-image{order:-1}.service-article-image img{height:250px}}@media (max-width:600px){.services-hero{min-height:35vh;padding:3rem max(1rem,env(safe-area-inset-right)) 3rem max(1rem,env(safe-area-inset-left))}.service-article,.services-intro{padding:2.5rem max(1rem,env(safe-area-inset-right)) 2.5rem max(1rem,env(safe-area-inset-left))}.services-cta{padding:3rem max(1rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.services-cta .btn-contact{display:block;text-align:center;width:100%}}@media (max-width:480px){.services-hero{min-height:30vh;padding:2.5rem .75rem}.services-hero-content h1{font-size:1.75rem}.services-hero-content p{font-size:1rem}.service-article,.services-intro{padding:2rem .75rem}.service-article-text h3{font-size:1.35rem}.service-article-image img{height:220px}.service-article-image--logo .map-icon,.service-article-image--logo img{height:140px;width:140px}.services-cta{padding:2.5rem .75rem}.services-cta-inner h2{font-size:1.35rem}}.about-page{--green-bright:#3d8b40;--green-hover:#2e7d32;--golden-tan:#c4952e;--dark-grey:#2c2c2c;--dark-grey-light:#444;--white:#fff;--off-white:#f8f8f8}.about-hero{align-items:center;display:flex;justify-content:center;min-height:45vh;overflow:hidden;padding:4rem 2rem;position:relative}.about-hero-bg{background-image:url(https://upload.wikimedia.org/wikipedia/commons/6/6e/Tricycle_de_marchandise.jpg);background-position:50%;background-size:cover;inset:0;position:absolute}.about-hero-overlay{background:#2c2c2cb3;inset:0;position:absolute}.about-hero-content{color:var(--white);position:relative;text-align:center;z-index:2}.about-hero-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.05em;margin:0 0 1rem}.about-hero-content p{font-size:1.2rem;margin:0;opacity:.95}.about-story{background:var(--white);padding:5rem 2rem}.about-story-inner{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px}.about-story-text h2{color:var(--dark-grey);font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 1.5rem}.about-story-text p{color:var(--dark-grey-light);font-size:1.05rem;line-height:1.8;margin:0 0 1rem}.about-story-image{border-radius:12px;box-shadow:0 15px 50px #0000001f;overflow:hidden}.about-story-image img{display:block;height:350px;object-fit:cover;width:100%}.about-mission{background:var(--off-white);padding:5rem 2rem}.about-mission-inner{margin:0 auto;max-width:900px;text-align:center}.about-mission-inner h2{color:var(--dark-grey);font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 1.5rem}.about-mission-statement{color:var(--dark-grey-light);font-size:1.15rem;font-style:italic;line-height:1.9;margin:0 0 2.5rem}.about-mission-image{border-radius:12px;box-shadow:0 15px 50px #0000001f;margin:0 auto;max-width:700px;overflow:hidden}.about-mission-image img{display:block;height:400px;object-fit:cover;width:100%}.about-values{background:var(--white);padding:5rem 2rem}.about-values-inner{margin:0 auto;max-width:1100px}.about-values-inner h2{color:var(--dark-grey);font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 3rem;text-align:center}.about-values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.value-card{background:var(--off-white);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.value-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.value-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.value-card h3{color:var(--dark-grey);font-size:1.1rem;margin:0 0 .75rem}.value-card p{color:var(--dark-grey-light);font-size:.95rem;line-height:1.6;margin:0}.about-cta{background:var(--dark-grey);padding:5rem 2rem;text-align:center}.about-cta-inner h2{color:var(--white);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .75rem}.about-cta-inner p{color:#ffffffd9;margin:0 0 2rem}.about-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-services{background:var(--green-bright);border-radius:8px;color:var(--white);display:inline-block;font-weight:600;padding:.9rem 2rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.btn-services:hover{background:var(--green-hover);transform:translateY(-2px)}.btn-contact{background:var(--golden-tan);border-radius:8px;color:var(--white);display:inline-block;font-weight:600;padding:.9rem 2rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.btn-contact:hover{background:#a67c2a;transform:translateY(-2px)}@media (max-width:900px){.about-story-inner{grid-template-columns:1fr}.about-story-image{order:-1}.about-values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.about-hero{min-height:35vh}.about-cta,.about-hero,.about-mission,.about-story,.about-values{padding:3rem max(1rem,env(safe-area-inset-right)) 3rem max(1rem,env(safe-area-inset-left))}.about-mission-image img,.about-story-image img{height:250px}.about-values-grid{grid-template-columns:1fr}.about-cta{padding-bottom:max(3rem,env(safe-area-inset-bottom))}.about-cta-buttons{flex-direction:column}.btn-contact,.btn-services{text-align:center;width:100%}}@media (max-width:480px){.about-hero{min-height:30vh;padding:2.5rem .75rem}.about-hero-content h1{font-size:1.75rem}.about-cta,.about-mission,.about-story,.about-values{padding:2rem .75rem}.about-mission-inner h2,.about-story-text h2,.about-values-inner h2{font-size:1.35rem}.about-mission-image img,.about-story-image img{height:220px}.value-card{padding:1.5rem 1rem}.value-icon{font-size:2rem}.about-cta-inner h2{font-size:1.35rem}}.contact-page{--green-bright:#3d8b40;--green-hover:#2e7d32;--golden-tan:#c4952e;--dark-grey:#2c2c2c;--dark-grey-light:#444;--white:#fff;--off-white:#f8f8f8}.contact-hero{align-items:center;display:flex;justify-content:center;min-height:40vh;overflow:hidden;padding:4rem 2rem;position:relative}.contact-hero-bg{background-image:url(https://upload.wikimedia.org/wikipedia/commons/6/6e/Tricycle_de_marchandise.jpg);background-position:50%;background-size:cover;inset:0;position:absolute}.contact-hero-overlay{background:#2c2c2cbf;inset:0;position:absolute}.contact-hero-content{color:var(--white);position:relative;text-align:center;z-index:2}.contact-hero-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.05em;margin:0 0 1rem}.contact-hero-content p{font-size:1.2rem;margin:0;opacity:.95}.contact-main{background:var(--off-white);padding:4rem 2rem}.contact-main-inner{margin:0 auto;max-width:560px}.contact-form-section{background:var(--white);border-radius:12px;box-shadow:0 10px 40px #00000014;padding:2.5rem}.contact-form-section h2{color:var(--dark-grey);font-size:1.5rem;margin:0 0 1.5rem}.contact-form .form-group{margin-bottom:1.25rem}.contact-form label{color:var(--dark-grey);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green-bright);outline:none}.contact-form textarea{min-height:120px;resize:vertical}.btn-submit{background:var(--green-bright);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.5rem;transition:background .2s ease;width:100%}.btn-submit:hover{background:var(--green-hover)}.contact-success{background:#e8f5e9;border-radius:8px;padding:2rem;text-align:center}.contact-success p{color:var(--dark-grey);font-size:1.05rem;margin:0}@media (max-width:600px){.contact-hero{min-height:30vh;padding:3rem max(1rem,env(safe-area-inset-right)) 3rem max(1rem,env(safe-area-inset-left))}.contact-main{padding:2.5rem max(1rem,env(safe-area-inset-right)) 2.5rem max(1rem,env(safe-area-inset-left))}.contact-form-section{padding:1.5rem}}@media (max-width:480px){.contact-hero{min-height:28vh;padding:2.5rem .75rem}.contact-hero-content h1{font-size:1.75rem}.contact-hero-content p{font-size:1rem}.contact-main{padding:2rem .75rem}.contact-form-section{padding:1.25rem}.contact-form-section h2{font-size:1.25rem}.contact-form .form-group{margin-bottom:1rem}.btn-submit{min-height:48px;padding:.85rem 1.25rem}}.scroll-to-top{align-items:center;animation:scrollToTopFadeIn .3s ease;background:linear-gradient(135deg,#3d8b40,#2e7d32);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 20px #3d8b4066;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:1.5rem;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease;width:48px;z-index:999}.scroll-to-top:hover{box-shadow:0 8px 28px #3d8b4080;transform:translateY(-4px)}.scroll-to-top:active{transform:translateY(-2px)}.scroll-to-top svg{height:24px;width:24px}@keyframes scrollToTopFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.scroll-to-top{bottom:max(1.25rem,env(safe-area-inset-bottom));box-shadow:0 6px 24px #3d8b4073;height:52px;min-height:48px;min-width:48px;right:max(1.25rem,env(safe-area-inset-right));width:52px}.scroll-to-top svg{height:26px;width:26px}.scroll-to-top:hover{box-shadow:0 10px 32px #3d8b408c;transform:translateY(-4px)}}@media (max-width:480px){.scroll-to-top{bottom:max(1rem,env(safe-area-inset-bottom));height:48px;min-height:44px;min-width:44px;right:max(1rem,env(safe-area-inset-right));width:48px}.scroll-to-top svg{height:24px;width:24px}}
/*# sourceMappingURL=main.6ab0a927.css.map*/