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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{min-height:100vh}.navbar{background:linear-gradient(135deg,#06c,#09f);box-shadow:0 2px 10px #0000001a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{border-radius:5px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.nav-links a:hover{background-color:#fff3}.landing-page{align-items:center;background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:calc(100vh - 80px);text-align:center}.hero-content{max-width:800px;padding:2rem}.hero-title{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px #000000b3}.hero-subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #00d4aa4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#333}.form-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.form-title{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#06c;outline:none}.form-textarea{min-height:120px;resize:vertical}.image-upload{border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:border-color .3s}.image-upload:hover{border-color:#06c}.image-preview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.image-preview img{border-radius:8px;height:150px;object-fit:cover;width:100%}.grievances-container{margin:2rem auto;max-width:1200px;padding:0 2rem}.grievances-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.grievance-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.grievance-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.grievance-image{height:200px;object-fit:cover;width:100%}.grievance-content{padding:1.5rem}.grievance-title{color:#333;font-size:1.2rem;margin-bottom:.5rem}.grievance-description{color:#666;line-height:1.5;margin-bottom:1rem}.grievance-meta{align-items:center;color:#888;display:flex;font-size:.9rem;justify-content:space-between}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-pending{background:#fff3cd;color:#856404}.status-in-progress{background:#cce5ff;color:#004085}.status-resolved{background:#d4edda;color:#155724}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cta-buttons{align-items:center;flex-direction:column}.nav-links{display:none}.grievances-grid{grid-template-columns:1fr}.form-container{margin:1rem;padding:1rem}}.loading{color:#666;padding:2rem;text-align:center}.success-message{background:#d4edda;color:#155724}.error-message,.success-message{border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.error-message{background:#f8d7da;color:#721c24}
/*# sourceMappingURL=main.d471a9b5.css.map*/