.api-key-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:15px}.api-key-box h2,.api-key-box p{margin:0 0 8px}.api-key-box>div{display:flex;gap:8px;align-items:center}.api-key-box .external{margin:7px 0}.api-key-box small{display:block;margin-top:7px;color:#64748b}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(820px,96vw)}.login-layout .login-card{width:auto}.customer-track{background:#f8fbff}.customer-track h2{margin:0}.track-card{text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:13px;margin-top:8px}.track-card h3,.track-card p{margin:4px 0}.status-steps{display:flex;gap:3px;margin:12px 0}.status-steps i{height:7px;flex:1;border-radius:4px;background:#cbd5e1}.status-steps i.done{background:#2563eb}.client-head{background:#eff6ff;border-radius:12px;padding:15px;margin-bottom:12px}.client-head h2{margin:0}.promo-on{border:2px solid #86efac}.promo-off{opacity:.65}.promo-status{margin:8px 0;padding:6px 9px;border-radius:20px;display:inline-block}.promo-status.on{background:#dcfce7;color:#15803d}.promo-status.off{background:#fee2e2;color:#b91c1c}#promoApplied{display:block;color:#15803d;font-weight:700;margin:7px 0}@media(max-width:750px){.login-layout{grid-template-columns:1fr;max-height:92vh;overflow:auto}}