.container{max-width:900px;margin:0 auto;padding:1.5rem 1.5rem 3rem;animation:fade-in-up .4s var(--ease-out) both}header{margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem}h1{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--brand-light),#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.subtitle{color:var(--text-4);font-size:.9rem}.controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}#runAll{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--brand),#06b6d4);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:var(--r-lg);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal);box-shadow:0 4px 14px #0ea5e94d;font-family:inherit}#runAll:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e966}#runAll:disabled{background:var(--elevated);color:var(--text-5);cursor:not-allowed;box-shadow:none;transform:none}#resetAll{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--text-3);border:1px solid var(--border);padding:.65rem 1.25rem;border-radius:var(--r-lg);font-size:.85rem;cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast);font-family:inherit}#resetAll:hover{border-color:var(--danger);color:var(--danger-text)}#globalStatus{font-size:.82rem;color:var(--text-3)}.progress-track{position:relative;height:6px;background:var(--card);border-radius:var(--r-full);margin-bottom:1.75rem;overflow:hidden;opacity:0;transition:opacity var(--dur-normal)}.progress-track.active{opacity:1}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--brand),#06b6d4);border-radius:var(--r-full);transition:width .4s var(--ease-out)}.progress-text{position:absolute;right:0;top:-1.4rem;font-size:.7rem;color:var(--text-4);font-weight:600;font-family:var(--font-mono)}#steps{display:flex;flex-direction:column;gap:.75rem}.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur-normal),box-shadow var(--dur-normal)}.step-card.running{border-color:var(--brand);box-shadow:0 0 0 1px #0ea5e926}.step-card.done{border-color:#22c55e66}.step-card.error{border-color:#ef444466;animation:shake .4s ease-out}.step-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;user-select:none;transition:background var(--dur-fast)}.step-header:hover{background:#ffffff05}.step-number{width:36px;height:36px;border-radius:var(--r-full);background:var(--elevated);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--text-3);flex-shrink:0;transition:background var(--dur-normal),color var(--dur-normal),transform var(--dur-normal)}.step-card.running .step-number{background:var(--brand);color:#fff;animation:pulse-ring 1.5s ease-out infinite}.step-card.done .step-number{background:var(--success);color:#fff;animation:check-bounce .4s var(--ease-spring)}.step-card.error .step-number{background:var(--danger);color:#fff}.step-title{flex:1;font-weight:600;font-size:.92rem;color:var(--text-2)}.step-meta{font-size:.72rem;color:var(--text-5);font-family:var(--font-mono);background:#94a3b814;padding:.2rem .5rem;border-radius:var(--r-full)}.step-icon{font-size:1rem;width:1.5rem;text-align:center;color:var(--text-4)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--elevated);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.step-body{padding:0 1.25rem 1.25rem;display:none}.step-body.visible{display:block}.result-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.5rem}.result-table th{text-align:left;color:var(--text-3);font-weight:600;padding:.5rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.result-table td{padding:.45rem .6rem;border-bottom:1px solid rgba(51,65,85,.5);color:#cbd5e1;font-family:var(--font-mono);font-size:.78rem;vertical-align:top;word-break:break-word;transition:background var(--dur-fast)}.result-table tr:last-child td{border-bottom:none}.result-table tr:hover td{background:#0f172a80}.badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--r-full);font-size:.68rem;font-weight:700}.badge-active{background:#22c55e26;color:#86efac}.badge-out,.badge-expired{background:#ef444426;color:#fca5a5}.badge-near{background:#eab30826;color:#fcd34d}.badge-normal{background:#38bdf826;color:#7dd3fc}.badge-pending{background:#a78bfa26;color:#c4b5fd}.badge-locked{background:#60a5fa26;color:#93c5fd}.json-preview{background:var(--inset);border:1px solid var(--border);border-radius:var(--r-md);padding:.75rem 1rem;font-size:.75rem;color:var(--text-3);overflow:auto;max-height:300px;margin-top:.5rem;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono)}.error-msg{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-md);padding:.75rem 1rem;font-size:.8rem;color:var(--danger-text);margin-top:.5rem;font-family:var(--font-mono)}.duration{font-size:.7rem;color:var(--text-5);margin-top:.4rem;text-align:right;font-family:var(--font-mono)}.section-label{font-size:.68rem;color:var(--text-5);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;margin-top:.75rem;font-weight:600}.table-scroll{overflow-x:auto}.back-link{display:inline-block;margin-top:2.5rem;color:var(--text-5);text-decoration:none;font-size:.85rem;transition:color var(--dur-fast)}.back-link:hover{color:var(--text-3)}@media (max-width: 600px){.container{padding:1rem 1rem 2rem}.step-meta{display:none}.step-number{width:30px;height:30px;font-size:.7rem}}