:root{color:#1f2329;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5f7;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.route-loading{background:#f4f5f7;width:100%;min-height:100vh}.full-width{width:100%}.login-page,.payment-page{background:#eef1f4;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-tool,.payment-tool{background:#fff;border:1px solid #dfe3e8;border-radius:6px;width:min(100%,420px);padding:32px;box-shadow:0 12px 32px #171f2a14}.login-tool>h2{text-align:center;margin:10px 0 26px}.login-logo{width:52px;height:52px;margin:0 auto;display:block}.captcha-row{grid-template-columns:minmax(0,1fr) 120px;gap:10px;width:100%;display:grid}.captcha-button{color:#59636e;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;place-items:center;width:120px;height:40px;padding:0;display:grid;overflow:hidden}.captcha-button img{object-fit:cover;width:120px;height:38px;display:block}.payment-tool{width:min(100%,460px);min-width:0}.payment-heading{align-items:center;gap:14px;margin-bottom:28px;display:flex}.payment-heading img{width:54px;height:54px}.payment-heading>div{min-width:0}.payment-heading h2{margin:2px 0 0;font-size:20px;line-height:1.35}.payment-result,.qr-dialog{text-align:center;border-top:1px solid #edf0f2;flex-direction:column;align-items:center;gap:14px;margin-top:28px;padding-top:28px;display:flex}.qr-dialog{border-top:0;margin-top:0}.console-shell{min-height:100vh}.console-sider{background:#20262d}.brand-lockup{color:#fff;align-items:center;gap:10px;height:64px;padding:0 18px;font-size:16px;font-weight:700;display:flex}.brand-lockup img{width:32px;height:32px}.console-header{background:#fff;border-bottom:1px solid #e8ebee;justify-content:flex-end;align-items:center;height:64px;padding:0 24px;display:flex}.console-user{margin-right:10px}.console-content{min-width:0;padding:24px;overflow:hidden}.page-section{width:100%;max-width:1680px;margin:0 auto}.narrow-section{max-width:760px;margin:0}.page-heading,.section-title{justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-bottom:18px;display:flex}.page-heading h3,.section-title h4,.data-panel h4,.settings-block h4{margin:0}.filter-bar{background:#fff;border:1px solid #e2e6ea;border-radius:6px;gap:10px 0;margin-bottom:16px;padding:14px 16px;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metrics-grid>div{background:#fff;border:1px solid #e2e6ea;border-radius:6px;min-height:110px;padding:20px}.dashboard-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:18px;display:grid}.data-panel{background:#fff;border:1px solid #e2e6ea;border-radius:6px;min-width:0;padding:20px}.data-panel h4{margin-bottom:16px}.icon-actions{align-items:center;gap:2px;display:flex}.settings-block{border-top:1px solid #dfe3e8;padding:22px 0}.settings-block:first-of-type{border-top:0;padding-top:0}.settings-block>h4{margin-bottom:18px}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.login-page,.payment-page{align-items:start;padding:18px 12px}.login-tool,.payment-tool{padding:24px 18px}.console-header{height:56px;padding:0 12px}.console-content{padding:16px 12px}.page-heading{margin-bottom:12px}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metrics-grid>div{min-height:96px;padding:14px}.filter-bar{padding:12px}.captcha-row{grid-template-columns:minmax(0,1fr) 110px}.captcha-button,.captcha-button img{width:110px}}@media (width<=380px){.metrics-grid,.captcha-row{grid-template-columns:1fr}.captcha-button,.captcha-button img{width:120px}}