@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}*:after,*:before{margin:0;padding:0}body{background-color:#fff}:root{--primary-color: #2563eb;--hover-color: #1d4ed8;--text-dark: #1f2937;--text-light: #6b7280;--white: #ffffff;--transition: all .3s ease}li{list-style-type:none}a{text-decoration:none;color:#000}.navbar{background:var(--white);padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--primary-color);transition:var(--transition)}.nav-brand:hover{transform:scale(1.05)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-dark);font-weight:500;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--primary-blue)}.red{color:var(--primary-color)!important;position:relative}.red:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary-color);transform:scaleX(1);transition:transform .3s ease}.btn-logout{background:var(--primary-color);color:var(--white);padding:.5rem 1.25rem;border-radius:6px;transition:var(--transition);border:none;font-weight:500}.btn-logout:hover{background:var(--hover-color);transform:translateY(-2px)}.menu-toggle{display:none;color:var(--text-dark);transition:var(--transition)}@media screen and (max-width: 768px){.navbar{padding:1rem 2rem}.menu-toggle{display:block;z-index:100}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:250px;flex-direction:column;background:var(--white);padding:80px 2rem 2rem;transition:.3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-5px 0 15px #0000001a}.nav-links.active{right:0}.nav-links li{width:100%;margin:.5rem 0}.nav-links a{display:block;padding:.75rem 0;font-size:1.1rem;width:100%}.btn-logout{width:100%;margin-top:1rem;padding:.75rem}}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.action-btn{display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.action-btn:hover{transform:translateY(-5px)}.icon{font-size:2rem;margin-bottom:1rem}.report-container{max-width:800px;margin:2rem auto;padding:2rem}.report-form{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{min-height:150px;resize:vertical}.photo-preview{margin-top:1rem;max-width:300px}.photo-preview img{width:100%;height:auto;border-radius:4px;box-shadow:0 2px 4px #0000001a}.track-container{max-width:1200px;margin:2rem auto;padding:2rem}.issues-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.issue-card{background:var(--white);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.issue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.status{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}.status-pending{background:#fff3cd;color:#856404}.status-resolved{background:#d4edda;color:#155724}.location,.date{color:#666;font-size:.875rem;margin:.5rem 0}.issue-photo{width:100%;margin:1rem 0;border-radius:4px;overflow:hidden}.issue-photo img{width:100%;height:auto;object-fit:cover}.vote-section{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.vote-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#f3f4f6}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.vote-btn.upvote:hover{background:#dcfce7;color:#166534}.vote-btn.downvote:hover{background:#fee2e2;color:#991b1b}.vote-btn span{font-weight:500}.analytics-container{max-width:1200px;margin:2rem auto;padding:2rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.chart-card{background:var(--white);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.placeholder-chart{height:300px;background:var(--gray-light);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666}.rankings-list{margin-top:1rem}.ranking-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #eee}.rank{font-weight:700;margin-right:1rem}.name{flex:1}.score{color:var(--primary-blue);font-weight:500}.login-container{max-width:400px;margin:4rem auto;padding:2rem}.login-form{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-message{background:#ffebee;color:#c62828;padding:.5rem;border-radius:4px;margin-bottom:1rem}.auth-switch{margin-top:1rem;text-align:center;font-size:.9rem}.auth-switch a{color:var(--primary-blue);text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.password-input{position:relative;display:flex;align-items:center}.password-input input{width:100%}.password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#666;padding:5px}.password-toggle:hover{color:#333}.account-container{max-width:800px;margin:2rem auto;padding:2rem}.account-card{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.account-info{margin-top:2rem}.info-group{margin-bottom:1.5rem}.info-group label{display:block;color:#666;font-size:.9rem;margin-bottom:.5rem}.info-group p{font-size:1.1rem;color:var(--text-primary)}.admin-dashboard{max-width:1200px;margin:2rem auto;padding:2rem}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.issue-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.issue-card select{width:100%;padding:.5rem;margin-top:1rem;border-radius:4px}:root{--primary-blue: #1976d2;--secondary-blue: #90caf9;--white: #ffffff;--gray-light: #f5f5f5;--text-primary: #333333}.home-container{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:4rem 0;background:var(--primary-blue);color:var(--white);border-radius:8px;margin-bottom:2rem}.statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.stat-card{background:var(--white);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.btn{padding:.75rem 1.5rem;border-radius:4px;border:none;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary-blue);color:var(--white)}