:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f3f6f8; color: #18212b; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { max-width: 1180px; margin: 0 auto; padding: 24px; }
.topbar, .row, .actions { display: flex; align-items: center; gap: 12px; }
.topbar { justify-content: flex-end; padding: 0 0 18px; }.brand { margin-right: auto; color: #173f6d; font-size: 1.4rem; font-weight: 800; text-decoration: none; }
.card { background: white; border: 1px solid #dce4ea; border-radius: 10px; padding: 22px; margin-bottom: 18px; box-shadow: 0 2px 8px #102a4310; }
.login-card { max-width: 440px; margin: 9vh auto; } form { display: grid; gap: 12px; } label { display: grid; gap: 5px; font-weight: 600; } input { border: 1px solid #aebdca; border-radius: 5px; padding: 9px; font: inherit; } button { border: 0; border-radius: 5px; background: #176b87; color: white; cursor: pointer; font: inherit; font-weight: 650; padding: 9px 13px; } button.danger { background: #a63c3c; } button.quiet { background: transparent; color: #176b87; padding: 0; }.inline-form { margin-top: 15px; padding: 14px; border: 1px solid #ead49b; background: #fff7e2; }.actions form { display: inline-flex; }.progress-panel { margin: 20px 0; padding: 16px; border: 1px solid #bddbe4; border-radius: 8px; background: #f3fbfd; }.progress-panel h2 { margin-top: 0; }.progress-panel p { margin: 8px 0; }.progress-panel progress { width: min(100%, 560px); height: 18px; accent-color: #176b87; }table { width: 100%; border-collapse: collapse; } th, td { text-align: left; padding: 8px; border-bottom: 1px solid #e0e7ec; vertical-align: top; } .status { font-weight: 700; color: #176b87; text-transform: capitalize; } .muted, small { color: #60717f; }.warnings { color: #8a4900; }.pages { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); margin: 18px 0; }.pages img { width: 100%; border: 1px solid #ccd7df; }.lead form { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }.lead form .actions { grid-column: 1 / -1; } @media (max-width: 700px) { .shell { padding: 14px; }.row { align-items: flex-start; flex-direction: column; }.actions { flex-wrap: wrap; } table { font-size: .85rem; } }