body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eeeef0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-appearance:none;box-sizing:border-box}:focus{outline:none}.conversation-list-item{align-items:center;display:flex;padding:10px}.conversation-list-item:hover{background:#eeeef1;cursor:pointer}.conversation-photo{border:2px solid #e9ecef;border-radius:50%;height:50px;margin-right:10px;object-fit:cover;transition:all .2s ease;width:50px}.conversation-photo:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.conversation-title{font-size:14px;font-weight:700;margin:0;text-transform:capitalize}.conversation-snippet{color:#888;font-size:14px;margin:0}.conversation-snippet2{color:red;font-size:16px;margin:0}.conversation-photo-container{margin-right:10px;position:relative}.conversation-ban-overlay{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;width:20px}.conversation-ban-icon{color:#fff;font-size:10px}.conversation-ban-status{display:flex;flex-direction:column;gap:2px;margin-top:4px}.conversation-ban-badge{align-self:flex-start;background:#dc3545;border:1px solid #dc3545;border-radius:3px;color:#fff;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.conversation-ban-expiry{color:#dc3545;font-size:9px;font-weight:500;margin-left:2px}.toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #eeeef1;display:flex;font-weight:500;position:-webkit-sticky;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.8);border:none}}.toolbar-title{cursor:pointer;font-size:16px;font-weight:800;margin:0}.left-items,.right-items{display:flex;flex:1 1;padding:10px}.right-items{flex-direction:row-reverse}.left-items .toolbar-button{margin-right:20px}.right-items .toolbar-button{margin-left:20px}.left-items .toolbar-button:last-child,.right-items .toolbar-button:last-child{margin:0}.toolbar-button{color:#007aff;font-size:28px;transition:all .1s}.toolbar-button:hover{color:#0063ce;cursor:pointer}.toolbar-button:active{color:#007aff;opacity:.25}.toolbar-button.disabled{opacity:.5}.toolbar-button.disabled,.toolbar-button.disabled:hover{color:#ccc;cursor:not-allowed}.conversation-list{display:flex;flex-direction:column}.compose{align-items:center;background:#fff;border-top:1px solid #eeeef1;bottom:0;display:flex;padding:10px;position:fixed;width:calc(100% - 20px)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.compose{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.8);border:none}}.compose-input{background:none;border:none;flex:1 1;font-size:14px;height:40px}.compose-input::-webkit-input-placeholder{opacity:.3}.compose-input::placeholder{opacity:.3}.compose .toolbar-button{color:#4e4eff;margin-right:15px}.compose .toolbar-button:hover{color:#99999c}.message{display:flex;flex-direction:column}.message .timestamp{color:#999;display:flex;font-size:12px;font-weight:600;justify-content:center;margin:10px 0;text-transform:uppercase}.message .bubble-container{display:flex;font-size:14px}.message.mine .bubble-container{justify-content:flex-end}.message.start .bubble-container .bubble{border-top-left-radius:20px}.message.end .bubble-container .bubble{border-bottom-left-radius:20px}.message.mine.start .bubble-container .bubble{border-top-right-radius:20px;margin-top:10px}.message.mine.end .bubble-container .bubble{border-bottom-right-radius:20px;margin-bottom:10px}.message .bubble-container .bubble{background:#f4f4f8;border-radius:20px;border-bottom-left-radius:2px;border-bottom-right-radius:20px;border-top-left-radius:2px;border-top-right-radius:20px;margin:1px 0;max-width:75%;padding:10px 15px}.message .message-sender{margin-bottom:4px}.message .sender-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.message .sender-badge.reporter{background:#e3f2fd;color:#1976d2}.message .sender-badge.reported{background:#fff3e0;color:#f57c00}.message .message-content{font-size:14px;line-height:1.4}.message.mine .bubble-container .bubble{background:#007aff;border-bottom-left-radius:20px;border-bottom-right-radius:2px;border-top-left-radius:20px;border-top-right-radius:2px;color:#fff}.message.mine .sender-badge.reported,.message.mine .sender-badge.reporter{background:hsla(0,0%,100%,.2);color:#fff}.message-list-container{padding:10px 10px 70px}.info-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px}.info-header .close-btn{cursor:pointer;font-weight:700}.user-profile-section{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.user-profile-photo{border:2px solid #e9ecef;border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;transition:all .2s ease;width:50px}.user-profile-photo:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.user-profile-info{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.user-id{background:#fff;border:1px solid #e9ecef;border-radius:3px;color:#007bff;font-family:Courier New,monospace;font-size:10px;font-weight:500;padding:2px 6px;word-break:break-all}.user-id,.user-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name{color:#333;font-size:14px;font-weight:600}.info-body{grid-gap:6px;display:grid;font-size:11px;gap:6px;grid-template-columns:80px auto;padding:12px}.info-body span:nth-child(odd){color:#666;font-weight:700}.info-body span:nth-child(2n){color:#333;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ban-status-active{background:#dc3545;border:1px solid #dc3545;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.messenger{grid-column-gap:1px;grid-row-gap:1px;background:#eeeef1;display:grid;grid-template-columns:350px auto 250px;grid-template-rows:60px auto 60px;height:calc(100vh - 60px);width:100%}.container{padding:10px}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:scroll;position:relative}.content,.sidebar{grid-row-end:span 3;grid-row-start:1}.content,.footer{background:#fff}.footer{grid-column-start:2}.user-info{border-left:1px solid #eee;flex-direction:column;grid-column-start:3;grid-row-end:span 3;grid-row-start:1;padding:10px;width:250px}.report-list-item,.user-info{background:#fff;position:relative}.report-list-item{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer;display:flex;margin:8px 0;padding:20px;transition:all .2s ease}.report-list-item:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.report-list-item:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.report-photo-container{flex-shrink:0;margin-right:20px;position:relative}.report-photo{border:2px solid #e9ecef;border-radius:50%;height:60px;object-fit:cover;transition:border-color .2s ease;width:60px}.report-list-item:hover .report-photo{border-color:#007bff}.status-indicator{border:2px solid #fff;border-radius:50%;bottom:4px;box-shadow:0 1px 3px rgba(0,0,0,.2);height:14px;position:absolute;right:4px;width:14px}.report-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0}.report-header{gap:12px;margin-bottom:8px}.report-title{word-wrap:break-word;color:#333;flex:1 1;font-size:16px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin:0;min-width:0;overflow-wrap:break-word}.report-time{background:#f8f9fa;border-radius:6px;color:#999;flex-shrink:0;font-size:12px;font-weight:400;padding:4px 8px;white-space:nowrap}.report-reason{background:#f8f9fa;border-radius:6px;color:#666;display:inline-block;font-size:14px;font-weight:500;margin:0 0 8px;max-width:100%;padding:6px 12px}.report-reason,.report-snippet{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.report-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis}.report-user-ids{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.reporter-id-small,.user-id-small{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#007bff;font-family:Courier New,monospace;font-size:11px;font-weight:500;padding:2px 6px}.report-status{align-items:center;display:flex;justify-content:flex-end}.status-badge{font-size:11px;font-weight:600;letter-spacing:.5px;transition:all .2s ease}.status-badge.pending{border:1px solid #ffeaa7}.status-badge.resolved{border:1px solid #c3e6cb}.deleted-overlay{align-items:center;background:rgba(220,53,69,.1);border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.deleted-icon{color:#dc3545;font-size:16px}.deleted-indicator{color:#dc3545;font-size:14px;font-weight:400}.deleted-badge-small{background:#dc3545;border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.premium-status-small{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.premium-badge-small,.spotify-badge-small{border:1px solid;border-radius:8px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase;transition:all .2s ease}.premium-badge-small.premium{background:gold;border-color:#ffc107;color:#856404}.premium-badge-small.vip{background:linear-gradient(135deg,gold,#ff6b35);border-color:#ff6b35;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.premium-badge-small.free{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.ban-badge-small{background:#dc3545;border:1px solid #dc3545;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.ban-badge-small.reporter{background:#fd7e14;border-color:#fd7e14}.spotify-badge-small.premium{background:#1db954;border-color:#1db954;color:#fff}.spotify-badge-small.free{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.premium-badge-small:hover,.spotify-badge-small:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.reports-list{background:#f8f9fa;height:100%}.filter-section{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:center;padding:16px 24px}.filter-dropdown{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:8px 16px;transition:all .2s ease}.filter-dropdown:hover{border-color:#007bff}.filter-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.pagination-info{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;border-radius:0 0 12px 12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 24px}.pagination-controls{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:8px}.pagination-controls span{color:#007bff;font-weight:600}.page-input-form{align-items:center;display:flex;font-size:14px;gap:8px}.page-input-form label{color:#666;font-weight:500;white-space:nowrap}.page-input{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:6px 8px;text-align:center;transition:all .2s ease;width:60px}.page-input:focus,.page-input:hover{border-color:#007bff}.page-input:focus{box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.page-go-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.page-go-button:hover{background:#0056b3}.page-go-button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.filter-info{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#28a745!important}.filter-info,.results-warning{font-size:12px;padding:4px 8px}.results-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404!important}.reports-container{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:16px}.reports-container::-webkit-scrollbar{width:6px}.reports-container::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.reports-container::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:3px}.reports-container::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.error-reports,.loading-reports,.no-reports{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin:16px;padding:60px 20px;text-align:center}.loading-reports p{color:#007bff}.error-reports p,.loading-reports p{font-size:16px;font-weight:500;margin:0}.error-reports p{color:#dc3545}.no-reports p{font-weight:500}.report-detail{background:#f8f9fa;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.report-detail-container{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:24px;position:relative;z-index:1}.report-detail-container::-webkit-scrollbar{width:8px}.report-detail-container::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.report-detail-container::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px}.report-detail-container::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.no-report-selected{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#666;margin:20px;padding:80px 40px;text-align:center}.no-report-selected p{color:#007bff;font-size:18px;font-weight:500;margin:0}.report-info-panel{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;padding:24px;position:relative;z-index:2}.report-header-info{display:flex;justify-content:space-between;margin-bottom:24px}.report-header-info,.user-info{align-items:flex-start;gap:16px}.user-info{flex:1 1;min-width:0}.reported-user-avatar{border:3px solid #e9ecef;border-radius:50%;height:70px;object-fit:cover;transition:border-color .2s ease;width:70px}.reported-user-avatar:hover{border-color:#007bff}.reported-user-avatar.clickable{cursor:pointer;transition:all .2s ease}.reported-user-avatar.clickable:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.user-details{flex:1 1;min-width:0}.user-details h3{color:#333;font-size:20px;font-weight:600;margin:0 0 6px}.user-details h3,.user-details p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.user-details p{font-weight:400;margin:0 0 4px}.reporter-id,.user-id{background:#f8f9fa;border-radius:4px;color:#007bff!important;display:inline-block;font-family:Courier New,monospace;font-weight:500!important;margin-right:8px;max-width:200px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.premium-status{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.premium-badge,.spotify-badge{border:1px solid;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.premium-badge.premium{background:gold;border-color:#ffc107;color:#856404}.premium-badge.vip{background:linear-gradient(135deg,gold,#ff6b35);border-color:#ff6b35;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.premium-badge.free{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.spotify-badge.premium{background:#1db954;border-color:#1db954;color:#fff}.spotify-badge.free{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.ban-status-badge{background:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.reporter-status{margin:8px 0}.premium-badge:hover,.spotify-badge:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.report-timestamp{background:#f8f9fa;border-radius:6px;color:#999!important;display:inline-block;font-size:12px!important;font-weight:400!important;padding:4px 8px}.reporter-deleted-notice,.user-deleted-notice{margin:8px 0 0!important}.deleted-badge{background:#dc3545;border-radius:6px;color:#fff;display:inline-block;font-size:11px;padding:4px 8px}.deleted-badge,.report-status-info .status-badge{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.report-status-info .status-badge{border-radius:12px;font-size:12px;padding:6px 16px;transition:all .2s ease}.report-status-info .status-badge.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.report-status-info .status-badge.resolved{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.report-details{border-top:1px solid #e9ecef;padding-top:24px}.reason-section{margin-bottom:24px}.reason-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.reason-section p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;max-width:100%;overflow-wrap:break-word}.report-actions{align-items:flex-end;gap:16px;margin-top:16px}.ban-controls{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.ban-duration-selector{display:flex;flex-direction:column;gap:4px;min-width:150px}.ban-duration-selector label{color:#666;font-size:12px;font-weight:600;margin:0}.ban-duration-dropdown{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.ban-duration-dropdown:hover:not(:disabled){border-color:#007bff}.ban-duration-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.ban-duration-dropdown:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.ban-button,.dismiss-button{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase}.ban-button:hover:not(:disabled){background:#c82333;box-shadow:0 4px 8px rgba(220,53,69,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.ban-button:disabled{background:#adb5bd;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:not-allowed;-webkit-transform:none;transform:none}.ban-reporter-button{background:#fd7e14;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.ban-reporter-button:hover:not(:disabled){background:#e8690b;box-shadow:0 4px 8px rgba(253,126,20,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.ban-reporter-button:disabled{background:#adb5bd;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:not-allowed;-webkit-transform:none;transform:none}.dismiss-button:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 8px hsla(208,7%,46%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.dismiss-button:disabled{background:#adb5bd;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:not-allowed;-webkit-transform:none;transform:none}.resolution-info{align-items:center;display:flex;gap:8px;margin-top:12px}.resolution-badge{border:1px solid #bee5eb;color:#0c5460;display:inline-block;font-weight:600;letter-spacing:.5px;margin-right:8px;padding:6px 16px}.resolution-badge.reporter-banned{background:#fff3cd;color:#856404}.resolution-badge.dismissed{border:1px solid #bee5eb}.reopen-button{background:#17a2b8;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-left:12px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.reopen-button:hover{background:#138496;box-shadow:0 4px 8px rgba(23,162,184,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.chat-messages-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:24px;position:relative;z-index:2}.chat-messages-section h4{border-bottom:1px solid #e9ecef;color:#333;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.message-list-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow-y:auto;padding:16px}.message-list-container::-webkit-scrollbar{width:6px}.message-list-container::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.message-list-container::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:3px}.message-list-container::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.no-messages{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.no-messages p{color:#999;font-size:16px;margin:0}.loading-messages{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.loading-messages p{color:#007bff;font-size:16px;font-weight:500;margin:0}.image-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:90vh;max-width:90vw;padding:20px;position:relative}.image-modal-close{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:15px;top:10px;transition:all .2s ease;width:30px;z-index:1001}.image-modal-close:hover{background:rgba(0,0,0,.9);-webkit-transform:scale(1.1);transform:scale(1.1)}.image-modal-image{border-radius:8px;max-height:80vh;max-width:100%;object-fit:contain}.conversation-info{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;margin-bottom:24px;padding:16px}.conversation-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.conversation-info p{color:#666;font-family:Courier New,monospace;font-size:14px;margin:0 0 8px;word-break:break-all}.user-reports{background-color:#f8f9fa;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:20px}.reports-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.reports-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-buttons button{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.filter-buttons button:hover{background:#f0f0f0}.filter-buttons button.active{background:#007bff;border-color:#007bff;color:#fff}.reports-list{display:flex;flex-direction:column;gap:15px}.report-card{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.report-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.report-card.pending{border-left-color:#ffc107}.report-card.resolved{border-left-color:#28a745}.report-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.user-info{align-items:center;display:flex;gap:15px}.user-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.user-details h4{color:#333;font-size:16px;margin:0 0 5px}.user-details p{color:#666;font-size:14px;margin:0 0 3px}.timestamp{color:#999!important;font-size:12px!important}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.resolved{background:#d4edda;color:#155724}.message-section,.reason-section,.report-content{margin-bottom:15px}.message-section h5,.reason-section h5{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.reason-section p{color:#666;font-size:14px;margin:0}.chat-message{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;padding:12px}.chat-message p{color:#333;font-size:14px;line-height:1.4;margin:0}.report-actions{display:flex;flex-wrap:wrap;gap:10px}.ban-button,.dismiss-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.ban-button{background:#dc3545;color:#fff}.ban-button:hover{background:#c82333}.dismiss-button{background:#6c757d;color:#fff}.dismiss-button:hover{background:#5a6268}.resolution-info{margin-top:10px}.resolution-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.resolution-badge.banned{background:#f8d7da;color:#721c24}.resolution-badge.dismissed{background:#d1ecf1;color:#0c5460}.no-reports{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:40px;text-align:center}.no-reports p{color:#666;font-size:16px;margin:0}.error,.loading{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:40px;text-align:center}.loading p{color:#007bff}.error p,.loading p{font-size:16px;margin:0}.error p{color:#dc3545}@media (max-width:768px){.user-reports{padding:15px}.report-header{flex-direction:column;gap:10px}.user-info{text-align:center}.report-actions,.user-info{flex-direction:column}.filter-buttons{justify-content:center}}.user-reports-messenger{grid-gap:1px;background:#f8f9fa;display:grid;gap:1px;grid-template-columns:350px 1fr;height:calc(100vh - 60px);overflow:hidden}.scrollable{height:100%;overflow-y:auto}.sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 8px rgba(0,0,0,.05)}.content,.sidebar{position:relative;z-index:1}.content{background:#f8f9fa;box-shadow:-2px 0 8px rgba(0,0,0,.05)}@media (max-width:768px){.user-reports-messenger{grid-template-columns:1fr;grid-template-rows:300px 1fr;height:calc(100vh - 60px)}.sidebar{border-bottom:1px solid #e9ecef;border-right:none;max-height:300px}.content{background:#f8f9fa}}.navigation{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.nav-brand h3{color:#007bff;font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.nav-link,.nav-links{display:flex;gap:8px}.nav-link{align-items:center;background:transparent;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#f8f9fa;color:#333;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-link.active{background:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.3);color:#fff}.nav-link.active:hover{background:#0056b3;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-icon{font-size:16px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.nav-link.active .nav-icon,.nav-link:hover .nav-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:768px){.nav-container{height:56px;padding:0 16px}.nav-brand h3{font-size:20px}.nav-links{gap:6px}.nav-link{font-size:13px;padding:8px 12px}.nav-link span:not(.nav-icon){display:none}.nav-icon{font-size:18px}}
/*# sourceMappingURL=main.e62da81c.css.map*/