:root{--navy:#1B2A48;--gold:#C6A96B;--red:#D64550;--blue:#5B8FD1;--yellow:#F2C744;--green:#87B562;--ink:#222;--muted:#667085;--border:#E5E7EB;--bg:#F4F5F7;--white:#fff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font:15px Inter,Arial,sans-serif}.app-header{min-height:84px;background:var(--navy);color:white;display:flex;align-items:center;gap:24px;padding:14px max(3vw,22px);border-bottom:4px solid var(--gold)}.logo{text-decoration:none;font-size:29px;letter-spacing:.08em;font-weight:900;white-space:nowrap}.logo span{color:var(--red)}.logo b{color:var(--blue)}.logo i{color:var(--yellow);font-style:normal}.logo em{color:var(--green);font-style:normal}.logo strong{color:white}.tag{line-height:1.35;color:#d7ddeb}.tag small{display:block;color:var(--gold);font-size:10px;letter-spacing:.14em;font-weight:800}nav{margin-left:auto;display:flex;align-items:center;gap:18px}nav a,.nav-button{color:white;text-decoration:none;background:none;border:0;padding:8px 0;font:inherit;cursor:pointer}.shell{max-width:1480px;margin:30px auto;padding:0 24px;min-height:calc(100vh - 170px)}footer{text-align:center;color:var(--muted);padding:22px}.notice{background:#fff6dc;color:#715c23;border-bottom:1px solid #ead79b;padding:12px 4vw}.eyebrow{color:#9a7d3f;letter-spacing:.14em;font-weight:800;font-size:11px}h1{font-size:clamp(26px,4vw,42px);color:var(--navy);margin:.3em 0}.lede{color:var(--muted);max-width:760px;font-size:17px}.topline{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.button,button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:7px;padding:11px 16px;background:var(--navy);color:#fff;text-decoration:none;font:600 14px Inter,Arial;cursor:pointer}.button-secondary{background:white;color:var(--navy);border:1px solid var(--border)}.button-danger{background:var(--red)}.workflow{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden}.workflow li{padding:15px;color:var(--muted);border-right:1px solid var(--border)}.workflow li:last-child{border:0}.workflow span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf0f5;margin-right:8px;font-weight:800}.workflow .active{color:var(--navy);font-weight:700;border-bottom:3px solid var(--gold)}.workflow .active span{background:var(--navy);color:white}.workflow .done span{background:var(--green);color:white}.grid{display:grid;gap:18px}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card,.panel,.auth-card{background:white;border:1px solid var(--border);border-radius:11px;padding:22px;box-shadow:0 4px 18px #1b2a4808}.card h2,.panel h2{margin-top:0;color:var(--navy)}.auth-card{max-width:430px;margin:8vh auto;padding:32px}.metric-row{display:flex;gap:12px;flex-wrap:wrap}.metric{min-width:130px;padding:16px;background:white;border:1px solid var(--border);border-radius:8px}.metric strong{display:block;font-size:26px;color:var(--navy)}.metric span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions form{display:inline-flex;gap:8px}label{font-weight:600;color:var(--navy)}input,select,textarea{width:100%;margin-top:7px;border:1px solid #cfd4dc;border-radius:7px;padding:10px 12px;background:white;color:var(--ink);font:inherit}textarea{min-height:130px}.error{background:#fff0f1;color:#a52a35;padding:10px;border-radius:6px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:9px;background:white}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#fafafa;position:sticky;top:0}tbody tr:hover{background:#fcfcfd}.status{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf0f5;color:#475467;font-size:11px;font-weight:800}.status-complete,.status-valid,.status-connected,.status-active{background:#eaf5df;color:#3b6923}.status-warning,.status-needs-review,.status-review{background:#fff5d5;color:#7a5d0b}.status-invalid,.status-error,.status-inactive{background:#fde7e9;color:#9d2933}.status-pending,.status-preview,.status-running{background:#e8f0fb;color:#315c91}.progress{height:10px;background:#e8ebef;border-radius:99px;overflow:hidden}.progress span{height:100%;display:block;background:var(--blue)}details{background:white;border:1px solid var(--border);border-radius:8px;padding:12px}summary{cursor:pointer;font-weight:700}.search{max-width:360px}.muted{color:var(--muted)}code{background:#eef0f3;padding:2px 5px;border-radius:4px}.callout{border-left:5px solid var(--gold);padding:14px 18px;background:#fffbf1}.danger-zone{border-color:#f1b7bc}.danger-zone h2{color:var(--red)}@media(max-width:860px){.app-header{align-items:flex-start;flex-wrap:wrap}.tag{display:none}nav{order:3;width:100%;overflow:auto;margin:0}.workflow{grid-template-columns:1fr 1fr}.workflow li{font-size:12px}.topline{align-items:flex-start;flex-direction:column}.shell{padding:0 14px}}