button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;background-color:#1f0;color:#fff;transition:.3s}.home-page .hero{background:#004d99;color:#fff;padding:40px 20px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;max-width:500px;width:90%;position:relative}.modal-close-btn{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:20px;cursor:pointer}.login-form{padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column}.login-form h2{margin-bottom:15px;color:#004d99}.login-info-text{font-size:14px;margin-bottom:20px;color:#555;line-height:1.5}.login-form input{padding:10px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-size:14px}.login-form button{padding:10px;background-color:#004d99;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.login-form button:hover{background-color:#036}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;background-color:#f4f7f6;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;background-color:#007bff;color:#fff}button:hover{background-color:#0056b3}input,textarea,select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.error{color:#d9534f}.message{color:#3c763d;font-weight:700}.home-page .hero{background:#008599;color:#fff;padding:10px;text-align:center}.submission-form{background:#fff;padding:30px;margin:20px auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:700px}.form-group{margin-bottom:15px}.form-group.checkbox label{display:flex;align-items:center;gap:10px}.form-group.checkbox input{width:auto}.track-page{max-width:600px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.track-page form{display:flex;gap:10px}.track-page input{flex-grow:1;margin-bottom:0}.grievance-details{margin-top:20px;padding:20px;border:1px solid #eee;border-radius:5px}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background:#f4f7f6}.login-form{padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.admin-layout{display:flex;flex-direction:column;height:100vh}.admin-navbar{background:#343a40;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.admin-body{display:flex;flex:1}.admin-sidebar{width:250px;background:#495057;padding-top:20px}.admin-sidebar a{display:block;padding:15px 30px;color:#fff;text-decoration:none}.admin-sidebar a:hover,.admin-sidebar a.active{background:#007bff}.admin-main-content{flex:1;padding:30px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d;text-align:center}.stat-card h3{margin:0 0 10px;color:#666}.stat-card p{margin:0;font-size:2em;font-weight:700;color:#007bff}.data-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.data-table th{background-color:#f8f9fa}.status-badge{padding:5px 10px;border-radius:12px;font-size:.8em;font-weight:700;color:#fff}.badge-received{background-color:#6c757d}.badge-review{background-color:#17a2b8}.badge-action{background-color:#ffc107;color:#212529}.badge-resolved{background-color:#28a745}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.actions-section,.responses-section{background:#fff;padding:20px;border-radius:8px;margin-top:20px}.action-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.action-group label{min-width:150px}.action-group select{width:auto;min-width:200px}.log-list{margin-bottom:20px}.log-entry{background:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:10px}.log-date{display:block;font-size:.8em;color:#666;margin-top:5px}.response-form textarea{width:100%}
