:root{font-family:Inter,Segoe UI Variable,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#172033;background:#f2f5f8;font-synthesis:none;text-rendering:optimizeLegibility;--portal-accent: #126a70;--portal-accent-dark: #0d555a;--portal-text: #172033;--portal-muted: #69788c;--portal-line: #d8e0e9;--portal-surface: #ffffff}*{box-sizing:border-box}html{min-width:320px;background:#f2f5f8}body{min-width:320px;margin:0;background:#f2f5f8}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(18,106,112,.22);outline-offset:2px}::selection{color:#fff;background:var(--portal-accent)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--portal-text);font-size:15px;font-weight:780}.brand-mark{position:relative;width:39px;height:39px;display:grid;place-items:center;overflow:hidden;border:1px solid #4da2a5;border-radius:6px;color:var(--portal-accent);font-size:10px;font-weight:900}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--portal-accent)}.brand-mark:before{bottom:7px;left:10px;width:17px;height:1px}.brand-mark:after{top:5px;right:5px;width:3px;height:3px}.brand-mark span{transform:translateY(-2px)}.brand-name{white-space:nowrap}.portal-shell{min-height:100vh;color:var(--portal-text);background:#f2f5f8}.portal-header{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--portal-line);background:var(--portal-surface)}.portal-balance{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid #c8e2df;border-radius:5px;color:var(--portal-accent);background:#e9f4f3;font-size:13px;font-weight:750}.portal-auth{width:min(1120px,calc(100% - 40px));min-height:calc(100vh - 72px);margin:0 auto;padding:70px 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.75fr);align-items:center;gap:clamp(50px,8vw,120px)}.portal-auth-copy h1{max-width:680px;margin:0;font-size:clamp(44px,6vw,76px);line-height:1.05;letter-spacing:0}.portal-auth-copy>p:not(.portal-kicker){max-width:650px;margin:25px 0 0;color:#607086;font-size:17px;line-height:1.8}.portal-kicker{margin:0 0 17px;color:var(--portal-accent);font-size:11px;font-weight:850}.portal-auth-copy ul{margin:32px 0 0;padding:0;display:grid;gap:13px;color:#425267;list-style:none}.portal-auth-copy li{display:flex;align-items:center;gap:10px}.portal-auth-copy li svg{color:var(--portal-accent)}.portal-auth-card{padding:30px;display:grid;gap:18px;border:1px solid #d5dde7;border-radius:8px;background:var(--portal-surface);box-shadow:0 25px 65px #24344714}.auth-tabs,.channel-switch{padding:3px;display:grid;grid-template-columns:repeat(2,1fr);border-radius:5px;background:#edf1f5}.auth-tabs button,.channel-switch button{min-height:40px;border:0;border-radius:4px;color:#718096;background:transparent;cursor:pointer;font-weight:720}.auth-tabs button.is-active,.channel-switch button.is-active{color:#173d40;background:#fff;box-shadow:0 2px 7px #2837491a}.portal-auth-card label{display:grid;gap:8px;color:#455469;font-size:12px;font-weight:720}.portal-auth-card input{min-height:45px;padding:0 13px;border:1px solid #cdd7e2;border-radius:5px;outline:none;color:var(--portal-text);background:#fbfcfd}.portal-auth-card input:focus{border-color:#267e83;box-shadow:0 0 0 3px #267e831c}.portal-primary,.portal-quiet{min-height:43px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--portal-accent);border-radius:5px;color:#fff;background:var(--portal-accent);cursor:pointer;font-weight:760}.portal-primary:hover{background:var(--portal-accent-dark)}.portal-primary:disabled{cursor:not-allowed;opacity:.48}.portal-quiet{color:#27545a;background:#fff;border-color:#bfd2d4}.portal-quiet.danger{margin-top:40px;color:#9a3838;border-color:#e3c1c1}.auth-note{margin:0;color:#8490a0;font-size:11px;line-height:1.6}.portal-alert{padding:12px 14px;border:1px solid #b9ded6;border-radius:5px;color:#17614f;background:#eaf8f3;font-size:13px;line-height:1.5}.portal-alert.is-error{color:#8c2e2e;background:#fff0f0;border-color:#efc5c5}.portal-loading{margin:25vh auto;text-align:center;color:#68778a}.portal-layout{width:min(1250px,calc(100% - 40px));margin:0 auto;padding:48px 0 90px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px}.portal-nav{display:grid;align-content:start;gap:5px}.portal-nav a{padding:12px 14px;border-left:2px solid transparent;color:#6c798c;font-size:13px;font-weight:720}.portal-nav a.is-active{color:var(--portal-accent);background:#e3eeee;border-left-color:var(--portal-accent)}.portal-content{min-width:0}.portal-panel{padding:clamp(28px,5vw,60px);border:1px solid var(--portal-line);border-radius:8px;background:var(--portal-surface)}.panel-heading{margin-bottom:38px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.panel-heading h1{margin:0;font-size:clamp(38px,5vw,62px);letter-spacing:0}.panel-heading p:not(.portal-kicker){margin:13px 0 0;color:var(--portal-muted)}.account-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.account-grid article{min-height:155px;padding:23px;display:grid;align-content:space-between;border:1px solid #dae2ea;border-radius:6px}.account-grid span,.account-grid small{color:#7b899a;font-size:12px}.account-grid strong{overflow-wrap:anywhere;font-size:19px}.portal-link-button{width:fit-content;padding:0;border:0;color:#145f64;background:transparent;cursor:pointer;font-weight:700}.portal-link-button:hover{text-decoration:underline}.account-grid .balance-card{color:#ecffff;background:#145f64;border-color:#145f64}.account-grid .balance-card span,.account-grid .balance-card small{color:#b9dcdb}.account-grid .balance-card strong{font-size:47px}.ledger-block{margin-top:36px}.ledger-block h2{margin:0 0 15px;font-size:18px}.ledger-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e7ed}.ledger-row>div{display:grid;gap:4px}.ledger-row strong{font-size:13px}.ledger-row span{color:#8190a2;font-size:11px}.ledger-row b{color:#9f4242}.ledger-row b.is-credit{color:#15765a}.empty-state{padding:24px 0;color:#7a8797}.payment-closed{padding:20px;display:flex;gap:14px;border:1px solid #e6d4b8;border-radius:6px;color:#4d5b6f;background:#f7f0e5}.payment-closed svg{flex:0 0 auto;color:#9a6829}.payment-closed strong{color:#714b1d}.payment-closed p{margin:5px 0 0;line-height:1.65}.channel-switch{width:min(390px,100%);margin-bottom:22px}.product-grid{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-grid article{min-height:230px;padding:22px;display:grid;align-content:start;gap:10px;border:1px solid #d9e1e9;border-radius:6px}.product-grid article>span{color:#768597;font-size:12px}.product-grid article>strong{font-size:27px}.product-grid article>b{color:var(--portal-accent);font-size:18px}.product-grid article .portal-primary{margin-top:auto}.payment-panel{max-width:860px}.order-card{text-align:center}.status-orb{width:66px;height:66px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#896123;background:#f5ead7}.status-orb.is-credited{color:#147059;background:#ddf1eb}.status-orb.is-failed,.status-orb.is-expired{color:#9b4040;background:#f7e2e2}.order-card>p{margin:0 0 8px;color:#68788c}.order-card h2{margin:0 0 8px;font-size:28px}.order-card>.portal-primary{margin-top:25px}.qr-contract{max-width:520px;margin:28px auto;padding:18px;display:grid;justify-items:center;gap:10px;border:1px solid #d7e0e8;border-radius:6px;color:#536378;background:#f4f7f9;text-align:center}.qr-contract img{width:min(280px,100%);height:auto;aspect-ratio:1;border:1px solid #d7e0e8;background:#fff}.qr-contract.is-error{justify-items:stretch;color:#8c2e2e;background:#fff0f0;border-color:#efc5c5;text-align:left}.qr-contract code{padding:10px;overflow-wrap:anywhere;border:1px solid #dde5eb;color:#173d40;background:#fff}.qr-contract small{color:#8390a0}.order-card dl{margin:32px 0 0;border-top:1px solid #e0e6ec;text-align:left}.order-card dl div{padding:13px 0;display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #e0e6ec}.order-card dt{color:#788698}.order-card dd{margin:0;overflow-wrap:anywhere}@media(max-width:720px){.portal-header{height:64px;padding:0 18px}.portal-header .brand-name{display:none}.brand-mark{width:36px;height:36px}.portal-balance{padding:0 10px}.portal-auth{width:calc(100% - 32px);min-height:auto;padding:55px 0;grid-template-columns:1fr;gap:42px}.portal-auth-copy h1{font-size:42px}.portal-auth-card{padding:22px}.portal-layout{width:calc(100% - 28px);padding-top:20px;grid-template-columns:1fr;gap:14px}.portal-nav{display:flex;overflow-x:auto}.portal-nav a{white-space:nowrap;border-bottom:2px solid transparent;border-left:0}.portal-nav a.is-active{border-bottom-color:var(--portal-accent)}.portal-panel{padding:24px 18px}.panel-heading{align-items:flex-start;flex-direction:column}.account-grid,.product-grid{grid-template-columns:1fr}.order-card dl div{grid-template-columns:1fr;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}