@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-primary:#0f1714;--bg-secondary:#17241e;--bg-glass:#ffffff0d;--text-primary:#f0f4f2;--text-secondary:#a0b2a9;--accent-green:#34d399;--accent-blue:#38bdf8;--accent-orange:#fb923c;--accent-red:#f87171;--border-glass:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at top right, var(--bg-secondary) 0%, transparent 40%), radial-gradient(circle at bottom left, var(--bg-secondary) 0%, transparent 40%);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;gap:2rem;width:100%;max-width:600px;margin:0 auto;padding:2rem 1.5rem;display:flex}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:24px;padding:1.5rem}.modal-content{background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:16px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 8px 32px #0006}.auth-tabs{border-bottom:1px solid var(--border-glass);gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:1rem}.auth-tab.active{color:var(--accent-green);border-bottom:2px solid var(--accent-green)}.history-list{border-top:1px solid var(--border-glass);max-height:200px;margin-top:1.5rem;padding-top:1rem;overflow-y:auto}.history-item{border-bottom:1px dashed var(--border-glass);justify-content:space-between;padding:.5rem 0;font-size:.85rem;display:flex}.upload-btn-wrapper{cursor:pointer;display:inline-block;position:relative;overflow:hidden}.upload-btn-wrapper input[type=file]{opacity:0;cursor:pointer;font-size:100px;position:absolute;top:0;left:0}.lb-image{object-fit:cover;border:1px solid var(--border-glass);border-radius:6px;width:40px;height:40px}.header{justify-content:space-between;align-items:center;display:flex}.title{letter-spacing:.5px;background:linear-gradient(135deg, var(--text-primary), var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.score-container{flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex;position:relative}.score-circle{background:conic-gradient(from 0deg, var(--bg-secondary) 100%, var(--bg-secondary) 0%);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;transition:background 1s ease-out;display:flex;position:relative;box-shadow:0 0 40px #34d3991a}.score-circle:before{content:"";background-color:var(--bg-primary);border-radius:50%;position:absolute;inset:10px}.score-content{z-index:1;text-align:center;position:relative}.score-value{text-shadow:0 0 20px #34d3994d;font-size:4.5rem;font-weight:800;line-height:1}.score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-top:.5rem;font-size:.875rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.metric-card{flex-direction:column;gap:.75rem;display:flex}.metric-header{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.metric-icon{width:18px;height:18px}.metric-icon.water{color:var(--accent-blue)}.metric-icon.civil{color:var(--accent-orange)}.metric-value{font-size:1.5rem;font-weight:600}.action-btn{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .2s,background-color .2s;display:flex}.action-btn:hover{background:var(--accent-green);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.leaderboard-row{border-top:1px solid var(--border-glass);justify-content:space-between;padding:.35rem 0;font-size:.85rem;display:flex}.leaderboard-row:first-child{border-top:none}.manual-input{border:1px solid var(--border-glass);background:var(--bg-secondary);color:inherit;border-radius:8px;flex:1;padding:.5rem;font-family:inherit}.icon-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.icon-btn:hover{background:var(--bg-glass)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);width:100%;max-width:400px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.loading-dots:after{content:"";animation:1.5s infinite loading}@keyframes loading{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:""}}.nav-bar{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:99px;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:99px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.nav-item.active{background:var(--bg-glass);color:var(--text-primary)}.feed-container{flex-direction:column;gap:2rem;display:flex}.feed-card{flex-direction:column;gap:1rem;padding:1rem;display:flex}.feed-header{justify-content:space-between;align-items:center;display:flex}.feed-img{border:1px solid var(--border-glass);background:#000;border-radius:12px;width:100%}.feed-footer{color:var(--text-secondary);font-size:.85rem}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-glass);padding:.75rem}.admin-table th{color:var(--text-secondary);font-weight:600}.admin-select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:4px;padding:.2rem}