.report-panel{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden}:root.dark-mode .report-panel{background-color:#2d2d2d;box-shadow:0 2px 8px rgba(0,0,0,.2)}.report-panel-header{background-color:#e9ecef;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid #dee2e6}:root.dark-mode .report-panel-header{background-color:#1a1a1a;border-bottom-color:#444}.report-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#495057}:root.dark-mode .report-panel-header h3{color:#e0e0e0}.expand-icon{font-size:14px;transition:transform .2s;color:#495057}:root.dark-mode .expand-icon{color:#e0e0e0}.expand-icon.expanded{transform:rotate(0deg)}.report-panel-content{padding:12px}.no-reports,.report-error,.report-loading{padding:16px;text-align:center;color:#6c757d;font-style:italic}:root.dark-mode .no-reports,:root.dark-mode .report-loading{color:#a0a0a0}.report-error{color:#dc3545}:root.dark-mode .report-error{color:#ff6b6b}.report-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.report-card{background-color:#fff;border-radius:6px;border:1px solid #dee2e6;padding:12px;position:relative}:root.dark-mode .report-card{background-color:#1a1a1a;border-color:#444}.report-meta{display:flex;justify-content:space-between;margin-bottom:8px}.reporter-info{font-weight:600;color:#343a40}:root.dark-mode .reporter-info{color:#e0e0e0}.report-timestamp{font-size:12px;color:#6c757d}:root.dark-mode .report-timestamp{color:#a0a0a0}.report-type{display:inline-block;background-color:#e2f2ff;color:#0366d6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:8px}:root.dark-mode .report-type{background-color:#1a365d;color:#63b3ed}.report-content-type{font-size:12px;color:#6c757d;margin-bottom:8px}:root.dark-mode .report-content-type{color:#a0a0a0}.report-details{background-color:#f8f9fa;border-radius:4px;padding:8px;margin-bottom:12px;font-size:14px;color:#495057;white-space:pre-wrap;word-break:break-word;max-height:100px;overflow-y:auto}:root.dark-mode .report-details{background-color:#2d2d2d;color:#e0e0e0}.report-response-section{margin-bottom:12px}.report-response-input{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px;resize:vertical;min-height:60px;font-family:inherit}.report-response-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}:root.dark-mode .report-response-input{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}:root.dark-mode .report-response-input:focus{border-color:#63b3ed;box-shadow:0 0 0 .2rem rgba(99,179,237,.25)}.report-actions{display:flex;justify-content:flex-end}.resolve-btn{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}.resolve-btn:hover{background-color:#218838}.resolve-btn:disabled{background-color:#6c757d;cursor:not-allowed}.rating-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:1000;padding:20px}:root.dark-mode .rating-modal-container{background-color:rgba(0,0,0,.7)}.rating-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}:root.dark-mode .rating-modal{background-color:#2d2d2d}.rating-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}:root.dark-mode .rating-modal-header{border-color:#444}.rating-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#212529}:root.dark-mode .rating-modal-header h3{color:#fff}.rating-modal-body{padding:20px;flex:1 1}.rating-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e9ecef}:root.dark-mode .rating-modal-footer{border-color:#444}.cancel-rating-btn{background-color:#f8f9fa;color:#495057;border:1px solid #ced4da;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}:root.dark-mode .cancel-rating-btn{background-color:#1a1a1a;color:#e0e0e0;border-color:#444}.cancel-rating-btn:hover{background-color:#e9ecef}:root.dark-mode .cancel-rating-btn:hover{background-color:#363636}.submit-rating-btn{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.submit-rating-btn:hover{background-color:#0069d9}.submit-rating-btn:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:768px){.report-panel{margin-bottom:16px}.report-list{max-height:300px}.rating-modal{max-width:100%}}.report-content-info{margin-bottom:10px}.content-link{color:#007bff;text-decoration:none;font-weight:500}:root.dark-mode .content-link{color:#63b3ed}.content-link:hover{text-decoration:underline}.view-content-btn{display:inline-block;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s;margin-right:10px;text-decoration:none}:root.dark-mode .view-content-btn{background-color:#0f6674}.view-content-btn:hover{background-color:#138496;text-decoration:none;color:#fff}:root.dark-mode .view-content-btn:hover{background-color:#0c525d}