:root{font-family:system-ui,sans-serif;color:#172332;background:#f5f7fa;line-height:1.5}body{margin:0}main{max-width:1000px;margin:0 auto;padding:32px 20px}h1{margin-bottom:0}header p{margin-top:4px}section{background:#fff;border:1px solid #ccd5df;border-radius:6px;padding:16px 20px;margin-top:20px}h2{margin-top:0;font-size:1.2rem}button{font:inherit;background:#173d68;color:#fff;border:0;border-radius:4px;padding:9px 16px;cursor:pointer}button:focus-visible{outline:3px solid #b45309;outline-offset:3px}[role=alert]{color:#9b1c1c}li{margin:6px 0}label{display:block;margin:12px 0}input:not([type=checkbox]),select,textarea{box-sizing:border-box;display:block;width:100%;max-width:600px;padding:8px;font:inherit;border:1px solid #75869a;border-radius:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b45309;outline-offset:2px}nav{display:flex;flex-wrap:wrap;gap:8px}button:disabled{opacity:.6;cursor:wait}button[aria-pressed=true]{outline:2px solid #173d68;outline-offset:2px}form{margin:16px 0}aside{padding:12px;background:#fff4d9;margin:16px 0;overflow-wrap:anywhere}fieldset{border:1px solid #ccd5df;padding:12px}.checkbox{display:flex;gap:8px;align-items:baseline}.table-wrap{overflow:auto;margin:16px 0}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:8px;border:1px solid #ccd5df;overflow-wrap:anywhere}caption{text-align:left;font-weight:600;padding-bottom:8px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}dt{font-weight:600}dd{margin-left:0;margin-bottom:12px}fieldset fieldset{margin:16px 0}[role=dialog]{border:2px solid #173d68;background:#fff;padding:20px;margin:16px 0}article{border-top:1px solid #ccd5df;margin-top:16px;padding-top:12px;overflow-wrap:anywhere}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#fff;border-bottom:1px solid #ccd5df}.app-topbar details{position:relative}.app-topbar details nav{position:absolute;right:0;min-width:140px;background:#fff;padding:12px;border:1px solid #ccd5df;z-index:10}.shell-body{display:grid;grid-template-columns:210px minmax(0,1fr)}.shell-body.collapsed{grid-template-columns:100px minmax(0,1fr)}.app-sidebar{margin:0;background:#e8eef5;min-height:calc(100vh - 70px);padding:16px 10px}.app-sidebar nav{flex-direction:column;margin-top:16px}.app-sidebar a{padding:8px;border-radius:4px}a[aria-current=page]{background:#dbe7f5;font-weight:700}.app-content{box-sizing:border-box;width:100%;max-width:1200px;margin:0;padding:24px}.wizard-steps{display:flex;gap:16px;flex-wrap:wrap}.size-card{display:inline-flex;padding:14px;margin:5px;gap:8px;border:1px solid #75869a}dialog{max-width:540px;border:2px solid #173d68;border-radius:6px;padding:24px}dialog::backdrop{background:#0006}@media(max-width:700px){.shell-body,.shell-body.collapsed{display:block}.app-sidebar{min-height:0}.app-content{padding:12px}.app-topbar{flex-wrap:wrap}}