:root{--ah-bg-primary:#fff;--ah-bg-secondary:#f8fafc;--ah-bg-tertiary:#f1f5f9;--ah-text-primary:#0f172a;--ah-text-secondary:#475569;--ah-text-muted:#64748b;--ah-border:#e2e8f0;--ah-border-light:#f1f5f9;--ah-brand:#3b82f6;--ah-brand-hover:#2563eb;--ah-brand-light:#eff6ff;--ah-success:#16a34a;--ah-success-light:#dcfce7;--ah-warning:#d97706;--ah-warning-light:#fef3c7;--ah-danger:#dc2626;--ah-danger-light:#fee2e2;--ah-purple:#9333ea;--ah-purple-light:#f3e8ff;--ah-cyan:#0891b2;--ah-cyan-light:#cffafe;--ah-shadow:#0000000d}@media (prefers-color-scheme:dark){:root{--ah-bg-primary:#1e293b;--ah-bg-secondary:#0f172a;--ah-bg-tertiary:#334155;--ah-text-primary:#f1f5f9;--ah-text-secondary:#cbd5e1;--ah-text-muted:#94a3b8;--ah-border:#334155;--ah-border-light:#1e293b;--ah-brand:#60a5fa;--ah-brand-hover:#3b82f6;--ah-brand-light:#1e3a5f;--ah-success:#34d399;--ah-success-light:#064e3b;--ah-warning:#fbbf24;--ah-warning-light:#78350f;--ah-danger:#f87171;--ah-danger-light:#7f1d1d;--ah-purple:#a855f7;--ah-purple-light:#4c1d95;--ah-cyan:#22d3ee;--ah-cyan-light:#164e63;--ah-shadow:#0003}}.dark-mode{--ah-bg-primary:#1e293b;--ah-bg-secondary:#0f172a;--ah-bg-tertiary:#334155;--ah-text-primary:#f1f5f9;--ah-text-secondary:#cbd5e1;--ah-text-muted:#94a3b8;--ah-border:#334155;--ah-border-light:#1e293b;--ah-brand:#60a5fa;--ah-brand-hover:#3b82f6;--ah-brand-light:#1e3a5f;--ah-success:#34d399;--ah-success-light:#064e3b;--ah-warning:#fbbf24;--ah-warning-light:#78350f;--ah-danger:#f87171;--ah-danger-light:#7f1d1d;--ah-purple:#a855f7;--ah-purple-light:#4c1d95;--ah-cyan:#22d3ee;--ah-cyan-light:#164e63;--ah-shadow:#0003}.light-mode{--ah-bg-primary:#fff;--ah-bg-secondary:#f8fafc;--ah-bg-tertiary:#f1f5f9;--ah-text-primary:#0f172a;--ah-text-secondary:#475569;--ah-text-muted:#64748b;--ah-border:#e2e8f0;--ah-border-light:#f1f5f9;--ah-brand:#3b82f6;--ah-brand-hover:#2563eb;--ah-brand-light:#eff6ff;--ah-success:#16a34a;--ah-success-light:#dcfce7;--ah-warning:#d97706;--ah-warning-light:#fef3c7;--ah-danger:#dc2626;--ah-danger-light:#fee2e2;--ah-purple:#9333ea;--ah-purple-light:#f3e8ff;--ah-cyan:#0891b2;--ah-cyan-light:#cffafe;--ah-shadow:#0000000d}.activity-history-page{background:var(--ah-bg-secondary);min-height:100vh;padding:1.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.header-info h2{color:var(--ah-text-primary);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.5rem;font-weight:600;display:flex}.header-info p{color:var(--ah-text-muted);margin:0;font-size:.875rem}.header-actions{align-items:center;gap:.75rem;display:flex}.btn-primary{background:var(--ah-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{background:var(--ah-brand-hover);transform:translateY(-1px)}.btn-secondary{background:var(--ah-bg-tertiary);color:var(--ah-text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background:var(--ah-border)}.btn-icon-only{background:var(--ah-bg-primary);border:1px solid var(--ah-border);cursor:pointer;width:38px;height:38px;color:var(--ah-text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-only:hover{background:var(--ah-bg-tertiary)}.filters-panel{background:var(--ah-bg-primary);border:1px solid var(--ah-border);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.filters-header{border-bottom:1px solid var(--ah-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.filters-header h3{color:var(--ah-text-primary);align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;display:flex}.clear-filters{color:var(--ah-danger);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:all .2s;display:inline-flex}.clear-filters:hover{background:var(--ah-danger-light)}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:var(--ah-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.filter-group select,.filter-group input{border:1px solid var(--ah-border);background:var(--ah-bg-primary);color:var(--ah-text-primary);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.filter-group select:focus,.filter-group input:focus{border-color:var(--ah-brand);outline:none;box-shadow:0 0 0 2px #60a5fa1a}.search-group{grid-column:span 2}.search-input{position:relative}.search-input svg{color:var(--ah-text-muted);font-size:.875rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input input{width:100%;padding-left:2.25rem}.loading-container{background:var(--ah-bg-primary);border:1px solid var(--ah-border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.spinner{border:3px solid var(--ah-border);border-top-color:var(--ah-brand);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;background:var(--ah-bg-primary);border:1px solid var(--ah-border);color:var(--ah-text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.empty-state svg{color:var(--ah-border);margin-bottom:1rem}.empty-state p{color:var(--ah-text-secondary);margin-bottom:.25rem;font-size:1rem}.empty-state span{font-size:.875rem}.activities-table-container{background:var(--ah-bg-primary);border:1px solid var(--ah-border);border-radius:12px;overflow-x:auto}.activities-table{border-collapse:collapse;width:100%;font-size:.875rem}.activities-table th{text-align:left;background:var(--ah-bg-secondary);border-bottom:2px solid var(--ah-border);color:var(--ah-text-muted);white-space:nowrap;padding:1rem;font-weight:600}.activities-table td{border-bottom:1px solid var(--ah-border);vertical-align:top;color:var(--ah-text-secondary);padding:1rem}.activities-table tr:last-child td{border-bottom:none}.activities-table tr:hover{background:var(--ah-bg-tertiary)}.timestamp-cell{white-space:nowrap}.timestamp{flex-direction:column;gap:.25rem;display:flex}.time-ago{color:var(--ah-text-primary);font-size:.8rem;font-weight:500}.full-date{color:var(--ah-text-muted);font-size:.7rem}.user-cell{min-width:180px}.user-info{align-items:center;gap:.75rem;display:flex}.user-avatar{background:var(--ah-bg-tertiary);width:32px;height:32px;color:var(--ah-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;display:flex}.user-details{flex-direction:column;gap:.125rem;display:flex}.user-name{color:var(--ah-text-primary);font-size:.875rem;font-weight:500}.user-email{color:var(--ah-text-muted);font-size:.7rem}.action-cell{white-space:nowrap}.action-badge{border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.action-badge.view{background:var(--ah-brand-light);color:var(--ah-brand)}.action-badge.create{background:var(--ah-success-light);color:var(--ah-success)}.action-badge.update{background:var(--ah-warning-light);color:var(--ah-warning)}.action-badge.delete{background:var(--ah-danger-light);color:var(--ah-danger)}.action-badge.login{background:var(--ah-brand-light);color:var(--ah-brand)}.action-badge.logout{background:var(--ah-bg-tertiary);color:var(--ah-text-muted)}.action-badge.export{background:var(--ah-purple-light);color:var(--ah-purple)}.entity-cell{min-width:140px}.entity-info{flex-direction:column;gap:.25rem;display:flex}.entity-badge{border-radius:12px;align-items:center;gap:.4rem;width:fit-content;padding:.2rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.entity-badge.product{background:var(--ah-brand-light);color:var(--ah-brand)}.entity-badge.order{background:var(--ah-success-light);color:var(--ah-success)}.entity-badge.user{background:var(--ah-warning-light);color:var(--ah-warning)}.entity-badge.payment{background:var(--ah-purple-light);color:var(--ah-purple)}.entity-badge.brand{background:var(--ah-danger-light);color:var(--ah-danger)}.entity-badge.store{background:var(--ah-cyan-light);color:var(--ah-cyan)}.entity-badge.auth{background:var(--ah-bg-tertiary);color:var(--ah-text-muted)}.entity-name{color:var(--ah-text-primary);font-size:.75rem;font-weight:500}.entity-id{color:var(--ah-text-muted);font-size:.7rem}.details-cell{max-width:300px}.details-text{color:var(--ah-text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.meta-info{color:var(--ah-text-muted);margin-top:.25rem;font-size:.65rem}.pagination{background:var(--ah-bg-primary);border:1px solid var(--ah-border);border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;display:flex}.pagination-btn{background:var(--ah-bg-tertiary);border:1px solid var(--ah-border);color:var(--ah-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--ah-bg-secondary);color:var(--ah-text-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--ah-text-muted);font-size:.875rem}.total-records{margin-left:.5rem;font-size:.75rem}@media (max-width:1024px){.activity-history-page{padding:1rem}.filters-grid{grid-template-columns:repeat(2,1fr)}.search-group{grid-column:span 2}}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:stretch;width:100%}.header-actions button{flex:1;justify-content:center}.filters-grid{grid-template-columns:1fr}.search-group{grid-column:span 1}.activities-table th:nth-child(4),.activities-table td:nth-child(4){display:none}.activities-table th:nth-child(5),.activities-table td:nth-child(5){max-width:200px}.pagination{flex-direction:column;gap:.75rem}.pagination-btn{justify-content:center;width:100%}}@media (max-width:480px){.activity-history-page{padding:.75rem}.header-info h2{font-size:1.25rem}.activities-table th:nth-child(3),.activities-table td:nth-child(3){display:none}.user-cell{min-width:140px}.details-cell{max-width:180px}.timestamp .full-date{display:none}.timestamp .time-ago{font-size:.7rem}}