:root{color:#15192b;background:#f7f8fc;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--violet: #7046f5;--violet-dark: #5c32e9;--violet-soft: #f1edff;--ink: #171a2e;--muted: #69718d;--line: #e7e9f2;--panel: #ffffff;--green: #18b66a;--orange: #f39a2b;--pink: #ec4899}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(112,70,245,.24);outline-offset:2px}.brand-lockup{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:750;letter-spacing:.01em;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--violet);box-shadow:0 8px 20px #7046f533}.brand-lockup--light .brand-mark{color:var(--violet);background:#fff;box-shadow:none}.eyebrow{margin:0 0 12px;color:var(--violet);font-size:13px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr);background:#fff}.login-intro{padding:54px clamp(48px,7vw,112px);display:flex;flex-direction:column;color:#fff;background:#6940ec}.login-intro__copy{margin:auto 0;max-width:570px}.login-intro__copy .eyebrow{color:#dcd2ff}.login-intro h1{margin:0;font-size:clamp(42px,4vw,66px);line-height:1.15;letter-spacing:-.04em}.login-intro p:not(.eyebrow){max-width:520px;margin:28px 0 0;color:#e9e4ff;font-size:17px;line-height:1.9}.login-trust{display:flex;align-items:center;gap:9px;color:#e9e4ff;font-size:14px}.login-panel{display:grid;place-items:center;padding:54px;background:#fbfbfe}.login-card{width:min(420px,100%);padding:42px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 24px 60px #201a4914}.login-card h2{margin:0;font-size:30px;letter-spacing:-.03em}.login-card__lead{margin:12px 0 26px;color:var(--muted);line-height:1.7}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:22px;border-radius:10px;background:#f2f3f8}.login-tabs button{padding:9px;border:0;border-radius:8px;color:var(--muted);background:transparent}.login-tabs button.is-active{color:var(--violet);font-weight:700;background:#fff;box-shadow:0 2px 8px #241f4214}.login-card label{display:grid;gap:8px;margin-top:17px;color:#343a54;font-size:14px;font-weight:650}.login-card input{width:100%;height:46px;padding:0 13px;border:1px solid #dfe2ec;border-radius:9px;color:var(--ink);background:#fff}.login-card input:focus{border-color:var(--violet)}.credential-row{display:flex;gap:8px}.credential-row>button{flex:0 0 auto;padding:0 13px;border:1px solid #dcd8ef;border-radius:9px;color:var(--violet);background:#fff}.form-message{margin:14px 0 0;color:#b45309;font-size:13px}.primary-button{min-height:42px;padding:0 19px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:680;background:var(--violet);box-shadow:0 8px 20px #7046f52e}.primary-button:hover{background:var(--violet-dark)}.login-submit{width:100%;margin-top:22px}.login-card__foot{margin:20px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:#8a91a8;font-size:12px}.portal{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:66px minmax(0,1fr);background:#fafbfe;transition:grid-template-columns .2s ease}.portal--drawer{grid-template-columns:224px minmax(0,1fr) 310px}.topbar{grid-column:1 / -1;position:sticky;top:0;z-index:20;height:66px;padding:0 22px;display:grid;grid-template-columns:285px 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:#fffffff7}.topnav{align-self:stretch;display:flex;align-items:stretch;gap:10px}.topnav button{position:relative;min-width:94px;padding:0 18px;border:0;color:#39405c;background:transparent}.topnav button.is-active{color:var(--violet);font-weight:720}.topnav button.is-active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--violet)}.account-menu{display:flex;align-items:center;gap:10px;color:#323852}.account-menu>span:nth-child(2){display:grid;gap:2px;min-width:72px}.account-menu small{color:#8a91a8;font-size:12px}.account-avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--violet)}.icon-button{width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#59617d;background:transparent}.icon-button:hover{border-color:var(--line);background:#f7f8fc}.sidebar{grid-column:1;grid-row:2;position:sticky;top:66px;height:calc(100vh - 66px);padding:28px 14px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.sidebar>button{width:100%;min-height:46px;padding:0 14px;border:0;border-radius:8px;display:flex;align-items:center;gap:14px;color:#46506c;background:transparent;text-align:left}.sidebar>button svg{width:20px}.sidebar>button.is-active{color:var(--violet);font-weight:720;background:var(--violet-soft)}.sidebar-help{margin-top:auto;padding:20px 12px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;color:#59617d}.workspace{grid-column:2;grid-row:2;min-width:0;padding:26px 36px 34px;overflow:hidden}.workspace-head{min-height:88px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.workspace-head h1{margin:0;font-size:27px;letter-spacing:-.03em}.workspace-head p{margin:8px 0 0;color:var(--muted);font-size:14px}.referral-action{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px 16px}.referral-action>span{grid-column:1;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.referral-action>strong{grid-column:1 / 3;font-size:20px;letter-spacing:.03em}.referral-action>button{grid-column:3;grid-row:1 / 3;align-self:center}.stats-grid{margin:12px 0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card{min-height:108px;padding:20px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:16px;background:#fff;box-shadow:0 5px 18px #231e4306}.stat-icon{width:52px;height:52px;flex:0 0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.stat-icon svg{width:25px}.stat-icon--violet{color:var(--violet);background:#f0ebff}.stat-icon--green{color:var(--green);background:#e7f8ef}.stat-icon--orange{color:var(--orange);background:#fff2e2}.stat-icon--pink{color:var(--pink);background:#fdeaf4}.stat-card>span:last-child{display:grid;gap:5px}.stat-card small{color:#505872;font-size:13px}.stat-card strong{font-size:25px;font-weight:680}.ledger-panel,.trend-panel{min-height:550px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #1f1c3c06}.filters{min-height:68px;padding:14px 0;display:flex;justify-content:flex-end;gap:12px}.search-box{width:250px;height:42px;margin-right:auto;padding:0 14px;border:1px solid #dde1ec;border-radius:8px;display:flex;align-items:center;gap:10px;color:#707993}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--ink)}.filters select{min-width:142px;height:42px;padding:0 34px 0 13px;border:1px solid #dde1ec;border-radius:8px;color:#404861;background:#fff}.filter-refresh{width:42px;height:42px;border-color:#dde1ec}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th{height:45px;padding:0 18px;color:#555e78;font-size:12px;font-weight:680;text-align:left;background:#fafbfe}td{height:82px;padding:12px 18px;border-top:1px solid #eef0f5;color:#46506c;font-size:13px;vertical-align:middle}th:first-child,td:first-child{width:24%}th:last-child,td:last-child{width:118px}tbody tr:hover{background:#fbfaff}tbody tr.is-selected{position:relative;box-shadow:inset 0 0 0 1px #8a67fa;background:#fcfbff}.customer-cell{display:flex;align-items:center;gap:12px}.customer-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--violet)}.customer-cell>span:last-child{display:grid;gap:4px}.customer-cell strong{color:#30364f;font-size:14px}.customer-cell small,.order-ref{display:block;color:#7d859f;font-size:12px;font-weight:400}.order-date{display:block;margin-bottom:6px;color:#47506b;font-weight:500}.status{width:fit-content;min-height:25px;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:680;white-space:nowrap}.status--eligible{color:#0d9b57;background:#e5f8ed}.status--pending{color:#d97706;background:#fff1dc}.status--cancelled{color:#c24177;background:#fce7f1}.status--reversed{color:#b42355;background:#fde8ef}.status--none{color:#7b839b;background:#f0f2f6}.detail-button{padding:6px 0;border:0;display:inline-flex;align-items:center;gap:3px;color:var(--violet);background:transparent;white-space:nowrap}.muted{color:#9298aa}.pagination{min-height:70px;padding:0 18px;border-top:1px solid #eef0f5;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination button{width:34px;height:34px;padding:0;border:1px solid #e0e3ed;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#545d77;background:#fff}.loading-state{min-height:370px;display:flex;align-items:center;justify-content:center;gap:11px;color:#777f98}.loading-state svg{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{min-height:370px;padding:48px;display:grid;place-items:center;align-content:center;color:#8a91a8;text-align:center}.empty-state h3{margin:14px 0 6px;color:#3e465f}.empty-state p{margin:0}.empty-state button{margin-top:18px;padding:9px 16px;border:1px solid #ded9f2;border-radius:8px;color:var(--violet);background:#fff}.trend-panel{padding:22px 24px}.trend-legend{display:flex;gap:24px;padding:0 0 18px;border-bottom:1px solid var(--line);color:#555d76;font-size:13px}.trend-legend span:first-child{color:var(--violet)}.trend-legend span:last-child{color:var(--green)}.trend-list{max-height:700px;overflow:auto}.trend-row{min-height:63px;display:grid;grid-template-columns:72px 1fr 1fr;align-items:center;gap:18px;border-bottom:1px solid #f0f1f5}.trend-row time{color:#747c94;font-size:12px}.trend-row label{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:10px;color:#505872;font-size:12px}progress{width:100%;height:8px;accent-color:var(--violet)}.progress--green{accent-color:var(--green)}.drawer{grid-column:3;grid-row:2;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto;border-left:1px solid var(--line);background:#fff;box-shadow:-12px 0 30px #201d3c0a}.drawer>header{height:64px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer h2{margin:0;font-size:18px}.drawer h3{margin:0 0 17px;font-size:13px}.drawer-customer{padding:24px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-meta{padding:22px 20px;border-bottom:1px solid var(--line)}.drawer-meta dl{margin:0;display:grid;gap:14px}.drawer-meta dl>div{display:grid;grid-template-columns:78px 1fr;gap:12px;font-size:12px}.drawer-meta dt{color:#7c849d}.drawer-meta dd{margin:0;color:#4c546e;text-align:right}.timeline{padding:22px 20px}.timeline article{position:relative;padding:0 0 25px 30px;display:grid;grid-template-columns:1fr}.timeline article:not(:last-child):before{content:"";position:absolute;left:7px;top:21px;bottom:0;width:1px;background:#ded8fa}.timeline-mark{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--violet);background:#fff}.timeline-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.timeline-title strong{font-size:13px}.timeline-title span{padding:3px 6px;border-radius:5px;color:var(--violet);background:var(--violet-soft);font-size:10px;white-space:nowrap}.timeline time{display:block;margin-top:7px;color:#79819a;font-size:11px}.timeline p{margin:8px 0 0;color:#68708a;font-size:12px;line-height:1.6}.drawer-loading{color:#858da5;font-size:12px}.drawer>footer{margin:8px 20px 24px;padding:16px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#8a91a8;font-size:11px}@media(max-width:1180px){.portal,.portal--drawer{grid-template-columns:78px minmax(0,1fr)}.portal--drawer .drawer{position:fixed;z-index:30;right:0;width:min(380px,92vw)}.topbar{grid-template-columns:230px 1fr auto}.brand-lockup{font-size:16px}.sidebar>button{justify-content:center}.sidebar>button span,.sidebar-help span{display:none}.workspace{padding:24px 20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-intro{min-height:330px;padding:32px 24px}.login-intro__copy{margin:44px 0}.login-intro h1{font-size:37px}.login-panel{padding:24px 16px 40px}.login-card{padding:28px 22px}.portal,.portal--drawer{display:block}.topbar{position:sticky;height:auto;min-height:64px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:10px}.brand-lockup{flex:1}.brand-mark{width:34px;height:34px}.account-menu>span:nth-child(2),.account-menu>svg{display:none}.topnav{order:3;width:100%;height:44px;overflow-x:auto}.topnav button{flex:1;min-width:90px;padding:0 8px}.sidebar{display:none}.workspace{padding:20px 14px}.workspace-head{display:grid}.referral-action{width:100%}.referral-action>button{justify-self:end}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:96px;padding:13px;gap:10px}.stat-icon{width:42px;height:42px}.filters{flex-wrap:wrap}.search-box{width:100%}.filters select{flex:1}.table-wrap{overflow-x:auto}table{min-width:790px}.trend-row{grid-template-columns:55px 1fr}.trend-row label:last-child{grid-column:2}.drawer{top:0;height:100vh}}