.app-header{background:#0f2e2ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,209,199,.3);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.logo-section{display:flex;flex-direction:column;align-items:flex-start}.app-title{font-size:2rem;font-weight:800;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:2.2rem}.logo-subtitle{font-size:.85rem;color:#fffc;font-weight:500;letter-spacing:2px;text-transform:uppercase}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:12px;padding:.6rem 1.2rem;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.quick-actions{display:flex;gap:.5rem;margin:0 auto;justify-content:center;flex-wrap:wrap}.quick-action-btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;text-decoration:none;color:#fff;flex-shrink:0}.main-content{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.hero-section{margin-bottom:4rem;background:#0f2e2ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,209,199,.3);border-radius:20px;padding:2rem;position:relative;transition:all .4s ease;overflow:hidden;width:100%}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4fd1c7,#81e6d9);transform:scaleX(0);transition:transform .3s ease}.hero-section:hover:before{transform:scaleX(1)}.hero-content{display:block;min-height:auto;padding:2rem 0}.hero-text{color:#fff}.hero-title{font-size:3.5rem;font-weight:900;margin:0 0 1rem;line-height:1.1;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;animation:fadeInUp .8s ease-out;color:#fff}.hero-subtitle{font-size:1.25rem;margin:0 0 2rem;color:#ffffffe6;line-height:1.6;animation:fadeInUp .8s ease-out .2s both}.hero-stats{display:flex;align-items:center;gap:2rem;margin-top:2rem;animation:fadeInUp .8s ease-out .4s both}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#4fd1c7;display:block}.stat-label{font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.stat-divider{width:2px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.section-title{font-size:2.5rem;font-weight:800;color:#fff;text-align:center;margin:0 0 3rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#4fd1c7,#81e6d9);border-radius:2px}.action-section{margin-bottom:5rem}.action-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1200px){.action-buttons{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.action-buttons{grid-template-columns:1fr}}.action-btn{background:#0f2e2c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem;color:#fff;text-decoration:none;display:flex;align-items:center;gap:1rem;transition:all .4s ease;position:relative;overflow:hidden;min-height:100px}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.action-btn:hover:before{opacity:1}.action-btn:hover{transform:translateY(-10px);background:#ffffff26;border-color:#fff3}.btn-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#4fd1c74d,#4fd1c71a);flex-shrink:0}.btn-icon{font-size:1.5rem;z-index:2}.btn-glow{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:20px;background:linear-gradient(135deg,#4fd1c7,#81e6d9);opacity:0;filter:blur(10px);transition:opacity .3s ease}.action-btn:hover .btn-glow{opacity:.6}.btn-content{flex:1;min-width:0}.btn-title{font-size:1.1rem;font-weight:700;display:block;margin-bottom:.3rem;line-height:1.2}.btn-desc{font-size:.8rem;color:#ffffffb3;line-height:1.3}.btn-arrow{font-size:1.2rem;opacity:.7;transition:all .3s ease;flex-shrink:0}.action-btn:hover .btn-arrow{transform:translate(5px);opacity:1}.features-section{margin-bottom:5rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.feature-card{background:#0f2e2c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem 2rem;text-align:center;color:#fff;position:relative;transition:all .4s ease;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4fd1c7,#81e6d9);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px);background:#ffffff26;border-color:#fff3}.feature-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#4fd1c733,#4fd1c70d);margin-bottom:1.5rem}.feature-icon{font-size:2.5rem;z-index:2}.feature-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:30px;background:linear-gradient(135deg,#4fd1c7,#81e6d9);opacity:0;filter:blur(15px);transition:opacity .3s ease}.feature-card:hover .feature-glow{opacity:.4}.feature-title{font-size:1.4rem;font-weight:700;margin:0 0 1rem}.feature-desc{color:#fffc;line-height:1.6;margin:0}.feature-number{position:absolute;top:1rem;right:1.5rem;font-size:3rem;font-weight:900;color:#ffffff1a}.impact-section{background:#0f2e2c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:3rem;margin-bottom:3rem}.impact-section:hover{transform:translateY(-10px);background:#ffffff26;border-color:#fff3}.impact-content{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.impact-text h3{font-size:2rem;font-weight:800;color:#fff;margin:0 0 1rem}.impact-text p{color:#fffc;font-size:1.1rem;margin:0}.impact-circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(#4fd1c7 var(--progress),rgba(255,255,255,.1) 0);display:flex;align-items:center;justify-content:center;position:relative}.impact-progress{width:120px;height:120px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.impact-percentage{font-size:1.5rem;font-weight:800;color:#4fd1c7}.impact-label{text-align:center;color:#ffffffb3;font-size:.9rem;margin-top:1rem}.app-footer{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:2rem}.footer-content{max-width:1200px;margin:0 auto}.footer-stats{display:flex;align-items:center;justify-content:center;gap:2rem;color:#fff}.footer-stat{text-align:center}.footer-stat-number{font-size:1.8rem;font-weight:800;color:#4fd1c7;display:block}.footer-stat-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.footer-divider{width:2px;height:50px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.footer-message{text-align:center}.footer-text{font-size:1.2rem;color:#ffffffe6;display:block;margin-bottom:.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-content{padding:1rem}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.hero-stats{justify-content:center}.action-buttons,.features-grid{grid-template-columns:1fr}.impact-content{grid-template-columns:1fr;text-align:center}.header-content,.footer-stats{flex-direction:column;gap:1rem}}.scanner-content{max-width:700px;margin:0 auto;padding:1rem;position:relative;z-index:1}.scan-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 0}.scan-title{font-size:1.8rem;font-weight:700;text-align:center;flex-grow:1;color:#fff;margin:0}.back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.6rem 1.2rem;color:#fff;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;z-index:2}.language-selector{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem 1rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.language-selector:hover{background:#ffffff40;transform:translateY(-2px)}.video-container{background:#0f2e2cb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,209,199,.3);border-radius:20px;padding:1.5rem;margin:1rem auto 2rem;position:relative;overflow:hidden;max-width:500px}.image-preview-container{position:relative;width:100%;height:300px;border-radius:15px;overflow:hidden;margin-bottom:1rem}.scanner-image{width:100%;height:100%;object-fit:cover;display:block}.scan-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:2}.scan-line{position:absolute;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#4fd1c7,transparent);box-shadow:0 0 10px #4fd1c7cc;z-index:3;transition:top .2s linear}.scan-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);z-index:4}.scanner-video{width:100%;height:300px;border-radius:15px;object-fit:cover;background:#000;display:block;margin-bottom:1rem}.camera-placeholder{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;background:#0000004d;border-radius:15px;margin-bottom:1rem}.placeholder-icon{font-size:3rem;margin-bottom:1rem;color:#4fd1c7}.camera-placeholder h3{font-size:1.3rem;margin-bottom:1rem;color:#4fd1c7}.camera-placeholder p{color:#fffc;margin-bottom:.5rem;font-size:.95rem}.camera-controls{display:flex;gap:1rem;justify-content:center}.camera-btn,.upload-btn,.classify-btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.8rem 1.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;justify-content:center}.camera-btn:hover,.upload-btn:hover,.classify-btn:hover{background:#ffffff40;transform:translateY(-2px)}.camera-btn.active{background:#4fd1c74d;border-color:#4fd1c7}.classify-btn{background:linear-gradient(135deg,#4fd1c7,#81e6d9);width:100%;padding:1rem;font-size:1.1rem;box-shadow:0 4px 15px #4fd1c74d;max-width:500px;margin:0 auto}.classify-btn:hover{background:linear-gradient(135deg,#3db8ae,#71d6c9);box-shadow:0 8px 25px #4fd1c766}.classify-btn.loading{background:linear-gradient(135deg,#3a9c94,#66bdb1);cursor:not-allowed}.action-buttons{margin-bottom:2rem;padding:0 1rem}.result-card{background:#0f2e2ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid;border-radius:20px;padding:1.5rem;margin:0 auto 2rem;box-shadow:0 10px 30px #0000004d;max-width:500px}.result-header{display:flex;align-items:center;margin-bottom:1.5rem}.result-icon{font-size:2rem;width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.result-type{font-size:1.5rem;font-weight:700;margin:.5rem 0}.result-details{margin-bottom:1.5rem}.detail-item{display:flex;margin-bottom:.8rem}.detail-label{font-weight:600;width:120px;color:#fffc}.detail-value{flex:1;font-weight:500}.points-earned{background:#ffffff1a;border-radius:12px;padding:.8rem;text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:#f1c40f}.disposal-tips{margin-bottom:1.5rem}.disposal-tips h4{font-size:1.1rem;margin-bottom:.8rem;color:#4fd1c7}.disposal-tips ul{padding-left:1.5rem}.disposal-tips li{margin-bottom:.5rem;line-height:1.5;font-size:.95rem}.log-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;padding:1rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;font-size:1.1rem;box-shadow:0 4px 15px #2ecc714d}.log-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2ecc7166}.scan-guide{background:#0f2e2c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,209,199,.3);border-radius:20px;padding:1.5rem;margin-top:2rem;max-width:500px;margin:2rem auto 0}.scan-guide h3{font-size:1.2rem;margin-bottom:1rem;color:#4fd1c7;text-align:center}.scan-guide ol{padding-left:1.5rem;margin-bottom:1.5rem}.scan-guide li{margin-bottom:.8rem;line-height:1.5;font-size:.95rem}.examples-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.example{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;border-radius:12px;padding:.8rem}.example-icon{font-size:1.8rem;margin-bottom:.5rem}.example span{font-size:.85rem;text-align:center}.error-message{background:#e74c3c4d;border:1px solid rgba(231,76,60,.5);border-radius:12px;padding:1rem;margin:1rem auto;text-align:center;font-weight:500;max-width:500px}@media (max-width: 768px){.scanner-content{padding:.5rem}.scanner-video,.image-preview-container{height:250px}.camera-controls{flex-direction:column}.examples-grid{grid-template-columns:repeat(2,1fr)}.scan-title{font-size:1.5rem}.back-btn,.language-selector{padding:.5rem 1rem;font-size:.9rem}}.scan-step{font-size:.9rem;margin-bottom:.3rem;font-weight:600;color:#4fd1c7}.quality-warning{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:12px;padding:1rem;margin:1rem auto;max-width:500px}.quality-warning h4{color:#e74c3c;margin-bottom:.5rem;font-size:1.1rem}.quality-warning ul{padding-left:1.5rem;margin-top:.5rem}.quality-warning li{margin-bottom:.3rem;font-size:.9rem;color:#ffffffe6}.analysis-breakdown{margin-bottom:1.5rem;background:#ffffff0d;border-radius:12px;padding:1rem}.analysis-breakdown h4{font-size:1.1rem;margin-bottom:.8rem;color:#4fd1c7}.breakdown-item{display:flex;justify-content:space-between;margin-bottom:.6rem;font-size:.95rem}.breakdown-label{font-weight:600;color:#fffc}.breakdown-value{text-align:right;max-width:70%}.material-features{margin-bottom:1.5rem}.material-features h4{font-size:1.1rem;margin-bottom:.8rem;color:#4fd1c7}.material-features ul{padding-left:1.5rem}.material-features li{margin-bottom:.5rem;line-height:1.5;font-size:.95rem}.material-tips{margin:1.5rem 0}.material-tips h4{font-size:1.1rem;margin-bottom:1rem;color:#4fd1c7;text-align:center}.tip-item{display:flex;align-items:center;margin-bottom:1rem;background:#ffffff0d;border-radius:12px;padding:.8rem}.tip-icon{font-size:1.8rem;margin-right:1rem;min-width:40px;text-align:center}.tip-item p{margin:0;font-size:.95rem;line-height:1.4}@media (max-width: 768px){.tip-item{flex-direction:column;text-align:center}.tip-icon{margin-right:0;margin-bottom:.5rem}}.app-header{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem}.app-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-align:center}.header-controls{display:flex;align-items:center;gap:1rem}.language-selector{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.8rem 1.5rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.language-selector:hover{background:#ffffff40}.back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.6rem 1.2rem;color:#fff;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.points-display{margin-bottom:3rem;position:relative;z-index:1}.points-card{background:#0f2e2ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,209,199,.3);border-radius:20px;padding:2rem;max-width:500px;margin:0 auto;text-align:center}.points-value{font-size:4rem;font-weight:800;color:#4fd1c7;margin:.5rem 0}.points-description{color:#fffc;margin-bottom:1.5rem}.points-progress{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,#4fd1c7,#81e6d9);border-radius:5px}.points-target{font-size:.9rem;color:#ffffffb3}.section-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:.5rem;color:#fff}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4fd1c7,#81e6d9);border-radius:2px}.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.offer-card{background:#0f2e2ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,209,199,.3);border-radius:20px;padding:1.5rem;transition:all .3s ease}.offer-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.offer-card.redeemed{opacity:.7}.offer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.offer-partner{font-weight:700;font-size:1.2rem;color:#fff}.redeemed-badge{background:#4fd1c74d;color:#4fd1c7;font-size:.8rem;padding:.3rem .8rem;border-radius:20px}.offer-content{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.offer-icon{font-size:2.5rem}.offer-details{flex:1;text-align:left}.offer-discount{font-size:1.2rem;font-weight:600;margin-bottom:.3rem;color:#fff}.offer-points{color:#fffc}.points-required{color:#4fd1c7;font-weight:700;font-size:1.3rem}.redeem-btn{width:100%;padding:.8rem;background:linear-gradient(135deg,#4fd1c7,#81e6d9);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.redeem-btn:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 5px 15px #4fd1c766}.redeem-btn.disabled{background:#ffffff1a;cursor:not-allowed}.history-section{margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.history-list{background:#0f2e2c80;border-radius:15px;padding:1.5rem}.history-item{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.history-item:last-child{border-bottom:none}.history-partner{font-weight:600;color:#fff}.history-details{display:flex;gap:1rem;color:#fffc}.history-points{color:#ff6b6b}.no-history{text-align:center;color:#ffffffb3;padding:2rem}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:12px;z-index:1000;animation:slideIn .3s ease-out;max-width:90%;text-align:center}.notification.success{background:#2ecc71e6}.notification.error{background:#e74c3ce6}@keyframes slideIn{0%{top:-50px;opacity:0}to{top:20px;opacity:1}}@media (max-width: 1024px){.municipal-header{flex-direction:column;gap:1rem}.municipal-title{order:1}.back-btn{align-self:flex-start;order:0}.header-controls{order:2}}@media (max-width: 768px){.header-content{padding:0 1rem}.dashboard-content{padding:1rem}.municipal-header{flex-direction:column;gap:1rem}.app-title{font-size:1.5rem}.offers-grid{grid-template-columns:1fr}}.dashboard-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.dashboard-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.time-select{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.8rem 1.5rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.time-select:hover{background:#ffffff40}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#0f2e2ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,209,199,.3);border-radius:20px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.stat-card h3{font-size:1.1rem;color:#fffc;margin-bottom:.5rem}.stat-number{font-size:2.5rem;font-weight:800;color:#4fd1c7}.dashboard-grid{display:grid;grid-template-columns:1fr .6fr;gap:2rem;margin-bottom:3rem}.section-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem;color:#fff}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#4fd1c7,#81e6d9);border-radius:2px}.heatmap-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.heatmap-area{background:#0f2e2ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(79,209,199,.3);border-radius:15px;padding:1.2rem;transition:all .3s ease;position:relative;overflow:hidden}.heatmap-area:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.heatmap-area:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c7,#81e6d9)}.area-name{font-size:1.2rem;font-weight:700;display:block;margin-bottom:.8rem}.area-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.9rem}.area-stats div{display:flex;flex-direction:column}.status-indicator{grid-column:span 2;margin-top:.5rem}.status{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.status.good{background:#2ecc7133;color:#2ecc71}.status.warning{background:#f39c1233;color:#f39c12}.status.critical{background:#e74c3c33;color:#e74c3c}.alerts-container{display:flex;flex-direction:column;gap:1rem}.alert-card{background:#0f2e2ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.2rem;transition:all .3s ease;position:relative;overflow:hidden}.alert-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:6px;border-radius:15px 0 0 15px}.alert-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.alert-card.critical:before{background:#e74c3c}.alert-card.warning:before{background:#f39c12}.alert-card.resolved:before{background:#2ecc71}.alert-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.alert-type{font-weight:600;text-transform:capitalize}.alert-time{font-size:.85rem;color:#ffffffb3}.alert-area{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.alert-status{font-weight:600;margin-bottom:.8rem}.critical .alert-status{color:#e74c3c}.warning .alert-status{color:#f39c12}.resolve-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.resolve-btn:hover{background:#fff3}.optimization-section{background:#0f2e2ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-bottom:3rem}.optimization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.optimize-btn{background:linear-gradient(135deg,#4fd1c7,#81e6d9);border:none;border-radius:12px;padding:.8rem 1.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c74d}.optimize-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4fd1c766}.optimization-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.routes-list{background:#0003;border-radius:15px;padding:1.5rem}.routes-container{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.route-card{background:#ffffff0d;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease}.route-card:hover{background:#ffffff1a}.route-card.selected{background:#4fd1c733;border:1px solid rgba(79,209,199,.5)}.route-name{font-weight:700;margin-bottom:.5rem}.route-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.9rem}.route-details{background:#0003;border-radius:15px;padding:1.5rem}.route-map{margin-top:1rem}.map-placeholder{background:#0000004d;border-radius:12px;padding:1.5rem;min-height:300px;display:flex;align-items:center;justify-content:center}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.map-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;transition:all .3s ease}.map-cell.active{border:2px solid #4fd1c7;transform:scale(1.05)}.route-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.stat-item{background:#ffffff0d;border-radius:10px;padding:1rem;text-align:center}.stat-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.3rem}.stat-value{font-size:1.5rem;font-weight:700;color:#4fd1c7}.back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.6rem 1.2rem;color:#fff;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-right:1rem}.back-btn:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 1024px){.dashboard-grid,.optimization-content{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-content{padding:1rem}.stats-overview{grid-template-columns:1fr 1fr}.heatmap-container{grid-template-columns:1fr}}.municipal-header{display:flex;justify-content:space-between;align-items:center;width:100%}.municipal-title{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.municipal-icon{font-size:2.5rem;margin-bottom:.5rem}.heatmap-section.card-bg,.alerts-section.card-bg,.optimization-section.card-bg{background:#0f2e2ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,209,199,.3);border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0003}.no-alerts{text-align:center;padding:2rem}.no-alerts .check-icon{font-size:3rem;color:#2ecc71;margin-bottom:1rem}.no-alerts p{color:#fffc;font-size:1.2rem}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.auth-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;padding:40px;width:100%;max-width:400px}.auth-title{text-align:center;color:#2ecc71;margin-bottom:30px;font-size:28px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333}.form-group input{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#2ecc71}.auth-btn{background-color:#2ecc71;color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:10px}.auth-btn:hover{background-color:#27ae60}.auth-footer{text-align:center;margin-top:20px;color:#666}.auth-footer a{color:#2ecc71;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-error{color:#e74c3c;background-color:#fadbd8;padding:10px 15px;border-radius:6px;margin-bottom:20px;text-align:center}.gamification-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.profile-card{background:#0f2e2ccc;border-radius:20px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(79,209,199,.3);box-shadow:0 10px 30px #0003}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;position:relative}.avatar{font-size:2.5rem;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4fd1c7,#81e6d9);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 5px 15px #4fd1c766}.profile-info{flex:1}.profile-info h2{font-size:1.8rem;margin:0 0 .3rem;color:#fff}.level-badge{background:#ffffff1a;border-radius:20px;padding:.3rem 1rem;font-size:.9rem;display:inline-block;color:#4fd1c7}.level-progress{color:#ffffffb3;font-size:.8rem}.profile-rank{position:absolute;top:0;right:0;background:#f1c40f33;border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:#f1c40f}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.rank-icon{width:16px;height:16px}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{background:#ffffff0d;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-item:hover{background:#ffffff1a;transform:translateY(-3px)}.stat-icon{width:40px;height:40px;border-radius:10px;background:#4fd1c733;display:flex;align-items:center;justify-content:center;color:#4fd1c7}.stat-icon svg{width:20px;height:20px}.stat-content{flex:1}.stat-value{font-size:1.2rem;font-weight:700;color:#fff}.stat-label{font-size:.8rem;color:#ffffffb3}.progress-section{margin-top:1.5rem}.progress-item{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#ffffffe6}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#4fd1c7,#81e6d9);transition:width .5s ease}.progress-bars{display:flex;flex-direction:column;gap:1rem}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#ffffffe6}.progress-icon{width:16px;height:16px;margin-right:.5rem}.gamification-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.tab-btn{background:transparent;border:none;padding:.8rem 1.2rem;border-radius:12px;color:#ffffffb3;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.tab-btn.active{background:#4fd1c733;color:#4fd1c7}.tab-btn:hover:not(.active){background:#ffffff1a}.tab-icon{width:18px;height:18px}.tab-content{border-radius:0 0 20px 20px;padding:2rem;border:1px solid rgba(79,209,199,.3);border-top:none}.challenges-grid{display:grid;gap:1.5rem}.challenge-game{margin-top:1.5rem;background:#0003;border-radius:12px;padding:1rem}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.game-header h5{font-size:1rem;margin:0;color:#fff}.game-timer{display:flex;align-items:center;gap:.3rem;font-weight:600;color:#f1c40f}.timer-icon{width:16px;height:16px}.game-item{font-size:1.2rem;font-weight:700;text-align:center;margin:1rem 0;padding:.5rem;background:#ffffff1a;border-radius:8px;color:#4fd1c7}.game-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.category-btn{background:#4fd1c71a;border:1px solid rgba(79,209,199,.3);border-radius:8px;padding:.5rem;color:#fff;font-size:.9rem;text-transform:capitalize;cursor:pointer;transition:all .2s ease}.category-btn:hover{background:#4fd1c74d;transform:translateY(-2px)}.game-stats{display:flex;justify-content:space-between;font-size:.8rem;color:#ffffffb3;margin-bottom:1rem}.challenges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.challenges-header h3{font-size:1.5rem;color:#fff;margin:0}.generate-challenge-btn{background:#4fd1c733;border:1px solid rgba(79,209,199,.5);border-radius:12px;padding:.6rem 1.2rem;color:#4fd1c7;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.generate-challenge-btn:hover{background:#4fd1c74d}.btn-icon{width:16px;height:16px}.challenges-list{display:grid;gap:1rem}.challenge-card{background:#0f2e2c;border-radius:16px;padding:1.2rem;display:flex;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(79,209,199,.3)}.challenge-card.active{border:2px solid #4fd1c7}.challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c7,#81e6d9);transform:scaleX(0);transition:transform .3s ease}.challenge-card:hover:before{transform:scaleX(1)}.challenge-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.challenge-icon{font-size:2rem;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.challenge-content{flex:1}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.challenge-header h4{font-size:1.1rem;margin:0;color:#fff}.difficulty-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:12px;font-weight:600;text-transform:capitalize}.difficulty-badge.easy{background:#2ecc7133;color:#2ecc71}.difficulty-badge.medium{background:#f1c40f33;color:#f1c40f}.difficulty-badge.hard{background:#e74c3c33;color:#e74c3c}.challenge-card p{color:#fffc;font-size:.9rem;margin:.5rem 0 1rem;line-height:1.5}.challenge-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.challenge-progress .progress-bar{flex:1;height:6px}.challenge-progress span{font-size:.8rem;color:#ffffffb3}.challenge-footer{display:flex;justify-content:space-between;align-items:center}.action-btn{border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.action-btn.start{background:#4fd1c733;color:#4fd1c7}.action-btn.stop{background:#e74c3c33;color:#e74c3c}.action-btn:hover{transform:translateY(-2px)}.challenge-reward{display:flex;align-items:center;gap:.3rem;font-weight:600;color:#f1c40f}.reward-icon{width:16px;height:16px}.completed-challenges{margin-top:2rem}.completed-challenges h3{font-size:1.3rem;color:#fff;margin-bottom:1rem}.no-completed{color:#ffffff80;text-align:center;padding:1rem}.completed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.completed-card{background:#ffffff0d;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.completed-card:hover{background:#ffffff1a}.completed-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative}.checkmark{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;background:#2ecc71;border-radius:50%;padding:2px;color:#fff}.completed-details h4{font-size:.9rem;margin:0 0 .2rem;color:#fff}.completed-details p{font-size:.8rem;margin:0;color:#ffffffb3}.achievements-grid{display:grid;gap:1.5rem}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.achievements-header h3{font-size:1.5rem;color:#fff;margin:0}.achievements-summary{display:flex;gap:1rem;font-size:.9rem;color:#ffffffb3}.achievements-list{display:grid;gap:1rem}.achievement-card{background:#0f2e2c;border-radius:16px;padding:1.2rem;margin-bottom:1rem;border:1px solid rgba(79,209,199,.3)}.achievement-card.unlocked{border-left:4px solid #4fd1c7}.achievement-card.locked{opacity:.7}.achievement-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;position:relative;flex-shrink:0}.achievement-icon.common{background:#ffffff1a}.achievement-icon.uncommon{background:#4fd1c733}.achievement-icon.rare{background:#3498db33}.achievement-icon.epic{background:#9b59b633}.achievement-icon.legendary{background:#f1c40f33}.unlocked-badge{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;background:#2ecc71;border-radius:50%;display:flex;align-items:center;justify-content:center}.check-icon{width:12px;height:12px;color:#fff}.achievement-content{flex:1}.achievement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.achievement-header h4{font-size:1.1rem;margin:0;color:#fff}.achievement-points{display:flex;align-items:center;gap:.3rem;font-weight:600;color:#f1c40f}.star-icon{width:16px;height:16px}.achievement-card p{color:#fffc;font-size:.9rem;margin:.5rem 0;line-height:1.5}.achievement-date{font-size:.8rem;color:#ffffff80}.achievement-progress{display:flex;align-items:center;gap:1rem;margin-top:.8rem}.achievement-progress .progress-bar{flex:1;height:6px}.achievement-progress span{font-size:.8rem;color:#ffffffb3}.achievement-ribbon{position:absolute;top:10px;right:-25px;width:100px;padding:.2rem 0;text-align:center;font-size:.7rem;font-weight:600;text-transform:uppercase;transform:rotate(45deg)}.achievement-ribbon.common{background:#fff3;color:#fffc}.achievement-ribbon.uncommon{background:#4fd1c74d;color:#4fd1c7}.achievement-ribbon.rare{background:#3498db4d;color:#3498db}.achievement-ribbon.epic{background:#9b59b64d;color:#9b59b6}.achievement-ribbon.legendary{background:#f1c40f4d;color:#f1c40f}.leaderboard-container{display:grid;gap:1.5rem}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.leaderboard-header h3{font-size:1.5rem;color:#fff;margin:0}.leaderboard-filters{display:flex;gap:.5rem}.filter-btn{background:#ffffff0d;border:none;border-radius:12px;padding:.5rem 1rem;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn.active{background:#4fd1c733;color:#4fd1c7}.filter-btn:hover:not(.active){background:#ffffff1a}.leaderboard-list{display:grid;gap:.8rem}.leaderboard-card{background:#0f2e2c;border-radius:16px;padding:1rem;margin-bottom:.8rem;border:1px solid rgba(79,209,199,.3)}.leaderboard-card.current-user{background:#4fd1c71a;border:1px solid rgba(79,209,199,.3)}.leaderboard-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.player-rank{font-size:1rem;font-weight:700;color:#fff;width:30px;text-align:center}.medal-1{color:#f1c40f}.medal-2{color:#95a5a6}.medal-3{color:#e67e22}.player-avatar{font-size:1.8rem;width:50px;height:50px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.player-info{flex:1}.player-info h4{font-size:1rem;margin:0 0 .3rem;color:#fff}.player-stats{display:flex;gap:1rem;font-size:.8rem;color:#ffffffb3}.stat-item{display:flex;align-items:center;gap:.3rem;background:transparent;padding:0}.user-badge{position:absolute;top:-8px;right:10px;background:#4fd1c7;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .8rem;border-radius:12px}.leaderboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.leaderboard-stats .stat-card{background:#ffffff0d;border-radius:12px;padding:1rem;text-align:center}.leaderboard-stats .stat-value{font-size:1.5rem;font-weight:700;color:#4fd1c7;margin-bottom:.3rem}.leaderboard-stats .stat-label{font-size:.8rem;color:#ffffffb3}.predictions-container{display:grid;gap:1.5rem}.predictions-header{margin-bottom:1rem}.predictions-header h3{font-size:1.5rem;color:#fff;margin:0 0 .5rem}.predictions-header p{color:#ffffffb3;font-size:.9rem;margin:0}.predictions-grid{display:grid;gap:1rem}.prediction-card{background:#0f2e2c;border-radius:16px;padding:1.2rem;margin-bottom:1rem;border:1px solid rgba(79,209,199,.3)}.prediction-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.prediction-icon{font-size:1.8rem;width:60px;height:60px;border-radius:12px;background:#4fd1c733;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prediction-content{flex:1}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.prediction-header h4{font-size:1.1rem;margin:0;color:#fff}.probability-badge{background:#4fd1c733;color:#4fd1c7;font-size:.8rem;padding:.2rem .6rem;border-radius:12px;font-weight:600}.prediction-card p{color:#fffc;font-size:.9rem;margin:.5rem 0 1rem;line-height:1.5}.prediction-details{display:flex;gap:1.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffffb3}.detail-icon{width:16px;height:16px;color:#4fd1c7}.recommendation{background:#4fd1c71a;border-radius:8px;padding:.8rem;font-size:.9rem;color:#ffffffe6}.recommendation-label{font-weight:600;color:#4fd1c7;margin-right:.5rem}.impact-stats{margin-top:2rem}.impact-stats h4{font-size:1.3rem;color:#fff;margin-bottom:1rem}.impact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.impact-card{background:#0f2e2c;border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.impact-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.impact-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}.impact-icon svg{width:24px;height:24px;color:#fff}.impact-value{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.3rem}.impact-label{font-size:.8rem;color:#ffffffb3}.impact-growth{background:#ffffff0d;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.growth-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffe6}.growth-icon{width:20px;height:20px;color:#4fd1c7}.growth-value{font-size:1.2rem;font-weight:700;color:#2ecc71}.empty-state{background:#ffffff0d;border-radius:16px;padding:2rem;text-align:center;margin:1rem 0}.empty-icon{font-size:3rem;margin-bottom:1rem;color:#ffffff4d}.empty-state h4{font-size:1.2rem;color:#fff;margin:0 0 .5rem}.empty-state p{color:#ffffffb3;font-size:.9rem;margin-bottom:1.5rem}.primary-btn{background:linear-gradient(135deg,#4fd1c7,#81e6d9);border:none;border-radius:12px;padding:.8rem 1.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4fd1c766}@media (max-width: 1024px){.profile-stats,.leaderboard-stats{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.gamification-container{padding:1rem}.gamification-tabs{flex-wrap:wrap}.profile-stats,.leaderboard-stats{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.challenge-card,.achievement-card,.prediction-card{flex-direction:column}.impact-grid{grid-template-columns:1fr}}.game-interface-container{position:fixed;bottom:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;z-index:100;border-top:1px solid rgba(255,255,255,.1);max-height:80vh;overflow-y:auto}.game-interface-content{max-width:500px;margin:0 auto}.municipal-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.municipal-title{flex-grow:1;text-align:center}.generate-predictions-btn{background:#4fd1c733;border:1px solid rgba(79,209,199,.5);border-radius:12px;padding:.8rem 1.5rem;color:#4fd1c7;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-top:1rem;transition:all .3s ease}.generate-predictions-btn:hover{background:#4fd1c74d;transform:translateY(-2px)}@media (max-width: 768px){.profile-stats-grid,.game-categories{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}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;line-height:1.6}button,select,input{font-family:inherit}a{text-decoration:none;color:inherit}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.action-btn:active{animation:pulse .3s ease}