.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:.75rem}.breadcrumb a{color:#c41e3a;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#666}.header-content h2{font-size:1.5rem;margin-bottom:.5rem}.header-content p{color:#888;font-size:.9rem}.header-actions{display:flex;gap:1rem}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.btn-export:hover{border-color:#c41e3a;color:#c41e3a}.filters-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;color:#888}.filter-group select,.filter-group input{padding:.75rem 1rem;background:#252525;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#c41e3a}.filter-actions{flex-direction:row;gap:.75rem}.btn-filter{flex:1;padding:.75rem 1rem;background:#c41e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.btn-filter:hover{background:#a01830}.btn-clear{padding:.75rem 1rem;background:transparent;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.btn-clear:hover{border-color:#666;color:#fff}.logs-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden}.table-container{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse}.logs-table th,.logs-table td{padding:1rem;text-align:left;border-bottom:1px solid #2a2a2a}.logs-table th{background:#252525;font-weight:600;font-size:.875rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.logs-table tbody tr:hover{background:#252525}.logs-table td{font-size:.9rem}.loading-cell{text-align:center;color:#888;padding:3rem 1rem!important}.empty-cell{text-align:center;color:#666;padding:3rem 1rem!important}.log-timestamp{white-space:nowrap;color:#888}.log-admin{display:flex;align-items:center;gap:.75rem}.admin-avatar{width:32px;height:32px;background:linear-gradient(135deg,#c41e3a,#8b0000);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.admin-name{font-weight:500}.admin-email{font-size:.75rem;color:#888}.action-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.action-badge.create{background:#22c55e26;color:#22c55e}.action-badge.update{background:#3b82f626;color:#3b82f6}.action-badge.delete,.action-badge.remove{background:#ef444426;color:#ef4444}.action-badge.login{background:#a855f726;color:#a855f7}.action-badge.default{background:#9ca3af26;color:#9ca3af}.resource-type{color:#888}.resource-id{font-family:monospace;font-size:.75rem;color:#666}.details-btn{background:transparent;border:1px solid #333;border-radius:6px;padding:.25rem .75rem;color:#888;cursor:pointer;font-size:.75rem;transition:all .2s}.details-btn:hover{border-color:#c41e3a;color:#c41e3a}.ip-address{font-family:monospace;font-size:.8rem;color:#666}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #2a2a2a}.pagination-info{font-size:.875rem;color:#888}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#c41e3a;color:#c41e3a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem}.page-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.page-number:hover{border-color:#c41e3a;color:#c41e3a}.page-number.active{background:#c41e3a;border-color:#c41e3a;color:#fff}.page-number.ellipsis{border:none;cursor:default}.pagination-size{display:flex;align-items:center;gap:.5rem}.pagination-size label{font-size:.875rem;color:#888}.pagination-size select{padding:.5rem;background:#252525;border:1px solid #333;border-radius:6px;color:#fff;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;width:100%;max-width:600px;margin:1rem;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #2a2a2a}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#fff}.modal-body{padding:1.5rem;overflow-y:auto}.detail-row{display:flex;margin-bottom:1rem}.detail-label{width:120px;flex-shrink:0;color:#888;font-size:.875rem}.detail-value{flex:1;font-size:.9rem}.detail-json{background:#252525;padding:1rem;border-radius:8px;font-family:monospace;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}@media(max-width:1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem}.filters-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}.page-numbers{display:none}}