:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#203a37;background:#f4f8f7;font-synthesis:none;font-size:14px;--teal:#087f70;--muted:#718681;--line:#e1eae7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--teal);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:22px}h3{font-size:17px}.muted,small{color:var(--muted)}small{line-height:1.6}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#a9e4c9;color:#0b5f52;font-size:23px;font-weight:800;flex-shrink:0}.brand-lockup{display:flex;gap:13px;align-items:center;font-size:17px;line-height:1.5}.brand-lockup b{display:block;font-size:12px;letter-spacing:3px;color:#8cb3a9}.portal-layout{display:flex;min-height:100vh}.portal-sidebar{width:242px;background:#153d36;color:#edf9f4;padding:30px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.channel-card{display:flex;flex-direction:column;align-items:start;gap:9px;margin:32px 0 23px;padding:18px;border:1px solid #355a50;border-radius:15px;background:#20473f}.channel-card .muted{font-size:12px;color:#a1bdb4}.channel-card strong{font-size:17px}.status-pill{display:inline-flex;border-radius:100px;background:#e5f5ed;color:#267653;padding:5px 10px;font-size:12px;font-weight:600}.portal-sidebar .status-pill{background:#355d4a;color:#c1eac7}.portal-nav{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:5px 0;border-radius:12px;color:#bfcec8;font-size:15px}.portal-nav>span{font-size:20px;width:20px;text-align:center}.portal-nav:hover{background:#244c42}.portal-nav.active{background:#d8f4e6;color:#174c3f;font-weight:700}.sidebar-footer{margin-top:auto;border-top:1px solid #31564b;padding:20px 5px 0;font-size:13px;color:#bdcfc6}.sidebar-footer>div{display:flex;gap:20px;margin-top:13px}.sidebar-footer button{padding:0;border:0;color:#bdcfc6;background:none;font-size:12px}.portal-main{margin-left:242px;max-width:1580px;width:calc(100% - 242px);padding:36px 42px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.page-heading h1{margin-bottom:9px}.page-heading p{color:var(--muted);line-height:1.7;margin:0}.eyebrow{font-size:11px;letter-spacing:2px;color:#8b9e91;font-weight:700}.portal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:22px;box-shadow:0 3px 15px #1e514b03}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.card-heading h2,.card-heading h3{margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric-card{border-radius:17px;background:#fff;border:1px solid var(--line);padding:23px}.metric-card.highlight{background:#e3f4ec;border-color:#d4ebdf}.metric-label{font-size:13px;color:#668177;margin-bottom:15px}.metric-value{font-size:31px;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric-note{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.5}.two-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.button{border:1px solid var(--line);border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;font-weight:600;gap:6px;white-space:nowrap}.button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.button.primary:hover{background:#056c60}.button.ghost{background:#fff;color:#486c60}.button.full{width:100%}.copy-code{font-size:32px;letter-spacing:4px;color:#164f43;font-weight:750;overflow-wrap:anywhere}.code-panel{background:#f1f8f4;padding:24px;border-radius:14px;margin:20px 0}.link-preview{font-size:13px;color:#5d7c70;word-break:break-all;line-height:1.7}.tools-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.help-box{border-radius:12px;background:#f5f8fb;color:#587078;padding:15px 18px;line-height:1.8;font-size:13px}.portal-error{padding:14px 17px;background:#fff0ed;border:1px solid #f7d2ca;color:#a94737;border-radius:12px;line-height:1.7;margin-bottom:18px}.portal-error .button{margin-left:12px}.portal-ok{background:#e8f6ee;color:#276d4d;padding:12px 16px;border-radius:10px;margin-bottom:16px}.portal-empty{text-align:center;padding:46px 20px;color:var(--muted)}.portal-pager{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:22px;font-size:12px}.portal-pager>span:first-child{margin-right:auto}.table-scroll{overflow:auto}.portal-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.portal-table th{padding:13px 14px;background:#f5f8f6;font-weight:500;color:#708279;text-align:left;border-bottom:1px solid var(--line)}.portal-table td{padding:16px 14px;border-bottom:1px solid #edf2ef}.portal-table .number{text-align:right;font-variant-numeric:tabular-nums}.page-tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--line);overflow:auto}.page-tabs button{padding:13px 18px;border:0;background:none;color:var(--muted);white-space:nowrap;border-bottom:3px solid transparent}.page-tabs button.active{color:var(--teal);font-weight:700;border-color:var(--teal)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-item span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.detail-item b{font-size:16px}.portal-footer{text-align:center;color:#9aada5;font-size:11px;padding:18px 0}.mobile-brand{display:none}.portal-boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{padding:60px 9vw;background:#143f36;color:#f0faf5;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-story:after{content:"";width:380px;height:380px;border:55px solid #275246;border-radius:100%;position:absolute;bottom:-220px;right:-80px;pointer-events:none}.login-story .brand-lockup{margin-bottom:75px}.login-story h1{font-size:42px;line-height:1.5;letter-spacing:0}.login-story>p{color:#a7c3b5;line-height:2;font-size:15px}.story-note{margin-top:70px;font-size:12px;letter-spacing:1px;color:#83a896}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:400px}.login-card h2{margin:14px 0 12px;font-size:27px}.login-card>p{margin-bottom:30px}.login-card label,.portal-dialog label{display:flex;flex-direction:column;gap:9px;margin:19px 0;color:#385c4c;font-size:13px}input,select{width:100%;border:1px solid #d7e4dd;border-radius:10px;background:#fff;padding:13px;color:#234637;outline:none}input:focus,select:focus{border-color:#1a9479;box-shadow:0 0 0 3px #d5eee3}.login-card .button{margin-top:12px}.login-help{font-size:12px;text-align:center;line-height:1.8;color:#8ca094;margin-top:22px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12372d88;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.portal-dialog{background:#fff;border-radius:19px;padding:28px;width:100%;max-width:470px;max-height:94vh;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.platform-card{border:1px solid var(--line);padding:20px;border-radius:14px}.platform-card h3{margin-bottom:8px}.platform-card p{font-size:13px;line-height:1.7;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-note{font-size:12px;color:#8a7a49;background:#fbf4e3;border-radius:8px;padding:8px 12px;display:inline-block}.note-list{padding-left:20px;line-height:2;color:#6c8578;font-size:13px}@media(max-width:1100px){.portal-main{padding:28px 24px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.login-story{padding:45px}.login-story h1{font-size:34px}}@media(max-width:720px){.portal-sidebar{width:100%;height:auto;inset:auto 0 0;padding:0 6px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 18px #173e3010}.portal-sidebar>.brand-lockup,.channel-card,.sidebar-footer{display:none}.portal-sidebar nav{display:flex;justify-content:space-around}.portal-nav{flex-direction:column;gap:4px;border-radius:0;font-size:11px;padding:10px 5px;margin:0;flex:1;color:#7b9387}.portal-nav.active{background:#fff;color:var(--teal)}.portal-nav>span{font-size:21px}.portal-main{margin:0;padding:18px 16px 85px;width:100%}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.mobile-brand .brand-mark{width:34px;height:34px;font-size:18px;border-radius:10px}.page-heading h1{font-size:25px}.page-heading{margin-bottom:20px}.metrics-grid{gap:10px}.metric-card{padding:17px 14px}.metric-value{font-size:24px}.metric-label{font-size:12px;margin-bottom:12px}.portal-card{padding:19px 16px;border-radius:14px}.platform-grid,.detail-grid{grid-template-columns:1fr}.copy-code{font-size:26px}.portal-pager{gap:8px}.portal-pager .button{padding:9px}.login-screen{display:block}.login-story{padding:28px 24px}.login-story .brand-lockup{margin:0}.login-story h1,.login-story>p,.story-note{display:none}.login-panel{padding:42px 24px}.dialog-backdrop{padding:14px}.page-heading>.button{padding:8px;font-size:12px}}.withdrawal-wallet{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #d3e8de;border-radius:20px;overflow:hidden;background:#fff;margin-bottom:24px;box-shadow:0 5px 22px #17453706}.wallet-primary{background:linear-gradient(125deg,#e4f4ec,#f1faf6);padding:30px}.wallet-primary>span,.wallet-detail span{color:#638174;font-size:13px}.wallet-primary>strong{display:block;font-size:44px;letter-spacing:-1.5px;margin:12px 0;font-variant-numeric:tabular-nums}.wallet-primary>p,.wallet-detail p{color:#82958b;font-size:12px;line-height:1.7}.wallet-primary .button{margin-top:9px;min-width:154px}.wallet-primary>small{display:block;margin-top:12px}.wallet-detail{display:grid;grid-template-columns:1fr 1fr;align-content:center;padding:30px;gap:24px}.wallet-detail strong{display:block;font-size:25px;margin:12px 0;font-variant-numeric:tabular-nums}.payout-summary{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:22px;margin-top:24px}.payout-summary span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.payout-summary strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.account-help{font-size:12px;color:var(--muted);line-height:1.8;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}.withdrawal-list{display:flex;flex-direction:column;gap:14px}.withdrawal-record{border:1px solid var(--line);border-radius:13px;padding:20px}.withdrawal-record-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.withdrawal-record-top>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.withdrawal-record-top strong{font-size:23px;font-variant-numeric:tabular-nums}.withdrawal-status{display:inline-flex;font-size:12px;padding:5px 10px;border-radius:20px;background:#f0f4f2;color:#7f9187}.withdrawal-status.pending{color:#947b24;background:#fcf4d9}.withdrawal-status.processing{color:#2b6f9c;background:#eaf3fc}.withdrawal-status.paid{color:#267653;background:#e5f5ed}.withdrawal-status.rejected{color:#a54c3d;background:#fff0e9}.withdrawal-record-details{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--muted);font-size:12px;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}.withdrawal-reason{font-size:12px;color:#826555;background:#faf7f1;padding:10px 13px;line-height:1.8;border-radius:8px;margin:15px 0 0;overflow-wrap:anywhere}.withdrawal-confirm-amount{background:#eff8f3;border:1px solid #deeee4;padding:21px;border-radius:13px;margin:22px 0}.withdrawal-confirm-amount span{display:block;color:var(--muted);font-size:12px}.withdrawal-confirm-amount strong{display:block;font-size:32px;margin-top:10px}.confirm-account{display:grid;grid-template-columns:auto 1fr;gap:16px 24px;margin-bottom:22px;line-height:1.6}.confirm-account span{color:var(--muted);font-size:13px}.confirm-account b{text-align:right;overflow-wrap:anywhere;font-weight:600}@media(max-width:1100px){.wallet-detail{grid-template-columns:1fr;gap:20px;padding:24px}.wallet-detail strong{margin:7px 0}.wallet-detail p{margin-bottom:0}.payout-summary{grid-template-columns:1fr 1fr}.payout-summary>div:last-child{grid-column:1/-1}}@media(max-width:720px){.withdrawal-wallet{grid-template-columns:1fr;border-radius:15px}.wallet-primary{padding:25px}.wallet-primary>strong{font-size:39px}.wallet-detail{grid-template-columns:1fr 1fr;padding:22px;gap:16px}.wallet-detail strong{font-size:22px}.payout-summary{grid-template-columns:1fr;gap:19px}.card-heading{align-items:flex-start;flex-wrap:wrap}.card-heading h2{font-size:20px}.card-heading .button{padding:8px 10px;font-size:12px}.withdrawal-record{padding:16px}.withdrawal-record-top{align-items:flex-start}.withdrawal-record-top>div{gap:9px}.withdrawal-record-top strong{font-size:20px}.withdrawal-record-top .button{padding:7px 9px;font-size:12px}.withdrawal-record-details{display:grid;gap:5px}.page-heading{flex-wrap:wrap}.confirm-account{grid-template-columns:1fr;gap:5px}.confirm-account b{text-align:left;margin-bottom:10px}}
