:root {color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #111; background: #fff; font-size: 15px;}
* {box-sizing: border-box;} body {margin: 0;} button, input, select {font: inherit; color: inherit; background: #fff; border: 1px solid #111; border-radius: 0; min-height: 38px; padding: 8px 11px;} button {cursor: pointer;} button:hover:not(:disabled) {background: #111; color: #fff;} button:disabled {color: #777; border-color: #aaa; cursor: default;} input, select {width: 100%;} input:focus-visible, select:focus-visible, button:focus-visible, summary:focus-visible {outline: 2px solid #111; outline-offset: 3px;} label {display: grid; gap: 7px; font-size: 13px;} h1, h2, p {margin: 0;} h1 {font-size: 28px; margin: 5px 0 9px;} h2 {font-size: 22px; margin-bottom: 8px;} p {line-height: 1.5;} .eyebrow {font-size: 11px; letter-spacing: 1.7px;} .topbar {display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 27px 38px; border-bottom: 2px solid #111;} .topbar button {white-space: nowrap;} .workspace {max-width: 1600px; margin: 0 auto; padding: 0 38px 36px;} .tabs {display: flex; gap: 0; margin: 25px 0 32px; border-bottom: 1px solid #111;} .tabs button {border: 0; border-bottom: 3px solid transparent; padding: 13px 20px;} .tabs button[aria-current="page"] {border-bottom-color: #111; font-weight: bold;} .section-heading {display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 13px;} .section-heading p, .meta {font-size: 13px; color: #444;} .metrics {display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 23px 0;} .metrics article {border: 1px solid #111; padding: 18px;} .metrics span {display: block; font-size: 13px; margin-bottom: 10px;} .metrics strong {font-size: 30px; font-weight: normal;} .filters {display: grid; grid-template-columns: minmax(250px, 1fr) 210px; gap: 16px; margin: 23px 0;} .message {padding: 14px 16px; border: 1px solid #111; background: #f5f5f5; margin: 15px 0;} .table-wrap {overflow-x: auto; border: 1px solid #111;} table {width: 100%; border-collapse: collapse; text-align: left;} th {font-size: 12px; background: #f1f1f1; letter-spacing: .15px;} th, td {padding: 13px 12px; border-bottom: 1px solid #bbb; vertical-align: top;} td {font-size: 13px; overflow-wrap: anywhere;} tbody tr:last-child td {border-bottom: 0;} .badge {display: inline-block; border: 1px solid #111; padding: 4px 7px; white-space: nowrap; font-size: 12px;} .badge.running {background: #111; color: #fff;} .empty {text-align: center; padding: 30px; color: #444;} .meta {margin: 12px 0;} .audit-filters {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 19px; border: 1px solid #111; margin: 20px 0;} .wide {grid-column: span 2;} .filter-actions {grid-column: span 2; display: flex; gap: 9px; align-items: end;} .pagination {display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px;} .pagination button {margin-left: 8px;} footer {font-size: 12px; border-top: 1px solid #111; padding: 20px 38px; color: #444;} dialog {width: min(900px, 92vw); max-height: 85vh; padding: 24px; border: 2px solid #111;} dialog::backdrop {background: rgb(0 0 0 / 45%);} .dialog-heading {display: flex; justify-content: space-between; align-items: center; gap: 15px;} pre {font-size: 12px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; background: #f5f5f5; border: 1px solid #ccc; padding: 16px;} .sr-only {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);} .login-page {min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f5f5f5;} .login-card {width: min(440px, 100%); border: 2px solid #111; background: #fff; padding: 33px;} .login-card form {display: grid; gap: 12px; margin-top: 25px;} .login-card form button {margin-top: 10px; background: #111; color: #fff;} [hidden] {display: none !important;}
@media (max-width: 850px) {.workspace {padding: 0 18px 28px;} .topbar {padding: 23px 18px;} .metrics {grid-template-columns: repeat(2, 1fr);} .audit-filters {grid-template-columns: repeat(2, 1fr);} .filter-actions {grid-column: span 2;} .tabs button {padding: 12px;} .topbar h1 {font-size: 24px;}}
@media (max-width: 500px) {.topbar {align-items: start;} .topbar p:not(.eyebrow) {font-size: 12px;} .topbar button {font-size: 12px;} .filters {grid-template-columns: 1fr;} .metrics {gap: 9px;} .metrics article {padding: 13px;} .audit-filters {padding: 13px; gap: 11px;} .pagination {align-items: start;} .pagination button {margin: 0 0 6px 4px; font-size: 12px;} .tabs button {font-size: 13px;}}