body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.eco-app{background:#f4fbf6;display:flex;font-family:Inter,sans-serif;height:100vh}.sidebar{align-items:center;background:#fff;border-right:1px solid #eaecef;display:flex;flex-direction:column;padding:20px;position:relative;transition:.3s ease;width:260px}.logo{color:#16a34a;font-size:22px;font-weight:800;margin-bottom:20px}.avatar{background:#16a34a!important;height:70px!important;margin-bottom:10px;width:70px!important}.user{color:gray;font-size:12px;margin-bottom:20px}.nav{display:flex;flex-direction:column;gap:12px;width:100%}.nav-btn{border-radius:10px!important;color:#333!important;font-weight:600!important;justify-content:flex-start!important;padding:12px 14px!important;text-transform:none!important;transition:.2s}.nav-btn:hover{background:#eafff1!important;transform:translateX(4px)}.logout{background:#ef4444!important;border-radius:10px!important;color:#fff!important;font-weight:700!important;margin-top:auto;padding:10px!important;width:100%}.logout:hover{background:#dc2626!important}.main{flex:1 1;overflow-y:auto;padding:20px}.header{margin-bottom:20px}.title{font-size:24px;font-weight:800}.subtitle{color:gray}.chart-card,.table-card{background:#fff;border-radius:14px;margin-top:20px;padding:20px}.green{color:#16a34a;font-weight:700}.mobileBar{align-items:center;background:#fff;border-bottom:1px solid #eee;display:none;justify-content:space-between;padding:12px}.menuBtn{font-size:22px!important;min-width:40px!important}.overlay{background:#00000059;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.closeBtn{background:#f1f5f9;border-radius:8px;color:#333;cursor:pointer;font-size:20px;padding:6px 10px;position:absolute;right:12px;top:12px}@media (max-width:768px){.eco-app{flex-direction:column}.mobileBar{display:flex}.sidebar{box-shadow:0 10px 30px #0000001a;height:100%;left:-100%;position:fixed;top:0;width:270px;z-index:100}.sidebar.open{left:0}.main{padding:12px}.header{flex-direction:column;gap:10px}}body{background:linear-gradient(135deg,#f4fbf4,#fff);color:#1b1b1b;font-family:Segoe UI,sans-serif}.container{margin:auto;max-width:1100px;padding:20px}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:18px;box-shadow:0 10px 30px #00000014;display:flex;justify-content:space-between;padding:18px}.start-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);border:none;border-radius:12px;box-shadow:0 8px 20px #2e7d324d;color:#fff;cursor:pointer;font-weight:700;padding:10px 18px;transition:.3s}.start-btn:hover{box-shadow:0 10px 25px #2e7d3273;transform:scale(1.06)}.grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:20px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:18px;box-shadow:0 8px 25px #0000000f;padding:18px;text-align:center;transition:.3s}.card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.bar{background:#e0e0e0;border-radius:20px;height:10px;margin-top:10px;overflow:hidden}.fill{background:linear-gradient(90deg,#2e7d32,#66bb6a);box-shadow:0 0 10px #2e7d3266;height:100%;transition:width .5s ease}.mission{background:linear-gradient(135deg,#fff,#f6fff6);border-left:5px solid #2e7d32;border-radius:18px;box-shadow:0 10px 30px #0000000f;margin-top:20px;padding:18px}.badge-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.badge{align-items:center;background:linear-gradient(135deg,#fff,#f1f8e9);border:1px solid #c8e6c9;border-radius:50px;box-shadow:0 8px 20px #00000014;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:12px 16px;position:relative;transition:.3s}.badge:before{animation:shine 3s infinite;background:linear-gradient(120deg,#0000,#ffffff80,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(25deg);width:200%}@keyframes shine{0%{transform:translateX(-100%) rotate(25deg)}to{transform:translateX(100%) rotate(25deg)}}.badge:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px) scale(1.03)}.badge-icon{font-size:20px}.badge-text{color:#2e7d32;font-weight:600;z-index:2}.loading{color:#2e7d32;font-size:18px;padding:60px;text-align:center}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.grid{grid-template-columns:1fr}.header{flex-direction:column;gap:10px;text-align:center}}.animated-fill{transition:width 1.2s ease-in-out}.levelup-modal{animation:pop .4s ease;background:linear-gradient(135deg,#2e7d32,#66bb6a);border-radius:12px;box-shadow:0 10px 30px #0003;color:#fff;font-weight:700;left:50%;padding:16px 25px;position:fixed;top:20px;transform:translateX(-50%);z-index:999}@keyframes pop{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}.glow{animation:glowAnim 2s infinite;box-shadow:0 0 10px #2e7d3280}@keyframes glowAnim{0%{box-shadow:0 0 5px #2e7d32}50%{box-shadow:0 0 20px #66bb6a}to{box-shadow:0 0 5px #2e7d32}}.fire{margin-left:8px;transition:.3s}.fire-1{opacity:.3}.fire-2{opacity:.5}.fire-3{opacity:.7}.fire-4{opacity:.9}.fire-5{filter:drop-shadow(0 0 6px orange);opacity:1;transform:scale(1.2)}.bonus-box{background:#fff8e1;border-left:5px solid #ff9800}body{background:#f6fdf8;font-family:Inter,sans-serif;margin:0}.dashboard{margin:auto;max-width:1200px;padding:20px}.header{margin-bottom:15px;text-align:center}.header h1{color:#166534}.profileCard{background:#fff;border:1px solid #d1fae5;border-radius:14px;margin-bottom:15px;padding:16px}.profileGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.statsBar{background:#ecfdf5;border-radius:10px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:15px;padding:10px}.tableContainer{background:#fff;border:1px solid #d1fae5;border-radius:14px;overflow:hidden}.tableHeader{background:#ecfdf5;color:#065f46;font-weight:600}.row,.tableHeader{display:grid;grid-template-columns:80px 2fr 1fr 1fr 1fr 1fr;padding:14px}.row{border-top:1px solid #f1f5f9;transition:.3s}.row:hover{background:#f0fdf4}.row.me{background:#dcfce7;border-left:4px solid #22c55e}.rankBox{align-items:center;display:flex;font-weight:700;gap:6px}.gold{color:gold}.silver{color:silver}.bronze{color:#cd7f32}.up{color:green}.down{color:red}.badges span{opacity:.3}.badges span.active{color:#22c55e;opacity:1}@media (max-width:900px){.profileGrid{grid-template-columns:1fr}.tableHeader{display:none}.row{gap:6px;grid-template-columns:1fr}.statsBar{flex-direction:column;gap:6px}}
/*# sourceMappingURL=main.ab22c0fa.css.map*/