:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212f;background:#eef2f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline:3px solid #2f6fed;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);border-radius:6px;padding:10px 12px;color:#fff;background:#243447;font-weight:800;text-decoration:none}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{display:grid;gap:18px;width:min(100%,520px);border:1px solid #ccd5df;border-radius:8px;padding:20px;background:#fff;box-shadow:0 10px 30px #10182814}.sidebar{display:flex;flex-direction:column;gap:22px;border-right:1px solid #ccd5df;padding:18px 14px;background:#fff}.brand-lockup{display:flex;align-items:center;gap:10px;min-height:48px}.brand-mark{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:8px;color:#fff;background:#243447;font-size:.78rem;font-weight:900;letter-spacing:0}.eyebrow{margin:0 0 4px;color:#52606f;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-title{margin:0;color:#18212f;font-size:1.04rem;font-weight:900}.side-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;border-radius:6px;padding:0 10px;color:#344253;background:transparent;font-weight:800;text-align:left}.nav-item:hover{background:#edf3f8}.nav-item.active{color:#113f67;background:#dcebf7}.workspace{min-width:0;padding:18px 24px 28px}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}h1,h2,legend,caption{margin:0;letter-spacing:0}h1{font-size:2rem;line-height:1.1}h2,legend{color:#18212f;font-size:1rem;font-weight:900}.header-actions{display:flex;align-items:center;gap:10px}.status-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.chip{display:inline-flex;align-items:center;min-height:30px;border:1px solid #cbd5df;border-radius:999px;padding:0 10px;color:#344253;background:#fff;font-size:.82rem;font-weight:800}.chip.ok,.chip.ready{border-color:#9fd0b8;color:#174b37;background:#e5f5ed}.chip.unchecked{color:#5b6470;background:#f7f9fb}.chip.stale{border-color:#e3c06d;color:#6f4c00;background:#fff4cf}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.work-panel,.status-rail{border:1px solid #ccd5df;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1018280d}.work-panel{min-width:0;padding:16px}.status-rail{position:sticky;top:18px;padding:16px}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#243447}.route-form{display:grid;gap:14px}fieldset{display:grid;gap:12px;min-width:0;margin:0;border:1px solid #d7dee6;border-radius:8px;padding:14px}legend{padding:0 6px}.form-row{display:grid;gap:5px;min-width:0}label,.form-row>label{color:#344253;font-size:.86rem;font-weight:800}input,select{width:100%;min-height:40px;border:1px solid #aebccc;border-radius:6px;padding:8px 10px;color:#18212f;background:#fff}input::placeholder{color:#637285;opacity:1}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact{align-items:end}.toggle{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:40px;border:1px solid #d7dee6;border-radius:6px;padding:0 10px;color:#344253}.toggle input{width:20px;min-height:20px;accent-color:#1f6f50}.form-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}.primary,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{min-height:40px;border-radius:6px;padding:0 14px;color:#fff;background:#1f6f50;font-weight:900}.primary:hover:not(:disabled){background:#185941}.primary.secondary{color:#243447;background:#e7edf3}.primary.secondary:hover:not(:disabled){background:#d7e0ea}.text-button,.inline-action,.tab-button{color:#113f67;background:transparent;font-weight:900}.text-button,.inline-action{padding:0;text-align:left}.inline-action{border-bottom:1px solid currentColor}.selectable-row{cursor:pointer}.selectable-row:hover td,.selectable-row.selected td{background:#f4f8fb}.site-detail{display:grid;gap:14px;border-top:1px solid #e2e8ef;margin-top:18px;padding-top:18px}.site-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #e2e8ef}.tab-button{min-height:36px;border-radius:6px 6px 0 0;padding:0 10px;color:#344253}.tab-button:hover,.tab-button.active{color:#113f67;background:#dcebf7}.detail-section{display:grid;gap:14px;min-width:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}.detail-grid>div{border-top:1px solid #e2e8ef;padding:10px 0}.split-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.credential-reveal,.warning,.muted{border-radius:6px;padding:10px 12px;overflow-wrap:anywhere}.credential-reveal{color:#17324d;background:#e8f2fb}.credential-reveal p{margin:0 0 8px;font-weight:800}.credential-reveal code{display:block;white-space:pre-wrap}.warning{color:#7a4d00;background:#fff4d8}.muted{color:#52606f;background:#f7f9fb}.icon-button{width:42px;height:42px;border-radius:6px;color:#fff;background:#243447}.icon-button:hover:not(:disabled){background:#172232}.status-list{margin:0}.status-list>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;border-top:1px solid #e2e8ef;padding:11px 0}dt{color:#52606f;font-weight:800}dd{margin:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.ok,.ready{color:#1f6f50}.unchecked{color:#5b6470}.stale{color:#8a5a00}.success,.error{margin:14px 0 0;border-radius:6px;padding:10px 12px;overflow-wrap:anywhere}.success{color:#174b37;background:#dff3e9}.error{color:#842029;background:#f8d7da}table{width:100%;border-collapse:collapse}caption{padding:0 0 10px;color:#52606f;font-size:.86rem;font-weight:800;text-align:left}th,td{border-top:1px solid #e2e8ef;padding:10px 8px;text-align:left}th{color:#344253;font-size:.82rem;text-transform:uppercase}td{color:#52606f}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.spin{animation:none}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid #ccd5df}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{justify-content:center}.content-layout{grid-template-columns:1fr}.status-rail{position:static}}@media(max-width:640px){.workspace{padding:16px}.workspace-header,.header-actions{align-items:stretch;flex-direction:column}.status-chips{justify-content:flex-start}.side-nav,.two-col,.detail-grid,.split-tables{grid-template-columns:1fr}}
