.audit-page { min-height: 100%; padding: 28px; color: var(--aegis-text); background: radial-gradient(circle at 95% 95%, rgba(255, 200, 87, 0.07), transparent 32%), var(--aegis-bg-main); border-radius: var(--aegis-radius-lg); }
.audit-header { margin-bottom: 24px; }
.audit-header h1 { margin: 12px 0 0; font-size: clamp(30px, 4vw, 46px); letter-spacing: -0.04em; }
.audit-header p { margin: 12px 0 0; color: var(--aegis-text-muted); }
.audit-panel { overflow: hidden; }
.audit-filters { display: grid; grid-template-columns: minmax(240px, 1.4fr) minmax(160px, 0.6fr) repeat(2, minmax(150px, 0.5fr)); align-items: end; gap: 14px; padding: 18px 20px; border-bottom: 1px solid var(--aegis-border); }
.audit-table-wrap { overflow-x: auto; }
.audit-table { width: 100%; min-width: 1180px; border-collapse: collapse; }
.audit-table th, .audit-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(40, 52, 66, 0.72); }
.audit-table th { color: var(--aegis-text-muted); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; }
.audit-table td { color: var(--aegis-text-secondary); font-size: 10px; }
.audit-row { cursor: pointer; transition: background var(--aegis-transition-fast); }
.audit-row:hover, .audit-row:focus-visible { background: rgba(63, 203, 255, 0.035); outline: none; }
.audit-row-hint { display: block; margin-top: 6px; color: var(--aegis-cyan); font-size: 9px; }
.audit-table td strong { display: block; color: var(--aegis-text); font-size: 11px; }
.audit-table code { color: var(--aegis-cyan); font-family: var(--aegis-font-mono); font-size: 9px; overflow-wrap: anywhere; }
.audit-event-id { display: inline-flex; padding: 4px 7px; background: rgba(141, 154, 170, 0.06); border: 1px solid rgba(141, 154, 170, 0.16); border-radius: 999px; }
.audit-event-id.is-registry { color: var(--aegis-cyan); background: rgba(63, 203, 255, 0.06); border-color: rgba(63, 203, 255, 0.18); }
.audit-event-id.is-identity { color: var(--aegis-blue); background: rgba(61, 139, 253, 0.06); border-color: rgba(61, 139, 253, 0.18); }
.audit-event-id.is-publication { color: var(--aegis-green); background: rgba(61, 220, 132, 0.06); border-color: rgba(61, 220, 132, 0.18); }
.audit-event-id.is-discord { color: #9b8cff; background: rgba(155, 140, 255, 0.06); border-color: rgba(155, 140, 255, 0.18); }
.audit-event-id.is-authentication { color: var(--aegis-amber); background: rgba(255, 200, 87, 0.06); border-color: rgba(255, 200, 87, 0.18); }
.audit-event-id.is-atlas { color: #6ee7d8; background: rgba(110, 231, 216, 0.06); border-color: rgba(110, 231, 216, 0.18); }
.audit-event-id.is-system { color: var(--aegis-text-muted); }
.audit-table details { margin-top: 8px; }
.audit-table summary { color: var(--aegis-cyan); cursor: pointer; }
.audit-table pre { max-width: 500px; padding: 10px; overflow: auto; color: var(--aegis-text-secondary); background: rgba(7, 11, 16, 0.72); border: 1px solid var(--aegis-border); border-radius: var(--aegis-radius-sm); }
.audit-status { padding: 5px 8px; font-size: 8px; font-weight: 800; text-transform: uppercase; border: 1px solid; border-radius: 999px; }
.audit-status.is-successful { color: var(--aegis-green); }
.audit-status.is-failed { color: var(--aegis-red-bright); }
.audit-empty, .audit-pagination { padding: 24px; color: var(--aegis-text-muted); text-align: center; }
.audit-drawer-layer { position: fixed; inset: 0; z-index: 80; }
.audit-drawer-backdrop { position: absolute; inset: 0; width: 100%; background: rgba(2, 6, 10, 0.72); backdrop-filter: blur(2px); }
.audit-drawer { position: absolute; inset: 0 0 0 auto; width: min(720px, 94vw); overflow-y: auto; color: var(--aegis-text); background: var(--aegis-bg-panel); border-left: 1px solid var(--aegis-border); box-shadow: -28px 0 70px rgba(0, 0, 0, 0.45); }
.audit-drawer-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; padding: 22px 24px; background: rgba(18, 25, 34, 0.96); border-bottom: 1px solid var(--aegis-border); backdrop-filter: blur(12px); }
.audit-drawer-header h2 { margin: 10px 0 0; font-size: 24px; }
.audit-drawer-header button { color: var(--aegis-text-muted); font-size: 32px; line-height: 1; }
.audit-drawer-content { display: grid; gap: 18px; padding: 22px 24px 40px; }
.audit-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.audit-detail-grid > div, .audit-detail-section { padding: 14px; background: rgba(7, 11, 16, 0.5); border: 1px solid var(--aegis-border); border-radius: var(--aegis-radius-md); }
.audit-detail-grid span, .audit-detail-section > span { display: block; margin-bottom: 6px; color: var(--aegis-text-muted); font-size: 8px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.audit-detail-grid strong, .audit-detail-grid code { color: var(--aegis-text-secondary); font-size: 11px; overflow-wrap: anywhere; }
.audit-detail-section h3 { margin: 0 0 12px; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; }
.audit-detail-section p { color: var(--aegis-text-secondary); font-size: 11px; line-height: 1.65; }
.audit-detail-section .audit-failure-detail { color: var(--aegis-red-bright); }
.audit-detail-section code { color: var(--aegis-cyan); font-family: var(--aegis-font-mono); font-size: 9px; overflow-wrap: anywhere; }
.audit-values-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.audit-values-grid pre, .audit-raw-json pre { max-height: 280px; margin: 0; padding: 12px; overflow: auto; color: var(--aegis-text-secondary); font-family: var(--aegis-font-mono); font-size: 9px; background: var(--aegis-bg-main); border-radius: var(--aegis-radius-sm); }
.audit-timeline { display: grid; gap: 0; }
.audit-timeline-item { position: relative; display: grid; grid-template-columns: 14px 1fr; gap: 10px; padding-bottom: 18px; }
.audit-timeline-item:not(:last-child)::before { position: absolute; top: 10px; bottom: -2px; left: 4px; width: 1px; content: ""; background: var(--aegis-border); }
.audit-timeline-dot { position: relative; z-index: 1; width: 9px; height: 9px; margin-top: 3px; background: var(--aegis-cyan); border-radius: 50%; box-shadow: 0 0 10px rgba(63, 203, 255, 0.35); }
.audit-timeline-item strong { font-size: 10px; }
.audit-timeline-item p { margin: 4px 0; }
.audit-timeline-item time, .audit-related-empty { color: var(--aegis-text-muted); font-size: 9px; }
.audit-raw-json { padding: 14px; background: rgba(7, 11, 16, 0.5); border: 1px solid var(--aegis-border); border-radius: var(--aegis-radius-md); }
.audit-raw-json summary { color: var(--aegis-cyan); cursor: pointer; font-size: 11px; font-weight: 700; }
.audit-raw-json pre { margin-top: 12px; }
@media (max-width: 900px) { .audit-filters { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .audit-page { padding: 18px; } .audit-filters, .audit-detail-grid, .audit-values-grid { grid-template-columns: 1fr; } }