.track-page{max-width:800px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.track-header{text-align:center;margin-bottom:2rem}.track-header h2{color:#2c3e50;margin-bottom:.5rem;font-size:2rem}.track-header p{color:#7f8c8d;font-size:1rem}.search-container{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:1.5rem}.track-form{margin-bottom:1rem}.input-group{display:flex;gap:.5rem}.tracking-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.tracking-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.track-button{padding:.75rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;min-width:100px}.track-button:hover{background-color:#2980b9}.track-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-history{margin-top:1rem}.search-history p{font-size:.9rem;color:#7f8c8d;margin-bottom:.5rem}.history-items{display:flex;flex-wrap:wrap;gap:.5rem}.history-item{background-color:#e9ecef;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.history-item:hover{background-color:#dee2e6}.error-message{display:flex;align-items:flex-start;background-color:#fdecea;border-left:4px solid #e74c3c;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.error-icon{margin-right:.75rem;font-size:1.2rem}.grievance-details{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.details-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background-color:#f8f9fa}.details-header h3{margin:0;color:#2c3e50}.status-badge-large{transform:scale(1.2)}.details-content{padding:1.5rem}.detail-row{display:flex;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;width:150px;color:#555}.detail-value{flex:1;color:#333}.status-timeline{padding:1.5rem;border-top:1px solid #eee}.status-timeline h4{margin-top:0;margin-bottom:1rem;color:#2c3e50}.timeline-item{position:relative;padding-left:30px;margin-bottom:1.5rem}.timeline-item:before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%;background-color:#3498db}.timeline-item:after{content:"";position:absolute;left:5px;top:20px;width:2px;height:calc(100% + 10px);background-color:#e0e0e0}.timeline-item:last-child:after{display:none}.timeline-date{font-size:.9rem;color:#7f8c8d;margin-bottom:.25rem}.timeline-status{margin-bottom:.5rem}.timeline-comment{font-style:italic;color:#555;margin-top:.5rem}@media(max-width:768px){.track-page{padding:1rem}.input-group,.detail-row{flex-direction:column}.detail-label{margin-bottom:.25rem;width:100%}.details-header{flex-direction:column;align-items:flex-start;gap:1rem}}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%}