:root { --admin-bg: #10151b; --admin-panel: #18212b; --admin-panel-2: #202c38; --admin-line: #31414f; --admin-copy: #eaf0f5; --admin-muted: #9fafbd; --admin-accent: #8dd7bc; }
body { min-height: 100vh; background: var(--admin-bg); color: var(--admin-copy); }
.admin-shell { width: min(1600px, 100%); min-height: 100vh; margin: 0 auto; padding: 1.2rem clamp(1rem, 3vw, 3rem) 3rem; }
.admin-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.15rem; border-bottom: 1px solid var(--admin-line); }
.admin-top > div { display: flex; align-items: center; gap: .75rem; color: var(--admin-muted); font-size: .85rem; }
.admin-top button, .admin-main button { cursor: pointer; }
.admin-top button { padding: .45rem .65rem; border: 1px solid var(--admin-line); border-radius: 6px; color: var(--admin-copy); background: transparent; }
.admin-brand { display: inline-flex; align-items: center; gap: .65rem; color: var(--admin-copy); font-size: 1.1rem; text-decoration: none; }
.admin-brand span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 5px; color: #0e1617; background: var(--admin-accent); font: 800 .72rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.admin-navigation { display: flex; gap: 1.25rem; padding: .95rem 0 1.3rem; border-bottom: 1px solid var(--admin-line); }
.admin-navigation a { color: var(--admin-muted); font: 700 .78rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.admin-navigation a.active { color: var(--admin-accent); }
.admin-main { padding-top: 1.5rem; }
.admin-main .stack { gap: 1rem; }
.admin-main .page-title, .admin-main h1, .admin-main h2, .admin-main h3 { color: var(--admin-copy); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -.04em; }
.admin-main .page-title { font-size: clamp(1.7rem, 3vw, 2.8rem); }
.admin-main .page-title em { color: var(--admin-accent); }
.admin-main .eyebrow { color: var(--admin-accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.admin-main .subtle, .admin-main p, .admin-main small { color: var(--admin-muted); }
.admin-main .card, .admin-main .hint-add-card, .admin-main .hint-table-card, .admin-main .dig-query-card, .admin-main .dig-result-card, .admin-main .progress-panel, .admin-main .analytics-table-card { border-color: var(--admin-line); border-radius: 8px; background: var(--admin-panel); box-shadow: none; }
.admin-main input, .admin-main textarea, .admin-main select { border-color: var(--admin-line); border-radius: 5px; color: var(--admin-copy); background: #111a22; }
.admin-main button:not(.quiet-button) { border-radius: 5px; color: #10151b; background: var(--admin-accent); }
.admin-main .secondary, .admin-main .quiet-button { border-color: var(--admin-line); color: var(--admin-copy); background: var(--admin-panel-2); }
.admin-main table { border-color: var(--admin-line); background: var(--admin-panel); }
.admin-main th { color: var(--admin-muted); background: #111a22; }
.admin-main th, .admin-main td { border-color: var(--admin-line); }
.admin-main td, .admin-main .hint-edit-cell { color: var(--admin-copy); }
.admin-main .hint-edit-cell:focus { outline: 2px solid var(--admin-accent); outline-offset: -2px; background: #17252b; }
.admin-main .hint-card-link, .admin-main .hint-search-result { color: var(--admin-copy); }
.admin-main .hint-sync-panel { border-color: var(--admin-line); background: var(--admin-panel-2); }
.admin-main .metric-card { border-color: var(--admin-line); background: var(--admin-panel-2); }
.admin-main .analytics-table-card { overflow: auto; }
@media (max-width: 600px) { .admin-shell { padding: .9rem 1rem 2rem; } .admin-top { align-items: flex-start; } .admin-top > div { align-items: flex-end; flex-direction: column; } }