html,body{margin:0;padding:0;box-sizing:border-box;font-family:quicksand,sans-serif}#auth-container{display:none;min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f5e8,#f0f4f3);padding:1rem}#main-app-container{display:none}body.show-auth #auth-container{display:flex}body.show-auth #main-app-container,body.show-main #auth-container{display:none}body.show-main #main-app-container{display:block}.app-header{background-color:#f0f4f3;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:1rem}.header-nav{display:flex;justify-content:center;align-items:center;width:auto}.view-toggle{display:flex;justify-content:center;background-color:#ffffffb3;border-radius:1.2rem;box-shadow:0 1px 3px #0000000d;padding:.3rem;border:1px solid rgba(230,230,230,.8);width:auto;max-width:100%}.view-toggle-btn{padding:.5rem 1.2rem;border:none;border-radius:1rem;background-color:transparent;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;color:#555}.view-toggle-btn i{font-size:.9rem}.view-toggle-btn.active{background-color:#4caf50;color:#fff;box-shadow:0 2px 4px #4caf5033}.view-toggle-btn:not(.active):hover{background-color:#4caf500d;color:#2e7d32}.view-section{display:none;visibility:hidden;position:absolute;left:-9999px}.view-section.active{display:block;visibility:visible;position:static;left:auto}#average-view.active{display:block}.average-container{display:grid;gap:2rem}#average-view .chart-container{position:relative;height:400px;width:100%;margin:0 auto}#average-view .chart-legend{margin-top:1.5rem}.header-content h1{font-size:1.8rem;margin:0;color:#2e7d32}.subtitle{font-size:.95rem;color:#555;margin-top:.25rem}#add-activity-btn{background-color:#4caf50;color:#fff;border:none;padding:.6rem 1rem;font-size:.9rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;white-space:nowrap;display:flex;align-items:center}#add-activity-btn:hover{background-color:#388e3c}.app-header i{margin-right:.4rem;color:#2e7d32}#add-activity-btn i{color:#fff;margin-right:.4rem}#add-activity-btn:hover i{transform:scale(1.1);transition:transform .2s ease}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-menu span{width:2rem;height:.25rem;background:#2e7d32;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-menu.open span:first-child{transform:rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg)}@media (max-width: 768px){.app-header{flex-wrap:wrap;gap:1rem;position:relative}.hamburger-menu{display:flex;position:absolute;top:1.5rem;right:2rem}.header-content{flex:1 0 100%;order:1;padding-right:3rem}.header-nav{flex:1 0 100%;order:4;margin:.5rem 0;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#fffffff2;border-radius:8px;padding:0}.header-nav.open{max-height:300px;padding:1rem 0}.header-actions{flex:1 0 auto;order:2;justify-content:space-between;width:100%;display:flex;gap:.75rem;align-items:center}#add-activity-btn{order:1}#logout-btn{order:2;max-height:0;overflow:hidden;opacity:0;padding:0;transition:all .3s ease}.header-actions.open #logout-btn{max-height:50px;opacity:1;padding:.5rem 1rem}.view-toggle{flex-direction:column;gap:.5rem;padding:1rem}.view-toggle-btn{width:100%;justify-content:flex-start;padding:.75rem 1rem;border-radius:8px}}@media (max-width: 600px){.app-header{padding:1rem}.hamburger-menu{top:1rem;right:1rem}.header-content{padding-right:3rem}.view-toggle-btn{padding:.6rem 1rem;font-size:.85rem}#add-activity-btn{padding:.5rem 1rem;font-size:.85rem}.header-actions.open #logout-btn{padding:.4rem .8rem;font-size:.85rem}}.swal2-select,.swal2-input,.swal2-textarea{display:block;width:100%!important;max-width:100%!important;margin:.5rem 0!important;padding:12px 16px!important;font-size:1rem!important;background-color:#f8f9fa!important;color:#495057!important;border:2px solid #e9ecef!important;border-radius:8px!important;outline:none!important;transition:all .3s ease!important;box-sizing:border-box!important}.swal2-select:focus,.swal2-input:focus,.swal2-textarea:focus{border-color:#007bff!important;box-shadow:0 0 0 .25rem #007bff26!important;background-color:#fff!important}.swal2-select:disabled,.swal2-input:disabled,.swal2-textarea:disabled{background-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.swal2-popup{border-radius:16px!important;box-shadow:0 10px 40px #00000026!important}.swal2-title{color:#495057!important;font-weight:700!important;font-size:1.5rem!important}.swal2-html-container{color:#495057!important;font-size:1rem!important}.swal2-confirm{background:linear-gradient(135deg,#007bff,#0056b3)!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;font-size:1rem!important;transition:all .3s ease!important}.swal2-confirm:hover{transform:translateY(-1px)!important;box-shadow:0 4px 15px #007bff66!important}.swal2-cancel{background:#6c757d!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;font-size:1rem!important;color:#fff!important;margin-right:8px!important}.swal2-cancel:hover{background:#5a6268!important}.main-content{padding:2rem;max-width:1200px;margin:0 auto;box-sizing:border-box}.dashboard,#average-view .visual-summary-section,#average-view .summary-section{display:grid;gap:2rem}.summary-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0f9f0);padding:1.5rem;border-radius:12px;border:1px solid #c8e6c9}.total-emissions{display:flex;align-items:center;gap:.75rem;color:#2e7d32}.total-emissions i{font-size:1.5rem;color:#4caf50}.total-label{font-size:1.1rem;font-weight:600}.total-value{font-size:1.8rem;font-weight:700;color:#1b5e20}.clear-btn{background-color:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.clear-btn:hover{background-color:#d32f2f}#category-breakdown{background-color:#fafafa;padding:1.5rem;border-radius:12px;border:1px solid #e0e0e0}#category-breakdown h3{margin:0 0 1rem;color:#2e7d32;font-size:1.2rem}.category-breakdown{display:grid;gap:.75rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#fff;border-radius:8px;border:1px solid #e8e8e8}.category-name{font-weight:600;color:#424242}.category-emissions{font-weight:700;color:#2e7d32}.visual-summary-section{background-color:#fafafa;padding:1.5rem;border-radius:12px;border:1px solid #e0e0e0;margin-bottom:2rem}.visual-summary-section h3{margin:0 0 1rem;color:#2e7d32;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.visual-summary-section i{color:#4caf50}.chart-container{display:flex;justify-content:center;align-items:center;max-width:400px;margin:0 auto 1rem;position:relative}.chart-container canvas{max-width:100%;height:auto}.chart-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.legend-color{width:16px;height:16px;border-radius:3px;flex-shrink:0}.legend-label{color:#424242;font-weight:500}.legend-value{color:#2e7d32;font-weight:600;margin-left:auto}.no-data-message{text-align:center;color:#757575;padding:2rem;font-style:italic}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;color:#4caf50}.loading-indicator i{font-size:2.5rem;margin-bottom:.75rem}.loading-indicator p{color:#666}.no-data-message i{font-size:2rem;color:#4caf50;margin-bottom:1rem;display:block}.activities-section h2{color:#2e7d32;margin-bottom:1rem;font-size:1.4rem}#activity-logs{display:grid;gap:1rem}.activity-log-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border-radius:10px;border:1px solid #e0e0e0;transition:box-shadow .2s ease;flex-wrap:wrap}.activity-log-item:hover{box-shadow:0 2px 8px #0000001a}.activity-info{display:flex;align-items:center;gap:1rem;flex:1}.category-badge{background-color:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.category-badge.transport{background-color:#2196f3}.category-badge.food{background-color:#ff9800}.category-badge.energy{background-color:#9c27b0}.category-badge.waste{background-color:#795548}.category-badge.water{background-color:#00bcd4}.category-badge.shopping{background-color:#e91e63}.activity-name{font-weight:600;color:#424242;flex:1}.timestamp{font-size:.85rem;color:#757575}.activity-emissions{display:flex;align-items:center;gap:1rem}.co2-value{font-weight:700;color:#2e7d32;font-size:1.1rem}.delete-btn{background-color:#f44336;color:#fff;border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:background-color .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background-color:#d32f2f}.no-activities{text-align:center;padding:3rem 1rem;color:#757575}.no-activities i{font-size:3rem;color:#4caf50;margin-bottom:1rem}.no-activities p{font-size:1.1rem;margin:0}.filter-container{display:flex;align-items:center;margin-bottom:1rem;padding:.75rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.filter-label{margin-right:.5rem;font-weight:600;color:#424242}.category-filter-select{padding:.5rem;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-family:quicksand,sans-serif;font-size:.9rem;color:#333;min-width:150px;cursor:pointer;outline:none;transition:border-color .2s ease}.category-filter-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5040}.category-filter-select option{padding:.25rem 0}@media (max-width: 600px){.app-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-content h1{font-size:1.5rem}.subtitle{font-size:.85rem}#add-activity-btn{align-self:stretch;width:100%;text-align:center}.filter-container{flex-direction:column;align-items:flex-start;gap:.5rem}.category-filter-select{width:100%}.summary-section{padding:1.25rem}.total-value{font-size:1.5rem}.total-label{font-size:1rem}.category-item{flex-direction:column;align-items:flex-start;gap:.5rem}.category-emissions{align-self:flex-end}.visual-summary-section{padding:1.25rem}.visual-summary-section h3{text-align:center;display:flex;justify-content:center}.view-toggle-btn{padding:.4rem .8rem;font-size:.8rem;min-height:36px}.view-toggle{width:100%}.view-toggle-btn{flex:1;justify-content:center}.logout-btn{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 768px){.main-content{padding:1rem}.summary-section{flex-direction:column;gap:1rem;align-items:stretch}.total-emissions{justify-content:center}.activity-log-item{flex-direction:column;gap:1rem;align-items:stretch}.activity-info{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-emissions{justify-content:space-between;width:100%}.chart-container{max-width:300px}.chart-legend{grid-template-columns:1fr}#average-view .section-description{font-size:.95rem}#average-view .chart-container{max-width:100%}}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:2rem;width:100%;max-width:400px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{color:#2e7d32;margin:0 0 .5rem;font-size:1.5rem}.auth-header h2 i{margin-right:.5rem}.auth-header p{color:#666;margin:0;font-size:.9rem}.auth-tabs{display:flex;margin-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.auth-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#666;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.auth-tab.active{color:#2e7d32;border-bottom-color:#2e7d32;font-weight:600}.auth-tab:hover{color:#2e7d32}.auth-forms{position:relative}.auth-form{display:none}.auth-form.active{display:block;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4caf50}.field-hint{display:block;font-size:.8rem;color:#666;margin-top:.25rem;font-style:italic}.auth-btn{width:100%;background-color:#4caf50;color:#fff;border:none;padding:.75rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem}.auth-btn:hover:not(:disabled){background-color:#388e3c}.auth-btn:disabled{background-color:#ccc;cursor:not-allowed}.logout-btn{background-color:transparent;color:#666;border:1px solid #e0e0e0;padding:.5rem 1rem;font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-left:.5rem;white-space:nowrap;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background-color:#f443361a;color:#f44336;border-color:#f44336}.header-content{flex:1;min-width:220px}.header-actions{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.auth-modal{padding:1.5rem;margin:1rem}.header-actions{flex-direction:row;gap:.5rem;width:100%}.logout-btn{margin-left:0}.form-group input{padding:.6rem}}@media (max-width: 480px){.auth-modal{padding:1.25rem;margin:.5rem;max-width:320px}.auth-header h2{font-size:1.3rem}.auth-tab{padding:.6rem .5rem;font-size:.85rem}.form-group label{font-size:.85rem}.field-hint{font-size:.75rem}.header-actions{flex-direction:column;width:100%;gap:.5rem}#add-activity-btn,.logout-btn{width:100%;margin-left:0}.header-content h1{font-size:1.3rem;text-align:center}.subtitle{text-align:center;font-size:.8rem}.view-toggle-btn i{margin-right:.2rem}.view-toggle-btn{padding:.4rem .6rem;font-size:.75rem}.main-content{padding:.75rem}.visual-summary-section,#category-breakdown{padding:1rem}.chart-container{max-width:100%;height:auto;max-height:250px}#average-view .chart-container{height:auto;max-height:300px}.legend-item{font-size:.8rem}.activities-section h2{font-size:1.2rem;text-align:center}#average-view .section-description{font-size:.9rem;text-align:center}.co2-value{font-size:.95rem}.total-label{font-size:.9rem}.total-value{font-size:1.3rem}.view-toggle{padding:.2rem}}@media (max-width: 320px){.header-content h1{font-size:1.2rem}.view-toggle-btn{padding:.3rem .4rem}.view-toggle-btn i{font-size:.8rem}.visual-summary-section h3,#category-breakdown h3,.activities-section h2{font-size:1.1rem}}.leaderboard-container{display:grid;gap:2rem}#leaderboard-view .summary-section{background:linear-gradient(135deg,#e8f5e8,#f0f9f0);padding:1.5rem;border-radius:12px;border:1px solid #c8e6c9;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}#leaderboard-table-container{background-color:#fafafa;padding:1.5rem;border-radius:12px;border:1px solid #e0e0e0;min-height:200px;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #4caf500d;font-size:1rem}.leaderboard-table th,.leaderboard-table td{padding:.85rem 1rem;text-align:left}.leaderboard-table th{background-color:#e8f5e8;color:#2e7d32;font-weight:700;border-bottom:2px solid #c8e6c9}.leaderboard-table tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.leaderboard-table tr:hover{background-color:#f0f9f0}.leaderboard-table td{color:#424242;font-weight:500}.leaderboard-table td:nth-child(1){font-weight:700;color:#4caf50;text-align:center}.leaderboard-table td:nth-child(4){color:#2e7d32;font-weight:700}.leaderboard-table td:nth-child(5){color:#2196f3;font-weight:700}@media (max-width: 600px){.leaderboard-table th,.leaderboard-table td{padding:.5rem .4rem;font-size:.92rem}#leaderboard-table-container{padding:.75rem}}.streak-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;max-width:720px;margin:2rem auto 1rem}.streak-day{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #ccc;min-width:60px;transition:box-shadow .2s,border-color .2s,background .2s;cursor:pointer;font-size:1rem;box-shadow:0 2px 8px #0000000a}.streak-day.active{background:#e6fbe6;border-color:#3bb54a}.streak-day.inactive{background:#ffeaea;border-color:#e74c3c}.streak-day.active .streak-day-icon{color:#3bb54a}.streak-day.inactive .streak-day-icon{color:#e74c3c}.streak-day:hover{box-shadow:0 4px 16px #0000001a;border-color:#888}.streak-day-date{font-size:.95em;margin-bottom:.5em;color:#333}.streak-day-icon{font-size:1.5em}.streak-current{text-align:center;font-size:1.1em;margin-top:1rem;color:#222}@media (max-width: 600px){.streak-row{gap:.75rem}.streak-day{min-width:calc((100% - 2.25rem)/4);flex:1 0 calc((100% - 2.25rem)/4);padding:.6rem .5rem;font-size:.95rem}.streak-day:nth-child(-n+4){order:1}.streak-day:nth-child(n+5):nth-child(-n+7){order:2}}.summaries-container{max-width:1000px;margin:0 auto;padding:2rem}.summaries-content{display:grid;gap:2rem;margin-top:2rem}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fafafa;border-radius:12px;padding:1.5rem;border:1px solid #e0e0e0;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-card h3{margin:0 0 1rem;color:#2e7d32;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.summary-card h3 i{color:#4caf50}.summary-card .metric-value{font-size:2.2rem;font-weight:700;margin:.5rem 0;color:#1b5e20}.summary-card .metric-label{font-size:.9rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.category-analysis-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin:2rem 0}.category-card{background:#fafafa;border-radius:12px;padding:1.5rem;border:1px solid #e0e0e0;transition:all .3s ease;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-card.highest{border-color:#dc3545;background:linear-gradient(135deg,#fafafa,#fff5f5)}.category-card.lowest{border-color:#fd7e14;background:linear-gradient(135deg,#fafafa,#fff8f1)}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#dc3545}.category-card.lowest:before{background:#fd7e14}.category-card h3{margin:0 0 1rem;color:#2e7d32;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.category-card h3 i{color:#4caf50}.category-card .category-name{font-size:1.6rem;font-weight:700;margin:.5rem 0;color:#343a40}.category-card.highest .category-name{color:#dc3545}.category-card.lowest .category-name{color:#fd7e14}.category-metrics{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.category-metric{text-align:center}.category-metric .value{font-size:1.4rem;font-weight:600;color:#1b5e20;display:block}.category-metric .label{font-size:.8rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.tip-card{background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border-radius:12px;padding:1.5rem;border:1px solid #c8e6c9;transition:all .3s ease;margin:2rem 0}.tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tip-card.improvement{background:linear-gradient(135deg,#fff8e1,#fffbf0);border-color:#ffcc02}.tip-card h3{margin:0 0 1rem;color:#2e7d32;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.tip-card h3 i{color:#4caf50}.tip-card.improvement h3{color:#f57c00}.tip-card.improvement h3 i{color:#ffcc02}.tip-message{font-size:1.1rem;line-height:1.6;color:#495057;margin:0}.tip-category{display:inline-block;background:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.tip-card.improvement .tip-category{background:#ffcc02;color:#333}.no-data-message{text-align:center;padding:2rem;color:#6c757d;background:#fafafa;border-radius:12px;border:1px solid #e0e0e0}.no-data-message i{font-size:3rem;margin-bottom:1rem;color:#dee2e6}@media (max-width: 768px){.summaries-container{padding:1rem}.summary-cards-grid,.category-analysis-section{grid-template-columns:1fr;gap:1rem}.summary-card,.category-card,.tip-card{padding:1.5rem}.summary-card .metric-value{font-size:2rem}.category-card .category-name{font-size:1.5rem}.category-metrics{flex-direction:column;gap:1rem}}.tip-alert-container{z-index:10000}.tip-alert-popup{border-radius:15px!important;box-shadow:0 10px 30px #0003!important}.tip-alert-popup .swal2-title{font-size:1.5rem!important;font-weight:600!important;margin-bottom:1rem!important}.tip-alert-popup .swal2-html-container{font-size:1rem!important;line-height:1.5!important;text-align:left!important}.tip-alert-popup details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:10px;margin-top:10px}.tip-alert-popup details summary{outline:none;-webkit-user-select:none;user-select:none;transition:color .2s ease}.tip-alert-popup details summary:hover{color:#2563eb}.tip-alert-popup details[open] summary{border-bottom:1px solid #e9ecef;padding-bottom:8px;margin-bottom:8px}.tip-alert-popup ul{margin:0;padding-left:20px}.tip-alert-popup li{margin:5px 0;line-height:1.4}.animate__animated{animation-duration:.5s;animation-fill-mode:both}.animate__fadeInDown{animation-name:fadeInDown}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.targets-container{max-width:1200px;margin:0 auto;padding:2rem}.targets-content{display:flex;flex-direction:column;gap:2rem}.no-target-message{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:1rem;border:2px dashed #90caf9}.no-target-message i{font-size:3rem;color:#2196f3;margin-bottom:1rem}.no-target-message h3{color:#1565c0;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.no-target-message p{color:#424242;margin-bottom:2rem;font-size:1.1rem}.create-target-btn{background:linear-gradient(135deg,#2196f3,#21cff3);color:#fff;border:none;padding:1rem 2rem;border-radius:2rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2196f34d}.create-target-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.create-target-btn i{margin-right:.5rem}.active-target-card{background:#fff;border-radius:1rem;box-shadow:0 8px 25px #0000001a;overflow:hidden;border:1px solid #e3f2fd;transition:all .3s ease}.active-target-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000026}.target-header{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.target-header h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700}.target-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.6rem;border-radius:8px;cursor:pointer;transition:all .3s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.edit-btn:hover{background:#4caf50e6;border-color:#4caf50}.delete-btn:hover{background:#f44336e6;border-color:#f44336}.target-details{padding:1.5rem}.target-value{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 3px 10px #0000001a}.target-value .value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1e88e5,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.5rem}.target-value .label{color:#666;font-size:.9rem;font-weight:600;text-transform:uppercase}.target-description{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #2196f3}.target-description p{margin:0;color:#424242;font-style:italic;line-height:1.5}.target-categories{margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.category-tags{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{padding:.4rem .8rem;border-radius:1rem;font-size:.8rem;font-weight:600;text-transform:capitalize;color:#fff}.category-tag.transportation{background:#ff9800}.category-tag.energy{background:#f44336}.category-tag.food{background:#4caf50}.category-tag.waste{background:#9c27b0}.category-tag.shopping{background:#e91e63}.category-tag.other{background:#2196f3}.target-meta{text-align:center;color:#666;font-size:.9rem;padding:.8rem;background:#f8f9fa;border-radius:8px;margin-top:1rem}.progress-card{background:#fff;border-radius:1rem;box-shadow:0 8px 25px #0000001a;overflow:hidden;border:1px solid #e3f2fd}.progress-header{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.progress-header h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700}.progress-status{padding:.5rem 1rem;border-radius:1rem;font-size:.85rem;font-weight:600;background:#fff3}.progress-content{padding:1.5rem}.target-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem}.target-type{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#495057}.progress-percentage{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar{flex:1;height:1rem;background:#e9ecef;border-radius:.5rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:.5rem;transition:width .8s ease}.progress-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.progress-metric{text-align:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e0e0}.progress-metric .metric-value{font-size:1.5rem;font-weight:700;color:#4caf50;display:block;margin-bottom:.25rem}.progress-metric .metric-label{color:#666;font-size:.8rem;font-weight:600;text-transform:uppercase}.progress-placeholder{text-align:center;padding:2rem;color:#666;background:#f8f9fa;border-radius:8px;margin:1rem}.progress-placeholder i{font-size:2rem;color:#2196f3;margin-bottom:1rem}.target-history-section h3{color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700}.history-list{display:flex;flex-direction:column;gap:.8rem}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;border:1px solid #f0f0f0;transition:all .2s ease}.history-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.history-item.active{border-color:#673ab7;background:#f3e5f5}.history-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#495057;font-size:1rem}.history-item.active .history-icon{background:#673ab7;color:#fff}.history-content{flex:1}.history-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.history-value{font-weight:600;color:#495057}.history-period{color:#6c757d;font-size:.9rem}.history-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem}.history-date{color:#6c757d}.history-status{display:flex;align-items:center;gap:.25rem;font-weight:500}.history-status.active{color:#28a745}.history-status.completed{color:#6c757d}.no-history-message{text-align:center;padding:2rem;color:#666;background:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.no-history-message i{font-size:2rem;color:#673ab7;margin-bottom:1rem}.target-form{text-align:left;padding:1rem}.target-form .form-group{margin-bottom:1.5rem}.target-form label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.target-form .field-hint{color:#666;font-size:.8rem;margin-top:.25rem;font-style:italic}.category-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.5rem;padding:.8rem;background:#f8f9fa;border-radius:8px}.category-checkboxes label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;padding:.5rem;background:#fff;border-radius:6px;transition:all .2s ease;margin-bottom:0!important;font-size:.85rem}.category-checkboxes label:hover{background:#e3f2fd}.category-checkboxes input[type=checkbox]{width:16px!important;height:16px!important;margin:0!important;accent-color:#2196f3}.category-checkboxes label:has(input:checked){background:#e3f2fd;color:#1565c0}.target-dialog.swal2-popup{width:500px!important;max-width:90vw!important}.error-message{text-align:center;padding:2rem;color:#6c757d}.error-message i{font-size:2rem;color:#dc3545;margin-bottom:1rem}.retry-btn{background:#007bff;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;margin-top:.8rem;transition:all .2s ease}.retry-btn:hover{background:#0056b3}.progress-status.negative{background:#f4433633;color:#f44336}.progress-percentage.negative{color:#f44336}.progress-metric.negative-reduction{border:2px solid #f44336;background:#f443360d}.progress-metric .metric-value.negative{color:#f44336;font-weight:800}@media (max-width: 768px){.targets-container{padding:1rem}.target-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.target-actions{order:-1}.progress-metrics{grid-template-columns:1fr}.target-info{flex-direction:column;gap:.8rem;text-align:center}.history-item{flex-direction:column;text-align:center}.category-checkboxes{grid-template-columns:1fr}.target-value .value{font-size:2rem}.no-target-message{padding:1.5rem 1rem}.create-target-btn{padding:.8rem 1.5rem;font-size:.95rem}}