@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669 50%,#047857);border-bottom:1px solid #ffffff26;box-shadow:0 4px 20px #10b98140;color:#fff;display:flex;justify-content:space-between;left:0;min-height:75px;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}.header,.header-title{font-family:Poppins,sans-serif}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#d1fae5,#a7f3d0);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a}.header-nav{align-items:center;display:flex;gap:1rem}.header-link{background:none;border:none;border-radius:12px;color:#fffffff2;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;margin:0 .25rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-link:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-link:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.header-link:hover:before{left:100%}.header-link:active{transform:translateY(0)}.header-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 15px #ef444459;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-left:.5rem;overflow:hidden;padding:.7rem 1.4rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.header-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444473;transform:translateY(-3px)}.header-button:hover:before{height:300px;width:300px}.header-button:active{box-shadow:0 6px 18px #ef444459;transform:translateY(-1px)}@media (max-width:768px){.header{flex-wrap:wrap;gap:1rem;min-height:60px;padding:0 1rem}.header-title{flex:1 1;font-size:1.4rem;order:1}.header-nav{flex-wrap:wrap;gap:.75rem;order:2}.header-button,.header-link{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:480px){.header{padding:0 .75rem}.header-title{font-size:1.2rem}.header-nav{gap:.5rem;justify-content:center;margin-top:.5rem;width:100%}.header-button,.header-link{font-size:.8rem;padding:.35rem .7rem}}.header-button:focus,.header-link:focus{outline:2px solid #ffffff80;outline-offset:2px}.header{animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}html{scroll-padding-top:75px}.login-container{align-items:center;background-color:var(--green-50);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2.5rem;width:100%}.login-form h2{color:var(--green-800);font-size:1.75rem}.login-form h2,.login-message{margin-bottom:1.5rem;text-align:center}.login-message{color:var(--green-600);font-size:.95rem}.input-group input{border:1px solid var(--green-200);border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.input-group input:focus{border-color:var(--green-500);outline:none}.register-link{color:var(--green-700);font-size:.95rem;margin-bottom:1rem;text-align:center}.register-link a{color:var(--green-600);font-weight:500;text-decoration:none;transition:color .2s}.register-link a:hover{color:var(--green-700);text-decoration:underline}.login-button{background-color:var(--green-500);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.login-button:hover{background-color:var(--green-600)}.login-button:active{transform:translateY(1px)}.register-container{align-items:center;background-color:var(--green-50);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-form{background:#fff;border:1px solid var(--green-100);border-radius:1rem;box-shadow:0 4px 6px #0000000d;max-width:400px;padding:2.5rem;width:100%}.register-form h2{color:#1a202c;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.input-group{margin-bottom:1.25rem}.input-group input,.input-group select{border:1px solid var(--green-200);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.input-group input:focus,.input-group select:focus{border-color:var(--green-400);box-shadow:0 0 0 3px var(--green-100);outline:none}.register-button{background-color:var(--green-500);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem;transition:all .3s ease;width:100%}.register-button:hover{background-color:var(--green-600);transform:translateY(-1px)}.register-button:active{transform:translateY(0)}.error-message{font-size:.875rem;margin-top:.5rem;text-align:center}.login-link{color:#333;font-size:15px;margin-bottom:10px}.login-link-text{color:#007bff;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s}.login-link-text:hover{color:#0056b3}.report-container{align-items:center;background:#f7f9fa;display:flex;justify-content:center;min-height:90vh}.report-form{background:#fff;border-radius:14px;box-shadow:0 4px 24px #00000014;max-width:420px;padding:32px 28px 24px;position:relative;width:100%}.report-form h2{color:#222;font-weight:600;margin-bottom:22px;text-align:center}.input-group{margin-bottom:18px}.input-group input,.input-group select,.input-group textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:15px;padding:10px 12px;transition:border .2s;width:100%}.input-group input:focus,.input-group textarea:focus{background:#fff;border:1.5px solid #007bff;outline:none}.input-group textarea{min-height:70px;resize:vertical}.submit-button{background:linear-gradient(90deg,#007bff 60%,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin-top:10px;padding:12px 0;transition:background .2s,opacity .2s;width:100%}.submit-button:disabled{cursor:not-allowed;opacity:.7}.success-popup{animation:fadeIn .4s;background:#e6ffed;border:1px solid #b7eb8f;border-radius:10px;box-shadow:0 4px 24px #00000021;color:#1a7f37;font-size:20px;font-weight:600;left:50%;padding:22px 38px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%)}}:root{--green-50:#ecfdf5;--green-100:#d1fae5;--green-200:#a7f3d0;--green-300:#6ee7b7;--green-400:#34d399;--green-500:#10b981;--green-600:#059669;--green-700:#047857;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--gradient-primary:linear-gradient(135deg,#059669,#10b981);--gradient-hover:linear-gradient(135deg,#047857,#059669)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--green-500),var(--green-700));overflow:hidden;padding:6rem 0;position:relative}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-circle{animation:float 8s ease-in-out infinite;border-radius:50%}.floating-circle,.floating-square{background:#ffffff1a;position:absolute}.floating-square{animation:float 10s ease-in-out infinite;transform:rotate(45deg)}.floating-dot{animation:pulse 3s infinite;background:#ffffff4d;border-radius:50%;height:6px;position:absolute;width:6px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}.hero-content{color:#fff;margin:0 auto;max-width:1200px;z-index:2}.hero-background{background-image:radial-gradient(circle at 20% 80%,#d1fae5 0,#0000 50%),radial-gradient(circle at 80% 20%,#ecfdf5 0,#0000 50%);background-image:radial-gradient(circle at 20% 80%,var(--green-100) 0,#0000 50%),radial-gradient(circle at 80% 20%,var(--green-50) 0,#0000 50%);z-index:1}.hero-background,.hero-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{background:#ffffffb3;z-index:2}.hero-content{color:#333;margin-bottom:3rem;position:relative;text-align:center;z-index:3}.hero-icon{margin-bottom:2rem}.hero-icon i{color:#10b981;color:var(--green-500);font-size:4rem}.hero-title{color:#333;font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{color:#666;font-size:1.3rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#10b981;background:var(--green-500);box-shadow:0 4px 15px #22c55e33;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #38a16999;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #a7f3d0;border:2px solid var(--green-200);color:#059669;color:var(--green-600)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;position:relative;z-index:3}.stat-item{background:#fff;border:1px solid #d1fae5;border:1px solid var(--green-100);border-radius:16px;box-shadow:0 4px 6px #0000000d;color:#fff;padding:1.5rem;text-align:center}.stat-number{color:#10b981;color:var(--green-500)}.stat-label{color:#666;font-size:1rem}.features-section,.how-it-works-section,.problems-section{padding:5rem 0}.features-section{background:#ecfdf5;background:var(--green-50)}.how-it-works-section{background:#fff}.problems-section{background:#ecfdf5;background:var(--green-50)}.section-header{margin-bottom:4rem;text-align:center}.section-title{color:#047857;color:var(--green-700);font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.section-subtitle{color:#4a5568;font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(135deg,#059669,#10b981);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.feature-icon{align-items:center;background:#10b981;background:var(--green-500);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon i{color:#fff;font-size:2rem}.feature-card h3{color:#1a365d;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#4a5568;line-height:1.7}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px}.step{background:#fff;border:1px solid #d1fae5;border:1px solid var(--green-100);border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1;min-width:250px;padding:2rem;position:relative;text-align:center}.step-number{align-items:center;background:#10b981;background:var(--green-500);border-radius:50%;box-shadow:0 4px 15px #38a1694d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step h3{color:#1a365d;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.step p{color:#4a5568;line-height:1.6}.step-connector{background:#a7f3d0;background:var(--green-200);flex-shrink:0;height:2px;width:40px}.problems-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.problem-card{height:100%;transition:transform .2s;width:100%}.problem-header{align-items:flex-start;gap:1rem;margin-bottom:1rem}.problem-title{color:#1a365d;flex:1 1;font-size:1.3rem}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #ffffff4d;font-size:.85rem;font-weight:600;transition:all .3s ease}.status-badge:hover{box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.status-pending{background:#ecfdf5;background:var(--green-50)}.status-pending,.status-progress{border:1px solid #a7f3d0;border:1px solid var(--green-200);color:#059669;color:var(--green-600)}.status-progress{background:#d1fae5;background:var(--green-100)}.status-resolved{background:#a7f3d0;background:var(--green-200);border:1px solid #6ee7b7;border:1px solid var(--green-300);color:#059669;color:var(--green-600)}.status-default{background:#edf2f7;border:1px solid #cbd5e0;color:#4a5568}.problem-description{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.problem-image{background-color:#f3f4f6;height:220px;margin:1rem 0;overflow:hidden;position:relative;width:100%}.problem-image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.problem-image:hover img{transform:scale(1.08)}.problem-image:after{background:linear-gradient(180deg,#0000 0,#0000001a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.problem-image:hover:after{opacity:1}.problem-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.meta-item{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem}.meta-item i{color:#38a169}.problem-actions{align-items:center;gap:1rem;justify-content:space-between}.votes-display{color:#4a5568;font-weight:500;gap:.5rem}.votes-display i{color:#38a169}.vote-button{background:#10b981;background:var(--green-500);border-radius:8px;display:inline-flex;font-size:.95rem;gap:8px;padding:.75rem 1.25rem}.vote-button i{align-items:center;display:inline-flex;font-size:1.1rem}.vote-button:hover{background:#059669;background:var(--green-600);box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}.vote-button:active{transform:translateY(0)}.vote-button:hover i,.vote-button:hover span{color:#fff;opacity:1}.no-problems{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:16px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-problems-icon i{color:#68d391;font-size:4rem;margin-bottom:1.5rem}.no-problems h3{color:#1a365d;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.no-problems p{color:#4a5568;font-size:1.1rem}.footer{background:#fff;border-top:1px solid #d1fae5;border-top:1px solid var(--green-100);padding:4rem 0 2rem}.footer-content{margin-bottom:2rem}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-section h3{color:#059669;color:var(--green-600);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.footer-logo i{color:#10b981;color:var(--green-500);font-size:2rem}.footer-section p{color:#666;line-height:1.7;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background:#ecfdf5;background:var(--green-50);border-radius:50%;color:#059669;color:var(--green-600);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#d1fae5;background:var(--green-100);transform:translateY(-2px)}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-link-button,.footer-links a{background:none;border:none;color:#666;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none;transition:color .3s ease}.footer-link-button:hover,.footer-links a:hover{color:#10b981;color:var(--green-500)}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;color:#666;display:flex;gap:.75rem}.contact-item i{color:#10b981;color:var(--green-500);width:20px}.footer-bottom{border-top:1px solid #d1fae5;border-top:1px solid var(--green-100);padding-top:2rem}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-bottom-content p{color:#666;margin:0}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#666;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#10b981;color:var(--green-500)}.problems-section.logged-in{background-color:#ecfdf5;background-color:var(--green-50);min-height:calc(100vh - 64px);padding-top:2rem}.dashboard-header{margin-top:4.5rem}.dashboard-stats{margin:2rem 0}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}[class^=icon-]:before{font-display:swap;font-family:Font Awesome\ 6 Free;font-style:normal;font-weight:900}[class^=icon-brands-]:before{font-family:Font Awesome\ 6 Brands}.icon-community:before{content:"\f015"}.icon-report:before{content:"\f15c"}.icon-vote:before{content:"\f164"}.icon-dashboard:before,.icon-track:before{content:"\f080"}.icon-location:before{content:"\f3c5"}.icon-calendar:before{content:"\f133"}.icon-thumbs-up:before{content:"\f164"}.icon-check-circle:before{content:"\f058"}.icon-mail:before{content:"\f0e0"}.icon-phone:before{content:"\f095"}.icon-notification:before{content:"\f0f3"}.icon-map:before{content:"\f279"}.icon-facebook:before{content:"\f09a";font-family:Font Awesome\ 6 Brands}.icon-twitter:before{content:"\f099";font-family:Font Awesome\ 6 Brands}.icon-instagram:before{content:"\f16d";font-family:Font Awesome\ 6 Brands}.icon-linkedin:before{content:"\f08c";font-family:Font Awesome\ 6 Brands}[class^=icon-]{-webkit-font-smoothing:antialiased;align-items:center;display:inline-flex;justify-content:center;text-rendering:auto}.feature-icon [class^=icon-]:before{font-size:1.5rem}.social-link [class^=icon-]:before{font-size:1.25rem}.meta-item [class^=icon-]:before{font-size:1rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column}.hero-stats{gap:1.5rem}.stat-item{padding:1rem}.section-title,.stat-number{font-size:2rem}.steps-container{flex-direction:column}.step-connector{height:40px;transform:rotate(90deg);width:2px}.problems-grid{grid-template-columns:1fr}.problem-header{align-items:flex-start;flex-direction:column}.problem-meta{flex-direction:column;gap:.75rem}.problem-actions{align-items:stretch;flex-direction:column;gap:1rem}.footer-bottom-content{flex-direction:column;text-align:center}}@media (max-width:480px){.container{padding:0 15px}.hero-title{font-size:2rem}.hero-icon i{font-size:3rem}.btn{font-size:1rem;padding:.875rem 1.5rem}.feature-card,.problem-card,.step{padding:1.5rem}.section-title{font-size:1.75rem}.footer{padding:3rem 0 1.5rem}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}html{scroll-behavior:smooth;scroll-padding-top:80px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ecfdf5;background:var(--green-50)}::-webkit-scrollbar-thumb{background:#6ee7b7;background:var(--green-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#34d399;background:var(--green-400)}*{transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,color .3s ease}.problem-card{box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1rem}.problem-header{align-items:center;display:flex;justify-content:space-between}.problem-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.problem-description{color:#4b5563;line-height:1.5;margin:0}.problem-card-image{border-radius:8px;height:220px;margin:.5rem 0;overflow:hidden;width:100%}.problem-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.problem-card-image:hover img{transform:scale(1.08)}.problem-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1rem}.problem-meta{align-items:center;display:flex;justify-content:space-between}.location-date{color:#6b7280;display:flex;font-size:.875rem;gap:1rem}.votes-section{align-items:center;display:flex;gap:1rem}.vote-button{background-color:#10b981;color:#fff;padding:.5rem 1rem;transition:background-color .2s}.vote-button:hover{background-color:#059669}.problems-grid{padding:1rem}.head-dashboard{background-color:var(--green-50);min-height:calc(100vh - 64px);padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#1a202c;font-size:2rem;margin-bottom:.5rem}.dashboard-header p,.stat-label{color:#4a5568}.stat-label{font-size:.9rem}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.problems-table{border-collapse:collapse;white-space:normal;width:100%}.problems-table th{background-color:var(--green-100);color:#1a202c;font-size:1rem;font-weight:700;padding:1rem;text-align:left;transition:background-color .2s ease}.problems-table td{border-bottom:1px solid var(--green-100);color:#1a202c;font-size:.95rem;line-height:1.5;padding:1rem;vertical-align:top}.problems-table td:first-child,.problems-table th:first-child{width:12%}.problems-table td:nth-child(2),.problems-table th:nth-child(2){max-width:300px;width:30%}.problems-table td:nth-child(3),.problems-table th:nth-child(3){width:12%}.problems-table td:nth-child(4),.problems-table th:nth-child(4){width:10%}.problems-table td:nth-child(5),.problems-table th:nth-child(5){width:8%}.problems-table td:nth-child(6),.problems-table th:nth-child(6){width:10%}.problems-table td:nth-child(7),.problems-table th:nth-child(7){width:18%}.problems-table td,.problems-table th{padding:.75rem;text-align:center;vertical-align:middle}.problems-table td:nth-child(2){word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:200px;overflow-wrap:break-word}.problems-table tbody tr:hover{background-color:var(--green-50);transition:background-color .2s ease}.problems-table td,.problems-table th{border:1px solid var(--green-200)}.problems-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.table-image{border-radius:6px;cursor:pointer;height:60px;object-fit:cover;transition:transform .2s ease;width:60px}.table-image:hover{transform:scale(1.1)}.problem-image{border-radius:8px;cursor:pointer;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.problem-image:hover{box-shadow:0 4px 15px #0003;transform:scale(1.5);z-index:10}.problems-table td:nth-child(6){padding:.5rem;text-align:center;vertical-align:middle;width:100px}.problem-image-container{align-items:center;display:flex;justify-content:center;padding:10px;position:relative}.status-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--green-200);border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 2rem .5rem .5rem;text-align:center;width:120px}.status-select:hover{border-color:var(--green-400)}.status-select:focus{border-color:var(--green-500);box-shadow:0 0 0 2px #10b9811a;outline:none}.status-select.status-pending{background-color:#fef3c7;color:#b45309}.status-select.status-reviewing{background-color:#dbeafe;color:#1d4ed8}.status-select.status-completed{background-color:#d1fae5;color:#047857}.status-select.status-rejected{background-color:#fee2e2;color:#dc2626}.status-select option{font-size:.9rem;padding:10px;text-align:center}.status-select option[value=pending]{background-color:#fef3c7;color:#b45309}.status-select option[value=reviewing]{background-color:#dbeafe;color:#1d4ed8}.status-select option[value=completed]{background-color:#d1fae5;color:#047857}.status-select option[value=rejected]{background-color:#fee2e2;color:#dc2626}.status-select option:hover{filter:brightness(95%)}.problems-table td:nth-child(2){padding:.75rem 1rem;text-align:left}.problems-table{font-size:.9rem;line-height:1.4}.welcome-message{background:linear-gradient(135deg,var(--green-50),var(--green-100));border-left:4px solid var(--green-500);border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem 2rem}.welcome-message p{color:var(--green-800);font-size:1.1rem;font-weight:500;line-height:1.6;margin:0}.welcome-message strong{color:var(--green-600);font-weight:600}.problems-table td:first-child,.problems-table td:nth-child(3),.problems-table td:nth-child(5){color:#1f2937;font-weight:600}.problems-table td:nth-child(5){color:#059669;font-size:1.2rem;font-weight:700}.problems-table td:nth-child(5):hover{transform:scale(1.1);transition:transform .2s ease}.problems-table td:first-child,.problems-table td:nth-child(3){letter-spacing:.01em;text-transform:capitalize}.problems-table td:first-child:hover,.problems-table td:nth-child(3):hover{background-color:#0596690d;transition:background-color .2s ease}.filter-container{display:flex;justify-content:flex-end;margin:20px 0;padding-right:20px}.status-filter{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1em;border:2px solid var(--green-200);border-radius:6px;cursor:pointer;font-size:1rem;padding:8px 2rem 8px 16px;transition:all .2s ease;width:160px}.status-filter:hover{border-color:var(--green-400)}.status-filter:focus{border-color:var(--green-500);box-shadow:0 0 0 2px #0596691a;outline:none}.status-filter option{font-size:.95rem;padding:8px}.status-filter option[value=pending]{background-color:#fef3c7}.status-filter option[value=reviewing]{background-color:#dbeafe}.status-filter option[value=completed]{background-color:#d1fae5}.status-filter option[value=rejected]{background-color:#fee2e2}@media (max-width:1024px){.head-dashboard{padding:1rem}.problems-table td,.problems-table th{font-size:.85rem;padding:.5rem}.status-select{font-size:.85rem;padding:.4rem 1.5rem .4rem .4rem;width:100px}.table-image{border-radius:4px;height:40px;width:40px}}.user-dashboard{background-color:var(--green-50);min-height:calc(100vh - 60px);padding:2rem}.dashboard-header{padding:1rem;text-align:center}.problem-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.votes-display{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;gap:6px;justify-content:flex-start}.votes-display i{color:#4caf50;font-size:18px}.vote-buttons{display:flex;gap:10px;justify-content:space-between}.vote-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.vote-button.upvote{background:#4caf50;color:#fff}.vote-button.upvote:hover{background:#43a047}.vote-button.downvote{background:#f44336;color:#fff}.vote-button.downvote:hover{background:#d32f2f}.vote-button i{font-size:16px}.dashboard-title{color:var(--green-800);font-size:2rem;font-weight:740;letter-spacing:-.5px;margin-bottom:0}.dashboard-subtitle{align-items:center;background:linear-gradient(to right,#0000,var(--green-50),#0000);border-radius:8px;color:var(--green-700);display:flex;font-size:1.1rem;font-weight:500;justify-content:center;letter-spacing:.3px;line-height:1.5;margin:.25rem auto;max-width:100%;padding:.75rem 2rem;position:relative;text-align:center}.dashboard-subtitle:before{content:"✨";font-size:1.2rem;margin-right:10px;opacity:.8}.dashboard-subtitle:hover{transform:translateY(-1px);transition:transform .2s ease}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--green-100);border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;text-align:center}.stat-number{color:var(--green-600);font-size:2rem;font-weight:600;margin-bottom:.5rem}@media (max-width:768px){.user-dashboard{padding:1rem}.dashboard-stats,.problems-grid{grid-template-columns:1fr}}.error-container{background-color:#fee2e2;border-radius:8px;margin:1rem;padding:1rem;text-align:center}.error-message{color:#dc2626;margin-bottom:.5rem}.retry-button{background-color:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.retry-button:hover{background-color:#047857}.head-problems-container{background-color:var(--green-50);min-height:calc(100vh - 64px);padding:2rem}.votes-info{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 0}.votes-info i{color:var(--green-500)}.problems-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.problem-card{background:#fff;border:1px solid var(--green-100);border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.status-select{transition:all .2s ease}.problem-card{transition:background-color .2s ease}.votes-count{transition:all .2s ease}.status-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-transform:capitalize}.status-badge.pending{background-color:#fef3c7;color:#b45309}.status-badge.reviewing{background-color:#dbeafe;color:#1d4ed8}.status-badge.completed{background-color:#d1fae5;color:#047857}.status-badge.rejected{background-color:#fee2e2;color:#dc2626}
/*# sourceMappingURL=main.b961015a.css.map*/