:root {
  --au-navy: #16273F; --au-blue: #2F6FE0; --au-ink: #2A3744; --au-muted: #6B7787;
  --au-line: #E4E9F0; --au-bg: #F5F7FA; --au-green: #1FA97A; --au-amber: #E0A21E; --au-red: #E8402A;
}
.au-hero { background: #fff; border-bottom: 1px solid var(--au-line); }
.au-hero-inner { max-width: 90%; margin: 0 auto; padding: 26px 0; }
.au-title { margin: 0; font-size: 24px; }
.au-subtitle { margin: 4px 0 0; color: var(--au-muted); font-size: 14px; max-width: 760px; }

.au-main { max-width: 90%; margin: 0 auto; padding: 22px 0 40px; }
.au-loading, .au-error, .au-empty, .au-muted { color: var(--au-muted); font-size: 13px; } .au-error { color: var(--au-red); }
.au-card { background: #fff; border: 1px solid var(--au-line); border-radius: 14px; padding: 20px 22px; }
.au-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.au-card h2 { margin: 0; font-size: 16px; display: flex; align-items: center; gap: 10px; }
.au-link { border: 0; background: none; color: var(--au-red); cursor: pointer; font-size: 13px; }
.au-chip { font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 9px; background: #EEF2F7; color: #45566A; }
.au-chip.ok { background: rgba(31,169,122,.14); color: var(--au-green); }
.au-chip.warn { background: rgba(224,162,30,.16); color: #A9781A; }

.au-form { display: grid; gap: 12px; max-width: 520px; margin-top: 14px; }
.au-form label { display: grid; gap: 5px; font-size: 12.5px; color: var(--au-muted); }
.au-form input, .au-form select, .au-form textarea { border: 1px solid #C9D4E3; border-radius: 8px; padding: 9px 11px; font-size: 14px; font-family: inherit; }
.au-form textarea { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12.5px; }
.au-btn { border: 0; background: var(--au-blue); color: #fff; font-weight: 600; border-radius: 8px; padding: 10px 16px; cursor: pointer; justify-self: start; }
.au-saved { color: var(--au-green); font-size: 12.5px; }
.au-note { color: var(--au-muted); font-size: 12.5px; margin-top: 14px; }