@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@600;700&display=swap);.navbar{background-color:var(--color-white);box-shadow:var(--shadow-md);left:0;position:-webkit-sticky;position:sticky;top:0;transition:height .3s ease-in-out;width:100%;z-index:1000}.navbar--compact,.navbar--hero-mode{height:10vh;overflow:visible}.navbar__container{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;margin:0 auto;overflow:visible;width:100vw}.navbar__brand{align-self:flex-start;display:flex;gap:.75rem;position:relative;text-decoration:none;transition:var(--transition-smooth);z-index:1001}.navbar--hero-mode .navbar__brand{margin-left:1.5vh;margin-top:1.5vh}.navbar--compact .navbar__brand{align-self:center;margin-left:1vh;margin-top:0}.brand__logo{align-items:center;background-color:var(--color-white);border:5px solid var(--color-accent-green);border-radius:50%;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.1));justify-content:center;position:relative;transition:var(--transition-smooth);z-index:10}.navbar--hero-mode .brand__logo{height:17vh;width:17vh}.navbar--compact .brand__logo{background-color:initial;border:none;border-radius:0;filter:none;height:8vh;width:8vh}.brand__logo img{border-radius:50%;height:120%;object-fit:contain;transition:var(--transition-smooth);width:120%}.navbar--compact .brand__logo img{border-radius:0;height:100%;width:100%}.brand__title{color:var(--color-primary-green);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0}.navbar__nav{align-items:stretch;gap:1.5rem;list-style:none}.nav__link,.navbar__nav{display:flex;height:100%}.nav__link{align-items:center;color:var(--color-text);font-family:var(--font-heading);font-size:2vh;font-weight:600;padding:0 .5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:var(--transition-smooth)}.nav__link:hover{color:var(--color-accent-green)}.nav__link:after{background-color:var(--color-accent-green);bottom:0;content:"";height:5px;left:0;position:absolute;transition:width .3s ease;width:0}.nav__link.active:after{width:100%}.nav__logout-btn{background-color:initial;border:2px solid #e74c3c;border-radius:var(--border-radius);color:#e74c3c;cursor:pointer;font-weight:600;padding:8px 16px;transition:var(--transition-smooth)}.nav__logout-btn:hover{background-color:#e74c3c;color:var(--color-white)}.navbar__toggle{background:none;border:none;cursor:pointer;display:none;height:24px;padding:0;position:relative;width:30px;z-index:1001}.hamburger__line{background-color:var(--color-primary-green);border-radius:3px;display:block;height:3px;left:0;position:absolute;transition:var(--transition-smooth);width:100%}.hamburger__line--1{top:0}.hamburger__line--2{top:50%;transform:translateY(-50%)}.hamburger__line--3{bottom:0}.navbar__toggle--open .hamburger__line--1{transform:translateY(10.5px) rotate(45deg)}.navbar__toggle--open .hamburger__line--2{opacity:0}.navbar__toggle--open .hamburger__line--3{transform:translateY(-10.5px) rotate(-45deg)}.center-div{height:17vh;margin-right:1vh;margin-top:1vh;transition:var(--transition-smooth);width:17vh}.navbar--compact .center-div{height:8vh;margin-top:0;width:8vh}@media (max-width:992px){.navbar__toggle{display:block}.navbar__nav{align-items:center;background-color:var(--color-white);flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:-100%;position:fixed;top:0;transition:left .35s ease-in-out;width:100%}.navbar__nav--open{left:0}.nav__link{font-size:1.5rem}.center-div{display:none}.navbar--compact,.navbar--hero-mode{height:8vh}.navbar--hero-mode .brand__logo{border-width:3px;height:6vh;width:6vh}.navbar--compact .brand__logo{background-color:initial;border:none;border-radius:0;height:6vh;padding:.5vh;width:6vh}.navbar--compact .brand__logo img{border-radius:0}.navbar--compact .navbar__brand,.navbar--hero-mode .navbar__brand{align-self:center;margin-left:1vh;margin-top:0}}.nav__dropdown{align-items:center;display:flex;height:100%;position:relative}.nav__dropdown-trigger{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.5rem;padding:0 .5rem}.dropdown-arrow{display:inline-block;font-size:.75rem;transition:transform .3s ease}.dropdown-arrow--open{transform:rotate(180deg)}.nav__dropdown-menu{animation:dropdownFadeIn .2s ease;background-color:var(--color-white);border-radius:8px;box-shadow:0 8px 16px #00000026;left:0;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav__dropdown-item{border-bottom:1px solid #0000000d;color:var(--color-text);display:block;font-family:var(--font-heading);font-size:.95rem;font-weight:600;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s ease}.nav__dropdown-item:last-child{border-bottom:none}.nav__dropdown-item:hover{background-color:var(--color-accent-green);color:var(--color-white);padding-left:1.5rem}.nav__dropdown-item.active{background-color:var(--color-primary-green);color:var(--color-white)}@media (max-width:992px){.nav__dropdown{flex-direction:column;height:auto;width:100%}.nav__dropdown-trigger{font-size:1.5rem;justify-content:center;padding:.5rem 0;width:100%}.nav__dropdown-menu{background-color:#f0f0f0;border-radius:0;box-shadow:none;margin-top:.5rem;position:static;width:100%}.nav__dropdown-item{font-size:1.25rem;padding:1rem;text-align:center}.nav__dropdown-item:hover{padding-left:1.25rem}}.footer{background-color:var(--color-background-light);border-top:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:.95rem;padding-top:4rem}.footer__container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1200px;padding-bottom:3rem;width:90%}.footer__col-title{color:var(--color-primary-green);font-family:var(--font-heading);font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.footer__brand-tagline{color:var(--color-text);line-height:1.7;margin-bottom:1.5rem}.footer__nav-list{list-style:none;margin:0;padding:0}.footer__nav-item{margin-bottom:.75rem}.footer__nav-link{color:var(--color-text);text-decoration:none;transition:var(--transition-smooth)}.footer__nav-link:hover{color:var(--color-accent-green);padding-left:5px}.footer__social-list{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.footer__social-link{color:var(--color-text);font-size:1.5rem;text-decoration:none;transition:var(--transition-smooth)}.footer__social-link:hover{color:var(--color-accent-green);transform:scale(1.1)}.footer__bottom-bar{background-color:var(--color-primary-green);color:var(--color-text-light);padding:1.25rem 0;text-align:center}.bottom-bar__container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;width:90%}.bottom-bar__copyright,.bottom-bar__credit{font-size:.9rem;margin:0}@media (max-width:768px){.bottom-bar__container{flex-direction:column;justify-content:center}}:root{--color-background-light:#f9f9f9}body,html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}.not-found-container{align-items:center;background-color:#f9f9f9;background-color:var(--color-background-light);color:#333;color:var(--color-text-dark);display:flex;justify-content:center;min-height:100vh;padding:2rem;text-align:center;width:100%}.not-found-content{align-items:center;display:flex;flex-direction:column;max-width:600px}.not-found-code{color:#0a6847;color:var(--color-primary-green);font-size:8rem;font-weight:900;line-height:1;text-shadow:3px 3px 0 #77b0aa4d}.not-found-title{color:#333;color:var(--color-text-dark);font-size:1.75rem;font-weight:700;margin:1rem 0}.not-found-message{color:#555;font-size:1rem;line-height:1.6;margin-bottom:2rem}.not-found-home-link{background-color:#0a6847;background-color:var(--color-primary-green);border:none;border-radius:8px;color:#fff;color:var(--color-text-light);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.8rem 1.75rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.not-found-home-link:focus-visible,.not-found-home-link:hover{background-color:#085a3c;box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.not-found-home-link:focus-visible{outline:3px solid #77b0aa;outline:3px solid var(--color-accent-green);outline-offset:3px}@media (min-width:768px){.not-found-code{font-size:12rem}.not-found-title{font-size:2.5rem}.not-found-message{font-size:1.15rem}}.auth-page{padding:2.5rem 1.5rem}.form-card{max-width:400px}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form__input{border-radius:var(--border-radius)}.auth-page{align-items:center;background:linear-gradient(135deg,var(--color-background),var(--color-background-light));display:flex;justify-content:center;min-height:100vh;padding:3rem 1.5rem}.form-card{max-width:700px}.form-card__title{font-size:2.2rem}.form-card__subtitle{color:var(--color-text);font-family:var(--font-body)}.auth-form--signup{grid-gap:1.25rem 1.5rem;display:grid;gap:1.25rem 1.5rem;grid-template-columns:1fr 1fr}.form__group{position:relative}.form__label{font-family:var(--font-body)}.form__input,.form__select{border-radius:var(--border-radius)}.password-toggle-btn{background:none;border:none;color:var(--color-accent-green);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:600;position:absolute;right:12px;top:40px;transition:var(--transition-smooth)}.password-toggle-btn:hover{color:var(--color-primary-green)}.form__input--password{padding-right:60px}.btn:disabled{background-color:var(--color-border);opacity:.6}.form-card__footer{color:var(--color-text);font-family:var(--font-body);font-size:.95rem;grid-column:1/-1;margin-top:1.5rem;text-align:center}.form-card__footer a{color:var(--color-primary-green);font-weight:600;text-decoration:none;transition:var(--transition-smooth)}.form-card__footer a:hover{color:var(--color-accent-green);text-decoration:underline}.form__message{border-radius:var(--border-radius);font-family:var(--font-body);margin-top:1rem}.form__message--success{background-color:var(--color-highlight-bg)}@media (max-width:600px){.auth-form--signup{grid-template-columns:1fr}}.vendor-dashboard{align-items:center;display:flex;flex-direction:column;height:90vh;margin:auto;max-width:900px;padding:10vh}.vendor-title{font-size:3rem;margin-bottom:10px}.vendor-subtitle{color:var(--color-text);font-size:1.5rem;margin-bottom:20px}.vendor-alert{align-items:center;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px}.vendor-alert-success{background-color:#d4f8d4;color:#0a6b0a}.vendor-alert-error{background-color:#ffd4d4;color:#a10000}.vendor-alert-close{background:none;border:none;cursor:pointer;font-size:20px}.vendor-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.vendor-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:18px}.vendor-card-header{display:flex;justify-content:space-between;margin-bottom:10px}.vendor-card-header span{border-radius:6px;font-size:14px;font-weight:700;padding:4px 10px}.status-vendor-assigned{background:#e8f1ff;color:#2459d1}.status-collected{background:#e8ffe8;color:#137c13}.status-rejected{background:#ffeaea;color:#d12727}.vendor-card-body p{font-size:14px;margin:6px 0}.vendor-card-actions{display:flex;margin-top:15px}.vendor-btn-collect{background:#0a6847;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 14px}.vendor-btn-collect:hover{background:#09593d}.vendor-collected-label{color:#444;font-size:14px}.franchisee-dashboard-page{background:linear-gradient(135deg,var(--color-background),#eef2f5);display:flex;justify-content:center;min-height:100vh;padding:3rem 1.5rem}.franchisee-dashboard-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-md);max-width:1000px;padding:2.5rem;width:100%}.dashboard-title{color:var(--color-primary-green);font-family:var(--font-heading);font-size:2rem;margin-bottom:2rem;text-align:center}.dashboard-nav{display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.nav-btn{background:#f4f6f7;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;flex:1 1;font-family:var(--font-heading);font-weight:600;padding:12px 20px;transition:var(--transition-smooth)}.nav-btn:hover{background:var(--color-accent-green);color:var(--color-white)}.nav-btn.active{background:var(--color-primary-green);border-color:var(--color-primary-green);color:var(--color-white)}.dashboard-content{background:#fafbfc;border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);margin-top:1rem;padding:1.5rem}.request-management-page{background:linear-gradient(135deg,#f5f7fa,#e8eef3);min-height:100vh;padding-bottom:4rem}.management-hero{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-accent-green) 100%);box-shadow:0 4px 20px #0a684733;color:#fff;overflow:hidden;padding:4rem 2rem 3rem;position:relative;text-align:center}.management-hero:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-20%;top:-50%;width:500px}.management-hero:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:400px;left:-10%;position:absolute;width:400px}.hero-content-management{margin:0 auto;max-width:800px;position:relative;z-index:1}.management-title{font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem;text-shadow:0 2px 10px #0000001a}.management-subtitle{font-size:1.2rem;font-weight:400;opacity:.95}.management-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:-2rem auto 3rem;max-width:1400px;padding:0 2rem;position:relative;z-index:2}.stat-card-management{align-items:center;background:#fff;border:1px solid #0a68471a;border-radius:16px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.25rem;overflow:hidden;padding:1.75rem;position:relative}.stat-card-management,.stat-card-management:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card-management:before{background:linear-gradient(180deg,#0a6847,#77b0aa);background:linear-gradient(180deg,var(--color-primary-green),var(--color-accent-green));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);width:4px}.stat-card-management:hover{box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card-management:hover:before{transform:scaleY(1)}.stat-icon-management{align-items:center;background:linear-gradient(135deg,#0a68471a,#77b0aa1a);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-info-management{display:flex;flex-direction:column}.stat-number-management{color:#0a6847;color:var(--color-primary-green);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.stat-label-management{color:#34495e;color:var(--color-text);font-size:.9rem;font-weight:600;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.alert-message{align-items:center;animation:slideDown .3s ease;border-radius:12px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);display:flex;font-weight:600;gap:1rem;margin:0 2rem 2rem;max-width:1400px;padding:1rem 1.5rem;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:linear-gradient(135deg,#d5f4e6,#c8f7dc);border:1px solid #7dcea0;color:#1e8449}.alert-error{background:linear-gradient(135deg,#fadbd8,#f5cba7);border:1px solid #ec7063;color:#c0392b}.alert-close,.alert-icon{font-size:1.5rem}.alert-close{align-items:center;background:#0000;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:30px;justify-content:center;margin-left:auto;opacity:.7;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:30px}.alert-close:hover{background:#0000001a;opacity:1}.controls-section{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto 2rem;max-width:1400px;padding:0 2rem}.search-container{max-width:500px;position:relative}.search-icon{color:#34495e;color:var(--color-text);font-size:1.2rem;left:1rem;opacity:.5}.search-input{background:#fff;border:2px solid #dbe2e9;border:2px solid var(--color-border);border-radius:50px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);font-family:Lato,sans-serif;font-family:var(--font-body);padding:.875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input:focus{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 0 0 4px #77b0aa1a;outline:none}.clear-search{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#34495e;color:var(--color-text);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px}.clear-search:hover{background:#0003}.filter-tabs-management{display:flex;flex-wrap:wrap;gap:1rem}.filter-tab-management{align-items:center;background:#fff;border:2px solid #dbe2e9;border:2px solid var(--color-border);border-radius:50px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#34495e;color:var(--color-text);cursor:pointer;display:flex;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-tab-management:hover{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.filter-tab-management.active{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));border-color:#0000;box-shadow:0 4px 15px #0a68474d;color:#fff}.tab-badge{background:#ffffff4d;border-radius:20px;font-size:.85rem;font-weight:700;padding:.15rem .5rem}.filter-tab-management.active .tab-badge{background:#ffffff40}.requests-content{margin:0 auto;max-width:1400px;padding:0 2rem}.loading-state-management{color:#34495e;color:var(--color-text);padding:4rem 2rem;text-align:center}.spinner-management{animation:spin 1s linear infinite;border:4px solid #0a68471a;border-radius:50%;border-top:4px solid var(--color-primary-green);height:50px;margin:0 auto 1.5rem;width:50px}.empty-state-management{background:#f8f9fa;background:var(--color-background);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.empty-icon-management{font-size:5rem;margin-bottom:1.5rem;opacity:.7}.empty-state-management h3{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.75rem}.empty-state-management p{color:#34495e;color:var(--color-text);font-size:1.05rem;opacity:.7}.requests-grid-management{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.request-card-management{background:#fff;border:1px solid #0a684714;border-radius:20px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;padding:1.75rem;position:relative}.request-card-management,.request-card-management:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.request-card-management:before{background:linear-gradient(90deg,#0a6847,#77b0aa);background:linear-gradient(90deg,var(--color-primary-green),var(--color-accent-green));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left}.request-card-management:hover{border-color:#0a684733;box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.request-card-management:hover:before{transform:scaleX(1)}.card-header-management{align-items:center;display:flex;gap:1rem;justify-content:space-between}.user-info-section{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.user-avatar{align-items:center;background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));border-radius:50%;box-shadow:0 4px 12px #0a68474d;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:50px;justify-content:center;text-transform:uppercase;width:50px}.user-details{flex:1 1;min-width:0}.user-name{font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.user-email,.user-name{color:#34495e;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.85rem;margin:0;opacity:.6}.status-badge-management{align-items:center;border-radius:50px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;gap:.4rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.status-icon-badge{font-size:1rem}.waste-info-section{align-items:center;background:linear-gradient(135deg,#0a68470a,#77b0aa0a);border:1px solid #0a684714;border-radius:12px;display:flex;justify-content:space-between;padding:1rem}.waste-type-info{align-items:center;gap:.875rem}.waste-icon-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.waste-type-name{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin:0 0 .25rem}.item-name-management{color:#34495e;color:var(--color-text);font-size:.9rem;margin:0;opacity:.7}.heavy-badge{background:linear-gradient(135deg,#e67e22,#f39c12);border-radius:20px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .75rem;white-space:nowrap}.description-section{background:#0a684708;border-left:3px solid #77b0aa;border-left:3px solid var(--color-accent-green);border-radius:10px;padding:1rem}.description-section p{color:#34495e;color:var(--color-text);font-size:.95rem;line-height:1.6;margin:0}.details-grid-management{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.detail-box{align-items:center;background:linear-gradient(135deg,#0a684708,#77b0aa08);border:1px solid #0a684714;border-radius:10px;display:flex;gap:.75rem;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.detail-box.full-width{grid-column:1/-1}.detail-box:hover{background:linear-gradient(135deg,#0a68470f,#77b0aa0f);border-color:#0a684726}.detail-icon-box{flex-shrink:0;font-size:1.5rem;text-align:center;width:36px}.detail-box>div{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.detail-label-box{font-size:.75rem;letter-spacing:.5px;opacity:.6;text-transform:uppercase}.detail-label-box,.detail-value-box{color:#34495e;color:var(--color-text);font-weight:600}.detail-value-box{font-size:.95rem}.detail-value-box.amount{color:#0a6847;color:var(--color-primary-green);font-size:1.1rem;font-weight:700}.vendor-assigned-info{align-items:center;background:linear-gradient(135deg,#3498db14,#3498db0d);border:1px solid #3498db33;border-radius:10px;color:#34495e;color:var(--color-text);display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:.875rem}.vendor-icon-info{font-size:1.3rem}.actions-section{border-top:1px solid #0a68471a;display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.btn-action-modern{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex:1 1;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.3px;min-width:120px;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-action-modern:disabled{cursor:not-allowed;opacity:.6}.btn-action-modern.approve{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-action-modern.approve:hover:not(:disabled){box-shadow:0 6px 16px #27ae6066;transform:translateY(-2px)}.btn-action-modern.reject{background:linear-gradient(135deg,#e74c3c,#ec7063);color:#fff}.btn-action-modern.reject:hover:not(:disabled){box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.btn-action-modern.vendor{background:linear-gradient(135deg,#3498db,#5dade2);color:#fff;flex:1 0 100%}.btn-action-modern.vendor:hover:not(:disabled){box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.btn-action-modern span:first-child{font-size:1.1rem}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.status-display{align-items:center;background:#0a68470d;border-radius:10px;color:#34495e;color:var(--color-text);display:flex;flex:1 1;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem}.status-icon-display{font-size:1.3rem}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:2rem}.modal-content{animation:slideUp .3s ease;border-radius:20px;box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow-lg);width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #dbe2e9;border-bottom:1px solid var(--color-border);padding:1.75rem}.modal-header h3{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;margin:0}.modal-close{align-items:center;background:#0000;border-radius:50%;color:#34495e;color:var(--color-text);display:flex;font-size:2rem;height:36px;justify-content:center;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.modal-close:hover{background:#0000000d;opacity:1}.modal-body{padding:1.75rem}.modal-description{color:#34495e;color:var(--color-text);line-height:1.6;margin-bottom:1.5rem}.form-group-modal{display:flex;flex-direction:column;gap:.5rem}.form-group-modal label{color:#34495e;color:var(--color-text);font-size:.9rem;font-weight:700}.modal-input{border:2px solid #dbe2e9;border:2px solid var(--color-border);border-radius:10px;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:1rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-input:focus{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 0 0 4px #77b0aa1a;outline:none}.modal-footer{border-top:1px solid #dbe2e9;border-top:1px solid var(--color-border);display:flex;gap:1rem;padding:1.5rem 1.75rem}.btn-modal-cancel,.btn-modal-confirm{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-modal-cancel{background:#ecf0f1;color:#34495e;color:var(--color-text)}.btn-modal-cancel:hover{background:#d5dbdb;transform:translateY(-2px)}.btn-modal-confirm{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));box-shadow:0 4px 12px #0a68474d;color:#fff}.btn-modal-confirm:hover:not(:disabled){box-shadow:0 6px 16px #0a684766;transform:translateY(-2px)}.btn-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.waste-types-section{padding:1rem}.section-title{font-size:1.8rem;margin-bottom:4px}.section-subtitle{font-size:.95rem;margin-bottom:1.4rem}.waste-types-list{background:#f8faf9;border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:12px;padding:1rem}.waste-type-item{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:12px 14px;transition:var(--transition-smooth)}.waste-type-item:hover{background:#eef7f5;transform:translateY(-1px)}.waste-type-item.selected{background:#0a684714;border-color:var(--color-primary-green)}.waste-type-info{display:flex;flex:1 1;flex-direction:column}.waste-type-name{color:var(--color-text);font-size:1rem;font-weight:600}.waste-type-desc{color:#667;font-size:.85rem}.waste-type-price{color:var(--color-primary-green);font-size:.95rem;font-weight:700}.save-btn{margin-top:1.4rem;width:100%}.add-type-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.2rem}.add-type-card h3{color:var(--color-primary-green);font-size:1.2rem;margin-bottom:1rem}.add-type-form{display:flex;flex-direction:column;gap:12px}.selection-title{color:var(--color-primary-green);font-size:1.4rem;margin-bottom:.5rem;margin-top:1.5rem}.settlements-container{animation:fadeIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin:0 auto;max-width:700px;padding:24px}.settlements-container h3{color:#0a6847;font-size:1.6rem;font-weight:700;margin-bottom:20px}.settlement-form{display:flex;flex-direction:column;gap:16px}.settlement-form label{color:#333;font-weight:600;margin-bottom:4px}.settlement-form input,.settlement-form select,.settlement-form textarea{background:#fafafa;border:1px solid #dcdcdc;border-radius:10px;font-size:1rem;padding:12px 14px;transition:all .2s ease;width:100%}.settlement-form input:focus,.settlement-form select:focus,.settlement-form textarea:focus{border-color:#0a6847;box-shadow:0 0 0 2px #0a68472e;outline:none}.settlement-form textarea{min-height:90px;resize:vertical}.settlement-form .btn{background:#0a6847;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:6px;padding:12px 16px;transition:.25s ease}.settlement-form .btn:hover{background:#094e36;transform:translateY(-1px)}.settlement-form .btn:active{transform:scale(.98)}.vendor-events-container{animation:fadeIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin:0 auto;max-width:700px;padding:24px}.vendor-events-container h2{color:#0a6847;margin-bottom:20px}.vendor-event-form{display:flex;flex-direction:column;gap:16px}.vendor-event-form input,.vendor-event-form textarea{background:#fafafa;border:1px solid #dcdcdc;border-radius:10px;padding:12px}.vendor-event-form input:focus,.vendor-event-form textarea:focus{border-color:#0a6847;box-shadow:0 0 0 2px #0a68472e;outline:none}:root{--color-light-green:#d4e8e4;--color-shadow:#0a68471a}.cfdash-container{background-color:#f8f9fa;background-color:var(--color-background);font-family:Lato,sans-serif;font-family:var(--font-body);min-height:100vh;padding:3rem 1.5rem}.cfdash-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.cfdash-title{color:#0a6847;color:var(--color-primary-green);font-size:2.4rem;font-weight:700;margin-bottom:.5rem}.cfdash-subtitle,.cfdash-title{font-family:Poppins,sans-serif;font-family:var(--font-heading)}.cfdash-subtitle{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.cfdash-description,.cfdash-subtitle{color:#34495e;color:var(--color-text)}.cfdash-description{font-size:1rem;line-height:1.6;opacity:.8}.cfdash-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.cfdash-form-section{background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);gap:2rem;padding:2.5rem}.cfdash-form-section,.form-group{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-label{align-items:center;color:#0a6847;color:var(--color-primary-green);display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;text-transform:uppercase}.current-value{color:#77b0aa;color:var(--color-accent-green);font-size:1rem;font-weight:700;letter-spacing:normal;text-transform:none}.form-select,.form-slider{background-color:#fff;background-color:var(--color-white);border:2px solid #dbe2e9;border:2px solid var(--color-border);border-radius:8px;color:#34495e;color:var(--color-text);font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.95rem;padding:.9rem;transition:all .3s ease-in-out;transition:var(--transition-smooth)}.form-select:focus,.form-slider:focus{border-color:#0a6847;border-color:var(--color-primary-green);box-shadow:0 0 0 3px #0a68471a;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a6847' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.2em;cursor:pointer;padding-right:2.5rem}.form-slider{background:linear-gradient(90deg,#77b0aa 0,#77b0aa 50%,#dbe2e9 0,#dbe2e9);background:linear-gradient(to right,var(--color-accent-green) 0,var(--color-accent-green) var(--value,50%),var(--color-border) var(--value,50%),var(--color-border) 100%);border:none;border-radius:4px;cursor:pointer;height:8px;padding:.5rem}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0a6847;background:var(--color-primary-green);border-radius:50%;box-shadow:0 2px 8px #0a68474d;cursor:pointer;height:20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition:var(--transition-smooth);transition:var(--transition-smooth);width:20px}.form-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0a684780;transform:scale(1.2)}.form-slider::-moz-range-thumb{background:#0a6847;background:var(--color-primary-green);border:none;border-radius:50%;box-shadow:0 2px 8px #0a68474d;cursor:pointer;height:20px;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-transition:var(--transition-smooth);transition:var(--transition-smooth);width:20px}.form-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #0a684780;transform:scale(1.2)}.slider-labels{color:#34495e;color:var(--color-text);display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem;opacity:.6}.waste-info{background:#d4edda80;border-left:4px solid #77b0aa;border-left:4px solid var(--color-accent-green);border-radius:8px;margin-top:.5rem;padding:1.2rem}.waste-info h3{color:#0a6847;color:var(--color-primary-green);font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-bottom:.8rem;text-transform:uppercase}.info-row{align-items:center;border-bottom:1px solid #77b0aa33;color:#34495e;color:var(--color-text);display:flex;font-size:.9rem;justify-content:space-between;padding:.6rem 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#0a6847;color:var(--color-primary-green);font-weight:600}.info-row.compostable,.info-row.hazardous,.info-row.recyclable{background:#0000;border-bottom:none;border-left:4px solid;border-radius:6px;margin-top:.5rem;padding:.8rem .8rem .8rem 1rem}.info-row.recyclable{background:#d4edda;border-left-color:#28a745;color:#155724}.info-row.compostable{background:#d1e7dd;border-left-color:#0f5132;color:#0f5132}.info-row.hazardous{background:#f8d7da;border-left-color:#f5c6cb;color:#842029}.cfdash-results-section{display:flex;flex-direction:column;gap:1.5rem}.result-card{align-items:center;background:#fff;background:var(--color-white);border-left:4px solid #77b0aa;border-left:4px solid var(--color-accent-green);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease-in-out;transition:var(--transition-smooth)}.result-card.primary{background:linear-gradient(135deg,#0a68470d,#77b0aa0d);border-left-color:#0a6847;border-left-color:var(--color-primary-green)}.result-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-2px)}.result-icon{font-size:2.5rem;min-width:60px;text-align:center}.result-content{display:flex;flex-direction:column;gap:.25rem}.result-value{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.8rem;font-weight:700}.result-label{color:#34495e;color:var(--color-text);font-size:.9rem;opacity:.8}.result-savings{background:#27ae601a;border-radius:4px;color:#27ae60;display:inline-block;font-size:.85rem;font-weight:600;margin-top:.4rem;padding:.3rem .6rem}.result-placeholder{background:#fff;background:var(--color-white);border:2px dashed #dbe2e9;border:2px dashed var(--color-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-sm);color:#34495e;color:var(--color-text);opacity:.6;padding:3rem 2rem;text-align:center}@media (max-width:968px){.cfdash-content{gap:2rem;grid-template-columns:1fr}.cfdash-title{font-size:2rem}.cfdash-subtitle{font-size:1.4rem}.cfdash-form-section{padding:2rem}.result-card{padding:1.5rem}.result-value{font-size:1.5rem}}@media (max-width:640px){.cfdash-container{padding:1.5rem}.cfdash-header{margin-bottom:2rem}.cfdash-title{font-size:1.6rem}.cfdash-subtitle{font-size:1.1rem}.cfdash-form-section{gap:1.5rem;padding:1.5rem}.result-card{flex-direction:column;gap:1rem;text-align:center}.result-icon{font-size:2rem;min-width:auto}.result-value{font-size:1.4rem}}.home-page{overflow-x:hidden;width:100%}.home__hero{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:flex-start;min-height:90vh;padding-left:20vh;padding-right:2vh;position:relative;width:100%}.home__hero-content{color:#fff;color:var(--color-white);max-width:600px;text-align:left;z-index:2}.home__hero-title{color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.home__hero-subtitle{color:#fff;color:var(--color-white);font-family:Lato,sans-serif;font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:2rem}.home__hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.btn--primary:hover,.btn--secondary:hover{box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.services-section{align-items:center;background-color:#fff;background-color:var(--color-white,#fff);min-height:90vh;padding:5rem 1.5rem;width:100%}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#0a6847;color:var(--color-primary-green,#0a6847);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Poppins",sans-serif);font-size:2.5rem;margin:0 0 .75rem}.section-header p{color:#555;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.flip-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1400px;padding:0 1rem}.flip-card{background-color:initial;height:280px;perspective:1000px}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem 1.5rem;position:absolute;width:100%}.flip-card-front{background:linear-gradient(135deg,#f8fafb,#fff);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e5e7eb)}.flip-card-front .card-icon{color:#0a6847;color:var(--color-primary-green,#10b981);font-size:3rem;line-height:1;margin-bottom:1rem}.flip-card-front .card-title{color:#34495e;color:var(--color-text,#1f2937);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Inter",sans-serif);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.card-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.flip-hint{color:#0a6847;color:var(--color-primary-green,#10b981);font-size:.8rem;font-weight:500;margin-top:auto;opacity:.7}.flip-card-back{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green,#10b981) 0,var(--color-accent-green,#059669) 100%);border:2px solid #0a6847;border:2px solid var(--color-primary-green,#10b981);color:#fff;transform:rotateY(180deg)}.card-back-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1.25rem}.card-details-list{list-style:none;margin:0;padding:0;text-align:left;width:100%}.card-details-list li{border-bottom:1px solid #fff3;font-size:.9rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.card-details-list li:last-child{border-bottom:none}.card-details-list li:before{color:#fff;content:"✓";font-weight:700;left:0;position:absolute}.card-back-icon{font-size:2rem;margin-top:auto;opacity:.3}@media (max-width:1400px){.flip-cards-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.flip-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.flip-cards-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.flip-card{height:260px}}@media (max-width:600px){.flip-cards-grid{gap:1rem;grid-template-columns:1fr}.flip-card{height:240px}.services-section{padding:3rem 1rem}.flip-card-front .card-title{font-size:1.1rem}.card-description{font-size:.9rem}}.training-features-section{background-color:#f7fafc;background-color:var(--color-background-light);padding:4rem 1rem;width:100%}.training-content-wrapper{margin:0 auto;max-width:1200px;width:100%}.training-header{margin-bottom:3rem;text-align:center}.training-header-title{color:#0a6847;color:var(--color-primary-green);font-size:2.25rem;font-weight:800;margin:0 0 .75rem}.training-header-subtitle{color:#555;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.training-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.training-card{background-color:#fff;background-color:var(--color-text-light);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 4px 15px #0000000d;box-shadow:0 4px 15px var(--color-shadow);padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.training-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-5px)}.training-card-icon{font-size:3rem;line-height:1;margin-bottom:1.25rem}.training-card-title{color:#333;color:var(--color-text-dark);font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.training-card-text{color:#666;font-size:.95rem;line-height:1.6}.home__footer{background-color:#eef2f5;border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border);color:#6c757d;padding:2rem 1.5rem;text-align:center}@media (max-width:768px){.home__hero{min-height:70vh;padding-left:1.5rem;padding-right:1.5rem}.home__hero-content{max-width:100%}.home__hero-actions{flex-direction:column;width:100%}.home__hero-actions .btn{text-align:center;width:100%}}@media (min-width:768px){.training-features-section{padding:5rem 2rem}.training-header-title{font-size:2.75rem}.training-header-subtitle{font-size:1.15rem}.training-grid{gap:2rem;grid-template-columns:1fr 1fr}}@media (min-width:1024px){.training-grid{grid-template-columns:repeat(4,1fr)}.training-card{text-align:left}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.profile-page{background-color:#f8f9fa;background-color:var(--color-background);min-height:100vh}.profile-loading{align-items:center;color:#0a6847;color:var(--color-primary-green);display:flex;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;justify-content:center;min-height:100vh}.profile__header{background-color:#0a6847;background-color:var(--color-primary-green);border-radius:0 0 32px 32px;color:#fff;color:var(--color-white);margin-bottom:-60px;padding:4rem 1.5rem;position:relative;text-align:center;z-index:1}.profile__header-title{font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.profile__header-subtitle{font-size:1.1rem;margin:0 auto;max-width:540px;opacity:.9}.profile__card{align-items:flex-start;background-color:#fff;background-color:var(--color-white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:2.5rem;margin:0 auto;max-width:900px;padding:2.5rem;position:relative;width:90%;z-index:2}.profile-card__avatar-section{flex:0 0 200px;text-align:center}.profile-avatar__image{border:4px solid #fff;border:4px solid var(--color-white);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:128px;margin-bottom:1rem;object-fit:cover;width:128px}.profile-avatar__name{word-wrap:break-word;color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.25rem}.profile-avatar__location{font-weight:700}.profile-avatar__location,.profile-avatar__points{color:#77b0aa;color:var(--color-accent-green);margin-bottom:.5rem}.profile-avatar__points{font-weight:500}.profile-level{align-items:center;gap:.5rem}.profile-level__badge{font-size:1.5rem}.profile-level__text{font-weight:600}.profile-privilege{font-size:.9rem;opacity:.8}.profile-avatar__email{word-wrap:break-word;color:#777;font-size:.9rem}.profile-card__details-section{flex:1 1 500px;width:100%}.profile-display__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.profile-display__item strong{color:#888;display:block;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:700;margin-bottom:.25rem}.profile-form__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form__input,.form__select{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:1rem;padding:12px 14px;transition:all .3s ease-in-out;transition:var(--transition-smooth);width:100%}.form__input:focus,.form__select:focus{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 0 0 3px #77b0aa33;outline:none}.form__group--full-width{grid-column:1/-1}.profile-actions{display:flex;flex-direction:column;gap:.75rem;grid-column:1/-1;margin-top:1.5rem}.btn{display:inline-block;padding:14px 32px;text-decoration:none}.btn--danger-outline{border-color:#e74c3c;border-color:var(--color-danger);color:var(--color-danger)}.btn--danger-outline:hover{background-color:var(--color-danger)}@media (max-width:768px){.profile__card{align-items:center;flex-direction:column;padding:2rem 1.5rem}.profile-card__avatar-section{flex-basis:auto;width:100%}.profile-display__grid,.profile-form__grid{grid-template-columns:1fr}}.aspirely-myreports-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:2rem 2.5rem;width:100%}.aspirely-myreports-title{border-bottom:1px solid #e0e0e0;color:var(--color-primary-green);font-size:2.25rem;font-weight:600;margin-bottom:2rem;padding-bottom:.75rem}.aspirely-reports-helper-text{background-color:#fcfcfc;border:1px dashed #ddd;border-radius:12px;color:#666;font-size:1.1rem;margin-top:1rem;padding:3rem 1rem;text-align:center}.aspirely-reports-error{background-color:#fdf7f7;border-color:#f5c6cb;color:#d9534f}.aspirely-reports-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.aspirely-report-card{background:#fff;border:1px solid #e7e7e7;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease-in-out}.aspirely-report-card:hover{box-shadow:0 10px 24px #00000014;transform:translateY(-6px)}.aspirely-report-card-img{border-bottom:1px solid #eee;height:200px;object-fit:cover;width:100%}.aspirely-report-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.aspirely-report-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.aspirely-report-card-date{color:#757575;flex-shrink:0;font-size:.85rem;margin-left:.5rem}.aspirely-report-card-remarks{color:#333;flex-grow:1;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.aspirely-report-card-footer{display:flex;gap:.75rem;justify-content:flex-end}.aspirely-report-status{border-radius:16px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .75rem;text-transform:capitalize}.aspirely-report-status-pending{background-color:#fff8e1;color:#f59e0b}.aspirely-report-status-allotted{background-color:#e0f7fa;color:#00838f}.aspirely-report-status-resolved{background-color:#e6f6f1;color:var(--color-primary-green)}.aspirely-report-status-default{background-color:#f0f0f0;color:#555}.aspirely-btn-primary,.aspirely-btn-secondary{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;text-align:center;text-decoration:none;transition:all .2s ease-in-out}.aspirely-btn-primary{background-color:var(--color-accent-green);border-color:var(--color-accent-green);color:#fff}.aspirely-btn-primary:hover{background-color:#6aaa9e;border-color:#6aaa9e;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.aspirely-btn-secondary{background-color:#fff;border:1px solid var(--color-accent-green);color:var(--color-accent-green)}.aspirely-btn-secondary:hover{background-color:#f0fbf9;border-color:var(--color-primary-green);color:var(--color-primary-green)}.aspirely-btn-primary:focus-visible,.aspirely-btn-secondary:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}:root{--color-approved:#27ae60;--color-vendor-assigned:#3498db;--color-collected:#9b59b6;--color-verified:#16a085;--color-paid:#2ecc71;--color-rejected:#e74c3c;--shadow-sm:0 2px 8px #00000014;--shadow-lg:0 12px 30px #00000026;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.my-requests-page{background:linear-gradient(135deg,#f5f7fa,#e8eef3);min-height:100vh;padding-bottom:4rem}.requests-hero{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-accent-green) 100%);box-shadow:0 4px 20px #0a684733;color:#fff;overflow:hidden;padding:4rem 2rem 3rem;position:relative;text-align:center}.requests-hero:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:500px;right:-20%;top:-50%;width:500px}.requests-hero:after,.requests-hero:before{border-radius:50%;content:"";position:absolute}.requests-hero:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-30%;height:400px;left:-10%;width:400px}.hero-content-requests{margin:0 auto;max-width:800px;position:relative;z-index:1}.requests-main-title{font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem;text-shadow:0 2px 10px #0000001a}.requests-subtitle{font-size:1.2rem;font-weight:400;opacity:.95}.stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:-2rem auto 3rem;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.stat-card{align-items:center;border:1px solid #0a68471a;border-radius:16px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.25rem;overflow:hidden;padding:1.75rem;position:relative}.stat-card,.stat-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:before{background:linear-gradient(180deg,#0a6847,#77b0aa);background:linear-gradient(180deg,var(--color-primary-green),var(--color-accent-green));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);width:4px}.stat-card:hover{box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card:hover:before{transform:scaleY(1)}.stat-icon{align-items:center;background:linear-gradient(135deg,#0a68471a,#77b0aa1a);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-info{display:flex;flex-direction:column}.stat-number{color:#0a6847;color:var(--color-primary-green);font-size:2rem;line-height:1}.stat-label{color:#34495e;color:var(--color-text);font-weight:600;opacity:.7}.filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;margin:0 auto 2rem;max-width:1200px;padding:0 2rem}.filter-tab{align-items:center;background:#fff;border:2px solid #dbe2e9;border:2px solid var(--color-border);border-radius:50px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#34495e;color:var(--color-text);cursor:pointer;display:flex;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-tab:hover{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));border-color:#0000;box-shadow:0 4px 15px #0a68474d;color:#fff}.tab-count{background:#ffffff4d;border-radius:20px;font-size:.85rem;font-weight:700;padding:.15rem .5rem}.filter-tab.active .tab-count{background:#ffffff40}.requests-container{margin:0 auto;max-width:1200px;padding:0 2rem}.loading-state{padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0a68471a;border-radius:50%;border-top:4px solid var(--color-primary-green);height:50px;margin:0 auto 1.5rem;width:50px}.empty-state-card{background:#fff;border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.7}.empty-state-card h3{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.75rem}.empty-state-card p{color:#34495e;color:var(--color-text);font-size:1.05rem;margin-bottom:2rem;opacity:.7}.btn-primary{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));border-radius:50px;box-shadow:0 4px 15px #0a68474d;color:#fff;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:1rem;letter-spacing:.5px;padding:.875rem 2rem;transition:var(--transition)}.btn-primary:hover{box-shadow:0 6px 20px #0a684766}.requests-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.request-card{background:#fff;border:1px solid #0a684714;border-radius:20px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:1.75rem;position:relative}.request-card,.request-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.request-card:before{background:linear-gradient(90deg,#0a6847,#77b0aa);background:linear-gradient(90deg,var(--color-primary-green),var(--color-accent-green));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left}.request-card:hover{border-color:#0a684733;box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.request-card:hover:before{transform:scaleX(1)}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.waste-type-header{align-items:center;display:flex;flex:1 1;gap:1rem}.waste-icon-large{align-items:center;background:linear-gradient(135deg,#0a684714,#77b0aa14);border-radius:14px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.waste-type-title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin:0 0 .25rem}.item-name{color:#34495e;color:var(--color-text);font-size:.9rem;margin:0;opacity:.7}.status-badge-modern{align-items:center;border-radius:50px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;gap:.4rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.status-icon{font-size:1rem}.status-pending{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.status-approved{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.status-vendor-assigned{background:linear-gradient(135deg,#3498db,#5dade2);color:#fff}.status-collected{background:linear-gradient(135deg,#9b59b6,#af7ac5);color:#fff}.status-verified{background:linear-gradient(135deg,#16a085,#1abc9c);color:#fff}.status-paid{background:linear-gradient(135deg,#27ae60,#58d68d);color:#fff}.status-rejected{background:linear-gradient(135deg,#e74c3c,#ec7063);color:#fff}.card-description{background:#0a684708;border-left:3px solid #77b0aa;border-left:3px solid var(--color-accent-green);border-radius:10px;margin-bottom:1.25rem;padding:1rem}.card-description p{color:#34495e;color:var(--color-text);font-size:.95rem;line-height:1.6;margin:0}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.detail-item{align-items:center;background:linear-gradient(135deg,#0a684708,#77b0aa08);border:1px solid #0a684714;border-radius:10px;display:flex;gap:.75rem;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.detail-item:hover{background:linear-gradient(135deg,#0a68470f,#77b0aa0f);border-color:#0a684726}.detail-icon{font-size:1.5rem;width:36px}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.detail-label{font-size:.75rem;letter-spacing:.5px;opacity:.6;text-transform:uppercase}.detail-label,.detail-value{color:#34495e;color:var(--color-text);font-weight:600}.detail-value{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-value.amount{color:#0a6847;color:var(--color-primary-green);font-size:1.1rem;font-weight:700}.vendor-info{align-items:center;background:linear-gradient(135deg,#3498db14,#3498db0d);border:1px solid #3498db33;border-radius:10px;color:#34495e;color:var(--color-text);display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1rem;padding:.875rem}.vendor-icon{font-size:1.3rem}.notes-section{background:#f1c40f14;border-left:3px solid #f39c12;border-radius:10px;color:#34495e;color:var(--color-text);font-size:.9rem;line-height:1.6;margin-bottom:1rem;padding:1rem}.card-footer{border-top:1px solid #0a68471a;justify-content:space-between;padding-top:1.25rem}.card-footer,.footer-date{align-items:center;display:flex}.footer-date{color:#34495e;color:var(--color-text);font-size:.85rem;gap:.5rem;opacity:.7}.date-icon{font-size:1rem}.progress-indicator{align-items:center;display:flex}.pulse-dot{animation:pulse 2s infinite;background:#f39c12;background:var(--color-pending);border-radius:50%;box-shadow:0 0 0 0 #f39c12b3;height:12px;width:12px}@keyframes pulse{0%{box-shadow:0 0 0 0 #f39c12b3}70%{box-shadow:0 0 0 10px #f39c1200}to{box-shadow:0 0 0 0 #f39c1200}}.checkmark{background:linear-gradient(135deg,#2ecc71,#58d68d);background:linear-gradient(135deg,var(--color-paid),#58d68d);border-radius:50%;box-shadow:0 2px 8px #2ecc7166;color:#fff;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.checkmark,.status-timeline{align-items:center;display:flex}.status-timeline{border-top:1px solid #0a68471a;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;position:relative}.status-timeline:before{background:#dbe2e9;background:var(--color-border);content:"";height:2px;left:5%;position:absolute;right:5%;top:calc(1.5rem + 8px);z-index:0}.timeline-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;position:relative;z-index:1}.timeline-step span{color:#34495e;color:var(--color-text);font-size:.75rem;font-weight:600;letter-spacing:.3px;opacity:.5;text-align:center;text-transform:uppercase}.step-dot{background:#fff;border:3px solid #dbe2e9;border:3px solid var(--color-border);border-radius:50%;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:16px}.timeline-step.completed .step-dot{background:linear-gradient(135deg,#0a6847,#77b0aa);background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));border-color:#0a6847;border-color:var(--color-primary-green);box-shadow:0 0 0 4px #0a68471a}.timeline-step.completed span{color:#0a6847;color:var(--color-primary-green);opacity:1}@media (max-width:768px){.requests-main-title{font-size:2rem}.requests-subtitle{font-size:1rem}.stats-container{grid-template-columns:1fr;margin-top:-1.5rem}.filter-tabs,.requests-container{padding:0 1rem}.details-grid,.requests-grid{grid-template-columns:1fr}.card-header{flex-direction:column}.status-badge-modern{align-self:flex-start}.status-timeline{flex-wrap:wrap;gap:1rem}.timeline-step{min-width:60px}.timeline-step span{font-size:.65rem}}@media (max-width:480px){.requests-hero{padding:3rem 1rem 2rem}.requests-main-title{font-size:1.75rem}.stat-card{padding:1.25rem}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-number{font-size:1.5rem}.request-card{padding:1.25rem}.waste-icon-large{font-size:2rem;height:50px;width:50px}.filter-tab{font-size:.85rem;padding:.625rem 1.25rem}}:root{--color-danger:#e74c3c}.upload-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#eef2f5);background:linear-gradient(135deg,var(--color-background),#eef2f5);display:flex;justify-content:center;min-height:100vh;padding:2.5rem 1.5rem}.upload-card{background-color:#fff;background-color:var(--color-white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);max-width:600px;padding:2.5rem;width:100%}.upload-card__header{margin-bottom:2rem;text-align:center}.upload-card__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2rem}.upload__tabs{border-bottom:1px solid #dbe2e9;border-bottom:1px solid var(--color-border);display:flex;margin-bottom:2rem}.upload__tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#777;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1rem;font-weight:600;padding:1rem .5rem;transition:all .3s ease-in-out;transition:var(--transition-smooth)}.upload__tab-button.active,.upload__tab-button:hover{color:#0a6847;color:var(--color-primary-green)}.upload__tab-button.active{border-bottom-color:#77b0aa;border-bottom-color:var(--color-accent-green)}.upload__content-panel{text-align:center}.camera-view__video{background-color:#eee;border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;display:block;margin:0 auto 1.5rem;max-width:400px;width:100%}.camera-controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.file-upload-view{padding:2rem 0}.file-input__label{cursor:pointer;display:inline-block}.file-input__native{display:none}.upload__preview{margin-top:2rem;text-align:center}.upload__preview-title{color:#555;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.2rem;margin-bottom:1rem}.upload__preview-image{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;max-width:400px;width:100%}.upload__form{margin-top:2rem}.form__textarea{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:1rem;padding:12px 14px;transition:all .3s ease-in-out;transition:var(--transition-smooth);width:100%}.form__textarea:focus{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 0 0 3px #77b0aa33;outline:none}.upload__submit-container{margin-top:1.5rem;text-align:center}.btn{font-size:.9rem}.btn--capture{background-color:#0a6847;background-color:var(--color-primary-green);color:#fff;color:var(--color-white)}.btn--capture:hover{background-color:#075035}.btn--danger{background-color:#e74c3c;background-color:var(--color-danger);color:#fff;color:var(--color-white)}.btn--danger:hover{background-color:#c0392b}.upload-instructions{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:18px;padding:16px 20px}.instructions-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.instructions-header h3{font-size:1.1rem;font-weight:600;margin:0}.upload-instructions ul{margin:0;padding-left:22px}.upload-instructions li{font-size:.95rem;margin-bottom:6px}.instructions-wrapper{margin:15px 0 18px}.instructions-toggle{background:#e8f5e9;border:none;border-radius:10px;color:#2f6b2f;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:12px 16px;transition:background .3s ease;width:100%}.instructions-toggle:hover{background:#d9efdb}.instructions-content{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;font-size:.95rem;margin-top:10px;padding:14px 18px}.instructions-content ul{margin:0;padding-left:20px}.instructions-content li{margin-bottom:6px}.fade-slide{animation:fadeSlide .35s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}:root{--color-shadow:#0000000f;--shadow-sm:0 4px 12px var(--color-shadow)}body{background-color:#f8f9fa;background-color:var(--color-background);color:#34495e;color:var(--color-text);margin:0;padding:0}.loading{font-size:1.5rem;padding:2rem;text-align:center}.btn{border-radius:12px;border-radius:var(--border-radius);font-weight:700;padding:10px 20px}.btn--primary{background-color:#0a6847;background-color:var(--color-primary-green)}.btn--primary:hover{background-color:#084e36}.osp-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.osp-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.osp-header h1{color:#0a6847;color:var(--color-primary-green);font-size:2rem;margin:0;white-space:nowrap}.stats{display:flex;gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;background:var(--color-white);border-left:5px solid #77b0aa;border-left:5px solid var(--color-accent-green);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-sm);flex:1 1;text-align:center}.stat-card h2{color:#34495e;color:var(--color-text);font-size:1rem;margin-bottom:.5rem;opacity:.8}.stat-card p{color:#0a6847;color:var(--color-primary-green);font-size:2.5rem;font-weight:700;margin:0}.dashboard-module{background:#fff;background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-sm)}.dashboard-module h2{border-bottom:2px solid #f0fdf4;border-bottom:2px solid var(--color-highlight-bg);font-size:1.5rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.map-container-wrapper{overflow:hidden}.location-info{background-color:#f0fdf4;background-color:var(--color-highlight-bg);border-radius:8px;color:#34495e;color:var(--color-text);font-style:italic;padding:2rem;text-align:center}.marker-pin{background-color:#0a6847;background-color:var(--color-primary-green);border:3px solid #fff;border:3px solid var(--color-white);border-radius:50% 50% 50% 0;box-shadow:0 0 10px #0003}.marker-pin.assigned:after{background-color:#fff;background-color:var(--color-white);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-sm)}.popup-btn{background-color:#77b0aa;background-color:var(--color-accent-green);color:#fff;color:var(--color-white);display:block;font-size:.8rem;margin-top:10px;padding:5px 10px;text-align:center;width:100%}.popup-btn:hover{background-color:#639893}.reports-table{border-collapse:initial;border-spacing:0}.reports-table thead tr{background-color:#f0fdf4;background-color:var(--color-highlight-bg);color:var(--color-text-dark)}.reports-table td,.reports-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border)}.reports-table tbody tr:hover{background-color:#f0f4f7}.reports-table tbody tr:last-child td{border-bottom:none}.status-tag{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 8px}.status-tag.status-allotted{background-color:#ffeaa7;color:#c08702}.status-tag.status-resolved{background-color:#b8e994}.resolved-text,.status-tag.status-resolved{color:#0a6847;color:var(--color-primary-green)}.resolved-text{font-weight:500}.recycle-page{background:linear-gradient(135deg,var(--color-background),#eef3f6);min-height:100vh}.recycle-hero{background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));color:#fff;overflow:hidden;padding:5rem 2rem 4rem;position:relative;text-align:center}.recycle-hero:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-title{font-family:var(--font-heading);font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0000001a}.hero-subtitle{font-size:1.2rem;line-height:1.7;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{display:block;font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.stat-label{font-size:.9rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.how-it-works{margin:0 auto;max-width:1200px;padding:4rem 2rem}.section-title{color:var(--color-primary-green);font-family:var(--font-heading);font-size:2.2rem;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--color-text);font-size:1.05rem;margin-bottom:3rem;opacity:.8;text-align:center}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.step-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:var(--transition-smooth)}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.step-card h3{color:var(--color-text);font-family:var(--font-heading);font-size:1.2rem;margin-bottom:.5rem}.step-card p{color:var(--color-text);font-size:.95rem;opacity:.7}.waste-types-section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.waste-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.waste-type-card{background:#fff;border:2px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.waste-type-card:hover{border-color:var(--color-accent-green);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.waste-type-card.selected{background:linear-gradient(135deg,#77b0aa0d,#77b0aa1a);border-color:var(--color-primary-green);box-shadow:0 8px 20px #77b0aa4d}.waste-icon{display:block;font-size:3.5rem;margin-bottom:1rem}.waste-name{color:var(--color-text);font-family:var(--font-heading);font-size:1.3rem;margin-bottom:.5rem}.waste-description{color:var(--color-text);font-size:.9rem;margin-bottom:1.5rem;min-height:40px;opacity:.7}.waste-price{align-items:baseline;border-top:1px solid var(--color-border);display:flex;gap:.5rem;justify-content:center;padding-top:1rem}.price-label{color:var(--color-text);font-size:.85rem;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.price-value{color:var(--color-primary-green);font-size:1.5rem;font-weight:800}.franchisees-section{background:var(--color-background);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:4rem 2rem}.franchisees-section .section-subtitle,.franchisees-section .section-title{margin-left:auto;margin-right:auto;max-width:1200px}.franchisees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px}.franchisee-card{background:linear-gradient(135deg,#f8fafa,#fff);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.75rem;transition:var(--transition-smooth)}.franchisee-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.franchisee-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.franchisee-name{color:var(--color-text);flex:1 1;font-family:var(--font-heading);font-size:1.2rem;margin:0}.franchisee-badge{background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.franchisee-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;color:var(--color-text);font-size:.95rem}.detail-icon{font-size:1.1rem;text-align:center;width:24px}.empty-state{color:var(--color-text);opacity:.7;padding:3rem}.empty-state p{font-size:1.1rem;margin-bottom:.5rem}.empty-state small{font-size:.9rem}.submit-form-section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.recycle-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-md);margin:0 auto;max-width:700px;padding:2.5rem;width:100%}.recycle-title{color:var(--color-primary-green);font-family:var(--font-heading);font-size:2rem;margin-bottom:.5rem;text-align:center}.recycle-subtitle{color:var(--color-text);line-height:1.5;margin-bottom:2rem;opacity:.8;text-align:center}.recycle-form{display:flex;flex-direction:column;gap:1.25rem}.form__input,.form__textarea,select.form__input{border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-body);font-size:1rem;padding:12px 14px;transition:var(--transition-smooth);width:100%}.form__input:focus,.form__textarea:focus,select.form__input:focus{border-color:var(--color-accent-green);box-shadow:0 0 0 3px #77b0aa33;outline:none}.estimated-earning{background:linear-gradient(135deg,#77b0aa1a,#77b0aa0d);border-radius:8px;color:var(--color-text);font-size:.95rem;margin-top:.75rem;padding:.75rem;text-align:center}.estimated-earning strong{color:var(--color-primary-green);font-size:1.2rem;margin-left:.5rem}.btn{font-family:var(--font-body);font-size:1rem;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase}.btn--primary{background:linear-gradient(135deg,var(--color-primary-green),var(--color-accent-green));box-shadow:0 4px 12px #77b0aa4d}.btn--primary:hover:not(:disabled){box-shadow:0 6px 16px #77b0aa66;transform:translateY(-2px)}.btn--primary:disabled{cursor:not-allowed;opacity:.6}.form__message{animation:slideIn .3s ease;padding:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form__message--success{background:#e8f9f1;border:1px solid #77b0aa4d}.form__message--error{background:#fde8e8;border:1px solid #dc35454d}.vendor-events-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px;padding:1rem}@media (min-width:768px){.vendor-events-grid{gap:2rem;padding:2rem}}@media (min-width:1200px){.vendor-events-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.vendor-event-card{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.vendor-event-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.vendor-event-card:hover:before{transform:scaleX(1)}.vendor-event-card:hover{border-color:#10b98133;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.vendor-event-title{-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0 0 1.25rem;min-height:2.8em;overflow:hidden;text-overflow:ellipsis}.vendor-event-details{display:flex;flex-direction:column;gap:.875rem}.detail-row{align-items:flex-start;color:#4b5563;display:flex;font-size:.9375rem;gap:.75rem;line-height:1.5;transition:color .2s ease}.detail-row:hover{color:#1f2937}.detail-icon{align-items:center;background:#f3f4f6;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:1.125rem;height:1.5rem;justify-content:center;transition:all .2s ease;width:1.5rem}.detail-row:hover .detail-icon{background:#e5e7eb;transform:scale(1.1)}.detail-row:first-child .detail-icon{background:#fef3c7}.detail-row:nth-child(2) .detail-icon{background:#dbeafe}.detail-row:nth-child(3) .detail-icon{background:#d1fae5}.detail-row:nth-child(4) .detail-icon{background:#e0e7ff}.detail-row>span:last-child{flex:1 1;word-break:break-word}.detail-row:nth-child(3)>span:last-child{color:#059669;font-weight:500}.detail-row:nth-child(4)>span:last-child{color:#6366f1;font-weight:500}.vendor-events-grid:empty:after{color:#9ca3af;content:"No vendor events available at this time.";display:block;font-size:1rem;grid-column:1/-1;padding:3rem 1rem;text-align:center}@media (prefers-color-scheme:dark){.vendor-event-card{background:#1f2937;border-color:#ffffff1a}.vendor-event-title{color:#f9fafb}.detail-row{color:#d1d5db}.detail-row:hover{color:#f3f4f6}.detail-icon{background:#374151}.detail-row:hover .detail-icon{background:#4b5563}}.vendor-event-card:focus-within{outline:2px solid #10b981;outline-offset:2px}@media (prefers-reduced-motion:reduce){.detail-icon,.detail-row,.vendor-event-card{transition:none}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:2rem}.stat-number{font-size:2rem}.section-title{font-size:1.8rem}.franchisees-grid,.steps-grid,.waste-types-grid{grid-template-columns:1fr}.recycle-card{padding:2rem 1.5rem}.franchisees-section,.how-it-works,.submit-form-section,.waste-types-section{padding:3rem 1rem}}@media (max-width:480px){.hero-title{font-size:1.75rem}.recycle-hero{padding:3rem 1.5rem 2.5rem}.recycle-card{padding:1.5rem}}.committee-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#eef2f5);background:linear-gradient(135deg,var(--color-background),#eef2f5);display:flex;justify-content:center;min-height:100vh;padding:2.5rem 1.5rem}.form-card{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);max-width:650px;padding:2.5rem;width:100%}.form-card__header{margin-bottom:2rem;text-align:center}.form-card__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2rem;margin-bottom:.5rem}.form-card__subtitle{color:#555;font-size:1rem}.form-card__tabs{border-bottom:1px solid #dbe2e9;border-bottom:1px solid var(--color-border);display:flex;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#777;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1rem;font-weight:600;padding:1rem .5rem;transition:all .3s ease-in-out;transition:var(--transition-smooth)}.tab-button.active,.tab-button:hover{color:#0a6847;color:var(--color-primary-green)}.tab-button.active{border-bottom-color:#77b0aa;border-bottom-color:var(--color-accent-green)}.committee-form{display:flex;flex-direction:column;gap:1.25rem}.form__input{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;font-family:Lato,sans-serif;font-family:var(--font-body);padding:12px 14px;transition:all .3s ease-in-out;transition:var(--transition-smooth);width:100%}.form__input:focus{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 0 0 3px #77b0aa33}.btn--primary{font-size:1.1rem}.btn--primary:hover{transform:translateY(-2px)}.committee-logged-in{text-align:center}.logged-in__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.5rem}.logged-in__subtitle{word-wrap:break-word;color:#34495e;color:var(--color-text);margin-bottom:2rem}.logged-in__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.btn--danger-outline{background-color:initial;border:2px solid #e74c3c;border:2px solid var(--color-error,#e74c3c);color:#e74c3c;color:var(--color-error,#e74c3c)}.btn--danger-outline:hover{background-color:#e74c3c;background-color:var(--color-error,#e74c3c);color:#fff;color:var(--color-white);transform:translateY(-2px)}.committee-dashboard-page{background-color:#f8f9fa;background-color:var(--color-background);min-height:100vh;padding:2rem}.dashboard-header__title{font-size:2.5rem;margin:0 0 .5rem}.dashboard-header__subtitle{color:#555;font-size:1.2rem;margin:0}.stat-card{border-radius:var(--border-radius,12px)}.stat-card__title{font-weight:600}.dashboard-module{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 2px 8px #0000000d}.module-header{border-bottom:1px solid #dbe2e9;border-bottom:1px solid var(--color-border);font-size:1.4rem;padding-bottom:.75rem}.members-table{border-collapse:collapse;font-size:.95rem;width:100%}.members-table td,.members-table th{padding:12px 15px;text-align:left}.members-table thead{background-color:#f5f7fa}.members-table th{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-weight:600}.members-table tbody tr{border-bottom:1px solid #dbe2e9;border-bottom:1px solid var(--color-border)}.members-table tbody tr:hover{background-color:#f0fdf4}.empty-state,.loading-state{align-items:center;color:#0a6847;color:var(--color-primary-green);display:flex;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;justify-content:center;min-height:80vh}.module-header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.btn-add-member{font-size:1rem;padding:.75rem 1.5rem}.modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;transition:color .2s}.modal-close:hover{color:#333}.member-form{display:flex;flex-direction:column;gap:1rem}.form__label{color:#333;font-weight:600}.form__input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem}.form__input:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.form__actions{display:flex;gap:1rem;margin-top:1.5rem}.form__actions button{flex:1 1}.analytics-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1.5rem}.analytics-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.analytics-card:before{background:#0a6847;background:var(--color-primary-green);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.analytics-card:hover:before{transform:scaleX(1)}.analytics-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.analytics-card--success:before{background:linear-gradient(90deg,#10b981,#059669)}.analytics-card--warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.analytics-card--info:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.analytics-card--secondary:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.analytics-card__icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:4rem;justify-content:center;transition:all .3s ease;width:4rem}.analytics-card:hover .analytics-card__icon{background:#e5e7eb;transform:scale(1.1) rotate(5deg)}.analytics-card--success .analytics-card__icon{background:#d1fae5}.analytics-card--warning .analytics-card__icon{background:#fef3c7}.analytics-card--info .analytics-card__icon{background:#dbeafe}.analytics-card--secondary .analytics-card__icon{background:#ede9fe}.analytics-card__content{flex:1 1}.analytics-card__title{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.analytics-card__title,.analytics-card__value{font-family:Poppins,sans-serif;font-family:var(--font-heading)}.analytics-card__value{color:#34495e;color:var(--color-text);font-size:2rem;font-weight:700;line-height:1;margin:0}.loader-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loader{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#0a6847;border-top:4px solid var(--color-primary-green);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-container span{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1rem}@media (max-width:768px){.committee-dashboard-page{padding:1rem}.dashboard-header__title{font-size:1.75rem}.dashboard-header__subtitle{font-size:1rem}.analytics-grid,.stats-grid{gap:1rem;grid-template-columns:1fr}.analytics-card__icon{font-size:2rem;height:3rem;width:3rem}.analytics-card__value{font-size:1.5rem}.members-table{font-size:.85rem}.members-table td,.members-table th{padding:8px 10px}}@media (max-width:480px){.dashboard-header__title{font-size:1.5rem}.stat-card__value{font-size:2rem}.analytics-card{flex-direction:column;text-align:center}.analytics-card__content{width:100%}}.leaderboard-table-container{background:var(--color-white);border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.leaderboard-table{background:var(--color-white);border-collapse:initial;border-spacing:0;font-family:var(--font-body);width:100%}.leaderboard-table thead{background:linear-gradient(135deg,var(--color-primary-green) 0,#0a5039 100%);position:-webkit-sticky;position:sticky;top:0;z-index:10}.leaderboard-table thead tr{box-shadow:0 2px 8px #0000001a}.leaderboard-table th{border-bottom:3px solid var(--color-accent-green);color:var(--color-white);font-family:var(--font-heading);font-size:.875rem;font-weight:700;letter-spacing:.08em;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.header-rank{text-align:center!important;width:100px}.header-user{min-width:200px;width:auto}.header-score{text-align:center!important;width:120px}.leaderboard-table tbody tr{background:var(--color-white);border-bottom:1px solid #e5e7eb;transition:all .3s ease}.leaderboard-table tbody tr:hover{background:#f9fafb;box-shadow:0 4px 12px #00000014;transform:scale(1.01)}.leaderboard-table tbody tr:last-child{border-bottom:none}.rank-1-row{background:linear-gradient(135deg,#fef9c3,#fef3c7)!important;border-left:4px solid #eab308}.rank-1-row:hover{background:linear-gradient(135deg,#fef08a,#fef3c7)!important;box-shadow:0 6px 20px #eab30833}.rank-2-row{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;border-left:4px solid #9ca3af}.rank-2-row:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db)!important;box-shadow:0 6px 20px #9ca3af33}.rank-3-row{background:linear-gradient(135deg,#fed7aa,#fdba74)!important;border-left:4px solid #f97316}.rank-3-row:hover{background:linear-gradient(135deg,#fdba74,#fb923c)!important;box-shadow:0 6px 20px #f9731633}.leaderboard-table td{color:var(--color-text);font-size:.9375rem;padding:1.25rem 1.5rem;vertical-align:middle}.rank-cell{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;position:relative;text-align:center}.rank-1{color:#eab308;font-size:1.5rem;position:relative}.rank-1:before{animation:bounce 2s infinite;content:"🥇";font-size:1.25rem;left:50%;position:absolute;top:-.5rem;transform:translateX(-50%)}.rank-2{color:#9ca3af;font-size:1.375rem;position:relative}.rank-2:before{animation:bounce 2s .2s infinite;content:"🥈";font-size:1.125rem;left:50%;position:absolute;top:-.5rem;transform:translateX(-50%)}.rank-3{color:#f97316;font-size:1.25rem;position:relative}.rank-3:before{animation:bounce 2s .4s infinite;content:"🥉";font-size:1rem;left:50%;position:absolute;top:-.5rem;transform:translateX(-50%)}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.user-cell{color:var(--color-primary-green);font-family:var(--font-heading);font-weight:600;padding-left:2rem!important;position:relative}.user-cell:before{content:"👤";font-size:1rem;left:.75rem;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.rank-1-row .user-cell,.rank-2-row .user-cell,.rank-3-row .user-cell{font-size:1.0625rem;font-weight:700}.score-cell{font-family:var(--font-heading);font-size:1rem;font-weight:600}.text-center{text-align:center}.score-cell:first-of-type{color:#3b82f6}.score-cell:last-of-type{color:#10b981;font-size:1.125rem}.score-cell:last-of-type:after{content:" 🪙";font-size:.875rem;opacity:.8}.leaderboard-table tbody tr td[colspan]{color:#9ca3af;font-family:var(--font-heading);font-size:1.125rem;padding:3rem 2rem;text-align:center}@media (max-width:768px){.leaderboard-table td,.leaderboard-table th{font-size:.875rem;padding:1rem .75rem}.header-rank{width:70px}.header-score{width:90px}.rank-1:before,.rank-2:before,.rank-3:before{font-size:1rem;top:-.25rem}.rank-1{font-size:1.25rem}.rank-2{font-size:1.125rem}.rank-3{font-size:1rem}.user-cell{font-size:.875rem;padding-left:1.5rem!important}.user-cell:before{font-size:.875rem;left:.5rem}.score-cell:last-of-type{font-size:1rem}}@media (max-width:480px){.leaderboard-table td,.leaderboard-table th{font-size:.8125rem;padding:.75rem .5rem}.leaderboard-table th{font-size:.75rem}.header-rank{width:60px}.header-score{width:80px}.user-cell:before{display:none}.user-cell{padding-left:.5rem!important}.score-cell:last-of-type:after{content:""}}.leaderboard-table tbody tr:focus-within{outline:2px solid var(--color-primary-green);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.leaderboard-table tbody tr,.rank-1:before,.rank-2:before,.rank-3:before{animation:none;transition:none}}.leaderboard-table-container::-webkit-scrollbar{height:8px}.leaderboard-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.leaderboard-table-container::-webkit-scrollbar-thumb{background:var(--color-accent-green);border-radius:10px}.leaderboard-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-green)}.events-page{background-color:#f8f9fa;background-color:var(--color-background);min-height:100vh}.events-page__header{background:#f8f9fa;background:var(--color-background);padding:4rem 1.5rem;text-align:center}.events-page__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2.8rem;margin-bottom:.5rem}.events-page__subtitle{color:#555;font-size:1.2rem;margin:0 auto;max-width:600px}.events-page__container{margin:0 auto;max-width:1200px;padding:3rem 0;width:90%}.events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.event-card{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000f;cursor:pointer;overflow:hidden;transition:all .3s ease-in-out;transition:var(--transition-smooth)}.event-card:hover{box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-8px)}.event-card__image-container{background-color:#77b0aa;background-color:var(--color-accent-green);background-image:linear-gradient(#0003,#0003),url(https://images.unsplash.com/photo-1511795409834-ef04bbd61622?q=80&w=2070);background-position:50%;background-size:cover;height:200px;position:relative}.event-card__date{background-color:#fff;background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 8px #0000001a;left:1rem;padding:.5rem .75rem;position:absolute;text-align:center;top:1rem}.date__day{font-size:1.75rem}.date__month{font-size:.9rem;letter-spacing:.5px}.event-card__content{flex-grow:1;padding:1.5rem}.event-card__title{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;margin:0 0 1rem}.event-card__meta{color:#555;color:#0a6847;color:var(--color-primary-green);display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;text-decoration:underline}.meta__item{align-items:center;display:flex;gap:.5rem}.event-card__description{color:var(--footer-text);font-size:.95rem;line-height:1.6}.event-card__footer{border-top:1px solid #dbe2e9;border-top:1px solid var(--color-border);cursor:pointer;margin-top:1.5rem;padding:1.5rem}.footer__attendees{color:#34495e;color:var(--color-text);font-weight:700}.empty-state,.loading-state{color:#777;font-size:1.2rem;padding:3rem;text-align:center}.event-card__link{color:inherit;display:block;text-decoration:none}.event-card__image-container{border-top-left-radius:8px;border-top-right-radius:8px;height:160px;overflow:hidden}.event-card__content{padding:14px}.event-card{flex-direction:column}.event-card,.event-card__footer{display:flex;justify-content:space-between}.event-card__footer{align-items:center;border-top:1px solid #eee;padding:12px 14px}:root{--color-highlight-bg:#e8f5f2;--footer-text:#6c7a89;--border-radius:18px;--shadow-md:0 8px 20px #00000014}.event-details-page{background-color:#f8f9fa;background-color:var(--color-background);font-family:Lato,sans-serif;font-family:var(--font-body);min-height:100vh}.event-details__hero{background:linear-gradient(135deg,#0a684740,#77b0aa26);border-radius:0 0 28px 28px;box-shadow:0 4px 18px #00000014;height:260px;overflow:hidden;position:relative}.event-details__hero-image{background-image:linear-gradient(#00000040,#00000040),url(https://images.unsplash.com/photo-1511795409834-ef04bbd61622?q=80&w=2070);background-position:50%;background-size:cover;filter:saturate(1.05);height:100%;width:100%}.event-details__date-badge{background-color:#fff;background-color:var(--color-white);border-radius:14px;bottom:10px;box-shadow:0 6px 18px #0000001f;left:8%;padding:.7rem .9rem;position:absolute;text-align:center}.date__day{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;line-height:1}.date__month{color:#555;display:block;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin-top:.1rem;text-transform:uppercase}.event-details__body{margin:3.5rem auto 3rem;max-width:1100px;width:90%}.event-details__header{margin-bottom:1.5rem;text-align:left}.event-details__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2.1rem;margin-bottom:.35rem}.event-details__tagline{color:#5e6c7a;font-size:1rem}.event-details__layout{grid-gap:2.5rem;align-items:flex-start;display:grid;gap:2.5rem;grid-template-columns:minmax(0,2.3fr) minmax(0,1.2fr)}.event-details__info{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 6px 18px #0000000a;padding:1.8rem}.event-details__meta{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.4rem}.meta-row{align-items:flex-start;color:#555;display:flex;font-size:.98rem;gap:.5rem}.meta-icon{flex-shrink:0}.meta-text a{color:#0a6847;color:var(--color-primary-green);text-decoration:none}.meta-text a:hover{text-decoration:underline}.event-details__description h2{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.25rem;margin-bottom:.6rem}.event-details__description p{color:#6c7a89;color:var(--footer-text);font-size:.98rem;line-height:1.7}.event-details__sidebar{position:relative}.event-details__card{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 6px 18px #0000000f;padding:1.8rem 1.6rem}.event-details__stat{color:#34495e;color:var(--color-text);font-size:1rem;margin-bottom:.7rem}.event-details__stat strong{font-size:1.1rem}.event-details__small{color:#6c7a89;color:var(--footer-text);font-size:.9rem;margin-bottom:1.4rem}.event-details__back{background:#0000;border:none;color:#0a6847;color:var(--color-primary-green);cursor:pointer;font-size:.9rem;margin-top:.9rem;padding:0;text-decoration:underline}.btn{padding:10px 24px}.full-width{width:100%}.event-details__loading{color:#777;font-size:1.2rem;padding:4rem 1.5rem;text-align:center}@media (max-width:900px){.event-details__layout{grid-template-columns:1fr}.event-details__hero{height:220px}.event-details__date-badge{left:6%}}@media (max-width:600px){.event-details__body{margin-top:3rem;width:94%}.event-details__title{font-size:1.7rem}.event-details__hero{border-radius:0 0 22px 22px}}:root{--shadow-md:0 8px 20px #00000026}.event-signup__backdrop{align-items:center;background-color:#19273466;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.event-signup__card{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);font-family:Lato,sans-serif;font-family:var(--font-body);max-width:480px;padding:1.8rem 1.9rem 1.6rem;position:relative;width:90%}.event-signup__close{background:#0000;border:none;cursor:pointer;font-size:1.1rem;position:absolute;right:.95rem;top:.85rem}.event-signup__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.4rem;margin-bottom:.25rem}.event-signup__subtitle{color:#5e6c7a;font-size:.95rem;margin-bottom:1.2rem}.event-signup__subtitle .highlight{color:#34495e;color:var(--color-text);font-weight:600}.event-signup__form{display:flex;flex-direction:column;gap:1rem}.event-signup__field{display:flex;flex-direction:column;gap:.35rem}.event-signup__field label{color:#576574;font-size:.88rem}.event-signup__field input,.event-signup__field textarea{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:10px;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.95rem;outline:none;padding:.6rem .75rem;transition:all .3s ease-in-out;transition:var(--transition-smooth)}.event-signup__field input:focus,.event-signup__field textarea:focus{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 0 0 3px #77b0aa40}.event-signup__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.3rem}.btn{padding:9px 20px}.btn:disabled{cursor:default;opacity:.7}.event-signup__hint{color:#7b8a97;font-size:.8rem;margin-top:.9rem;text-align:left}@media (max-width:480px){.event-signup__card{padding:1.5rem 1.35rem 1.4rem}.event-signup__actions{flex-direction:column-reverse}.event-signup__actions .btn{width:100%}}.franchisee-form-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#eef2f5);background:linear-gradient(135deg,var(--color-background),#eef2f5);display:flex;justify-content:center;min-height:100vh;padding:2.5rem 1.5rem}.franchisee-form-card{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);max-width:600px;padding:2.5rem;width:100%}.franchisee-form__header{margin-bottom:2rem;text-align:center}.franchisee-form__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2rem}.franchisee-form{display:flex;flex-direction:column;gap:1.25rem}.form__input:focus,.form__textarea:focus{box-shadow:0 0 0 3px #77b0aa40}.form__textarea{min-height:90px}.btn{padding:14px 20px}:root{--gs-primary:#ff6b6b;--gs-primary-dark:#ff5252;--gs-primary-light:#f99;--gs-secondary:#4ecdc4;--gs-accent:#ffe66d;--gs-gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gs-gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gs-gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--gs-gradient-4:linear-gradient(135deg,#43e97b,#38f9d7);--gs-gradient-5:linear-gradient(135deg,#fa709a,#fee140);--gs-shadow-sm:0 2px 8px #00000014;--gs-shadow-md:0 4px 16px #0000001f;--gs-shadow-lg:0 8px 32px #00000029;--gs-shadow-xl:0 16px 48px #0003}.gs-training-container{background:linear-gradient(180deg,#fafafa,#fff);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 20px}.gs-training-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #00000029;box-shadow:var(--gs-shadow-lg);display:flex;justify-content:space-between;margin-bottom:50px;overflow:hidden;padding:30px;position:relative}.gs-training-header:before{animation:gs-training-pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes gs-training-pulse{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.2) rotate(180deg)}}.gs-training-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffeaa7);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0;position:relative;text-shadow:0 2px 20px #0003;z-index:1}.gs-training-main{display:flex;flex-direction:column;gap:60px}.gs-training-section{animation:gs-training-fade-in .6s ease-out;width:100%}@keyframes gs-training-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gs-training-section-heading{color:#2d3436;font-size:2rem;font-weight:700;margin:0 0 30px;padding-left:20px;position:relative}.gs-training-section-heading:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gs-gradient-1);border-radius:3px;content:"";height:80%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.gs-training-cards-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center;padding:20px 0}.gs-training-flash-card{cursor:pointer;height:160px;perspective:1500px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:240px}.gs-training-flash-card:hover{transform:translateY(-10px) scale(1.02)}.gs-training-flash-card__back,.gs-training-flash-card__front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;box-shadow:0 8px 32px #00000029;box-shadow:var(--gs-shadow-lg);display:flex;font-size:1rem;height:100%;justify-content:center;overflow:hidden;padding:20px;position:absolute;text-align:center;transition:all .8s cubic-bezier(.4,0,.2,1);width:100%}.gs-training-flash-card__front{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gs-gradient-2);color:#fff;position:relative}.gs-training-flash-card__front:before{animation:gs-training-shine 3s infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes gs-training-shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.gs-training-flash-card:nth-child(2) .gs-training-flash-card__front{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gs-gradient-3)}.gs-training-flash-card:nth-child(3) .gs-training-flash-card__front{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gs-gradient-4)}.gs-training-flash-card:nth-child(4) .gs-training-flash-card__front{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gs-gradient-5)}.gs-training-flash-card:nth-child(5) .gs-training-flash-card__front{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gs-gradient-1)}.gs-training-flash-card:nth-child(6) .gs-training-flash-card__front{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.gs-training-flash-card__back{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;transform:rotateY(180deg)}.gs-training-flash-card__title{font-size:1.3rem;font-weight:700;position:relative;text-shadow:0 2px 10px #0003;z-index:1}.gs-training-flash-card__desc{font-size:.95rem;font-weight:400;line-height:1.6;text-shadow:0 1px 5px #0003}.gs-training-flash-card--flipped .gs-training-flash-card__front{transform:rotateY(180deg)}.gs-training-flash-card--flipped .gs-training-flash-card__back{transform:rotateY(0deg)}.gs-training-quiz-start-btn{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gs-gradient-2);border:none;border-radius:50px;box-shadow:0 4px 16px #0000001f;box-shadow:var(--gs-shadow-md);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:16px 40px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.gs-training-quiz-start-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.gs-training-quiz-start-btn:hover:before{height:300px;width:300px}.gs-training-quiz-start-btn:hover{box-shadow:0 16px 48px #0003;box-shadow:var(--gs-shadow-xl);transform:translateY(-3px) scale(1.05)}.gs-training-quiz-start-btn:active{transform:translateY(-1px) scale(1.02)}.gs-training-quiz-box{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #667eea1a;border-radius:30px;box-shadow:0 8px 32px #00000029;box-shadow:var(--gs-shadow-lg);overflow:hidden;padding:40px;position:relative;text-align:center}.gs-training-quiz-box:before{animation:gs-training-rotate 20s linear infinite;background:radial-gradient(circle,#667eea0d 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes gs-training-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gs-training-quiz-question{color:#2d3436;font-size:1.4rem;font-weight:700;line-height:1.6;margin-bottom:30px;position:relative;text-shadow:0 2px 4px #0000000d;z-index:1}.gs-training-quiz-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;position:relative;z-index:1}.gs-training-quiz-option-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 2px 8px #00000014;box-shadow:var(--gs-shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.gs-training-quiz-option-btn:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.gs-training-quiz-option-btn:hover:after{height:200px;width:200px}.gs-training-quiz-option-btn:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--gs-shadow-md);transform:translateY(-3px) scale(1.05)}.gs-training-quiz-option-btn:active{transform:translateY(-1px)}.gs-training-quiz-result{padding:30px;position:relative;z-index:1}.gs-training-quiz-result__title{-webkit-text-fill-color:#0000;animation:gs-training-bounce .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gs-gradient-1);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0 0 20px}@keyframes gs-training-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.gs-training-quiz-result__coins,.gs-training-quiz-result__score{color:#2d3436;font-size:1.3rem;font-weight:600;line-height:1.8;margin:15px 0}.gs-training-quiz-result__coins{color:#f39c12;font-size:1.5rem;text-shadow:0 2px 10px #f39c124d}.gs-training-quiz-restart-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gs-gradient-4);border:none;border-radius:50px;box-shadow:0 4px 16px #0000001f;box-shadow:var(--gs-shadow-md);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.5px;margin-top:25px;padding:14px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.gs-training-quiz-restart-btn:hover{box-shadow:0 16px 48px #0003;box-shadow:var(--gs-shadow-xl);transform:translateY(-3px) scale(1.05)}.gs-training-chatbot{position:relative}.gs-training-chatbot-icon{align-items:center;border:none;box-shadow:0 4px 16px #0000001f;box-shadow:var(--gs-shadow-md);cursor:pointer;display:flex;font-size:2.5rem;height:60px;justify-content:center;padding:15px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:1}.gs-training-chatbot-icon,.gs-training-chatbot-icon:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.gs-training-chatbot-icon:before{animation:gs-training-pulse-ring 2s ease-out infinite;content:"";inset:-3px;opacity:0;position:absolute;transition:opacity .3s;z-index:-1}@keyframes gs-training-pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.gs-training-chatbot-icon:hover{box-shadow:0 8px 32px #00000029;box-shadow:var(--gs-shadow-lg);transform:scale(1.1) rotate(5deg)}.gs-training-chatbot-icon:hover:before{opacity:1}.gs-training-chatbot-icon:active{transform:scale(.95)}.gs-training-chatbox{animation:gs-training-slide-in .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #667eea33;border-radius:25px;box-shadow:0 16px 48px #0003;box-shadow:var(--gs-shadow-xl);display:flex;flex-direction:column;max-height:550px;overflow:hidden;position:absolute;right:0;top:70px;width:380px;z-index:999}@keyframes gs-training-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gs-training-chat-messages{background:linear-gradient(180deg,#fafafa,#fff);flex:1 1;overflow-y:auto;padding:20px}.gs-training-chat-message{word-wrap:break-word;animation:gs-training-message-in .3s ease-out;border-radius:20px;box-shadow:0 2px 8px #00000014;box-shadow:var(--gs-shadow-sm);font-size:.95rem;line-height:1.6;margin-bottom:15px;max-width:85%;padding:12px 18px}@keyframes gs-training-message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gs-training-chat-message--bot{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-left-radius:5px;color:#fff;margin-right:auto;text-align:left}.gs-training-chat-message--user{background:linear-gradient(135deg,#f093fb,#f5576c);border-bottom-right-radius:5px;color:#fff;margin-left:auto;text-align:right}.gs-training-chat-options{background:linear-gradient(180deg,#fff,#f8f9fa);border-top:1px solid #667eea1a;display:flex;gap:10px;justify-content:space-around;padding:15px}.gs-training-chat-option-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 2px 8px #00000014;box-shadow:var(--gs-shadow-sm);color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.gs-training-chat-option-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 16px #0000001f;box-shadow:var(--gs-shadow-md);transform:translateY(-2px)}.gs-training-chat-option-btn:active{transform:translateY(0)}@media (max-width:768px){.gs-training-title{font-size:2rem}.gs-training-section-heading{font-size:1.7rem}.gs-training-cards-container{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gs-training-flash-card{height:140px;width:200px}.gs-training-chatbox{width:340px}}@media (max-width:600px){.gs-training-container{padding:20px 15px}.gs-training-header{align-items:flex-start;flex-direction:column;gap:20px;padding:25px}.gs-training-title{font-size:1.8rem}.gs-training-chatbot{bottom:30px;position:fixed;right:20px;z-index:1000}.gs-training-chatbox{bottom:100px;max-width:380px;position:fixed;right:20px;width:calc(100vw - 40px)}.gs-training-cards-container{gap:20px;grid-template-columns:1fr}.gs-training-flash-card{max-width:320px;width:100%}.gs-training-quiz-options{flex-direction:column}.gs-training-quiz-option-btn{width:100%}.gs-training-chat-options{flex-direction:column;gap:10px}.gs-training-chat-option-btn{width:100%}}.gs-training-chat-option-btn:focus,.gs-training-chatbot-icon:focus,.gs-training-quiz-option-btn:focus,.gs-training-quiz-restart-btn:focus,.gs-training-quiz-start-btn:focus{outline:3px solid #667eea;outline-offset:3px}.gs-training-chat-messages::-webkit-scrollbar{width:8px}.gs-training-chat-messages::-webkit-scrollbar-track{background:#667eea0d;border-radius:10px}.gs-training-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.gs-training-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}.gs-training-quiz-redeem-note{font-size:.9rem;font-weight:500;margin-top:8px}.green-text{color:#4caf50}.red-text{color:#f44336}.games-section{margin-top:50px;padding:40px 0}.games-header{margin-bottom:30px;text-align:center}.games-title{color:#0a6847;font-size:2rem;font-weight:700}.games-subtitle{color:#555;font-size:1rem;margin:10px auto 0;max-width:650px}.games-content{display:flex;justify-content:center;margin-top:30px}.game-card{background:#fff;border-radius:18px;box-shadow:0 6px 16px #00000014;padding:24px;text-align:center;transition:all .25s ease;width:320px}.game-card:hover{box-shadow:0 10px 22px #0000001f;transform:translateY(-4px)}.game-icon{font-size:3rem;margin-bottom:12px}.game-name{color:#0a6847;font-size:1.3rem;font-weight:700;margin-bottom:10px}.game-desc{color:#555;font-size:.95rem;line-height:1.4;margin-bottom:20px}.game-btn{background:#0a6847;border-radius:10px;color:#fff;display:inline-block;font-weight:600;padding:12px 16px;text-decoration:none;transition:background .25s ease,transform .25s ease}.game-btn:hover{background:#084d35;transform:translateY(-2px)}.game-card.coming-soon{border:2px dashed #aaa;opacity:.8}.game-card.coming-soon .game-icon{opacity:.7}.levels-header{margin-bottom:2.5rem;text-align:center}.levels-title{color:#16a34a;color:var(--primary-green);font-size:2.4rem;font-weight:700;letter-spacing:.04em;margin-bottom:.8rem}.levels-subtitle{color:#9ca3af;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0 auto;max-width:600px}.levels-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:2rem}.level-card{background:linear-gradient(135deg,#0f4c3a,#052e16);border:2px solid #22c55e4d;border:2px solid var(--border-color);border-radius:1.5rem;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;overflow:hidden;padding:1.75rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.level-card:before{background:linear-gradient(90deg,#a3e635,#22c55e);background:linear-gradient(90deg,var(--light-green),var(--accent-green));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.level-card:hover{background:linear-gradient(135deg,#0d6b4f,#0f4c3a);border-color:#a3e635;border-color:var(--light-green);box-shadow:0 20px 40px #22c55e40;transform:translateY(-8px)}.level-card:hover:before{transform:scaleX(1)}.level-icon{font-size:2.4rem;margin:.5rem 0}.level-name{font-size:1.3rem;margin:.25rem 0}.level-tag{border-color:var(--primary-teal);font-size:.65rem;padding:.35rem .75rem;width:-webkit-fit-content;width:fit-content}.level-short{color:#9ca3af;color:var(--text-muted);flex:1 1;font-size:.9rem;line-height:1.5;margin-top:.5rem}.level-footer{align-items:center;color:#e5e7eb;display:flex;font-size:.8rem;justify-content:space-between;margin-top:.4rem}.level-tasks-count{opacity:.8}.level-cta{font-size:.78rem;font-weight:500}.level-badge{background:#82ffb01a;border:1px solid #90ff50cc;border-radius:999px;color:#bbf7d0;font-size:.7rem;letter-spacing:.12em;padding:.15rem .55rem;position:absolute;right:.9rem;text-transform:uppercase;top:.8rem}.level-badge.pro{background:#90ff50cc;border-color:#38bdf8d9}.back-link{font-size:.8rem;gap:.25rem;margin-bottom:1rem}.level-detail-card{background:radial-gradient(circle at top left,#052e16 0,#020617 50%);border:1px solid #22c55e66;box-shadow:0 0 18px #16a34a59;padding:1.75rem 1.5rem 2rem}.level-detail-header{gap:1rem;margin-bottom:.75rem}.level-detail-icon{font-size:2.4rem}.level-detail-description{color:#e5e7eb;font-size:.95rem;margin-bottom:1.5rem}.level-section{margin-bottom:1.5rem}.level-section h2{font-size:1rem;margin-bottom:.4rem}.section-hint{font-size:.8rem;margin-bottom:.65rem}.tasks-list{font-size:.88rem;margin:.3rem 0 0;padding-left:1.2rem}.tasks-list li{margin-bottom:.35rem}.proof-form{gap:.8rem}.file-input-label{font-size:.85rem;gap:.35rem}.file-input,.files-preview{font-size:.8rem}.files-preview{color:#d1d5db;list-style:disc;padding-left:1.2rem}.notes-label{font-size:.85rem;gap:.35rem}.notes-label textarea{background-color:#0f172ae6;border:1px solid #374151e6;font-size:.85rem;min-height:90px;padding:.55rem .6rem}.notes-label textarea:focus{border-color:#a3e635;box-shadow:0 0 0 1px #bef264b3}.btn-primary{align-self:flex-start;background:radial-gradient(circle at top left,#a3e635,#22c55e);border-radius:999px;box-shadow:0 0 15px #bef26480;color:#90ff50cc;font-size:.85rem;font-weight:600;padding:.55rem 1.1rem;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{box-shadow:0 0 20px #bef264cc;transform:translateY(-1px)}@media (max-width:640px){.levels-wrapper{padding:1.5rem 1.1rem 2.5rem}.level-detail-card{padding:1.5rem 1.1rem 1.6rem}.level-detail-header{align-items:flex-start}}:root{--primary-green:#16a34a;--primary-teal:#14b8a6;--accent-green:#22c55e;--light-green:#a3e635;--dark-bg:#020617;--card-bg:#0f172a;--text-primary:#f9fafb;--text-muted:#9ca3af;--border-color:#22c55e4d}.levels-wrapper{background:linear-gradient(135deg,#0f172a,#1a1a2e);color:#f9fafb;color:var(--text-primary);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem 3rem}.back-link{align-items:center;color:#a3e635;color:var(--light-green);display:inline-flex;font-size:.9rem;gap:.5rem}.back-link:hover{color:#22c55e;color:var(--accent-green);gap:.75rem}.level-detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f4c3a,#052e16);border:2px solid #22c55e4d;border:2px solid var(--border-color);border-radius:1.5rem;box-shadow:0 20px 50px #16a34a33;padding:2rem}.level-detail-header{align-items:center;border-bottom:2px solid #22c55e4d;border-bottom:2px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.level-detail-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a3e635,#22c55e);background:linear-gradient(135deg,var(--light-green),var(--accent-green));-webkit-background-clip:text;background-clip:text;font-size:3.2rem}.level-rank{color:#a3e635;color:var(--light-green);font-size:.7rem;font-weight:600;letter-spacing:.15em;opacity:.95;text-transform:uppercase}.level-name{color:#f9fafb;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:.5rem 0 .25rem}.level-tag{background:#10b9811a;border:2px solid #14b8a6;border:2px solid var(--primary-teal);border-radius:999px;color:#14b8a6;color:var(--primary-teal);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;padding:.4rem .8rem;text-transform:uppercase}.level-detail-description{color:#9ca3af;color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem}.level-section{margin-bottom:2.5rem}.level-section h2{align-items:center;color:#f9fafb;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.level-section h2:before{background:linear-gradient(180deg,#a3e635,#22c55e);background:linear-gradient(180deg,var(--light-green),var(--accent-green));border-radius:2px;content:"";height:24px;width:4px}.section-hint{color:#9ca3af;color:var(--text-muted);font-size:.85rem;line-height:1.5;margin-bottom:1rem}.tasks-list{font-size:.95rem;line-height:1.8;margin:.5rem 0 0;padding-left:1.5rem}.tasks-list li{color:#9ca3af;color:var(--text-muted);margin-bottom:.75rem;transition:color .3s ease}.tasks-list li::marker{color:#a3e635;color:var(--light-green);font-weight:700}.tasks-list li:hover{color:#f9fafb;color:var(--text-primary)}.description-points{font-size:.95rem;line-height:1.8;list-style:none;margin:.5rem 0 0;padding-left:0}.description-points li{color:#9ca3af;color:var(--text-muted);margin-bottom:.5rem;padding:.5rem 0 .5rem 1.5rem;position:relative;transition:color .3s ease}.description-points li:before{color:#a3e635;color:var(--light-green);content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.description-points li:hover{color:#f9fafb;color:var(--text-primary)}.proof-form{background:#0f172a80;border:1px solid #22c55e4d;border:1px solid var(--border-color);border-radius:1rem;gap:1.25rem;padding:1.5rem}.file-input-label,.proof-form{display:flex;flex-direction:column}.file-input-label{color:#f9fafb;color:var(--text-primary);font-size:.9rem;font-weight:600;gap:.5rem}.file-input{background:#0f172a;background:var(--card-bg);border:2px dashed #22c55e4d;border:2px dashed var(--border-color);border-radius:.75rem;color:#9ca3af;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.75rem;transition:all .3s ease}.file-input:hover{border-color:#a3e635;border-color:var(--light-green);color:#a3e635;color:var(--light-green)}.files-preview{color:#9ca3af;color:var(--text-muted);font-size:.85rem;list-style:none;padding-left:0}.files-preview li{background:#16a34a1a;border-left:3px solid #22c55e;border-left:3px solid var(--accent-green);border-radius:.25rem;margin-bottom:.35rem;padding:.5rem .75rem}.notes-label{display:flex;flex-direction:column;font-weight:600;gap:.5rem}.notes-label,.notes-label textarea{color:#f9fafb;color:var(--text-primary);font-size:.9rem}.notes-label textarea{background-color:#0f172a;background-color:var(--card-bg);border:1px solid #22c55e4d;border:1px solid var(--border-color);border-radius:.75rem;font-family:inherit;min-height:110px;padding:.75rem 1rem;resize:vertical;transition:all .3s ease}.notes-label textarea::placeholder{color:#9ca3af;color:var(--text-muted)}.notes-label textarea:focus{background-color:#0f172acc;border-color:#22c55e;border-color:var(--accent-green);box-shadow:0 0 0 3px #22c55e1a;outline:none}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--accent-green),var(--primary-green));border:none;border-radius:.75rem;box-shadow:0 10px 30px #22c55e4d;color:#020617;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.05em;padding:.9rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 15px 40px #22c55e66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media (max-width:768px){.levels-wrapper{padding:1.5rem 1rem 2.5rem}.level-detail-card{padding:1.5rem 1.25rem 1.75rem}.level-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.level-detail-icon{font-size:2.8rem}.level-name{font-size:1.5rem}.proof-form{gap:1rem}.level-section h2{font-size:1.1rem}}.game-container{background:linear-gradient(180deg,#7dd3fc,#e0f2fe);height:90vh;overflow:hidden;position:relative;width:100vw}.score-display{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;left:1rem;padding:.75rem 1.5rem;position:absolute;top:1rem;z-index:10}.score-text{color:#1f2937;font-size:1.5rem;font-weight:700}.bin-type-display{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:.75rem 1.5rem;position:absolute;right:1rem;top:1rem;z-index:10}.bin-type-label{color:#1f2937;font-size:1.125rem;font-weight:700}.bin-type-badge{border-radius:.25rem;color:#fff;margin-left:.5rem;padding:.25rem .75rem}.bin-type-badge.recyclable{background-color:#3b82f6}.bin-type-badge.organic{background-color:#22c55e}.bin-type-badge.hazardous{background-color:#ef4444}.controls-help{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;left:50%;padding:.5rem 1.5rem;position:absolute;top:5rem;transform:translateX(-50%);z-index:10}.controls-text{color:#4b5563;font-size:.875rem}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:absolute;z-index:20}.start-screen{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;padding:2rem;text-align:center}.start-title{color:#1f2937;font-size:2.25rem;font-weight:700;margin-bottom:1rem}.start-description{color:#4b5563;margin-bottom:1.5rem}.bin-types-list{margin-bottom:1.5rem;text-align:left}.bin-type-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.bin-type-item-badge{border-radius:.25rem;color:#fff;font-size:.875rem;font-weight:700;min-width:100px;padding:.25rem .75rem}.bin-type-item-badge.recyclable{background-color:#3b82f6}.bin-type-item-badge.organic{background-color:#22c55e}.bin-type-item-badge.hazardous{background-color:#ef4444}.bin-type-item-text{font-size:.875rem}.start-button{background-color:#22c55e;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;padding:.75rem 2rem;transition:background-color .2s}.start-button:hover{background-color:#16a34a}.game-over-screen{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:42rem;padding:2rem}.game-over-title{color:#dc2626;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.game-over-content{margin-bottom:1.5rem}.game-over-message{font-size:1.25rem;margin-bottom:1rem}.game-over-emoji{font-size:1.5rem}.game-over-correction{font-size:1.125rem;margin-bottom:1rem}.game-over-info-box{background-color:#f3f4f6;border-radius:.5rem;padding:1rem}.game-over-info-text{color:#1f2937;line-height:1.625}.game-over-footer{text-align:center}.final-score{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.play-again-button{align-items:center;background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:700;gap:.5rem;padding:.75rem 2rem;transition:background-color .2s}.play-again-button:hover{background-color:#2563eb}.falling-item{font-size:2.25rem;position:absolute;transform:translate(-50%,-50%);transition:all .05s linear}.dustbin-container{bottom:2rem;position:absolute;transform:translateX(-50%);transition:all .1s linear}.dustbin{align-items:center;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;height:6rem;justify-content:center;position:relative;width:5rem}.dustbin.recyclable{background-color:#3b82f6}.dustbin.organic{background-color:#22c55e}.dustbin.hazardous{background-color:#ef4444}.dustbin-icon{color:#fff;font-size:2.25rem}.dustbin-label{background:#fff;border-radius:.25rem;font-size:.75rem;font-weight:700;left:50%;padding:.25rem .5rem;position:absolute;top:-2rem;transform:translateX(-50%);white-space:nowrap}.shop-page{background:var(--color-white);min-height:80vh}.shop-header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:50}.shop-header-content{margin:0 auto;max-width:1280px;padding:1rem}.search-filter-bar{align-items:center;display:flex;gap:1rem;width:100%}.search-wrapper{flex:1 1;min-width:0;position:relative}.search-icon{color:#9ca3af;font-size:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;outline:none;padding:.625rem 1rem .625rem 2.25rem;transition:all .2s;width:100%}.search-input:focus{border-color:#059669;box-shadow:0 0 0 2px #05966933}.cart-button{align-items:center;background-color:#059669;border-radius:.5rem;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;color:#fff;cursor:pointer;display:flex;flex-shrink:0;gap:.5rem;padding:.625rem 1rem;transition:background-color .2s;white-space:nowrap}.cart-button:hover{background-color:#047857}.cart-text{font-size:.9rem;font-weight:600}.filters-wrapper{position:relative}.mobile-filter-toggle{display:none}.category-filters{-ms-overflow-style:none;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-btn{background-color:#f3f4f6;border:1px solid #0000;border-radius:.5rem;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1rem;transition:all .2s;white-space:nowrap}.category-btn:hover{background-color:#e5e7eb}.category-btn.active{background-color:#059669;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;color:#fff}@media (max-width:639px){.shop-header-content{padding:.75rem}.cart-text{display:none}.cart-button{padding:.625rem}.mobile-filter-toggle{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.category-filters{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;display:none;flex-direction:column;margin-top:.5rem;min-width:200px;padding:.5rem;position:absolute;right:-3rem;top:100%;z-index:100}.category-filters.show-dropdown{display:flex}.category-btn{background-color:#fff;text-align:left;width:100%}.category-btn:hover{background-color:#f9fafb}.category-btn.active{background-color:#ecfdf5;border-color:#059669;color:#059669}}.products-section{margin:0 auto;max-width:1280px;padding:3rem 1rem}.empty-state{padding:4rem 0;text-align:center}.empty-state p{color:#6b7280;font-size:1.25rem}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;box-shadow:0 1px 4px #00000029;overflow:hidden;transition:all .3s}.product-card:hover{box-shadow:0 1px 4px #00000029;transform:translateY(-2px)}.product-image-wrapper{aspect-ratio:1/1;background-color:#f3f4f6;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;overflow:hidden;position:relative}.product-image{height:100%;object-fit:cover;transition:transform .5s;width:100%}.product-card:hover .product-image{transform:scale(1.1)}.product-price-badge{background-color:#059669;border-radius:9999px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:.75rem;top:.75rem}.product-info{padding:1.25rem}.product-name{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 .5rem;transition:color .2s}.product-card:hover .product-name{color:#059669}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;margin:0 0 1rem;overflow:hidden}.add-to-cart-btn{align-items:center;background-color:#059669;display:flex;gap:.5rem;justify-content:center;padding:.625rem;transition:all .3s;width:100%}.add-to-cart-btn:hover:not(.added){background-color:#047857;box-shadow:0 10px 15px -3px #0000001a}.add-to-cart-btn.added{background-color:#10b981;cursor:default}.btn-icon{font-size:1.125rem}.shop-footer{margin:0 auto;max-width:1280px;padding:0 1rem 3rem}.footer-card{background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:.75rem;padding:2rem}.footer-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.footer-item{padding:1rem}.footer-icon{font-size:2rem;margin-bottom:.5rem}.footer-title{color:#111827;font-weight:600;margin:0 0 .25rem}.footer-text{color:#6b7280;font-size:.875rem;margin:0}@media (min-width:640px){.search-filter-bar{flex-direction:row}.shop-header-content{padding:1.5rem}.products-section{padding:3rem 1.5rem}.shop-footer{padding:0 1.5rem 3rem}}@media (min-width:1024px){.shop-header-content{padding:1.5rem 2rem}.products-section{padding:3rem 2rem}.shop-footer{padding:0 2rem 3rem}}@media (max-width:639px){.shop-title{font-size:1.875rem}.header-top{align-items:flex-start;flex-direction:column;gap:1rem}.cart-button{align-self:flex-end}}.details-page{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;gap:1rem;margin:2rem auto;max-width:75.5rem;min-height:51vh;padding:1rem;position:relative;text-align:left}.back-button{border:.1rem solid #10b981;border-radius:10rem;gap:.4rem;left:2rem;padding:.5rem .6rem;position:absolute;top:2rem;transition:all .2s ease;z-index:10}.back-button:hover{transform:translateX(-3px)}.back-icon{font-size:1rem}.image-container{flex-shrink:0}.details-image{border-radius:.5rem;display:block;height:47vh;object-fit:fill;width:-webkit-fit-content;width:fit-content}.details-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:47vh}.details-name{color:#111827;font-size:2rem;font-weight:700}.details-description{color:#6b7280;font-size:1rem}.details-price{color:#059669;font-size:1.75rem;font-weight:700}.add-to-cart-btn{background:#059669;border:none;border-radius:.5rem;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:background .2s}.add-to-cart-btn:hover{background:#047857}@media (max-width:768px){.details-page{flex-direction:column;gap:1.5rem;margin:1rem;padding:1rem;text-align:center}.details-content{align-items:center}.details-image{height:auto;max-height:60rem;width:100%}.details-price{margin-bottom:1rem}}.cart-page{margin:2rem auto;max-width:900px;padding:0 1.5rem}.cart-title{color:#111827;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:left}.cart-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.cart-item{align-items:center;border:1px solid #f3f4f6;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d;display:flex;padding:1.5rem;transition:all .2s ease}.cart-item:hover{border-color:#e5e7eb;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.cart-item-image{border-radius:.5rem;flex-shrink:0;height:10rem;margin-right:1.5rem;object-fit:contain;width:-webkit-fit-content;width:fit-content}.cart-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.cart-info h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.cart-info p{color:#6b7280;font-size:1rem;margin:0}.cart-item-price{color:#059669;font-size:1.1rem;font-weight:600;margin-top:.25rem}.remove-cart-btn{background:#fef2f2;border:1px solid #fee2e2;border-radius:.5rem;color:#ef4444;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:1rem;padding:.6rem 1.2rem;transition:all .2s;white-space:nowrap}.remove-cart-btn:hover{background:#f8bfbf;transform:scale(1.02)}.empty-cart{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:.75rem;color:#9ca3af;font-size:1.25rem;margin-top:4rem;padding:3rem;text-align:center}.checkout-btn{background-color:#059669;border:none;border-radius:.75rem;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;color:#fff;cursor:pointer;display:block;font-size:1.125rem;font-weight:700;margin:2rem 0 0;max-width:300px;padding:1rem;text-align:center;transition:all .2s ease;width:100%}.checkout-btn:hover{background-color:#047857;transform:translateY(-2px)}.checkout-btn:active{background-color:#065f46;transform:translateY(0)}@media (max-width:640px){.checkout-btn{max-width:100%}.cart-page{margin:1.5rem auto;padding:0 1rem}.cart-title{font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.cart-item{align-items:center;padding:1.25rem;text-align:center}.cart-item-image{height:120px;margin-bottom:1rem;margin-right:0;width:120px}.cart-info{margin-bottom:1rem}.cart-info,.remove-cart-btn{align-items:center;width:100%}.remove-cart-btn{display:flex;justify-content:center;margin-left:0;padding:.8rem}}.checkout-page{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;margin:3rem auto;max-width:900px;padding:2.5rem;position:relative}.back-button{align-items:center;background:#ecfdf5;border:none;border-radius:.5rem;color:#059669;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;transition:background .2s ease}.back-button:hover{background:#d1fae5}.checkout-page h2{color:#111827;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.checkout-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 0 2rem;padding:0}.checkout-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}.checkout-item-left{align-items:center;display:flex;gap:1rem}.checkout-item-img{background:#f9fafb;border-radius:.25rem;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;height:60px;object-fit:fill;width:60px}.checkout-item-info{display:flex;flex-direction:column}.checkout-item-name{color:#111827;font-size:1.1rem;font-weight:600}.checkout-item-qty{color:#6b7280;font-size:.9rem}.checkout-item-price{color:#059669;font-size:1.1rem;font-weight:700}.checkout-summary{border-top:2px solid #f3f4f6;padding-top:1.5rem;text-align:right}.checkout-total{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;justify-content:flex-end;margin-bottom:1.5rem}.pay-btn{background-color:#059669;border:none;border-radius:.75rem;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;color:#fff;cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:700;padding:1rem 3rem;transition:all .2s ease}.pay-btn:hover{background-color:#047857;transform:translateY(-2px)}.empty-cart-message{color:#6b7280;font-size:1.2rem;margin-top:2rem;text-align:center}@media (max-width:600px){.checkout-item{align-items:flex-start;flex-direction:column;gap:.5rem}.checkout-item-price{align-self:flex-end}.checkout-summary,.checkout-total{justify-content:flex-start;text-align:left}.pay-btn{text-align:center;width:100%}}.quantity-controls{align-items:center;display:flex;gap:8px;margin-top:8px}.quantity-controls button{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 8px;transition:all .2s ease}.quantity-controls button:hover{background-color:#e0e0e0}.quantity-controls span{font-weight:700;min-width:24px;text-align:center}.remove-btn{background-color:#fdd;border:1px solid #f88;border-radius:4px;color:#900;cursor:pointer;margin-left:8px;padding:4px 6px}.remove-btn:hover{background-color:#fcc}:root{--color-resolved:#2ecc71;--color-event:grey}.dashboard-page{background-color:#f8f9fa;background-color:var(--color-background);min-height:100vh;padding:2rem}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.dashboard-header__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2.2rem;margin:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.stat-card__title{color:#555;font-size:1rem;margin-bottom:.5rem}.stat-card__value{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2.5rem;font-weight:700}.dashboard-module{background-color:#fff;background-color:var(--color-white);margin-bottom:2rem;padding:1.5rem}.module-header{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1.5rem}.leaflet-container{border-radius:8px;z-index:1}.leaflet-popup .leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 2px 10px #00000026}.leaflet-popup .leaflet-popup-content{font-family:Lato,sans-serif;font-family:var(--font-body)}.marker-pin{background:#f39c12;background:var(--color-pending);border:2px solid #fff;border:2px solid var(--color-white);border-radius:50% 50% 90% 90%;box-shadow:0 0 5px #00000080;height:30px;left:50%;margin:-15px 0 0 -15px;position:absolute;top:50%;transform:rotate(-45deg);width:30px}.marker-pin:after{background:#fff;background:var(--color-white);border-radius:50%;content:"";height:14px;margin:6px 0 0 6px;position:absolute;width:14px}.marker-pin.allotted{background:#3498db;background:var(--color-allotted)}.marker-pin.resolved{background:#2ecc71;background:var(--color-resolved)}.marker-pin.event{background:grey;background:var(--color-event)}.marker-pin.franchisee{background:#e63946}.marker-pin.franchisee:hover{box-shadow:0 0 8px #e63946cc}.table-container{overflow-x:auto}.reports-table{border-collapse:collapse;font-size:.95rem;width:100%}.reports-table td,.reports-table th{padding:12px 15px;text-align:left}.reports-table thead{background-color:#f5f7fa}.reports-table th{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-weight:600}.reports-table tbody tr{border-bottom:1px solid #dbe2e9;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.reports-table tbody tr:hover{background-color:#f0fdf4}.status-badge{text-transform:capitalize}.status--resolved{background-color:#2ecc71}.btn{border:2px solid #0000;padding:8px 16px;transition:all .2s ease}.btn--secondary{background-color:#fff;background-color:var(--color-white);border-color:#77b0aa;border-color:var(--color-accent-green);color:#77b0aa;color:var(--color-accent-green)}.btn--secondary:hover{background-color:#77b0aa;background-color:var(--color-accent-green);color:#fff;color:var(--color-white)}.btn:disabled{border-color:#ccc}.btn--back{background-color:#fff;background-color:var(--color-white);border-color:#dbe2e9;border-color:var(--color-border);color:#34495e;color:var(--color-text);font-size:.95rem;padding:8px 16px}.btn--back:hover{background-color:#f8f9fa;background-color:var(--color-background);border-color:#34495e;border-color:var(--color-text)}.osp-selection-container{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.osp-selection-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.selected-report-info{background-color:#f0fdf4;border-left:4px solid #0a6847;border-left:4px solid var(--color-primary-green);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.selected-report-info h3{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.selected-report-info p{color:#34495e;color:var(--color-text);margin:.5rem 0}.osp-selection-content h3{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.2rem;margin-bottom:1.5rem}.loading-text{color:#666}.loading-text,.no-osps-message{font-style:italic;padding:2rem;text-align:center}.no-osps-message{background-color:#f9f9f9;border-radius:8px;color:#999}.osp-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.osp-card{align-items:center;background-color:#fff;background-color:var(--color-white);border:2px solid #dbe2e9;border:2px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.osp-card:hover{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.osp-info{flex:1 1}.osp-name{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.1rem;margin:0 0 .5rem}.osp-phone{color:#666;font-size:.9rem;margin:0}.loading-state{align-items:center;color:#34495e;color:var(--color-text);display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}:root{--color-pending:#f39c12;--color-allotted:#3498db;--color-resolved:#27ae60}.report-display-page{background-color:#f8f9fa;background-color:var(--color-background);min-height:100vh;padding:2.5rem 1.5rem}.report-container{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);margin:0 auto;max-width:1000px;overflow:hidden}.back-link{color:#0a6847;color:var(--color-primary-green);display:inline-block;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-weight:600;margin-bottom:1.5rem;text-decoration:none;transition:all .3s ease}.back-link:hover{text-decoration:underline;transform:translateX(-4px)}.report-header{background-color:#0a6847;background-color:var(--color-primary-green);color:#fff;color:var(--color-white);padding:1.5rem 2rem}.report-header__title{font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2rem;margin:0}.report-header__id{font-family:monospace;margin:.5rem 0 0;opacity:.9}.report-body__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.report-images{display:flex;flex-direction:column;gap:1.5rem}.image-display{text-align:center}.image-display__caption{color:#34495e;color:var(--color-text);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.1rem;margin-bottom:.75rem}.image-display__img{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000014;width:100%}.report-details{display:flex;flex-direction:column;gap:1.5rem}.info-box{background-color:#f8f9fa;background-color:var(--color-background);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.info-box__title{border-bottom:1px solid #dbe2e9;border-bottom:1px solid var(--color-border);color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.25rem;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem}.info-box dl{margin:0}.info-box dt{color:#555;font-weight:600;margin-top:.75rem}.info-box dd{word-wrap:break-word;color:#34495e;color:var(--color-text);margin:.25rem 0 0}.status-badge{border-radius:20px;color:#fff;color:var(--color-white);display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.status--pending{background-color:#f39c12;background-color:var(--color-pending)}.status--allotted{background-color:#3498db;background-color:var(--color-allotted)}.status--resolved{background-color:#27ae60;background-color:var(--color-resolved)}@media (max-width:850px){.report-body__grid{grid-template-columns:1fr}}:root{--color-border:#dbe2e9;--color-success:#2ecc71;--color-error:#e74c3c}.event-form-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#eef2f5);background:linear-gradient(135deg,var(--color-background),#eef2f5);display:flex;justify-content:center;min-height:100vh;padding:2.5rem 1.5rem}.event-form-card{background-color:#fff;background-color:var(--color-white);border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 8px 20px #0000001a;box-shadow:var(--shadow-md);max-width:550px;padding:2.5rem;width:100%}.event-form__header{margin-bottom:2rem;text-align:center}.event-form__title{color:#0a6847;color:var(--color-primary-green);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2rem}.event-form{gap:1.25rem}.event-form,.form__group{display:flex;flex-direction:column}.form__label{color:#34495e;color:var(--color-text);font-size:.9rem;font-weight:700;margin-bottom:.5rem}.form__input,.form__textarea{border:1px solid #dbe2e9;border:1px solid var(--color-border);border-radius:8px;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:1rem;padding:12px 14px;transition:all .3s ease-in-out;transition:var(--transition-smooth);width:100%}.form__input:focus,.form__textarea:focus{border-color:#77b0aa;border-color:var(--color-accent-green);box-shadow:0 0 0 3px #77b0aa33;outline:none}.form__textarea{min-height:100px;resize:vertical}.btn{border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:14px 24px;transition:all .3s ease-in-out;transition:var(--transition-smooth);width:100%}.btn--primary{background-color:#77b0aa;background-color:var(--color-accent-green);color:#fff;color:var(--color-white)}.btn--primary:hover{background-color:#0a6847;background-color:var(--color-primary-green)}.btn:disabled{background-color:#ccc;cursor:not-allowed}.form__message{border-radius:8px;font-weight:600;margin-top:1.5rem;padding:.75rem;text-align:center}.form__message--success{background-color:#eafaf1;color:#0a6847;color:var(--color-primary-green)}.form__message--error{background-color:#fbecec;color:#e74c3c;color:var(--color-error)}*{box-sizing:border-box;margin:0;padding:0}:root{--font-heading:"Poppins",sans-serif;--font-body:"Lato",sans-serif;--color-background:#f8f9fa;--color-text:#34495e;--color-primary-green:#0a6847;--color-accent-green:#77b0aa;--color-highlight-bg:#f0fdf4;--color-white:#fff;--color-border:#e0e0e0;--border-radius:12px;--shadow-sm:0 4px 12px #0000000f;--shadow-md:0 8px 20px #0000001a;--transition-smooth:all 0.3s ease-in-out;--color-text-dark:#333;--color-text-light:#fff;--color-background-light:#f7fafc;--color-border-light:#e2e8f0;--color-shadow:#0000000d}
/*# sourceMappingURL=main.70d0a9bd.css.map*/