*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#19191d;font:15px Inter,Arial,sans-serif}header,main{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:36px 32px}.brand{font-size:30px;font-weight:700;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{font-weight:400}button{font:inherit;color:#6d6d77;background:white;border:1px solid #e3e3e8;border-radius:6px;padding:7px 10px;cursor:pointer}main{padding:10px 32px 64px}h1{font-size:23px;font-weight:550;background:#e6faf4;border:1px solid #19bd9b;border-radius:12px;padding:23px;margin:0 0 28px}#count{font-size:14px;color:#fff;background:#19bd9b;border-radius:50%;padding:5px 9px}.card{background:white;border:1px solid #e3e3e8;border-radius:12px;margin-bottom:20px;padding:24px 28px}.head{display:flex;justify-content:space-between;gap:12px;align-items:center}.head h2{font-size:20px;margin:0}.meta{color:#858590;font-size:13px;margin-top:6px}.badge{font-size:13px;color:#168c73;background:#eafbf6;border-radius:6px;padding:6px 9px}.badge.warning{color:#9d741f;background:#fffaed}.badge.error{color:#be3f3f;background:#fff0ef}.flow{display:flex;gap:16px;align-items:flex-start;margin:28px 0}.step{flex:1;border-top:2px solid #e3e3e8;padding-top:10px;color:#73737e;font-size:13px}.step.done{border-color:#19bd9b}.step.warning{border-color:#d7ab50;color:#a87412}.step.error{border-color:#cf4545;color:#be3f3f}.time{font-size:13px;color:#777782;margin-top:6px}.times{display:flex;gap:35px;border-top:1px solid #ededf1;padding-top:16px;flex-wrap:wrap}.notice,#error{border:1px solid #e8cd8d;background:#fff9eb;border-radius:8px;padding:12px;margin:18px 0;color:#946814}.notice.error,#error{border-color:#e8abaa;background:#fff0ef;color:#be3f3f}#error[hidden]{display:none}.actions{display:flex;gap:8px}details summary{cursor:pointer;color:#168c73;font-size:13px}details .flow{display:block}details .step{border:0;border-left:2px solid #ddd;padding:0 0 18px 15px}details .step.done{border-color:#19bd9b}details .step.warning{border-color:#d7ab50}details .step.error{border-color:#cf4545}@media(max-width:720px){header{padding:24px 20px}main{padding:10px 20px}.head{align-items:flex-start;flex-direction:column}.card{padding:20px}.flow{gap:7px}.step{overflow-wrap:anywhere}.times{gap:12px}}
