:root{--brand-ink:#0b1f4d;--ok:#188038;--danger:#d93025;--font:"Outfit","Segoe UI",system-ui,sans-serif}body{background:#fff;color:#202124;font-family:var(--font);min-height:100%}.brand-mark{display:block;height:36px;-o-object-fit:contain;object-fit:contain;width:36px}.brand-name{color:var(--brand-ink);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1}.brand:focus-visible .brand-name,.brand:hover .brand-name{color:var(--brand-ink)}.app-shell{max-width:584px}.app-layout{display:flex;flex-direction:column;min-height:100vh}.site-footer{background:#fff;border-top:1px solid var(--bs-border-color,#dee2e6);bottom:0;margin-top:auto;position:sticky;z-index:1020}.site-footer-text{color:#5f6368;font-size:.82rem;line-height:1.45;text-align:center}.site-footer-brand{color:var(--brand-ink);font-weight:600;text-decoration:none}.site-footer-brand:focus-visible,.site-footer-brand:hover{color:var(--brand-ink);text-decoration:underline}.view[hidden]{display:none!important}.view-commission,.view-history,.view-home,.view-orders{animation:rise .35s ease-out}.logo-word{letter-spacing:-.03em;line-height:1.15;margin-inline:auto;max-width:14ch;text-wrap:balance}.logo-tagline,.logo-word{color:#202124}.platform-logos{align-items:center;display:flex;gap:.75rem;justify-content:center;min-height:72px}.platform-logo-option{border-radius:18px;display:none;filter:grayscale(.35);height:72px;-o-object-fit:cover;object-fit:cover;opacity:.35;transform:scale(.92);transition:opacity .18s ease,filter .18s ease,transform .18s ease;width:72px}.platform-logos[data-mode=all] .platform-logo-option,.platform-logos[data-mode=match] .platform-logo-option.is-match{display:block}.platform-logos[data-mode=all] .platform-logo-option.is-active,.platform-logos[data-mode=match] .platform-logo-option.is-match{filter:none;opacity:1;transform:scale(1)}.search-shell.input-group>.form-control{padding-left:1.15rem}.search-shell.input-group>.btn,.search-shell.input-group>.form-control{border-radius:0!important}.search-shell.input-group>.btn{--bs-btn-border-radius:0;padding-inline:1.1rem}.btn-primary{--bs-btn-bg:#1a73e8;--bs-btn-border-color:#1a73e8;--bs-btn-hover-bg:#1558b0;--bs-btn-hover-border-color:#1558b0;--bs-btn-active-bg:#124a96;--bs-btn-active-border-color:#124a96;border-radius:999px}.convert-btn{align-items:center;display:inline-flex;gap:.5rem;justify-content:center;min-width:12.5rem}.convert-btn.is-loading{cursor:wait;opacity:.92}.convert-btn-spinner{border-width:.15em;flex-shrink:0;height:1rem;width:1rem}.success-modal-content{border-radius:1rem;position:relative}.success-modal-close{position:absolute;right:.85rem;top:.85rem;z-index:2}.success-modal-icon{animation:success-pop .45s ease-out both;font-size:2.75rem;line-height:1}@keyframes success-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.btn-outline-primary,.btn-outline-secondary{border-radius:999px}.platform-logo{height:28px;width:28px}.platform-logo,.result-product-image{flex-shrink:0;-o-object-fit:cover;object-fit:cover}.result-product-image{height:64px;width:64px}.result-product-title{margin:0;word-break:break-word}.result-commission{color:var(--ok)!important}.status{border:0;text-align:center}.status[data-tone=ok]{background:#e6f4ea;color:var(--ok)}.status[data-tone=error]{background:#fce8e6;color:var(--danger)}.status:not([data-tone]){background:#f8f9fa;color:#5f6368}#affiliateLink{align-items:center;display:flex;font-size:.95rem;min-height:42px}.result-carousel{position:relative}.result-carousel .carousel-inner{border-radius:.75rem}.result-carousel .carousel-item[hidden]{display:none!important}.result-carousel .carousel-control-next,.result-carousel .carousel-control-prev{opacity:.85;width:2.5rem}.result-carousel .carousel-control-next-icon,.result-carousel .carousel-control-prev-icon{filter:invert(.35);height:1.35rem;width:1.35rem}.result-carousel .carousel-indicators{margin-bottom:.35rem}.result-carousel .carousel-indicators [data-bs-target]{background-color:#5f6368;border-radius:50%;height:.5rem;width:.5rem}.auth-chip{align-items:center;display:flex;gap:.65rem;width:100%}.auth-panel{width:100%}.user-card{align-items:center;background:#fff;border:1px solid var(--bs-border-color);border-radius:14px;display:flex;gap:.75rem;padding:.55rem .65rem;width:100%}.user-avatar{flex-shrink:0;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.user-meta{display:grid;min-width:0;text-align:left}.user-name{font-size:.95rem;font-weight:600}.user-name,.user-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-sub{color:#5f6368;font-size:.8rem}.clerk-mount{min-height:32px}.history-section.is-locked{opacity:.45}.history-item{background:#fff;border:1px solid var(--bs-border-color);border-radius:14px;margin-bottom:.75rem;padding:.85rem;text-align:left}.history-item-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.55rem}.history-platform{align-items:center;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem}.history-platform .platform-logo{border-radius:6px;height:22px;width:22px}.history-platform[data-platform=shopee]{color:#ee4d2d}.history-platform[data-platform=lazada]{color:#0f146d}.history-platform[data-platform=tiktok]{color:#111}.history-time{color:#5f6368;font-size:.8rem}.history-item-main{align-items:flex-start;display:flex;gap:.75rem}.history-thumb{background:#f1f3f4;border-radius:10px;display:inline-block;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.history-title{font-size:.95rem;font-weight:600;margin:0 0 .35rem;word-break:break-word}.history-link{font-size:.85rem;word-break:break-all}.history-empty{color:#5f6368;font-size:.95rem;padding:1.25rem 0}.site-menu-link.active{background-color:#e8f0fe;color:var(--brand-ink);font-weight:600}.commission-section.is-locked{opacity:.45}.commission-filters .platform-filter-logo{border-radius:4px;height:16px;-o-object-fit:cover;object-fit:cover;width:16px}.commission-empty{color:#5f6368;font-size:.95rem;padding:1.25rem 0}.commission-table-wrap{background:#fff;border:1px solid var(--bs-border-color);border-radius:14px}.commission-table{font-size:.88rem}.commission-table thead th{border-bottom-color:var(--bs-border-color);color:#5f6368;font-weight:600;padding:.7rem .75rem;white-space:nowrap}.commission-table tbody td{padding:.7rem .75rem;vertical-align:top}.commission-product{font-size:.9rem;font-weight:600;word-break:break-word}.commission-meta{color:#5f6368;font-size:.78rem;word-break:break-all}.commission-status{background:#f1f3f4;border-radius:6px;color:#3c4043;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.01em;padding:.15rem .45rem}.commission-status[data-status=approved],.commission-status[data-status=completed],.commission-status[data-status=delivered],.commission-status[data-status=fulfilled],.commission-status[data-status=paid],.commission-status[data-status=settled]{background:#e6f4ea;color:#137333}.commission-status[data-status=customer_unpaid],.commission-status[data-status=frozen],.commission-status[data-status=pending],.commission-status[data-status=unpaid]{background:#fef7e0;color:#b06000}.commission-status[data-status=canceled],.commission-status[data-status=cancelled],.commission-status[data-status=ineligible],.commission-status[data-status=rejected],.commission-status[data-status=returned]{background:#fce8e6;color:#c5221f}.status-guide-block{text-align:left}.status-guide-block .platform-logo{border-radius:6px;height:22px;-o-object-fit:cover;object-fit:cover;width:22px}.status-dl>div{border-bottom:1px solid #f1f3f4;display:grid;font-size:.86rem;gap:.35rem .75rem;grid-template-columns:minmax(7.5rem,32%) 1fr;padding:.4rem 0}.status-dl>div:last-child{border-bottom:0}.status-dl dt{color:#202124;font-weight:600;margin:0}.status-dl dd{color:#5f6368;margin:0}@media(max-width:520px){.status-dl>div{gap:.15rem;grid-template-columns:1fr}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.app-shell{padding-top:1.25rem!important}.logo-word{font-size:1.55rem}}