.awareness-page { min-height: 100%; padding: 28px; color: var(--aegis-text); background: radial-gradient(circle at 95% 95%, rgba(88, 101, 242, 0.1), transparent 32%), var(--aegis-bg-main); border-radius: var(--aegis-radius-lg); }
.awareness-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.awareness-header h1 { margin: 12px 0 0; font-size: clamp(30px, 4vw, 46px); letter-spacing: -0.04em; }
.awareness-header p { max-width: 760px; margin: 12px 0 0; color: var(--aegis-text-muted); }
.awareness-notice { margin-bottom: 18px; padding: 12px 16px; color: var(--aegis-cyan); background: rgba(63, 203, 255, 0.08); border: 1px solid rgba(63, 203, 255, 0.24); border-radius: var(--aegis-radius-md); }
.awareness-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.awareness-metrics article { padding: 18px; background: var(--aegis-bg-panel); border: 1px solid var(--aegis-border); border-top: 2px solid #5865f2; border-radius: var(--aegis-radius-md); }
.awareness-metrics span, .awareness-metrics strong { display: block; }
.awareness-metrics span { color: var(--aegis-text-muted); font-size: 9px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.awareness-metrics strong { margin-top: 10px; font-size: 22px; }
.awareness-history { overflow: hidden; }
.awareness-table-wrap { overflow-x: auto; }
.awareness-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.awareness-table th, .awareness-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid rgba(40, 52, 66, 0.72); }
.awareness-table th { color: var(--aegis-text-muted); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; }
.awareness-table td { color: var(--aegis-text-secondary); font-size: 11px; }
.awareness-lineage { display: block; margin-top: 5px; color: #9b8cff; font-size: 9px; letter-spacing: 0.04em; }
.awareness-status { padding: 5px 8px; font-size: 8px; font-weight: 800; text-transform: uppercase; border: 1px solid; border-radius: 999px; }
.awareness-status.is-successful { color: var(--aegis-green); }
.awareness-status.is-failed { color: var(--aegis-red-bright); }
.awareness-status.is-skipped { color: var(--aegis-amber); }
.awareness-status.is-pending { color: var(--aegis-cyan); }
.awareness-empty, .awareness-pagination { padding: 24px; color: var(--aegis-text-muted); text-align: center; }
@media (max-width: 800px) { .awareness-header { flex-direction: column; } .awareness-metrics { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .awareness-page { padding: 18px; } .awareness-metrics { grid-template-columns: 1fr; } }