:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#eef2f5;color:#17212b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#111820;color:#f5f8fb;padding:22px 16px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-height:48px}.brandMark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#f1b84b;color:#111820;box-shadow:inset 0 -8px 18px #72450929}.logoSvg{width:35px;height:35px;display:block}.logoBase{fill:#f1b84b}.logoLeaf{fill:#173f43}.logoCard{fill:#fff7df;stroke:#173f43;stroke-width:3}.logoLine,.logoRoute{fill:none;stroke:#173f43;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.logoDot{fill:#1c6e6a}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{margin-top:4px;color:#9ca8b4;font-size:12px}.publicBrand strong{font-size:17px}nav{display:grid;gap:6px}nav button{border:0;border-radius:8px;color:#c5d0da;background:transparent;display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;text-align:left}nav button:hover,nav button.active{background:#1f2c37;color:#fff}.sidebarFooter{margin-top:auto;padding:14px;border:1px solid #2d3b47;border-radius:8px;color:#b8c2cc;display:flex;gap:10px;font-size:12px;line-height:1.55}main{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar p{margin:0 0 4px;font-size:12px;color:#697783}.topbar h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:0}.topActions{display:flex;align-items:center;gap:10px}.search{height:40px;width:min(340px,38vw);display:flex;align-items:center;gap:8px;border:1px solid #d4dce4;background:#fff;border-radius:8px;padding:0 12px}.search input{width:100%;border:0;outline:0;min-width:0}.iconButton,.smallButton,.primary{border:1px solid #cfd8e2;border-radius:8px;background:#fff;color:#17212b;height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.iconButton{width:40px;padding:0}.smallButton{height:32px;font-size:13px}.rowActions{display:flex;flex-wrap:wrap;gap:6px}.primary{margin-top:14px;background:#1c6e6a;color:#fff;border-color:#1c6e6a;font-weight:650}.primary:disabled{opacity:.45;cursor:not-allowed}.notice{margin-bottom:16px;padding:12px 14px;border-radius:8px;border:1px solid #e0b46b;background:#fff8ea;color:#6d4b10}.merchantSite{min-height:100vh;background:#eef2f5}.merchantHeader{min-height:78px;padding:14px 28px;background:#111820;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.publicBrand .brandMark{background:#f1b84b}.publicNav{display:flex;align-items:center;gap:8px}.publicNav button,.publicNav a{min-height:38px;border:1px solid #2d3b47;border-radius:8px;background:transparent;color:#dce5ed;padding:0 12px;text-decoration:none;display:inline-flex;align-items:center}.publicNav button.active,.publicNav button:hover,.publicNav a:hover{background:#1f2c37;color:#fff}.merchantMain{width:min(1720px,calc(100% - 40px));margin:0 auto;padding:20px 0 42px}.merchantMainFull{width:100%;padding:0 0 42px}.merchantLogin{min-height:calc(100vh - 142px);display:grid;grid-template-columns:minmax(0,1.35fr) 380px;align-items:center;gap:24px}.merchantLogin h1{max-width:760px;margin:8px 0 12px;font-size:42px;line-height:1.12;letter-spacing:0}.merchantLogin p{max-width:680px;color:#5f6c77;line-height:1.75}.publicHome{padding-bottom:16px;gap:0;overflow:hidden}.publicHero{min-height:calc(100vh - 78px);border-radius:0;padding:clamp(46px,5vw,82px) clamp(28px,5vw,92px);background:linear-gradient(135deg,#111820f2,#1c6e6ae6),linear-gradient(90deg,rgba(241,184,75,.2),transparent);color:#fff;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(480px,.88fr);align-items:center;gap:48px}.publicHero h1,.publicHero p{margin:0}.publicHero h1{margin-top:8px;font-size:64px;line-height:1.08;letter-spacing:0}.publicHero p{max-width:900px;margin-top:16px;color:#d8e4e7;line-height:1.8;font-size:17px}.publicDashboardPreview{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:22px;background:#0811186b;box-shadow:0 18px 50px #00000038;display:grid;gap:16px}.previewHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.previewHeader span,.previewStats span,.previewRows span{color:#cbd8dd;font-size:12px}.previewHeader strong{display:block;margin-top:4px;color:#fff;font-size:20px}.previewStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.previewStats div{min-height:118px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:14px;background:#ffffff14;display:grid;align-content:center;gap:8px}.previewStats strong{color:#fff;font-size:32px;line-height:1}.previewRows{display:grid;gap:9px}.previewRows div{min-height:56px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;padding:9px 10px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:10px}.previewRows strong{color:#fff;font-size:14px;overflow-wrap:anywhere}.publicKpis{margin:-48px clamp(20px,4vw,76px) 0;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.publicHome>.grid.two,.publicSection,.publicOpsBand{margin:22px clamp(20px,4vw,76px) 0}.publicKpis div{min-height:116px;border:1px solid #dce3ea;border-radius:8px;background:#fff;box-shadow:0 8px 24px #11182017;padding:18px;display:grid;align-content:center;gap:7px}.publicKpis span{color:#697783;font-size:12px}.publicKpis strong{color:#17212b;font-size:20px;line-height:1.25}.publicSteps,.publicChecklist{display:grid;gap:10px}.publicRoutePanel,.publicRiskPanel{min-height:300px}.publicSteps div,.publicChecklist div{min-height:56px;border:1px solid #e4eaf0;border-radius:8px;background:#fbfcfd;padding:11px 12px;display:flex;align-items:center;gap:10px}.publicSteps span{width:26px;height:26px;border-radius:8px;background:#173f43;color:#fff;display:grid;place-items:center;flex:0 0 auto;font-size:13px;font-weight:700}.publicSteps strong,.publicChecklist span{color:#2d3a45;font-size:13px;line-height:1.55}.publicChecklist svg{color:#1c6e6a;flex:0 0 auto}.publicSection{display:grid;gap:14px}.sectionTitle{max-width:780px}.sectionTitle h2,.publicOpsBand h2,.publicOpsBand p{margin:0}.sectionTitle h2{margin-top:6px;font-size:26px;line-height:1.25;letter-spacing:0}.publicOpsBand{min-height:280px;border-radius:8px;padding:28px;background:#111820;color:#fff;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:26px}.publicOpsBand h2{margin-top:8px;font-size:30px;line-height:1.22;letter-spacing:0}.publicOpsBand p{margin-top:12px;color:#c9d4dc;line-height:1.75}.opsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opsGrid div{min-height:112px;border:1px solid #2d3b47;border-radius:8px;background:#18242d;padding:14px;display:grid;align-content:start;gap:8px}.opsGrid svg{color:#f1b84b}.opsGrid strong{color:#fff}.opsGrid span{color:#aebbc6;font-size:13px;line-height:1.45}.loginFacts{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.loginPanel{padding:18px;background:#fff;border:1px solid #dce3ea;border-radius:8px;box-shadow:0 8px 28px #11182014;display:grid;gap:12px}.fullButton{width:100%}.merchantTopbar{min-height:112px;padding:20px;border-radius:8px;background:#fff;border:1px solid #dce3ea;display:flex;align-items:center;justify-content:space-between;gap:18px}.merchantTopbar p,.merchantTopbar h1{margin:0}.merchantTopbar p{color:#697783;font-size:13px}.merchantTopbar h1{margin-top:4px;font-size:28px;letter-spacing:0}.adminLoginPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#111820f5,#1f464af0),radial-gradient(circle at 82% 18%,rgba(241,184,75,.25),transparent 32%)}.adminLoginPanel{width:min(420px,100%)}.backLink{color:#1c6e6a;text-decoration:none;font-size:13px;justify-self:start}.stack,.metrics,.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel{background:#fff;border:1px solid #dce3ea;border-radius:8px;box-shadow:0 1px 2px #1118200d}.metric{padding:18px;min-height:142px;display:grid;align-content:start;gap:8px}.metric svg{color:#1c6e6a}.metric span{color:#697783;font-size:13px}.metric strong{font-size:30px;line-height:1}.metric p{margin:0;color:#697783;font-size:13px}.panel{padding:16px;min-width:0}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panelHeader h2{margin:0;font-size:16px;letter-spacing:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:12px;white-space:nowrap}.badge.good{color:#14633f;background:#e4f6eb}.badge.warn{color:#7a4d08;background:#fff0cf}.badge.bad{color:#8b1e24;background:#ffe1e3}.badge.neutral{color:#42515f;background:#edf1f5}.tableWrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 10px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:middle;font-size:13px}th{color:#6a7681;font-weight:650;background:#f8fafb}td{color:#22303b}.channelBars{display:grid;gap:15px}.channelBar{display:grid;gap:8px}.channelBar>div{display:flex;justify-content:space-between;gap:10px}.channelBar span{color:#697783;font-size:12px}progress{width:100%;height:9px;border:0;border-radius:99px;overflow:hidden}progress::-webkit-progress-bar{background:#e8edf2}progress::-webkit-progress-value{background:#1c6e6a}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formGrid.single{grid-template-columns:1fr}.formGrid.orderForm{grid-template-columns:1.2fr .6fr .8fr 1.4fr}.formGrid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:grid;gap:6px}.field span{color:#5f6c77;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #d3dce4;background:#fff;border-radius:8px;color:#17212b;outline:0}.field input,.field select{height:40px;padding:0 10px}.field textarea{min-height:88px;resize:vertical;padding:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1c6e6a;box-shadow:0 0 0 3px #1c6e6a21}.homeHero{min-height:332px;border-radius:8px;padding:34px;background:linear-gradient(135deg,#111820eb,#1f464ae6),radial-gradient(circle at 78% 22%,rgba(241,184,75,.32),transparent 34%);color:#fff;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:center;gap:26px}.homeHero h2,.homeHero p{margin:0}.homeHero h2{margin-top:8px;font-size:44px;line-height:1.08;letter-spacing:0}.homeHero p{max-width:680px;margin-top:14px;color:#d8e4e7;line-height:1.75}.eyebrow{color:#f1c875;font-size:13px;font-weight:700}.homeActions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.homeHero .primary{margin-top:0}.homeStatus{display:grid;gap:12px}.homeStatus div{min-height:82px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:14px;background:#ffffff14;display:grid;align-content:center;gap:7px}.homeStatus span{color:#cbd8dd;font-size:13px}.homeStatus strong{font-size:24px}.featureCard{min-height:168px;padding:18px;background:#fff;border:1px solid #dce3ea;border-radius:8px;display:grid;align-content:start;gap:10px}.featureCard svg{color:#1c6e6a}.featureCard strong{font-size:16px}.featureCard p{margin:0;color:#5f6c77;font-size:13px;line-height:1.65}.channelCard{min-height:216px}.channelCard strong{display:block;font-size:34px;line-height:1;margin:16px 0 6px}.channelCard>span,.channelCard p{color:#697783}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.profileLine{margin-top:14px;padding-top:12px;border-top:1px solid #edf1f5;display:grid;gap:6px}.profileLine span{color:#52606c;font-size:12px}.strategy,.rules,.checklist,.todoList{display:grid;gap:10px}.todoItem{min-height:48px;border:1px solid #e4eaf0;background:#fbfcfd;border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.todoItem span{color:#52606c}.todoItem strong{font-size:24px}.merchantHero{min-height:132px;border-radius:8px;padding:22px;background:linear-gradient(135deg,#18373b,#203144 58%,#4c5037);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.merchantHero p,.merchantHero h2{margin:0}.merchantHero p{color:#cbd8dd;font-size:13px}.merchantHero h2{margin-top:6px;margin-bottom:6px;font-size:28px;letter-spacing:0}.merchantHero span{color:#dbe4e8}.merchantWorkspace{display:grid;gap:16px}.merchantHeroModern{min-height:148px;border:1px solid #d8e1e8;border-radius:8px;padding:22px;background:linear-gradient(135deg,#131f2af5,#1b5d58eb),linear-gradient(90deg,rgba(241,184,75,.18),transparent);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.merchantHeroModern p,.merchantHeroModern h2,.merchantHeroModern span,.merchantHeroStats strong{margin:0}.merchantHeroModern p{color:#bed0d7;font-size:13px}.merchantHeroModern h2{margin-top:6px;margin-bottom:6px;font-size:30px;line-height:1.18;letter-spacing:0}.merchantHeroModern span{color:#e2ebef}.merchantHeroStats{min-width:190px;padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff14;display:grid;gap:6px;justify-items:end}.merchantHeroStats strong{font-size:24px;line-height:1.25}.merchantHeroStats span{color:#cbd8dd;font-size:12px}.merchantTabs{padding:6px;border:1px solid #dce3ea;border-radius:8px;background:#fff;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.merchantTabs button{min-height:40px;border:0;border-radius:8px;background:transparent;color:#4f5f6c;display:inline-flex;align-items:center;justify-content:center;gap:8px}.merchantTabs button:hover,.merchantTabs button.active{background:#173f43;color:#fff}.merchantInsight{min-height:260px}.statusGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statusGrid div{min-height:82px;border:1px solid #e4eaf0;border-radius:8px;background:#fbfcfd;padding:12px;display:grid;gap:6px;align-content:start}.statusGrid svg{color:#1c6e6a}.statusGrid span{color:#697783;font-size:12px}.statusGrid strong{color:#22303b;font-size:13px;overflow-wrap:anywhere}.developerPanel{min-height:420px}.developerLayout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:18px}.supportGuide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.supportGuide div{min-height:118px;border:1px solid #e4eaf0;border-radius:8px;background:#fbfcfd;padding:14px;display:grid;align-content:start;gap:8px}.supportGuide strong{color:#22303b}.supportGuide span{color:#52606c;font-size:13px;line-height:1.55}.keyValue{display:grid;gap:10px}.keyValue div{min-height:42px;border-bottom:1px solid #edf1f5;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}.keyValue div:last-child{border-bottom:0}.keyValue span{color:#697783;font-size:13px}.keyValue strong{font-size:13px;color:#22303b;overflow-wrap:anywhere}.developerBox{display:grid;gap:12px;align-content:start}.settleSummary{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;color:#52606c;font-size:13px}.settleSummary span{min-height:32px;display:inline-flex;align-items:center;border-radius:8px;background:#f3f7f7;padding:0 10px}.hint{color:#697783;font-size:13px;line-height:1.6}.infoBlock{min-height:168px;border:1px solid #e4eaf0;border-radius:8px;background:#fbfcfd;padding:14px;display:grid;align-content:start;gap:9px}.infoBlock strong{margin-bottom:3px}.infoBlock span{color:#44525f;font-size:13px;line-height:1.45}.requireNote{margin-top:14px;padding:12px;border-radius:8px;background:#f3f7f7;color:#2e4446;display:grid;gap:6px;line-height:1.6;font-size:13px}.requireNote span{color:#697783}.strategy div,.checklist div,.rule{min-height:42px;display:flex;align-items:center;gap:10px;color:#2d3a45}.strategy svg,.checklist svg{color:#1c6e6a;flex:0 0 auto}.rule{padding:12px;border:1px solid #e4eaf0;border-radius:8px;background:#fbfcfd}.rule input{width:18px;height:18px}.rule strong,.rule span{display:block}.rule span{margin-top:4px;color:#697783;font-size:13px}.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.steps.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.steps div{min-height:82px;border:1px solid #e4eaf0;border-radius:8px;background:#fbfcfd;padding:12px;display:grid;align-content:start;gap:10px}.steps span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#1c6e6a;color:#fff;font-size:13px;font-weight:700}.steps strong{font-size:13px}pre{min-height:292px;margin:0;overflow:auto;background:#121922;color:#f6fbff;border-radius:8px;padding:16px;line-height:1.65;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.metrics,.grid.two,.grid.three,.grid.four,.homeHero,.publicHero,.publicKpis,.publicOpsBand,.merchantLogin,.developerLayout,.supportGuide,.formGrid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.merchantTabs{grid-template-columns:repeat(3,minmax(0,1fr))}.loginFacts{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}nav{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:16px}.topbar,.topActions,.merchantHeader,.merchantTopbar{align-items:stretch;flex-direction:column}.publicNav{width:100%;flex-wrap:wrap}.search{width:100%}.metrics,.grid.two,.grid.three,.grid.four,.homeHero,.publicHero,.merchantLogin,.developerLayout,.supportGuide,.loginFacts,.formGrid,.formGrid.wide,.formGrid.orderForm,.steps{grid-template-columns:1fr}.publicHero{min-height:auto;padding:24px}.publicHero h1{font-size:36px}.publicKpis{margin-top:0;grid-template-columns:1fr}.previewStats,.opsGrid{grid-template-columns:1fr}.previewRows div{grid-template-columns:1fr;align-items:start}.publicOpsBand{min-height:auto;padding:22px}.publicOpsBand h2{font-size:24px}.merchantHero,.merchantHeroModern{align-items:flex-start;flex-direction:column}.merchantHeroStats{width:100%;justify-items:start}.merchantTabs{grid-template-columns:repeat(2,minmax(0,1fr))}.merchantTabs button{justify-content:flex-start;padding:0 12px}.statusGrid{grid-template-columns:1fr}}
