/* Generated by the assembler in the session scratchpad — do not hand-edit.
 *
 * One class per distinct style attribute in the artwork lifted from the
 * design canvas. They live here because the CSP is `style-src 'self'`:
 * inline style attributes would be dropped by the browser and the product
 * screens would render as unstyled text.
 */
.x0{--shot-cut: 466}
.x1{width: 1440px; height: 900px; display: flex; overflow: hidden; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; background-color: #0f1115}
.x2{width: 76px; flex-shrink: 0; background-color: #121419; border-right: 1px solid #262a32; display: flex; flex-direction: column; align-items: center; padding: 12px 0; gap: 4px}
.x3{height: 40px; display: flex; align-items: center; margin-bottom: 6px}
.x4{width: 60px; height: 54px; border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 10.5px; font-weight: 500; color: #9aa1ad; background-color: transparent; position: relative}
.x5{flex-shrink: 0}
.x6{width: 60px; height: 54px; border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 10.5px; font-weight: 700; color: #8dbdff; background-color: #1b2e4c; position: relative}
.x7{color: #8dbdff; flex-shrink: 0}
.x8{position: absolute; top: 6px; right: 12px; min-width: 16px; height: 16px; border-radius: 4px; background-color: #066dff; color: #ffffff; font-size: 10px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center}
.x9{flex-grow: 1}
.x10{height: 14px}
.x11{width: 30px; height: 30px; border-radius: 4px; background-color: #0f59e7; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; flex-shrink: 0}
.x12{width: 248px; flex-shrink: 0; background-color: #121419; border-right: 1px solid #262a32; display: flex; flex-direction: column; padding: 14px 10px; gap: 2px}
.x13{display: flex; align-items: center; justify-content: space-between; padding: 4px 8px 12px}
.x14{font-size: 14px; font-weight: 700; color: #e6e9ef}
.x15{display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 4px; background-color: #1b2e4c}
.x16{display: flex; flex-direction: column; min-width: 0}
.x17{font-size: 13px; font-weight: 700; color: #8dbdff}
.x18{font-size: 11.5px; color: #6b7280}
.x19{display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 4px; background-color: transparent}
.x20{font-size: 13px; font-weight: 500; color: #e6e9ef}
.x21{flex-grow: 1; min-width: 0; display: flex; flex-direction: column; background-color: #0f1115}
.x22{height: 56px; border-bottom: 1px solid #262a32; display: flex; align-items: center; gap: 12px; padding: 0 20px}
.x23{font-size: 13px; color: #9aa1ad}
.x24{font-size: 15px; font-weight: 700; color: #e6e9ef}
.x25{display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: #4fd39a; font-weight: 600}
.x26{height: 32px; width: 220px; border-radius: 4px; border: 1px solid #262a32; display: inline-flex; align-items: center; gap: 8px; padding: 0 10px; font-size: 13px; color: #6b7280}
.x27{font-size: 11px; border: 1px solid #262a32; border-radius: 4px; padding: 0 4px}
.x28{height: 32px; padding: 0 12px; border-radius: 4px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; white-space: nowrap; background-color: #1a1d23; color: #e6e9ef; border: 1px solid #262a32}
.x29{height: 32px; padding: 0 12px; border-radius: 4px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; white-space: nowrap; background-color: #066dff; color: #ffffff; border: 1px solid #066dff}
.x30{height: 48px; display: flex; align-items: center; gap: 8px; padding: 0 20px; border-bottom: 1px solid #262a32}
.x31{display: inline-flex; padding: 2px; border-radius: 4px; background-color: #191c22; gap: 2px}
.x32{height: 26px; padding: 0 12px; border-radius: 4px; display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600; color: #e6e9ef; background-color: #1a1d23; border: 1px solid #262a32}
.x33{height: 26px; padding: 0 12px; border-radius: 4px; display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 500; color: #9aa1ad}
.x34{height: 32px; padding: 0 12px; border-radius: 4px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; white-space: nowrap; background-color: transparent; color: #e6e9ef; border: 1px solid transparent}
.x35{flex-grow: 1; display: flex; gap: 16px; padding: 18px 20px; background-color: #121419}
.x36{flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.x37{display: flex; align-items: center; gap: 8px; padding: 0 2px; font-size: 13px; font-weight: 700; color: #e6e9ef}
.x38{width: 8px; height: 8px; border-radius: 2px; background-color: #6b7280}
.x39{color: #6b7280; font-weight: 600}
.x40{background-color: #1a1d23; border: 1px solid #262a32; border-radius: 6px; padding: 12px; display: flex; flex-direction: column; gap: 10px}
.x41{font-size: 13px; font-weight: 600; line-height: 1.4; color: #e6e9ef}
.x42{display: flex; flex-wrap: wrap; gap: 6px}
.x43{height: 20px; padding: 0 7px; border-radius: 4px; display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 600; background-color: #1b2e4c; color: #8dbdff}
.x44{height: 20px; padding: 0 7px; border-radius: 4px; display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 600; background-color: #191c22; color: #9aa1ad}
.x45{display: flex; align-items: center; gap: 8px; font-size: 12px; color: #6b7280}
.x46{font-weight: 600}
.x47{width: 22px; height: 22px; border-radius: 4px; background-color: #7a5af8; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; flex-shrink: 0}
.x48{width: 22px; height: 22px; border-radius: 4px; background-color: #0f59e7; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; flex-shrink: 0}
.x49{width: 22px; height: 22px; border-radius: 4px; background-color: #12805c; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; flex-shrink: 0}
.x50{width: 8px; height: 8px; border-radius: 2px; background-color: #066dff}
.x51{height: 20px; padding: 0 7px; border-radius: 4px; display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 600; background-color: #33270f; color: #fdb022}
.x52{display: inline-flex; align-items: center; gap: 3px}
.x53{width: 22px; height: 22px; border-radius: 4px; background-color: #d9480f; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; flex-shrink: 0}
.x54{width: 8px; height: 8px; border-radius: 2px; background-color: #fdb022}
.x55{width: 8px; height: 8px; border-radius: 2px; background-color: #4fd39a}
.x56{height: 20px; padding: 0 7px; border-radius: 4px; display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 600; background-color: #14302a; color: #4fd39a}
.x57{--shot-cut: 620}
.x58{font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #6b7280; padding: 6px 8px}
.x59{display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 4px; font-size: 13px; font-weight: 500; color: #9aa1ad; background-color: transparent}
.x60{display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 4px; font-size: 13px; font-weight: 700; color: #8dbdff; background-color: #1b2e4c}
.x61{display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 4px; font-size: 13px; font-weight: 700; color: #e6e9ef; background-color: transparent}
.x62{min-width: 18px; height: 18px; border-radius: 4px; background-color: #066dff; color: #ffffff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center}
.x63{font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #6b7280; padding: 14px 8px 6px}
.x64{display: flex; align-items: center; gap: 8px; padding: 6px 8px; font-size: 13px; font-weight: 500; color: #9aa1ad}
.x65{width: 20px; height: 20px; border-radius: 4px; background-color: #12805c; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 700; flex-shrink: 0}
.x66{width: 20px; height: 20px; border-radius: 4px; background-color: #7a5af8; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 700; flex-shrink: 0}
.x67{width: 20px; height: 20px; border-radius: 4px; background-color: #d9480f; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 700; flex-shrink: 0}
.x68{height: 56px; border-bottom: 1px solid #262a32; display: flex; align-items: center; gap: 10px; padding: 0 20px}
.x69{flex-grow: 1; padding: 16px 24px; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px}
.x70{display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; color: #6b7280; padding: 6px 0}
.x71{flex-grow: 1; height: 1px; background-color: #262a32}
.x72{display: flex; gap: 12px; padding: 8px 0}
.x73{width: 34px; height: 34px; border-radius: 4px; background-color: #12805c; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; flex-shrink: 0}
.x74{display: flex; flex-direction: column; gap: 4px; min-width: 0}
.x75{display: flex; align-items: baseline; gap: 8px}
.x76{font-size: 12px; color: #6b7280}
.x77{font-size: 14px; line-height: 1.55; color: #e6e9ef}
.x78{display: inline-flex; align-items: center; gap: 5px; padding: 1px 7px; border-radius: 4px; background-color: #1b2e4c; color: #8dbdff; font-size: 13px; font-weight: 600}
.x79{width: 34px; height: 34px; border-radius: 4px; background-color: #7a5af8; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; flex-shrink: 0}
.x80{display: flex; gap: 6px; margin-top: 4px}
.x81{height: 24px; padding: 0 8px; border-radius: 4px; border: 1px solid #262a32; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #e6e9ef}
.x82{height: 24px; padding: 0 8px; border-radius: 4px; border: 1px solid #066dff; background-color: #1b2e4c; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #8dbdff; font-weight: 600}
.x83{width: 34px; height: 34px; border-radius: 4px; background-color: #d9480f; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; flex-shrink: 0}
.x84{color: #8dbdff}
.x85{padding: 0 24px 20px}
.x86{border: 1px solid #343a44; border-radius: 6px; background-color: #1a1d23; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px}
.x87{font-size: 14px; color: #6b7280}
.x88{display: flex; align-items: center; gap: 4px}
.x89{width: 6px}
.x90{width: 30px; height: 30px; border-radius: 4px; background-color: #066dff; display: inline-flex; align-items: center; justify-content: center}
.x91{border: 1px solid #262a32; border-radius: 6px; background-color: #1a1d23; overflow: hidden}
.x92{display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid #262a32; font-size: 15px; font-weight: 700; color: #e6e9ef}
.x93{padding: 20px 18px; display: flex; flex-direction: column; gap: 14px; background-color: #14161b}
.x94{align-self: flex-end; max-width: 380px; padding: 12px 14px; border-radius: 4px; background-color: #066dff; color: #ffffff; font-size: 14px; line-height: 1.5}
.x95{max-width: 470px; padding: 14px 16px; border-radius: 4px; border: 1px solid #262a32; background-color: #1a1d23; display: flex; flex-direction: column; gap: 10px}
.x96{font-size: 14px; line-height: 1.6; color: #e6e9ef}
.x97{display: flex; gap: 6px}
.x98{padding: 14px 18px 16px; border-top: 1px solid #262a32; display: flex; flex-direction: column; gap: 12px}
.x99{display: flex; justify-content: space-between; font-size: 14.5px; color: #6b7280}
.x100{display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: #9aa1ad}
.x101{height: 20px; padding: 0 6px; border: 1px solid #262a32; border-radius: 2px; display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 600; color: #9aa1ad}
.x102{display: flex; align-items: center; gap: 10px}
.x103{height: 30px; padding: 0 10px; border: 1px solid #262a32; border-radius: 4px; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 13px; font-weight: 600; color: #e6e9ef}
.x104{color: #9aa1ad; font-weight: 500}
.x105{display: inline-flex; border: 1px solid #262a32; border-radius: 4px; overflow: hidden}
.x106{height: 30px; padding: 0 12px; display: inline-flex; align-items: center; white-space: nowrap; font-size: 13px; font-weight: 600; background-color: #1b2e4c; color: #8dbdff}
.x107{height: 30px; padding: 0 12px; display: inline-flex; align-items: center; white-space: nowrap; font-size: 13px; font-weight: 600; border-left: 1px solid #262a32; color: #9aa1ad}
.x108{width: 32px; height: 32px; border-radius: 4px; background-color: #066dff; display: inline-flex; align-items: center; justify-content: center}
.x109{display: grid; grid-template-columns: 1fr 120px 120px 120px; align-items: center; padding: 10px 18px; border-bottom: 1px solid #262a32; font-size: 12.5px; font-weight: 700; color: #9aa1ad}
.x110{display: inline-flex; align-items: center; gap: 6px}
.x111{display: grid; grid-template-columns: 1fr 120px 120px 120px; align-items: center; padding: 11px 18px; border-bottom: 1px solid #262a32}
.x112{display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #e6e9ef}
.x113{width: 26px; height: 26px; border-radius: 4px; background-color: #0b63e5; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0}
.x114{width: 22px; height: 22px; border-radius: 4px; background-color: #066dff; display: inline-flex; align-items: center; justify-content: center}
.x115{width: 26px; height: 26px; border-radius: 4px; background-color: #12805c; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0}
.x116{width: 26px; height: 26px; border-radius: 4px; background-color: #b54708; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0}
.x117{width: 22px; height: 22px; border-radius: 4px; border: 1px solid #343a44; display: inline-flex}
.x118{width: 26px; height: 26px; border-radius: 4px; background-color: #6941c6; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0}
.x119{width: 26px; height: 26px; border-radius: 4px; background-color: #c11574; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0}
.x120{display: grid; grid-template-columns: 1fr 120px 120px 120px; align-items: center; padding: 12px 18px; background-color: #191c22; font-size: 12.5px; color: #9aa1ad}
.x121{font-weight: 700; color: #e6e9ef}
.x122{font-variant-numeric: tabular-nums}
.x123{background-color: #121a2a; border-top: 1px solid #1f2c45}
.x124{justify-content: flex-start}
.x125{fill: url(#bT); stroke: url(#bT); stroke-width: 0.35px; stroke-linejoin: round}
.x126{fill: url(#bL); stroke: url(#bL); stroke-width: 0.35px; stroke-linejoin: round}
.x127{fill: url(#sd)}
.x128{fill: url(#bR); stroke: url(#bR); stroke-width: 0.35px; stroke-linejoin: round}
.x129{fill: url(#lT); stroke: url(#lT); stroke-width: 0.35px; stroke-linejoin: round}
.x130{fill: url(#lL); stroke: url(#lL); stroke-width: 0.35px; stroke-linejoin: round}
.x131{fill: url(#lR); stroke: url(#lR); stroke-width: 0.35px; stroke-linejoin: round}
.x132{fill: url(#aT); stroke: url(#aT); stroke-width: 0.35px; stroke-linejoin: round}
.x133{fill: url(#aL); stroke: url(#aL); stroke-width: 0.35px; stroke-linejoin: round}
.x134{fill: url(#aR); stroke: url(#aR); stroke-width: 0.35px; stroke-linejoin: round}
.x135{fill: url(#gT); stroke: url(#gT); stroke-width: 0.35px; stroke-linejoin: round}
.x136{fill: url(#gL); stroke: url(#gL); stroke-width: 0.35px; stroke-linejoin: round}
.x137{fill: url(#gR); stroke: url(#gR); stroke-width: 0.35px; stroke-linejoin: round}