.profit-section[data-v-f80c8ab5]{background:url(../resource/images/san_pham/finra-star/gradient-pantone.png) 50%/cover no-repeat;display:flex;justify-content:center;padding:80px 0;width:100%}.profit-container[data-v-f80c8ab5]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:48px;max-width:1600px;padding:0 80px;width:100%}.profit-title[data-v-f80c8ab5]{color:#fff;font-size:40px;font-weight:500;margin:0}.profit-calculator[data-v-f80c8ab5]{display:flex;gap:40px;width:100%}.calc-panel[data-v-f80c8ab5]{background:linear-gradient(180deg,#fff0 50%,#ffffff80),linear-gradient(131deg,#ebd5fd4d,#f7effe4d),#fff;border-radius:40px;display:flex;flex-direction:column;gap:40px;padding:32px}.input-panel[data-v-f80c8ab5]{flex:0 0 550px;min-width:0;position:relative}.panel-arrow[data-v-f80c8ab5]{position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:10}.output-panel[data-v-f80c8ab5]{flex:1;min-width:0}.panel-title[data-v-f80c8ab5]{color:#111827;font-size:28px;font-weight:500;line-height:36px}.input-section[data-v-f80c8ab5]{display:flex;flex-direction:column;gap:10px}.label-row[data-v-f80c8ab5]{align-items:center;display:flex;justify-content:space-between}.input-label[data-v-f80c8ab5]{color:#111827;font-size:16px;font-weight:400;line-height:24px}.tag-high-profit[data-v-f80c8ab5]{align-items:center;background:#f3f4f6;border-radius:100px;color:#4b5563;display:flex;font-size:14px;font-weight:400;gap:6px;padding:2px 6px}.orange-dot[data-v-f80c8ab5]{background:#f59e0b;border-radius:50%;height:8px;width:8px}.input-box[data-v-f80c8ab5]{align-items:center;border:1px solid #d1d5db;border-radius:16px;display:flex;height:52px;padding:12px 16px}.input-box input[data-v-f80c8ab5]{background:transparent;border:none;color:#111827;flex:1;font-size:20px;min-width:0;outline:none;width:100%}.currency[data-v-f80c8ab5],.input-box input[data-v-f80c8ab5]{font-weight:400;line-height:28px}.currency[data-v-f80c8ab5]{color:#4b5563;font-size:18px;letter-spacing:0}.quick-btns[data-v-f80c8ab5]{display:flex;flex-wrap:wrap;gap:6px}.q-btn[data-v-f80c8ab5]{background-color:#f8f0ff;border-radius:100px;color:#4b5563;cursor:pointer;font-size:16px;font-weight:400;line-height:24px;padding:6px 12px;transition:all .2s}.q-btn[data-v-f80c8ab5]:hover{border-color:#7904d7;color:#7904d7}.q-btn.active[data-v-f80c8ab5]{background:#7904d7;border-color:#7904d7;color:#fff;font-weight:500}.slider-container[data-v-f80c8ab5]{margin-top:48px;padding:0 8px;position:relative}.slider-track-bg[data-v-f80c8ab5]{background:#e5e7eb;border-radius:4px;height:2px;margin-bottom:24px;position:relative}.slider-fill[data-v-f80c8ab5]{background:#7904d7;border-radius:4px;height:100%;left:0;pointer-events:none;position:absolute;top:0}.native-slider[data-v-f80c8ab5]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0;opacity:0;outline:none;top:-10px;z-index:10}.native-slider[data-v-f80c8ab5],.slider-points[data-v-f80c8ab5]{height:24px;left:0;position:absolute;width:100%}.slider-points[data-v-f80c8ab5]{pointer-events:none;top:-11px}.point-group[data-v-f80c8ab5]{align-items:center;cursor:pointer;display:flex;flex-direction:column;pointer-events:auto;position:absolute;top:0;transform:translate(-50%);z-index:1}.point-label[data-v-f80c8ab5]{bottom:24px;color:#6b7280;font-size:16px;font-weight:500;line-height:1;position:absolute;transition:all .2s}.point-label.label-active[data-v-f80c8ab5]{background:#7904d7;border-radius:8px;bottom:26px;color:#fff;padding:4px}.point-wrapper[data-v-f80c8ab5]{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.point-normal[data-v-f80c8ab5]{border-radius:50%;height:6px;transition:all .2s;width:6px}.point-normal.passed[data-v-f80c8ab5]{background:#7904d7}.point-normal.active[data-v-f80c8ab5]{background:#7904d7;height:20px;width:20px}.point-normal.future[data-v-f80c8ab5]{background:#e5e7eb}.point-yellow[data-v-f80c8ab5]{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;transition:all .2s}.point-yellow .svg-icon[data-v-f80c8ab5]{display:block;height:16px;width:16px}.point-yellow.passed[data-v-f80c8ab5]{border:2px solid transparent;padding:2px}.point-yellow.active[data-v-f80c8ab5]{background:#7904d7;border:4px solid #7904d7;height:20px;padding:0;width:20px}.point-yellow.active .svg-icon[data-v-f80c8ab5]{height:12px;width:12px}.point-yellow.future[data-v-f80c8ab5]{border:2px solid transparent;padding:2px}.panel-footer[data-v-f80c8ab5]{margin-top:auto}.reference-link[data-v-f80c8ab5]{color:#6b7280dd;cursor:pointer;font-size:14px;font-weight:400;gap:6px;text-decoration:underline;text-underline-offset:4px}.output-header[data-v-f80c8ab5],.reference-link[data-v-f80c8ab5]{align-items:center;display:flex}.output-header[data-v-f80c8ab5]{justify-content:space-between}.toggle-group[data-v-f80c8ab5]{background:#f3f4f6;border-radius:100px;display:flex;padding:4px}.toggle-btn[data-v-f80c8ab5]{background:transparent;border:none;border-radius:100px;color:#6b7280;cursor:pointer;font-size:14px;padding:10px 18px;transition:all .2s}.toggle-btn.active[data-v-f80c8ab5]{background:#8a04ff;box-shadow:0 2px 4px #0000001a;color:#fff;font-weight:500}.result-grid[data-v-f80c8ab5]{display:flex;gap:40px}.result-item[data-v-f80c8ab5]{display:flex;flex-direction:column;gap:8px}.main-result[data-v-f80c8ab5]{flex:1.5}.result-label[data-v-f80c8ab5]{align-items:center;align-self:stretch;color:#6b7280;display:flex;font-size:16px;font-weight:400;gap:4px;line-height:24px}.modal-footer-note[data-v-f80c8ab5]{align-items:start;color:#6b7280;display:flex;font-size:13px;gap:6px;margin-top:16px}.icon-info[data-v-f80c8ab5]{align-items:center;border:1px solid #d1d5db;border-radius:50%;color:#9ca3af;cursor:help;display:inline-flex;flex-shrink:0;font-size:10px;height:14px;justify-content:center;margin-top:2px;width:14px}.result-value[data-v-f80c8ab5]{color:#111827;font-size:24px;font-weight:600}.text-purple[data-v-f80c8ab5]{color:#7904d7;font-size:40px;font-weight:600;line-height:48px}.result-unit[data-v-f80c8ab5]{color:#6b7280;font-size:16px;font-weight:400;line-height:24px}.text-purple .result-unit[data-v-f80c8ab5]{color:#9517fb;font-size:20px}.chart-section[data-v-f80c8ab5]{display:flex;flex:1;flex-direction:column;gap:16px;margin-top:16px}.chart-title[data-v-f80c8ab5]{color:#374151;font-size:20px;font-weight:500;line-height:28px}.chart-area[data-v-f80c8ab5]{display:flex;flex-direction:column;height:280px;position:relative;width:100%}.disclaimer[data-v-f80c8ab5]{color:#6b7280dd;font-size:14px;font-style:italic;font-weight:400;line-height:20px}.profit-modal-overlay[data-v-f80c8ab5]{align-items:center;background:#11182799;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.profit-modal-content[data-v-f80c8ab5]{background:#fff;border-radius:24px;box-sizing:border-box;max-width:480px;padding:24px;width:100%}.profit-modal-header[data-v-f80c8ab5]{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.profit-modal-title-group h3[data-v-f80c8ab5]{color:#111827;font-family:Be Vietnam Pro,sans-serif;font-size:22px;font-weight:500;line-height:30px;margin:0 0 4px}.profit-modal-title-group p[data-v-f80c8ab5]{color:#6b7280;font-size:14px;margin:0}.profit-modal-close[data-v-f80c8ab5]{background:none;border:none;cursor:pointer;padding:4px}.profit-table-container[data-v-f80c8ab5]{border:1px solid #f3f4f6;border-radius:12px;overflow:hidden}.profit-table[data-v-f80c8ab5]{border-collapse:collapse;width:100%}.profit-table thead tr[data-v-f80c8ab5]{background:#f8f0ff}.profit-table th[data-v-f80c8ab5]{background:linear-gradient(270deg,#8a04ff,#1441ff);background-clip:text;-webkit-background-clip:text;font-size:14px;font-weight:600;padding:16px;text-align:center;-webkit-text-fill-color:transparent}.profit-table td[data-v-f80c8ab5]{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px;text-align:center}.profit-table tbody tr:last-child td[data-v-f80c8ab5]{border-bottom:none}.profit-table tbody tr[data-v-f80c8ab5]:hover{background:#f3f4f6;border-bottom:1px solid #f3f4f6}@media (max-width:1600px){.calc-panel[data-v-f80c8ab5]{border-radius:32px;padding:24px}.panel-title[data-v-f80c8ab5]{font-size:24px}.text-purple[data-v-f80c8ab5]{font-size:36px}.result-grid[data-v-f80c8ab5]{flex-wrap:wrap;gap:16px;justify-content:space-between}.main-result[data-v-f80c8ab5]{flex:0 0 100%}.result-item[data-v-f80c8ab5]{gap:4px;width:40%}.chart-title[data-v-f80c8ab5]{font-size:18px}.profit-calculator[data-v-f80c8ab5]{gap:24px}.input-panel[data-v-f80c8ab5]{flex:0 0 420px}}@media (max-width:1439px){.profit-container[data-v-f80c8ab5]{padding:0 64px}.profit-title[data-v-f80c8ab5]{font-size:32px;line-height:40px}.profit-calculator[data-v-f80c8ab5]{gap:24px}.input-panel[data-v-f80c8ab5]{flex:0 0 360px}.output-panel[data-v-f80c8ab5]{flex:1}.calc-panel[data-v-f80c8ab5]{border-radius:32px;gap:12px;padding:24px}.panel-title[data-v-f80c8ab5]{font-size:24px}.result-grid[data-v-f80c8ab5]{flex-wrap:wrap;gap:20px;justify-content:space-between}.main-result[data-v-f80c8ab5]{flex:0 0 100%}.result-item[data-v-f80c8ab5]{gap:2px;width:40%}.q-btn[data-v-f80c8ab5]{font-size:14px;line-height:20px}}@media (max-width:1023px){.profit-section[data-v-f80c8ab5]{padding:60px 0}.profit-container[data-v-f80c8ab5]{padding:0 32px}.profit-calculator[data-v-f80c8ab5]{flex-direction:column;gap:20px}.profit-title[data-v-f80c8ab5]{font-size:32px}.input-panel[data-v-f80c8ab5]{flex:none;gap:40px;padding:24px;width:100%;z-index:1}.calc-panel[data-v-f80c8ab5]{padding:24px}.panel-title[data-v-f80c8ab5]{font-size:24px}.panel-arrow[data-v-f80c8ab5]{bottom:auto;display:block;left:50%;right:auto;top:100%;transform:translate(-50%,-50%) rotate(90deg);width:20px;z-index:0}.result-value[data-v-f80c8ab5]{font-size:36px}.sub-value[data-v-f80c8ab5]{font-size:20px}.result-item[data-v-f80c8ab5]{align-self:stretch;gap:4px;justify-content:space-between}}@media (max-width:767px){.profit-container[data-v-f80c8ab5]{gap:24px;padding:0 16px}.profit-section[data-v-f80c8ab5]{padding:40px 0}.profit-title[data-v-f80c8ab5]{font-size:24px;line-height:32px;text-align:center}.profit-modal-header[data-v-f80c8ab5]{margin-bottom:16px;padding-bottom:16px}.profit-calculator[data-v-f80c8ab5]{gap:16px}.calc-panel[data-v-f80c8ab5]{border-radius:24px;gap:36px;padding:20px 16px}.panel-title[data-v-f80c8ab5]{font-size:22px;margin-bottom:12px}.input-label[data-v-f80c8ab5]{font-size:14px}.input-box[data-v-f80c8ab5]{height:48px}.input-box input[data-v-f80c8ab5]{font-size:16px}.currency[data-v-f80c8ab5],.q-btn[data-v-f80c8ab5]{font-size:14px}.q-btn[data-v-f80c8ab5]{padding:4px 12px}.result-label[data-v-f80c8ab5]{font-size:14px}.output-header[data-v-f80c8ab5]{align-items:flex-start;flex-direction:column;gap:0}.toggle-group[data-v-f80c8ab5]{max-width:322px;width:100%}.toggle-btn[data-v-f80c8ab5]{flex:1}.result-grid[data-v-f80c8ab5]{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.main-result[data-v-f80c8ab5]{flex:none;width:100%}.result-item[data-v-f80c8ab5]:not(.main-result){flex:1;min-width:0}.slider-points .point-label[data-v-f80c8ab5]{font-size:12px}.profit-modal-content[data-v-f80c8ab5]{padding:20px;width:90%}.profit-table td[data-v-f80c8ab5],.profit-table th[data-v-f80c8ab5]{font-size:14px;padding:8px}.chart-title[data-v-f80c8ab5]{font-size:16px}.chart-area[data-v-f80c8ab5]{height:240px;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}}
