:root{--primary-color: #4caf50;--primary-dark: #388e3c;--secondary-color: #f57c00;--text-color: #333;--light-text: #666;--background-color: #f9f9f9;--card-color: #fff;--border-color: #e0e0e0;--success-color: #4caf50;--pending-color: #f57c00;--in-progress-color: #2196f3;--resolved-color: #4caf50}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}header p{color:var(--light-text);font-size:1.1rem;margin-bottom:15px}.admin-link{display:inline-block;padding:8px 16px;background-color:#f0f0f0;color:var(--text-color);border-radius:30px;text-decoration:none;font-size:.9rem;transition:all .3s;border:none;box-shadow:0 2px 5px #0000001a}.admin-link:hover{background-color:#e0e0e0;transform:translateY(-2px)}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:30px;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;text-align:center;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.primary-btn{background-color:var(--primary-color);color:#fff}.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.secondary-btn{background-color:#f0f0f0;color:var(--text-color)}.secondary-btn:hover{background-color:#e0e0e0;transform:translateY(-2px)}.small-btn{padding:8px 16px;font-size:.9rem}section{margin-bottom:40px}.report-section{text-align:center;margin:30px 0}.report-section .btn{font-size:1.2rem;padding:15px 30px}h2{margin-bottom:20px;color:var(--primary-dark);font-weight:600}.form-section{background-color:var(--card-color);padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000000d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}input[type=text],input[type=file],input[type=number],textarea,select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;transition:border-color .3s,box-shadow .3s}input[type=text]:focus,input[type=file]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}textarea{resize:vertical;min-height:100px}.image-upload-container{position:relative}.image-preview{margin-top:10px;min-height:150px;border:1px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--light-text);transition:border-color .3s}.image-preview:hover{border-color:var(--primary-color)}.image-preview img{max-width:100%;max-height:300px;border-radius:8px}.location-container{display:flex;gap:10px;flex-wrap:wrap}.location-container input{flex-grow:1;min-width:200px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.location-settings{background-color:#f5f5f5;padding:15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.location-settings button{flex-shrink:0}.location-settings span{font-size:.9rem;color:var(--light-text);margin-right:15px;flex-grow:1}.radius-input{width:60px;text-align:center;padding:8px;border-radius:4px;border:1px solid var(--border-color)}.location-settings label{font-size:.9rem;color:var(--light-text)}.confirmation{text-align:center;background-color:var(--card-color);padding:40px 30px;border-radius:12px;box-shadow:0 4px 15px #0000000d}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--success-color);color:#fff;border-radius:50%;font-size:40px;margin-bottom:20px;box-shadow:0 4px 10px #4caf504d}.confirmation h2{margin-bottom:15px;color:var(--success-color)}.confirmation p{margin-bottom:25px;color:var(--light-text)}.reports-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.report-card{background-color:var(--card-color);border-radius:12px;box-shadow:0 4px 10px #0000000d;overflow:hidden;transition:transform .3s,box-shadow .3s}.report-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0000001a}.report-card-image{height:200px;overflow:hidden}.report-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.report-card:hover .report-card-image img{transform:scale(1.05)}.report-card-content{padding:20px}.report-card-status{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff;margin-bottom:12px}.status-pending{background-color:var(--pending-color)}.status-in-progress{background-color:var(--in-progress-color)}.status-resolved{background-color:var(--resolved-color)}.report-card-location{margin-bottom:10px;color:var(--text-color);font-weight:500}.report-card-note{margin-bottom:12px;color:var(--light-text);font-size:.9rem}.report-card-time{color:var(--light-text);font-size:.8rem}.admin-container{max-width:100%;padding:20px 30px}.filter-section{display:flex;flex-direction:column;margin-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.filter-btn{padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:30px;cursor:pointer;font-family:Poppins,sans-serif;transition:all .3s;box-shadow:0 2px 5px #0000001a}.filter-btn:hover{background-color:#e0e0e0;transform:translateY(-2px)}.filter-btn.active{background-color:var(--primary-color);color:#fff}.table-responsive{overflow-x:auto;border-radius:12px;box-shadow:0 4px 15px #0000000d}.reports-table{width:100%;border-collapse:collapse;background-color:var(--card-color);overflow:hidden}.reports-table th,.reports-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.reports-table th{background-color:#f5f5f5;font-weight:600;position:sticky;top:0}.reports-table tr:last-child td{border-bottom:none}.reports-table img{width:100px;height:70px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s}.reports-table img:hover{transform:scale(1.1)}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff}.action-buttons{display:flex;gap:5px}.action-btn{padding:6px 12px;border:none;border-radius:20px;cursor:pointer;font-size:.8rem;color:#fff;background-color:var(--primary-color);transition:all .3s}.action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0003}.pending-btn{background-color:var(--pending-color)}.in-progress-btn{background-color:var(--in-progress-color)}.resolved-btn{background-color:var(--resolved-color)}.loading-cell{text-align:center;padding:30px;color:var(--light-text)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--card-color);padding:30px;border-radius:12px;width:100%;max-width:500px;position:relative;box-shadow:0 10px 25px #0000001a}.close-modal{position:absolute;top:15px;right:15px;font-size:1.5rem;cursor:pointer;color:var(--light-text);transition:color .3s}.close-modal:hover{color:var(--text-color)}.hidden{display:none!important}.loading{text-align:center;padding:30px;color:var(--light-text)}footer{text-align:center;margin-top:50px;padding-top:20px;border-top:1px solid var(--border-color);color:var(--light-text);font-size:.9rem}footer a{color:var(--primary-color);text-decoration:none;transition:color .3s}footer a:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.container{padding:15px}.form-section{padding:20px 15px}.reports-container{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%;margin-bottom:10px}.location-settings{flex-direction:column;align-items:flex-start}.location-settings button{width:100%;margin-bottom:10px}.filters{flex-wrap:wrap;justify-content:center}.filter-btn{flex-grow:1;text-align:center;min-width:45%}.reports-table th:nth-child(1),.reports-table td:nth-child(1),.reports-table th:nth-child(5),.reports-table td:nth-child(5){display:none}.modal-content{width:90%;padding:20px 15px}}@media (max-width: 480px){.report-section .btn{width:100%;font-size:1.1rem}.reports-table th:nth-child(6),.reports-table td:nth-child(6){display:none}}