:root{--navy:#07111f;--panel:#0e1d30;--panel2:#142842;--gold:#d4af37;--text:#f4f7fb;--muted:#afc0d4;--line:#29435f;--danger:#8b1e1e;--success:#2e8b57;--amber:#d9822b;color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#173a62 0,transparent 32%),var(--navy);color:var(--text);min-height:100vh}a{color:#75cce8;text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:rgba(8,23,39,.96);border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{font-size:16px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.nav a{display:block;padding:11px 13px;border-radius:8px;color:var(--muted);margin:3px 0}.nav a.active,.nav a:hover{background:#173554;color:#fff;text-decoration:none}.user-card{position:absolute;bottom:20px;left:18px;right:18px;border-top:1px solid var(--line);padding-top:16px;font-size:13px}.user-card small{display:block;color:var(--muted);margin:4px 0 10px}.main{padding:28px 34px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{font-size:26px;margin:0}.topbar p{color:var(--muted);margin:6px 0 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:rgba(14,29,48,.96);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.metric strong{font-size:30px;display:block;color:#fff}.metric span{color:var(--muted);font-size:13px}.section{margin-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section h2{font-size:19px;margin:0}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #213a55;font-size:14px}th{color:#90a9c4;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;background:#23415f;color:#dbeafe}.badge.pending{background:#513b18;color:#ffd88b}.badge.approved,.badge.published,.badge.healthy{background:#173e2b;color:#9af0bd}.badge.failed,.badge.rejected,.badge.invalid{background:#4c1c24;color:#ffb7c0}.button,button{display:inline-block;background:#1b3c5e;color:white;border:1px solid #385b7e;border-radius:8px;padding:10px 14px;font-weight:650;cursor:pointer}.button.primary,button.primary{background:var(--gold);color:#08111e;border-color:#ead06f}.button.danger,button.danger{background:#68202a;border-color:#993442}.button.small,button.small{padding:6px 9px;font-size:12px}button:hover,.button:hover{filter:brightness(1.1);text-decoration:none}input,select,textarea{width:100%;background:#091727;border:1px solid #355579;border-radius:7px;color:white;padding:10px;font-size:14px}textarea{min-height:130px;resize:vertical}label{display:block;color:var(--muted);font-size:13px;margin:11px 0 5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:1px solid var(--line);border-radius:9px;margin:16px 0;padding:16px}legend{color:#e8d27b;padding:0 8px}.alert{padding:13px 15px;border-radius:8px;margin:14px 0}.alert.error{background:#4c1c24;border:1px solid #91323d}.alert.success{background:#173e2b;border:1px solid #2e8b57}.alert.warning{background:#4b3516;border:1px solid #a66a2c}.install{display:grid;place-items:center;padding:32px}.install-card{width:min(760px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px}.install-card>img{display:block;width:110px;height:110px;object-fit:contain;margin:0 auto}.install-card h1{text-align:center}.install-card code,.install-card pre{display:block;background:#050d17;border:1px solid #243c58;padding:12px;border-radius:6px;overflow:auto}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:14px}.login-card img{width:90px;height:90px;display:block;margin:0 auto;object-fit:contain}.login-card h1{text-align:center;font-size:22px}.login-card p{text-align:center;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.preview{white-space:pre-wrap;background:#07111f;border-left:4px solid var(--gold);padding:18px;border-radius:7px;line-height:1.55}.emergency{border-color:#8b1e1e!important}.muted{color:var(--muted)}@media(max-width:950px){.shell{display:block}.sidebar{height:auto;position:static}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.user-card{position:static;margin-top:15px}.main{padding:20px}.grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.grid,.grid2{grid-template-columns:1fr}.main{padding:14px}table{display:block;overflow-x:auto;white-space:nowrap}}
/* Keep the supplied Staff artwork intact and readable. */
.brand{flex-direction:column;align-items:flex-start;gap:14px}.brand img{width:150px;height:150px;object-fit:contain}.brand strong{font-size:19px}
.login-card img,.install-card>img{width:180px;height:180px;object-fit:contain}
input,select,textarea{color:#f4f7fb;background:#0c2035}option{color:#f4f7fb;background:#12253d}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d4af37;outline-offset:3px}
.confirm{display:flex;gap:10px;align-items:flex-start;color:#fff;line-height:1.5}.confirm input{width:auto;flex-shrink:0;margin-top:4px}
pre,code{overflow-wrap:anywhere}pre{white-space:pre-wrap;max-width:100%;overflow:auto}
.preview{color:#f4f7fb;overflow-wrap:anywhere}.sidebar{overflow-y:auto}.user-card{position:static;margin-top:24px}
@media(max-width:950px){.brand{flex-direction:row;align-items:center}.brand img{width:112px;height:112px}.topbar{gap:16px;flex-wrap:wrap}}
@media(max-width:600px){.topbar h1{font-size:23px}.login-card{padding:20px}.card{padding:16px}.actions>*{min-height:44px}.brand img{width:112px;height:112px}.nav a{min-height:44px}}

[hidden]{display:none!important}input[type=checkbox]{width:auto}details{margin:14px 0}summary{cursor:pointer;padding:10px 0;color:#d4af37}button:disabled{opacity:.5;cursor:not-allowed}.login-card h2{font-size:18px}.login-card form+form{margin-top:10px}.install-card li{line-height:1.8}