:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#17253b;background:#f4f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#162f52;color:white}header a{color:white;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 20px}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nav>a{font-size:19px;font-weight:700}.nav nav{display:flex;gap:16px;flex-wrap:wrap}main{padding-top:32px!important;padding-bottom:60px!important;min-height:78vh}h1{font-size:clamp(25px,4vw,38px);margin:0 0 18px}h2{font-size:22px}h3{font-size:18px}.panel{padding:24px;background:white;border:1px solid #dee4ed;border-radius:14px;margin:22px 0;box-shadow:0 3px 14px #152c4810;overflow:auto}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}label{display:block;margin:12px 0;font-weight:600}input,select{font:inherit;width:100%;padding:11px;border:1px solid #b7c3d1;border-radius:8px;background:#fff;margin-top:6px}button,.button{font:inherit;display:inline-block;background:#1d578e;color:white;border:0;border-radius:9px;padding:12px 19px;cursor:pointer;text-decoration:none;margin:6px 5px 6px 0}button:hover,.button:hover{background:#123b64}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#eef3f9;color:#183b5e}.secondary:hover{background:#d9e6f3}.learner{margin:22px 0;padding:20px;border-radius:12px;border:1px solid #dce4ee;background:#fbfcfe}.learnerHead{display:flex;justify-content:space-between;align-items:center;gap:12px}.product{display:grid;grid-template-columns:1fr 90px;gap:15px;align-items:center;border-bottom:1px solid #e7eaf1;padding:11px 0}.product input{margin:0}.muted,.small{color:#52647a}.small{font-size:13px}.total{font-size:23px;font-weight:750;border-top:2px solid #dce4ee;padding:22px 0 10px;margin-top:20px}.notice{padding:15px;background:#fff1d9;border:1px solid #dbb86e;border-radius:9px}.actions{display:flex;gap:8px;flex-wrap:wrap}table{border-collapse:collapse;width:100%;min-width:660px}td,th{padding:12px;text-align:left;border-bottom:1px solid #e2e8ef}th{background:#eff3f7}.inline{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}.inline label{max-width:270px}.inline input{max-width:170px}footer{background:#e9eef5;color:#42526a;padding:23px 0}@media(max-width:550px){.panel{padding:15px}.learner{padding:12px}.product{grid-template-columns:1fr 68px}.nav{padding:12px 20px}}

.steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 6px}.steps li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#e6ecf3;color:#52647a;font-weight:600;font-size:14px}.steps li span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#52647a;font-size:13px}.steps li.current{background:#1d578e;color:#fff}.steps li.current span{color:#1d578e}.steps li.done{background:#dcefe2;color:#1e5c34}.steps li.done span{background:#2e7d4a;color:#fff}.checks{list-style:none;padding:0;margin:16px 0}.checks li{padding:12px 14px;border:1px solid #e2e8ef;border-radius:9px;margin:8px 0}.checks li>strong{display:inline-block;width:22px}.checks li .small{margin:4px 0 0 22px}.checks li.ok strong{color:#2e7d4a}.checks li.fail{background:#fdecec;border-color:#e4a5a5}.checks li.fail strong{color:#b42318}.checks li.warn{background:#fff8e8;border-color:#e8d29e}.checks li.warn strong{color:#a86b00}.notice.error{background:#fdecec;border-color:#e4a5a5;margin:16px 0}.notice.error p{margin:4px 0}.ok-line{color:#1e5c34;font-weight:600}.summary{min-width:0}.summary th{width:32%;background:none;color:#52647a}textarea.code{width:100%;font:13px/1.45 ui-monospace,Menlo,Consolas,monospace;padding:12px;border:1px solid #b7c3d1;border-radius:8px;margin:14px 0;background:#f8fafc}.setup code{background:#eef3f9;padding:1px 5px;border-radius:4px}
