*,:after,:before{box-sizing:border-box}#root,body,html{background:#f7f9fc;color:#24314d;font-family:Segoe UI,Arial,sans-serif;height:100%;margin:0;overflow:hidden;width:100%}button,input,select{font:inherit}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes confettiDrift{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-7px) rotate(calc(var(--r) + 15deg))}}.hd-page{background:#f2f4f8;color:#1a2332;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto}.hd-header{align-items:center;background:#fff;border-bottom:1px solid #dde3ed;box-shadow:0 2px 14px #0000000f;box-sizing:border-box;display:grid;grid-template-columns:20% 1fr auto;height:72px;padding:0 56px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.hd-header-left{align-items:center;display:flex;overflow:hidden;width:70%}.hd-logo{display:block;height:72px;object-fit:contain;object-position:left center;width:100%}.hd-header-center{align-items:center;display:flex;flex-direction:column;gap:4px}.hd-platform-title{color:#1a2332;font-size:16px;font-weight:700}.hd-platform-sub{color:#64748b;font-size:12px;font-weight:500}.hd-header-right{gap:14px;justify-content:flex-end}.hd-header-right,.hd-live-chip{align-items:center;display:flex}.hd-live-chip{background:#f0fdf4;border:1.5px solid #86efac;border-radius:99px;color:#166534;font-size:12px;font-weight:600;gap:7px;padding:6px 16px;white-space:nowrap}.hd-live-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;display:inline-block;flex-shrink:0;height:8px;width:8px}.hd-btn{align-items:center;background:#1d4ed8;border:none;border-radius:9px;box-shadow:0 4px 14px #1d4ed859;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.03em;padding:11px 26px;transition:background .15s,transform .15s;white-space:nowrap}.hd-btn--loading{background:#6b7280;box-shadow:none;cursor:not-allowed}.hd-btn--success{background:#16a34a;box-shadow:0 4px 14px #16a34a59}.hd-btn--disabled{cursor:not-allowed;opacity:.5}.hd-how{background:#1a2744;gap:18px;padding:28px 56px 30px}.hd-how,.hd-how-heading{align-items:center;display:flex;flex-direction:column}.hd-how-heading{gap:5px}.hd-how-eyebrow{color:#94a3b8d9;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hd-how-title{color:#fff;font-size:22px;font-weight:800}.hd-how-accent{color:#60a5fa}.hd-flow-steps{flex-wrap:nowrap}.hd-flow-row,.hd-flow-step,.hd-flow-steps{align-items:center;display:flex}.hd-flow-step{background:#ffffff12;border:1.5px solid #ffffff26;border-radius:14px;cursor:default;flex-shrink:0;gap:11px;padding:13px 22px}.hd-flow-icon{font-size:22px;line-height:1}.hd-flow-label{color:#f1f5f9;font-size:14px;font-weight:700;white-space:nowrap}.hd-flow-sub{color:#cbd5e1cc;font-size:11px;margin-top:3px;white-space:nowrap}.hd-flow-arrow{color:#94a3b880;flex-shrink:0;font-size:24px;line-height:1;padding:0 8px}.hd-main{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:20px;margin:0 auto;max-width:1280px;padding:32px 56px 48px;width:100%}.hd-section-head{align-items:center;display:flex;justify-content:space-between}.hd-section-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hd-section-title{color:#475569;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hd-section-hint{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px}.hd-hint-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.hd-hint-dot--active{background:#22c55e;box-shadow:0 0 6px #22c55e}.hd-hint-dot--idle{background:#94a3b8;box-shadow:none}.hd-grid{display:grid;gap:18px;grid-template-columns:repeat(5,1fr)}.hd-card{background:#fff;border:1.5px solid #dde3ed;border-radius:18px;box-shadow:0 2px 10px #0000000a;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;gap:9px;overflow:hidden;padding:16px 20px 14px;position:relative;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.hd-card:hover{box-shadow:0 16px 40px #00000021,0 4px 12px #00000012;transform:translateY(-6px) scale(1.03);z-index:2}.hd-card-accent{border-radius:18px 18px 0 0;height:4px;left:0;position:absolute;right:0;top:0}.hd-card-header{align-items:center;display:flex;justify-content:space-between;margin-top:2px}.hd-card-icon-wrap{align-items:center;border-radius:10px;display:flex;font-size:18px;height:38px;justify-content:center;width:38px}.hd-status-chip{border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 11px}.status-complete{background:#ecfdf5;border:1px solid #86efac;color:#15803d}.status-running{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.status-pending{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.hd-card-value{color:#0f172a;font-size:38px;font-weight:900;letter-spacing:-.03em;line-height:1}.hd-card-label{color:#1e293b;font-size:15px;font-weight:700}.hd-card-sub{color:#64748b;font-size:12px;font-weight:500;margin-top:3px}.hd-progress-wrap{background:#edf0f5;border-radius:99px;height:6px;margin-top:2px;overflow:hidden}.hd-progress-fill{border-radius:99px;height:100%;transition:width 1.2s ease}.hd-skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:8px;height:44px;width:55%}.hd-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:5px 13px;white-space:nowrap}.hd-badge--warning{background:#fffbeb;border:1.5px solid #fcd34d;color:#92400e}.hd-badge--error{background:#fff1f2;border:1.5px solid #fca5a5;color:#991b1b}.hd-badge-icon{font-size:13px;line-height:1}.hd-badge-icon-red{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:900;height:16px;justify-content:center;line-height:1;width:16px}.hd-toast-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f1f5f98c;inset:0;pointer-events:auto;position:fixed;z-index:999}.hd-toast-card{align-items:center;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1) forwards;background:#fff;border:1.5px solid #bbf7d0;border-radius:22px;box-shadow:0 24px 80px #00000021,0 4px 20px #16a34a1f;display:flex;flex-direction:column;gap:14px;left:50%;max-width:480px;min-width:340px;padding:44px 52px 38px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.hd-toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1;padding:2px 6px;position:absolute;right:18px;top:14px}.hd-toast-check-circle{align-items:center;background:#16a34a;border-radius:50%;box-shadow:0 6px 20px #16a34a59;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:900;height:62px;justify-content:center;margin-bottom:4px;width:62px}.hd-toast-title{color:#15803d;font-size:20px;font-weight:800;line-height:1.25}.hd-toast-body{color:#475569;font-size:15px;font-weight:500;line-height:1.5}.hd-footer{background:#fff;border-top:1px solid #dde3ed;box-sizing:border-box;color:#64748b;flex-shrink:0;font-size:12px;font-weight:500;padding:14px 24px;text-align:center;width:100%}@media(max-width:1280px){.hd-header{padding:0 32px}.hd-how{padding:28px 32px 30px}.hd-main{padding:28px 32px 36px}}@media(max-width:1024px){.hd-header{padding:0 24px}.hd-how{padding:22px 24px 24px}.hd-flow-steps{flex-wrap:wrap;gap:8px;justify-content:center}.hd-main{padding:22px 24px 28px}.hd-grid{gap:14px;grid-template-columns:repeat(3,1fr)}.hd-live-chip{display:none}}@media(max-width:768px){.hd-header{height:auto;min-height:60px;padding:0 16px}.hd-how{padding:16px 16px 18px}.hd-flow-step{padding:9px 14px}.hd-flow-steps{gap:6px}.hd-main{padding:16px 16px 22px}.hd-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.hd-logo{height:50px}.hd-btn{font-size:13px;padding:9px 16px}}@media(max-width:520px){.hd-header{padding:0 12px}.hd-how{padding:12px 12px 14px}.hd-main{padding:12px 12px 16px}.hd-grid{gap:10px;grid-template-columns:1fr}}