body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1f2933;background:#f4f6f8}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 2px 6px #00000014}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:16px;flex-wrap:wrap}.nav{display:flex;gap:12px;margin-bottom:24px}.nav a{text-decoration:none;color:#1f2933;font-weight:600}.nav a.active{color:#2563eb}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:8px}.table th{background:#f8fafc}.sequence-grid{display:flex;flex-direction:column;gap:6px;overflow-x:auto}.sequence-grid__row{display:grid;grid-template-columns:160px repeat(auto-fit,minmax(32px,1fr));gap:6px;align-items:center}.sequence-grid__row--header{font-weight:600;color:#475569}.sequence-grid__row--finished .sequence-grid__cell{opacity:.55}.sequence-grid__cell{padding:6px;text-align:center;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.85rem}.sequence-grid__cell--label{text-align:left;font-weight:600;background:#fff}.sequence-grid__cell--header{background:#e2e8f0}.sequence-grid__cell--done{background:#dcfce7;border-color:#86efac;color:#166534}.sequence-grid__cell--current{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}