*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Arial,sans-serif}.header{color:#fff;background:#111827;justify-content:space-between;align-items:center;padding:28px 8%;display:flex}.header h1{margin:0 0 8px;font-size:34px}.header p{color:#cbd5e1;margin:0;font-size:17px}.status{background:#1f2937;border-radius:30px;padding:12px 20px;font-weight:700}.container{max-width:1150px;margin:45px auto;padding:0 20px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:22px;padding:30px;box-shadow:0 4px 20px #0000000a}.card h2{margin-top:0;font-size:27px}.card p{color:#475569;line-height:1.6}.input-row{gap:15px;margin-top:25px;display:flex}.input-row input{border:1px solid #cbd5e1;border-radius:12px;flex:1;padding:17px;font-size:16px}.input-row button{color:#fff;cursor:pointer;background:#5146e5;border:0;border-radius:12px;padding:17px 28px;font-size:16px;font-weight:700}.input-row button:disabled{opacity:.6}.result-header{justify-content:space-between;align-items:center;display:flex}.result-header h2{margin-bottom:5px}.badge{color:#166534;background:#dcfce7;border-radius:30px;padding:13px 20px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:25px}.stat span{color:#64748b;margin-bottom:12px;display:block}.stat strong{font-size:28px}.timeline{margin-top:25px}.timeline-item{border-bottom:1px solid #e2e8f0;gap:18px;padding:18px 0;display:flex}.dot{color:#fff;background:#5146e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.timeline-item h3{margin:3px 0 7px;font-size:15px}.timeline-item p{margin:0}.success{color:#166534;text-align:center;background:#dcfce7;border-radius:12px;margin-top:25px;padding:20px;font-weight:700;line-height:1.7}.error{color:#991b1b;background:#fee2e2;border-radius:10px;margin-top:20px;padding:15px}pre{color:#e2e8f0;background:#0f172a;border-radius:12px;max-height:500px;padding:22px;overflow-x:auto}@media (width<=700px){.header{flex-direction:column;align-items:flex-start}.input-row{flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}}