.app{display:flex;flex-direction:column;min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .5s ease-out}.navbar{background:var(--lighter-bg);box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:80px}.nav-logo{display:flex;align-items:center;gap:12px;color:var(--secondary-color);font-size:1.6rem;font-weight:700;letter-spacing:-.5px}.logo-icon{font-size:2.2rem}.nav-menu{display:flex;gap:8px;align-items:center}.nav-link{color:var(--dark-text);font-weight:500;padding:10px 18px;border-radius:8px;transition:all .3s;font-size:.95rem}.nav-link:hover{background:var(--hover-bg);color:var(--accent-blue)}.admin-link{background:var(--secondary-color);color:var(--primary-color)}.admin-link:hover{background:var(--dark-text)}.language-toggle{background:var(--light-bg);color:var(--dark-text);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;font-size:.9rem}.language-toggle:hover{background:var(--hover-bg);border-color:var(--dark-text)}.user-main{flex:1;width:100%}.home-page{padding:0}.hero-section{background:var(--lighter-bg);color:var(--dark-text);padding:80px 20px;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:60px;animation:fadeIn .8s ease-out}.hero-content{flex:1}.wwf-badge{display:inline-block;background:var(--light-bg);color:var(--dark-text);padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;margin-bottom:24px;border:1px solid var(--border-color);animation:slideInLeft .8s ease-out}.hero-title{font-size:3.5rem;margin-bottom:1.2rem;color:var(--secondary-color);font-weight:700;line-height:1.2;letter-spacing:-1px}.hero-subtitle{font-size:1.6rem;margin-bottom:1rem;color:var(--dark-text);font-weight:600}.hero-description{font-size:1.15rem;margin-bottom:2.5rem;color:var(--gray-text);line-height:1.6}.hero-actions{display:flex;gap:20px}.hero-image{flex:0 0 auto}.hero-photo{width:550px;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px #00000026;animation:slideInRight 1s ease-out;border:1px solid var(--border-color)}.hero-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.hero-icon{font-size:7rem;animation:pulse 3s infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hero-icon-sub{font-size:4rem;position:absolute;bottom:-10px;right:-10px;animation:bounce 2s infinite}.awareness-section{background:linear-gradient(180deg,var(--lighter-bg) 0%,white 100%);padding:80px 20px;margin:0}.awareness-container{max-width:1200px;margin:0 auto}.awareness-title{font-size:3rem;text-align:center;margin-bottom:15px;color:var(--secondary-color);font-weight:700;letter-spacing:-1px;animation:fadeIn .8s ease-out}.awareness-subtitle{font-size:1.3rem;text-align:center;color:var(--gray-text);margin-bottom:60px;font-weight:500;animation:fadeIn 1s ease-out}.worlds-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin-bottom:50px}.world-frame{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 15px 50px #0003;transition:all .5s cubic-bezier(.4,0,.2,1);animation:scaleIn .8s ease-out;min-height:500px;display:flex;flex-direction:column;cursor:pointer}.world-frame:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 70px #0000004d}.world-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.world-bg-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.world-frame:hover .world-bg-image{transform:scale(1.1)}.world-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:opacity .5s ease}.clean-gradient{background:linear-gradient(180deg,#87ceeb4d,#90ee9066 40%,#32cd3299)}.messy-gradient{background:linear-gradient(180deg,#32323280,#50505099 40%,#282828cc)}.world-frame:hover .world-overlay-gradient{opacity:.7}.world-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.floating-element{position:absolute;font-size:2.5rem;animation:float 3s infinite ease-in-out;opacity:.9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.clean-decorations .bird-1{top:10%;left:15%;animation:fly 8s infinite ease-in-out}.clean-decorations .bird-2{top:25%;right:20%;animation:butterfly 6s infinite ease-in-out}.clean-decorations .bird-3{top:15%;right:10%;animation:fly 10s infinite ease-in-out;animation-delay:1s}.clean-decorations .flower-1{bottom:20%;left:10%;animation:bloom 3s infinite ease-in-out}.clean-decorations .flower-2{bottom:15%;right:15%;animation:bloom 3s infinite ease-in-out;animation-delay:1.5s}.clean-decorations .sun{top:8%;left:10%;font-size:3rem;animation:pulse 4s infinite ease-in-out}.messy-decorations .trash-1{top:60%;left:15%;animation:shake 2s infinite ease-in-out}.messy-decorations .trash-2{bottom:25%;right:20%;animation:shake 2.5s infinite ease-in-out;animation-delay:.5s}.messy-decorations .trash-3{bottom:30%;left:25%;animation:shake 2.2s infinite ease-in-out;animation-delay:1s}.messy-decorations .smoke-1{top:15%;left:20%;animation:drift 5s infinite ease-in-out}.messy-decorations .smoke-2{top:25%;right:15%;animation:drift 6s infinite ease-in-out;animation-delay:1s}.messy-decorations .warning{top:10%;right:10%;font-size:3rem;animation:pulse 2s infinite ease-in-out}.world-content-overlay{position:relative;z-index:4;margin-top:auto;padding:35px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease}.clean-overlay{background:linear-gradient(180deg,#00c853eb,#00a86bf5);border-top:3px solid rgba(255,255,255,.3)}.messy-overlay{background:linear-gradient(180deg,#dc3545eb,#8b0000f5);border-top:3px solid rgba(255,255,255,.2)}.world-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin-bottom:15px;box-shadow:0 4px 15px #0000004d;animation:bounce 2s infinite ease-in-out}.clean-badge{background:linear-gradient(135deg,#00e676,#00c853);border:3px solid white}.messy-badge{background:linear-gradient(135deg,#ff5252,#d32f2f);border:3px solid rgba(255,255,255,.8)}.badge-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.world-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:15px;text-shadow:0 2px 8px rgba(0,0,0,.4);letter-spacing:-.5px}.world-description{font-size:1.05rem;line-height:1.7;color:#fffffff2;margin-bottom:20px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.world-features{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.feature-tag{display:inline-block;padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.feature-tag:hover{background:#ffffff4d;transform:translateY(-2px)}.feature-tag.danger{background:#f003;border-color:#ff00004d}@keyframes fly{0%,to{transform:translate(0)}25%{transform:translate(30px,-15px)}50%{transform:translate(60px,-10px)}75%{transform:translate(30px,-20px)}}@keyframes butterfly{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,10px) rotate(-5deg)}50%{transform:translate(-40px,-5px) rotate(5deg)}75%{transform:translate(-20px,15px) rotate(-3deg)}}@keyframes bloom{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px,2px) rotate(-3deg)}50%{transform:translate(3px,-2px) rotate(3deg)}75%{transform:translate(-2px,1px) rotate(-2deg)}}@keyframes drift{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-30px);opacity:.9}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;animation:pulse 2s infinite}.vs-circle{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #667eea66;border:4px solid white;position:relative;transition:all .3s ease}.vs-circle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px #667eea99}.vs-icon{font-size:2rem;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs-text{font-size:1.4rem;font-weight:900;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4);letter-spacing:2px}.choice-arrow{font-size:2rem;animation:bounceArrow 1.5s infinite ease-in-out}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.awareness-cta{text-align:center;padding:40px;background:linear-gradient(135deg,#00a86b1a,#00c8531a);border-radius:20px;border:2px solid var(--accent-green);animation:fadeIn 1.5s ease-out}.cta-text{font-size:1.4rem;color:var(--dark-text);font-weight:600;margin-bottom:25px}.awareness-btn{animation:pulse 2s infinite;font-size:1.2rem}.awareness-btn:hover{animation:none}@media (max-width: 1024px){.worlds-comparison{grid-template-columns:1fr;gap:50px}.vs-divider{transform:rotate(0);flex-direction:row;gap:20px}.choice-arrow{transform:rotate(90deg)}.awareness-title{font-size:2.2rem}.awareness-subtitle{font-size:1.1rem}.world-frame{min-height:450px}.floating-element{font-size:2rem}.world-title{font-size:1.6rem}.world-description{font-size:1rem}}@media (max-width: 768px){.awareness-section{padding:60px 20px}.awareness-title{font-size:1.8rem}.awareness-subtitle{font-size:1rem;margin-bottom:40px}.world-frame{min-height:400px}.world-content-overlay{padding:25px 20px}.world-icon-badge{width:50px;height:50px}.badge-icon{font-size:1.5rem}.world-title{font-size:1.4rem}.world-description{font-size:.95rem}.feature-tag{font-size:.8rem;padding:6px 12px}.vs-circle{width:70px;height:70px}.vs-text{font-size:1.2rem}.vs-icon{font-size:1.5rem}.floating-element{font-size:1.8rem}.cta-text{font-size:1.1rem}.awareness-btn{padding:14px 28px;font-size:1rem}}@media (max-width: 480px){.world-frame{min-height:350px}.world-title{font-size:1.2rem}.world-description{font-size:.9rem;margin-bottom:15px}.world-features{gap:8px}.feature-tag{font-size:.75rem;padding:5px 10px}.floating-element{font-size:1.5rem}}.services-overview{max-width:1200px;margin:60px auto;padding:0 20px}.section-title{font-size:2.5rem;text-align:center;margin-bottom:50px;color:var(--secondary-color);font-weight:700;letter-spacing:-.5px}.waste-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.waste-type-card{background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #00000014;border:2px solid transparent;transition:all .3s ease;animation:slideUp .6s ease-out backwards;position:relative;overflow:hidden}.waste-card-image{width:calc(100% + 40px);height:160px;margin:-20px -20px 15px;overflow:hidden;border-radius:12px 12px 0 0;position:relative}.waste-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.waste-type-card:hover .waste-card-image img{transform:scale(1.1)}.card-corner-decoration{position:absolute;top:0;right:0;width:40px;height:40px;clip-path:polygon(100% 0,0 0,100% 100%);opacity:.3}.waste-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform .3s ease}.waste-type-card:hover:before{transform:scaleX(1)}.waste-type-card:nth-child(1){animation-delay:.1s}.waste-type-card:nth-child(2){animation-delay:.2s}.waste-type-card:nth-child(3){animation-delay:.3s}.waste-type-card:nth-child(4){animation-delay:.4s}.waste-type-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-color)}.waste-icon{font-size:2.5rem;margin-bottom:12px;display:inline-block;transition:transform .3s ease}.waste-type-card:hover .waste-icon{transform:scale(1.1) rotate(5deg)}.waste-type-card h3{font-size:1.2rem;margin:12px 0 8px;font-weight:600}.waste-type-card p{color:var(--gray-text);margin-bottom:15px;font-size:.9rem;line-height:1.5}.stats-section{background:var(--light-bg);padding:80px 20px;display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat-card{text-align:center;padding:30px;animation:scaleIn .6s ease-out backwards;transition:transform .3s ease;background:var(--lighter-bg);border-radius:12px;min-width:200px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;justify-content:center}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a}.stat-number{font-size:3rem;font-weight:700;color:var(--secondary-color);margin-bottom:10px;order:1}.stat-label{font-size:1.05rem;color:var(--gray-text);font-weight:500;order:2}.info-section{max-width:1400px;margin:80px auto;padding:0 20px 80px}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;animation:fadeIn 1s ease-out}.about-content{display:flex;flex-direction:column;gap:30px}.about-header{display:flex;align-items:center;gap:20px;margin-bottom:10px}.about-icon-large{font-size:4.5rem;animation:pulse 3s infinite}.about-title{font-size:2.5rem;color:var(--secondary-color);font-weight:700;margin:0;letter-spacing:-.5px}.about-description{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 16px #00000014;border-left:4px solid var(--accent-green)}.about-text{font-size:1.1rem;line-height:1.8;color:var(--dark-text);margin:0}.key-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-item{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;transition:all .3s ease;animation:slideUp .6s ease-out backwards}.feature-item:nth-child(1){animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.15s}.feature-item:nth-child(3){animation-delay:.2s}.feature-item:nth-child(4){animation-delay:.25s}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-item h4{font-size:1.15rem;color:var(--secondary-color);margin:0 0 8px;font-weight:600}.feature-item p{font-size:.95rem;color:var(--gray-text);margin:0;line-height:1.5}.partners-enhanced{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--dark-text) 100%);padding:35px;border-radius:16px;box-shadow:0 4px 20px #00000026}.partners-heading{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 25px;text-align:center;text-transform:uppercase;letter-spacing:1px}.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.partner-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.partner-card:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.partner-icon{font-size:3rem;flex-shrink:0}.partner-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 5px}.partner-info p{color:#ffffffd9;font-size:.9rem;margin:0}.about-visual{position:relative}.visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;height:100%}.visual-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000026;transition:all .3s ease;animation:scaleIn .6s ease-out backwards}.visual-item:nth-child(1){animation-delay:.2s}.visual-item:nth-child(2){animation-delay:.3s}.visual-item:nth-child(3){animation-delay:.4s}.visual-large{grid-column:1 / -1;height:300px}.visual-small{height:250px}.visual-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.visual-item:hover img{transform:scale(1.1)}.visual-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;display:flex;align-items:flex-end}.visual-label{color:#fff;font-weight:600;font-size:1.1rem}.visual-item:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0003}.info-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #00000014;animation:fadeIn 1s ease-out;position:relative}.info-icon{font-size:4rem;margin-bottom:20px;display:inline-block;animation:scaleIn 1s ease-out}.info-card p{font-size:1.05rem;line-height:1.8;color:var(--gray-text);margin-top:20px;text-align:left}.partners-section{margin-top:40px;padding-top:30px;border-top:2px solid var(--light-bg)}.partners-title{font-weight:600;color:var(--gray-text);margin-bottom:20px;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.partners-logos{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.partner-logo{background:var(--light-bg);padding:15px 30px;border-radius:12px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.partner-logo:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a;background:#fff}.btn{padding:14px 32px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block;text-align:center}.btn-primary{background:var(--secondary-color);color:var(--primary-color)}.btn-primary:hover{background:var(--dark-text);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.btn-secondary{background:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color)}.btn-secondary:hover{background:var(--secondary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-small{padding:10px 24px;font-size:.9rem}.btn-large{padding:18px 48px;font-size:1.1rem}.services-page{max-width:1200px;margin:0 auto;padding:40px 20px}.page-title{font-size:2.8rem;margin-bottom:30px;color:var(--secondary-color);font-weight:700;letter-spacing:-.5px}.services-content{display:grid;grid-template-columns:1fr 1fr;gap:40px}.collection-form-container{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.collection-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--dark-text)}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.waste-types-info{display:flex;flex-direction:column;gap:20px}.waste-info-card{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 8px #00000014;border-left:4px solid;display:flex;gap:12px;align-items:flex-start;transition:all .3s ease;animation:slideInRight .5s ease-out backwards}.waste-info-card:nth-child(1){animation-delay:.1s}.waste-info-card:nth-child(2){animation-delay:.2s}.waste-info-card:nth-child(3){animation-delay:.3s}.waste-info-card:nth-child(4){animation-delay:.4s}.waste-info-card:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001f}.waste-info-icon{font-size:2rem;min-width:40px}.waste-info-content h3{margin-bottom:6px;font-size:1.1rem}.waste-info-content p{color:var(--gray-text);font-size:.9rem;line-height:1.5}.success-message{background:#d4edda;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #c3e6cb}.profile-page{max-width:800px;margin:0 auto;padding:40px 20px}.profile-content{display:flex;flex-direction:column;gap:30px}.profile-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto 20px}.profile-member-since{color:var(--gray-text);margin-top:10px}.profile-details{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px}.detail-group label{font-weight:600;color:var(--gray-text);font-size:.9rem;display:block;margin-bottom:5px}.detail-group p{font-size:1.1rem}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-box{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center;transition:all .3s ease;animation:scaleIn .5s ease-out backwards}.stat-box:nth-child(1){animation-delay:.1s}.stat-box:nth-child(2){animation-delay:.2s}.stat-box:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001f}.stat-value{font-size:2.2rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.stat-label{color:var(--gray-text);font-size:.95rem}.history-page{max-width:1200px;margin:0 auto;padding:40px 20px}.history-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--border-color)}.tab-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:15px 30px;font-size:1.05rem;font-weight:600;color:var(--gray-text);cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:var(--accent-blue);background:var(--light-bg)}.tab-button.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.tab-icon{font-size:1.3rem}.history-content{background:transparent}.history-list-narrow{display:flex;flex-direction:column;gap:20px}.history-card-narrow{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;animation:slideUp .5s ease-out backwards;border-left:4px solid transparent}.history-card-narrow:nth-child(1){animation-delay:.05s}.history-card-narrow:nth-child(2){animation-delay:.1s}.history-card-narrow:nth-child(3){animation-delay:.15s}.history-card-narrow:nth-child(4){animation-delay:.2s}.history-card-narrow:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px);border-left-color:var(--accent-green)}.history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.waste-type-badge-compact{display:flex;align-items:center;gap:12px}.waste-icon-small{font-size:2rem}.waste-info h4{margin:0 0 4px;font-size:1.1rem;color:var(--secondary-color);font-weight:600}.collection-id{margin:0;font-size:.85rem;color:var(--gray-text)}.status-badge-compact{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600}.status-pending{background:#fff3cd;color:#856404}.status-scheduled{background:#d1ecf1;color:#0c5460}.status-in-progress{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.progress-section{margin:20px 0}.progress-label-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;font-weight:500;color:var(--dark-text)}.progress-percentage{color:var(--accent-blue);font-weight:700}.progress-bar-container{background:var(--light-bg);height:12px;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal));border-radius:10px;transition:width .6s ease}.cleanliness-section{margin:20px 0;padding:20px;background:var(--light-bg);border-radius:12px}.cleanliness-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--dark-text)}.cleanliness-icon{font-size:1.3rem}.cleanliness-score-container{background:#fff;height:40px;border-radius:20px;overflow:hidden;margin-bottom:12px}.cleanliness-score-bar{height:100%;background:linear-gradient(90deg,var(--accent-green),#00C853);display:flex;align-items:center;justify-content:flex-end;padding-right:15px;transition:width .8s ease}.score-text{color:#fff;font-weight:700;font-size:.95rem}.cleanliness-rating{text-align:center;margin-top:10px}.rating-excellent{color:var(--accent-green);font-weight:600;font-size:1rem}.rating-good{color:var(--accent-blue);font-weight:600;font-size:1rem}.rating-fair{color:var(--warning-color);font-weight:600;font-size:1rem}.history-details-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.detail-item{display:flex;align-items:flex-start;gap:10px}.detail-icon{font-size:1.3rem;flex-shrink:0}.detail-label{font-size:.8rem;color:var(--gray-text);text-transform:uppercase;font-weight:500;display:block;margin-bottom:4px}.detail-item p{margin:0;font-size:.95rem;color:var(--dark-text);font-weight:500}.history-list{display:flex;flex-direction:column;gap:20px}.history-card{border:2px solid var(--border-color);border-radius:10px;padding:16px;transition:all .3s ease;animation:slideUp .5s ease-out backwards;background:#fff}.history-card:hover{box-shadow:0 6px 16px #0000001a;transform:translate(8px);border-color:var(--accent-green)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.waste-type-badge{display:flex;align-items:center;gap:10px;font-weight:600}.status-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.history-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;gap:10px}.detail-row strong{min-width:150px}.guides-page{max-width:1200px;margin:0 auto;padding:40px 20px}.guides-intro{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:50px;border-left:4px solid var(--accent-green)}.guides-intro p{font-size:1.15rem;line-height:1.8;color:var(--gray-text)}.how-to-use-section{margin:60px 0}.how-to-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.how-to-step{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 16px #00000014;text-align:center;position:relative;transition:all .3s ease;animation:slideUp .6s ease-out backwards}.how-to-step:nth-child(1){animation-delay:.1s}.how-to-step:nth-child(2){animation-delay:.2s}.how-to-step:nth-child(3){animation-delay:.3s}.how-to-step:nth-child(4){animation-delay:.4s}.how-to-step:hover{transform:translateY(-10px);box-shadow:0 12px 30px #00000026}.step-number{position:absolute;top:-15px;right:20px;background:var(--accent-blue);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #0066cc4d}.step-icon{font-size:3rem;margin-bottom:15px}.step-image{width:100%;height:150px;object-fit:cover;border-radius:12px;margin:15px 0}.how-to-step h3{color:var(--secondary-color);margin:15px 0 10px;font-size:1.15rem;font-weight:600}.how-to-step p{color:var(--gray-text);line-height:1.6;font-size:.95rem}.guides-list{display:flex;flex-direction:column;gap:40px;margin:50px 0}.guide-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;display:grid;grid-template-columns:300px 1fr;gap:0;transition:all .3s ease;animation:slideUp .6s ease-out backwards}.guide-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.guide-image-container{position:relative;height:100%;min-height:350px}.guide-image{width:100%;height:100%;object-fit:cover}.guide-icon-overlay{position:absolute;top:20px;left:20px;background:#fffffff2;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px #00000026}.guide-card-content{padding:40px}.guide-title{color:var(--secondary-color);margin-bottom:25px;font-size:1.8rem;font-weight:700}.guide-section{display:flex;align-items:center;gap:10px;margin:25px 0 15px}.section-icon{font-size:1.5rem}.guide-content h3{margin:0;color:var(--dark-text);font-size:1.1rem;font-weight:600}.guide-steps{list-style:none;display:flex;flex-direction:column;gap:12px;margin:15px 0;padding-left:0}.guide-steps li{padding-left:35px;line-height:1.7;position:relative;color:var(--dark-text)}.step-check{position:absolute;left:0;color:var(--accent-green);font-weight:700;font-size:1.2rem}.guide-examples{background:var(--light-bg);padding:25px;border-radius:12px;margin-top:25px;border-left:4px solid var(--accent-blue)}.guide-examples h3{margin-bottom:12px!important}.guide-examples p{color:var(--gray-text);line-height:1.7;margin:0}.guides-footer{margin-top:60px}.tips-box{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--dark-text) 100%);color:#fff;padding:50px;border-radius:16px}.tips-box h3{margin-bottom:30px;font-size:1.6rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.tip-item{background:#ffffff1a;padding:25px;border-radius:12px;text-align:center;transition:all .3s ease}.tip-item:hover{background:#ffffff26;transform:translateY(-5px)}.tip-icon{font-size:2.5rem;margin-bottom:15px}.tip-item p{margin:0;font-size:.95rem;line-height:1.5}.admin-nav{background:var(--secondary-color);box-shadow:0 2px 4px #00000026;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.admin-nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:80px}.admin-logo{display:flex;align-items:center;gap:12px;color:var(--primary-color);font-size:1.5rem;font-weight:700}.admin-nav-menu{display:flex;gap:8px}.admin-nav-link{color:var(--primary-color);font-weight:500;padding:10px 20px;border-radius:8px;transition:all .3s;opacity:.85}.admin-nav-link:hover,.admin-nav-link.active{background:#ffffff1a;opacity:1}.admin-main{flex:1;background:#f5f7fa;padding:40px 20px}.admin-dashboard{max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-header h1{font-size:2.5rem;color:var(--dark-text)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.stat-card-admin{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;gap:20px}.stat-icon{font-size:3rem}.stat-info{flex:1}.stat-info .stat-value{font-size:2rem;font-weight:700;color:var(--dark-text)}.stat-info .stat-label{color:var(--gray-text);margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.dashboard-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;animation:fadeIn .6s ease-out}.dashboard-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-card.full-width{grid-column:1 / -1}.dashboard-card h2{font-size:1.5rem;margin-bottom:20px;color:var(--dark-text)}.chart-data{display:flex;flex-direction:column;gap:15px}.chart-row{display:grid;grid-template-columns:200px 1fr 100px;gap:15px;align-items:center}.chart-label{display:flex;align-items:center;gap:8px;font-weight:500}.chart-bar-container{background:var(--light-bg);height:30px;border-radius:15px;overflow:hidden}.chart-bar{height:100%;background:var(--accent-blue);border-radius:15px;transition:width .5s}.chart-value{text-align:right;font-weight:600}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.status-pending{background:#856404}.status-dot.status-scheduled{background:#0c5460}.status-dot.status-in-progress{background:#004085}.status-dot.status-completed{background:#155724}.trend-chart{display:flex;justify-content:space-around;align-items:flex-end;height:300px;gap:10px;padding:20px 0}.trend-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.trend-bar-fill{width:100%;background:var(--accent-green);border-radius:8px 8px 0 0;position:relative;transition:height .5s;display:flex;align-items:flex-start;justify-content:center;padding-top:10px}.trend-value{color:#fff;font-weight:700;font-size:.9rem}.trend-label{margin-top:10px;font-size:.85rem;color:var(--gray-text);text-align:center}.feedback-list{display:flex;flex-direction:column;gap:15px}.feedback-item{padding:15px;background:var(--light-bg);border-radius:8px}.feedback-header{display:flex;justify-content:space-between;margin-bottom:10px}.feedback-rating{color:gold}.feedback-comment{color:var(--gray-text);margin-bottom:10px;line-height:1.5}.feedback-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--gray-text)}.engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.engagement-stat{text-align:center;padding:20px;background:var(--light-bg);border-radius:8px}.engagement-label{color:var(--gray-text);font-size:.9rem;margin-bottom:10px}.engagement-value{font-size:2rem;font-weight:700;color:var(--accent-blue)}.metrics-summary{margin-top:25px}.metrics-grid{display:flex;flex-direction:column;gap:20px}.metric-item{display:flex;flex-direction:column;gap:10px}.metric-label{font-weight:600;color:var(--dark-text)}.progress-bar{background:var(--light-bg);height:30px;border-radius:15px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal));border-radius:15px;transition:width .5s}.progress-text{font-weight:600;color:var(--accent-blue);margin-left:10px}.advanced-charts-section{margin:40px 0}.section-heading{font-size:2rem;color:var(--dark-text);margin-bottom:30px;text-align:center;font-weight:700}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px}.chart-card{min-height:400px}.chart-card h3{font-size:1.2rem;color:var(--dark-text);margin-bottom:25px;font-weight:600;text-align:center}.pie-chart-container{display:flex;flex-direction:column;align-items:center;gap:30px}.pie-chart{width:220px;height:220px}.pie-chart-center-text{font-size:24px;font-weight:700;fill:var(--dark-text)}.pie-chart-legend{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.legend-item{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--dark-text)}.legend-color{width:20px;height:20px;border-radius:4px;flex-shrink:0}.timeline-chart{padding:20px}.timeline-grid{display:flex;justify-content:space-around;align-items:flex-end;height:280px;gap:15px}.timeline-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.timeline-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.timeline-bar{width:100%;max-width:60px;border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;transition:all .3s ease}.timeline-bar:hover{opacity:.8;transform:scaleY(1.05)}.timeline-value{color:#fff;font-weight:700;font-size:.85rem}.timeline-label{margin-top:10px;font-size:.9rem;font-weight:600;color:var(--gray-text)}.bar-chart-horizontal{display:flex;flex-direction:column;gap:20px;padding:20px}.bar-chart-row{display:flex;align-items:center;gap:15px}.bar-chart-label{min-width:140px;font-size:.9rem;font-weight:600;color:var(--dark-text)}.bar-chart-bar-container{flex:1;height:40px;background:var(--light-bg);border-radius:8px;position:relative;overflow:hidden}.bar-chart-bar{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal));border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;transition:width .6s ease}.bar-chart-value{color:#fff;font-weight:700;font-size:.9rem}.line-chart-container{padding:20px;display:flex;justify-content:center}.line-chart{width:100%;max-width:500px;height:250px}.line-chart-label{font-size:12px;fill:var(--dark-text);font-weight:600}.line-chart-axis-label{font-size:11px;fill:var(--gray-text);font-weight:500}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}.admin-collections{max-width:1400px;margin:0 auto}.filters{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:25px;display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600}.filter-group select{padding:8px 12px;border:2px solid var(--border-color);border-radius:6px;font-size:1rem}.collections-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow-x:auto}.collections-table{width:100%;border-collapse:collapse}.collections-table thead{background:var(--light-bg)}.collections-table th{padding:15px;text-align:left;font-weight:600;color:var(--dark-text);border-bottom:2px solid var(--border-color)}.collections-table td{padding:15px;border-bottom:1px solid var(--border-color)}.collections-table tbody tr:hover{background:var(--light-bg)}.table-summary{background:#fff;padding:15px 20px;border-radius:0 0 12px 12px;text-align:right;color:var(--gray-text);font-weight:500}.support-section{background:var(--lighter-bg);padding:80px 20px;animation:fadeIn .8s ease-out}.support-container{max-width:1200px;margin:0 auto}.support-header{text-align:center;margin-bottom:60px}.support-description{font-size:1.2rem;color:var(--gray-text);max-width:700px;margin:20px auto 0;line-height:1.7}.support-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.support-card{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 4px 16px #00000014;transition:all .4s ease;animation:slideUp .6s ease-out backwards;border-top:4px solid transparent}.support-card:nth-child(1){animation-delay:.1s;border-top-color:var(--accent-green)}.support-card:nth-child(2){animation-delay:.2s;border-top-color:var(--accent-blue)}.support-card:nth-child(3){animation-delay:.3s;border-top-color:var(--accent-teal)}.support-card:hover{transform:translateY(-10px);box-shadow:0 12px 32px #00000026}.support-icon{font-size:4rem;margin-bottom:20px;display:inline-block;animation:pulse 2s infinite}.support-card h3{font-size:1.5rem;color:var(--secondary-color);margin-bottom:15px;font-weight:700}.support-card p{color:var(--gray-text);line-height:1.7;margin-bottom:25px;font-size:1rem}.support-card .btn{margin-top:10px}.contact-newsletter-section{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--dark-text) 100%);padding:80px 20px;position:relative;overflow:hidden}.contact-newsletter-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.03)"/></svg>');background-size:100px 100px;opacity:.5;z-index:0}.contact-newsletter-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px;position:relative;z-index:1}.contact-box,.newsletter-box{background:#fffffffa;border-radius:20px;padding:50px 40px;box-shadow:0 12px 40px #0003;animation:slideUp .8s ease-out backwards;transition:all .4s ease}.contact-box{animation-delay:.1s}.newsletter-box{animation-delay:.2s}.contact-box:hover,.newsletter-box:hover{transform:translateY(-5px);box-shadow:0 16px 50px #00000040}.box-title{font-size:2rem;color:var(--secondary-color);margin-bottom:15px;font-weight:700;letter-spacing:-.5px}.box-description{color:var(--gray-text);font-size:1.1rem;margin-bottom:35px;line-height:1.6}.contact-info{display:flex;flex-direction:column;gap:25px;margin-bottom:35px}.contact-item{display:flex;align-items:flex-start;gap:20px;padding:20px;background:var(--light-bg);border-radius:12px;transition:all .3s ease}.contact-item:hover{background:var(--hover-bg);transform:translate(5px)}.contact-item-icon{font-size:2rem;flex-shrink:0}.contact-item-content{flex:1}.contact-label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.contact-value{font-size:1.05rem;color:var(--dark-text);font-weight:500;margin:0;line-height:1.5}.contact-value a{color:var(--accent-blue);text-decoration:none;transition:color .3s ease}.contact-value a:hover{color:var(--accent-teal);text-decoration:underline}.social-links{display:flex;justify-content:center;gap:15px;margin-top:30px;padding-top:30px;border-top:2px solid var(--border-color)}.social-link{width:60px;height:60px;border-radius:50%;background:var(--light-bg);display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.social-link:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px #00000026}.social-link.facebook:hover{background:#1877f2;filter:brightness(1.1)}.social-link.twitter:hover{background:#1da1f2;filter:brightness(1.1)}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);filter:brightness(1.1)}.social-link.line:hover{background:#00b900;filter:brightness(1.1)}.newsletter-form{margin-bottom:30px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.form-group-inline{display:flex;flex-direction:column}.newsletter-input{padding:16px 20px;border:2px solid var(--border-color);border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fff}.newsletter-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #0066cc1a}.newsletter-btn{width:100%;padding:18px 40px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.newsletter-benefits{background:var(--light-bg);padding:25px;border-radius:12px;display:flex;flex-direction:column;gap:15px}.benefit-item{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--dark-text);line-height:1.5}.benefit-icon{font-size:1.3rem;flex-shrink:0}@media (max-width: 1024px){.contact-newsletter-container{grid-template-columns:1fr;gap:30px}}@media (max-width: 768px){.support-section{padding:60px 20px}.support-ways{grid-template-columns:1fr}.contact-newsletter-section{padding:60px 20px}.contact-newsletter-container{grid-template-columns:1fr;min-width:auto}.contact-box,.newsletter-box{padding:35px 25px}.box-title{font-size:1.6rem}.form-row{grid-template-columns:1fr}.social-links{gap:12px}.social-link{width:50px;height:50px;font-size:1.7rem}}.user-footer,.admin-footer{background:var(--secondary-color);color:var(--primary-color);padding:50px 20px 30px;margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-content p{margin:8px 0;opacity:.85;font-size:.95rem}.no-data{text-align:center;padding:40px;color:var(--gray-text);font-size:1.1rem}@media (max-width: 768px){.nav-menu{gap:10px}.nav-link{padding:6px 10px;font-size:.9rem}.hero-section{flex-direction:column;text-align:center;padding:40px 20px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.waste-types-grid,.services-content{grid-template-columns:1fr}.stats-section{flex-direction:column;gap:20px}.about-container{grid-template-columns:1fr;gap:40px}.about-header{flex-direction:column;text-align:center}.about-title{font-size:2rem}.key-features,.partners-grid{grid-template-columns:1fr}.visual-large{height:250px}.visual-small{height:200px}.dashboard-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr;gap:10px}.profile-stats{grid-template-columns:1fr}.admin-nav-menu{gap:10px}.admin-nav-link{padding:8px 12px;font-size:.9rem}.collections-table{font-size:.85rem}.collections-table th,.collections-table td{padding:10px}.news-grid{grid-template-columns:1fr}.hero-photo{width:100%;height:300px}.waste-card-image{height:120px}.news-image-container{height:180px}.guide-card{grid-template-columns:1fr}.guide-image-container{min-height:200px}.how-to-steps,.history-details-compact,.collection-points-list,.tips-grid{grid-template-columns:1fr}}.news-page{max-width:1200px;margin:0 auto;padding:40px 20px}.page-subtitle{font-size:1.1rem;color:var(--gray-text);margin-bottom:40px;text-align:center}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.news-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease;animation:slideUp .5s ease-out backwards}.news-card:nth-child(1){animation-delay:.1s}.news-card:nth-child(2){animation-delay:.15s}.news-card:nth-child(3){animation-delay:.2s}.news-card:nth-child(4){animation-delay:.25s}.news-card:nth-child(5){animation-delay:.3s}.news-card:nth-child(6){animation-delay:.35s}.news-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.news-image-container{position:relative;width:100%;height:200px;overflow:hidden}.news-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-image{transform:scale(1.05)}.news-badge-overlay{position:absolute;top:15px;right:15px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;box-shadow:0 2px 8px #0003}.news-card-header{background:var(--light-bg);padding:20px;display:flex;justify-content:space-between;align-items:center}.news-icon{font-size:2.5rem}.news-icon-inline{font-size:2rem;margin-bottom:10px}.news-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff}.news-card-content{padding:20px}.news-title{font-size:1.3rem;margin-bottom:8px;color:var(--dark-text)}.news-date{font-size:.9rem;color:var(--gray-text);margin-bottom:15px}.news-content{line-height:1.7;color:var(--gray-text)}.collection-info{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.collection-detail{font-size:.95rem;color:var(--dark-text)}.collection-detail strong{color:var(--accent-green)}.points-badge{display:inline-flex;align-items:center;gap:8px}.points-value{background:var(--accent-green);color:#fff;padding:4px 12px;border-radius:15px;font-weight:600;font-size:.9rem}.map-section{max-width:1200px;margin:60px auto;padding:0 20px}.map-container{background:var(--lighter-bg);border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.map-placeholder{text-align:center;padding:30px;background:var(--light-bg);border-radius:12px;border:2px dashed var(--border-color)}.map-icon{font-size:4rem;margin-bottom:20px}.map-placeholder>p{font-size:1.1rem;color:var(--gray-text);margin-bottom:40px}.collection-points-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.collection-point-card{background:var(--lighter-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;gap:15px;align-items:flex-start;transition:all .3s ease;text-align:left}.collection-point-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.point-icon{font-size:2rem;flex-shrink:0}.point-info h4{font-size:1.05rem;color:var(--secondary-color);margin-bottom:8px;font-weight:600}.point-address{font-size:.9rem;color:var(--gray-text);margin-bottom:12px}.point-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.type-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.type-badge.recyclable{background:#e8f5e9;color:#00a86b}.type-badge.hazardous{background:#ffebee;color:#dc3545}.type-badge.bulky{background:#e3f2fd;color:#06c}.point-earnings{font-weight:600;color:var(--accent-green);font-size:.95rem}.profile-page-enhanced{max-width:1400px;margin:0 auto;padding-bottom:40px}.profile-header-banner{position:relative;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-teal) 100%);padding:60px 40px 40px;margin-bottom:40px;overflow:hidden}.banner-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0066cce6,#008b8be6);z-index:0}.profile-header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:40px}.profile-avatar-large{position:relative}.avatar-circle{width:140px;height:140px;border-radius:50%;background:#fff;color:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;border:5px solid white;box-shadow:0 8px 24px #0003}.level-badge{position:absolute;bottom:-10px;right:-10px;background:var(--accent-green);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #0003;white-space:nowrap}.profile-header-info{color:#fff}.profile-name{font-size:2.5rem;margin:0 0 8px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-title{font-size:1.3rem;margin:0 0 12px;font-weight:600}.profile-member-since{font-size:1rem;opacity:.95;color:#fff}.profile-content-enhanced{max-width:1200px;margin:0 auto;padding:0 20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s ease;animation:slideUp .5s ease-out backwards;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal))}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.stat-card.stat-primary:before{background:linear-gradient(90deg,gold,orange)}.stat-card.stat-success:before{background:linear-gradient(90deg,var(--accent-green),#00C853)}.stat-card.stat-info:before{background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal))}.stat-card.stat-warning:before{background:linear-gradient(90deg,#00c853,#00a86b)}.stat-card .stat-icon{font-size:3rem;flex-shrink:0}.stat-card .stat-info{flex:1}.stat-card .stat-value{font-size:2.2rem;font-weight:700;color:var(--secondary-color);margin:0}.stat-card .stat-label{font-size:.9rem;color:var(--gray-text);margin-top:4px}.stat-trend{font-size:.85rem}.trend-up{color:var(--accent-green);font-weight:600}.level-progress-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;margin-bottom:30px;animation:fadeIn .6s ease-out}.level-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.level-progress-header h3{margin:0;font-size:1.3rem;color:var(--secondary-color);font-weight:600}.points-to-next{font-size:.95rem;color:var(--gray-text);font-weight:500}.level-progress-bar{background:var(--light-bg);height:40px;border-radius:20px;overflow:hidden;margin-bottom:15px}.level-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal));display:flex;align-items:center;justify-content:flex-end;padding-right:20px;transition:width .8s ease;border-radius:20px}.level-progress-fill .progress-text{color:#fff;font-weight:700;font-size:1.05rem}.level-milestones{display:flex;justify-content:space-between;font-size:.9rem;color:var(--gray-text)}.milestone-current{color:var(--accent-blue);font-weight:600}.milestone-next{color:var(--accent-teal);font-weight:600}.profile-two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}.profile-left-column,.profile-right-column{display:flex;flex-direction:column;gap:25px}.info-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;animation:slideInLeft .6s ease-out}.info-card-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:600;color:var(--secondary-color);margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid var(--light-bg)}.title-icon{font-size:1.5rem}.info-list{display:flex;flex-direction:column;gap:20px}.info-item{display:flex;align-items:flex-start;gap:15px}.info-icon{font-size:1.5rem;color:var(--accent-blue);flex-shrink:0;margin-top:2px}.info-content{flex:1}.info-content label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-content p{margin:0;font-size:1.05rem;color:var(--dark-text);font-weight:500}.achievements-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;animation:slideInLeft .7s ease-out}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.achievement-badge{background:var(--light-bg);border:2px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.achievement-badge.earned{background:#fff;border-width:3px}.achievement-badge.locked{opacity:.5}.achievement-badge:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.achievement-icon{width:60px;height:60px;border-radius:50%;background:var(--light-bg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 12px;transition:all .3s ease}.achievement-badge.earned .achievement-icon{background:var(--accent-green);color:#fff;box-shadow:0 4px 12px #00a86b4d}.achievement-badge.locked .achievement-icon{background:var(--border-color)}.achievement-title{margin:0;font-size:.9rem;font-weight:600;color:var(--dark-text)}.activity-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;animation:slideInRight .6s ease-out}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--light-bg);border-radius:10px;transition:all .3s ease}.activity-item:hover{background:var(--hover-bg);transform:translate(5px)}.activity-icon{font-size:2rem;flex-shrink:0}.activity-content{flex:1}.activity-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--dark-text)}.activity-date{margin:0;font-size:.85rem;color:var(--gray-text)}.activity-status{padding:6px 14px;border-radius:15px;font-size:.8rem;font-weight:600;white-space:nowrap}.activity-status.status-pending{background:#fff3cd;color:#856404}.activity-status.status-scheduled{background:#d1ecf1;color:#0c5460}.activity-status.status-in-progress{background:#cce5ff;color:#004085}.activity-status.status-completed{background:#d4edda;color:#155724}.impact-preview-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;animation:slideInRight .7s ease-out}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.impact-stat{text-align:center}.impact-icon{font-size:2.5rem;margin-bottom:10px}.impact-value{font-size:1.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:6px}.impact-label{font-size:.85rem;color:var(--gray-text);line-height:1.3}@media (max-width: 1024px){.profile-two-column,.impact-stats{grid-template-columns:1fr}}@media (max-width: 768px){.profile-header-content{flex-direction:column;text-align:center}.profile-name{font-size:2rem}.stats-grid,.achievements-grid{grid-template-columns:1fr}.profile-header-banner{padding:40px 20px 30px}.avatar-circle{width:100px;height:100px;font-size:3rem}}.report-content{max-width:1200px;margin:0 auto}.report-title{font-size:2rem;color:var(--secondary-color);margin-bottom:30px;text-align:center;font-weight:700}.report-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:40px}.report-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;animation:slideUp .5s ease-out backwards;position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal))}.report-card.card-primary:before{background:linear-gradient(90deg,#00a86b,#00c853)}.report-card.card-success:before{background:linear-gradient(90deg,gold,orange)}.report-card.card-info:before{background:linear-gradient(90deg,#00c853,#00a86b)}.report-card.card-warning:before{background:linear-gradient(90deg,#00a86b,#008b8b)}.report-card:nth-child(1){animation-delay:.1s}.report-card:nth-child(2){animation-delay:.15s}.report-card:nth-child(3){animation-delay:.2s}.report-card:nth-child(4){animation-delay:.25s}.report-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.report-card-icon{font-size:4rem;margin-bottom:20px}.report-card-content{width:100%}.report-card-content h3{font-size:1.1rem;color:var(--dark-text);margin-bottom:15px;font-weight:600}.report-value{font-size:3rem;font-weight:700;color:var(--secondary-color);margin-bottom:10px;line-height:1}.report-description{font-size:.95rem;color:var(--gray-text);line-height:1.5}.environmental-impact-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 16px #00000014;margin-bottom:40px;animation:fadeIn .6s ease-out}.section-subtitle{font-size:1.5rem;color:var(--secondary-color);margin-bottom:30px;font-weight:700;text-align:center}.impact-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.impact-metric{display:flex;align-items:center;gap:20px;padding:25px;background:var(--light-bg);border-radius:12px;transition:all .3s ease}.impact-metric:hover{background:var(--hover-bg);transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.impact-metric .metric-icon{font-size:3rem;flex-shrink:0}.impact-metric .metric-info{flex:1}.impact-metric .metric-value{font-size:2rem;font-weight:700;color:var(--secondary-color);margin-bottom:5px}.impact-metric .metric-label{font-size:.9rem;color:var(--gray-text);line-height:1.3}.monthly-progress-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 16px #00000014;animation:fadeIn .8s ease-out}.progress-chart-placeholder{background:var(--light-bg);border-radius:12px;padding:60px 40px;border:2px dashed var(--border-color);text-align:center}.chart-message{display:flex;flex-direction:column;align-items:center;gap:20px}.chart-icon{font-size:4rem}.chart-message p{font-size:1.1rem;color:var(--gray-text);margin:0}@media (max-width: 768px){.report-cards-grid,.impact-metrics-grid{grid-template-columns:1fr}.report-value{font-size:2.5rem}.tab-button{padding:12px 20px;font-size:.95rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ffffff;--secondary-color: #000000;--accent-blue: #0066CC;--accent-green: #00A86B;--accent-teal: #008B8B;--danger-color: #DC3545;--warning-color: #FF9800;--info-color: #6C757D;--light-bg: #F8F9FA;--lighter-bg: #FFFFFF;--dark-text: #212529;--gray-text: #6C757D;--border-color: #DEE2E6;--hover-bg: #E9ECEF}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--lighter-bg);color:var(--dark-text);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}#root{min-height:100vh;display:flex;flex-direction:column}