:root{color-scheme:light;--ink:#24282b;--muted:#7c8184;--line:#e8e9e6;--bg:#f5f6f3;--gold:#f6bc43;--gold-dark:#956818;--green:#287b5c;--red:#b84839;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;transition:background .15s,transform .15s}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}input,select{width:100%;height:48px;border:1px solid #dfe2dc;background:#fff;border-radius:9px;padding:0 14px;color:var(--ink)}input:focus,select:focus{outline:2px solid #e9c26b;outline-offset:2px}button:focus-visible{outline:2px solid #a17b25;outline-offset:3px}label{display:block;font-weight:600;margin:24px 0 10px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.3;margin-bottom:12px}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:12px}h3{font-size:15px}p{line-height:1.75}fieldset{border:0;padding:0;margin:0;min-width:0}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#999d95;margin-bottom:14px}.primary{background:var(--gold);color:#3f3116;padding:15px 22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:26px}.primary:hover{background:#efb033}.secondary{border:1px solid #dfe2dc;background:#fff;padding:12px 18px;font-weight:600}.secondary:hover{background:#f6f7f3}.full{width:100%}.text-button{background:transparent;padding:8px 12px;color:#676e68}.text-button:hover{background:#eceee8}.message{font-size:13px;min-height:20px;line-height:1.7;overflow-wrap:anywhere;color:var(--gold-dark)}.message.error{color:var(--red)}.message.success{color:var(--green)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700}.brand-mark{display:grid;place-items:center;width:40px;height:44px;background:var(--gold);color:#3d321b;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font-size:22px;font-weight:800}.brand-sub{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:5px;color:var(--muted)}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;max-width:1030px;min-height:620px;margin:max(7vh,35px) auto;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 20px 70px #2c322208}.login-intro{background:#29332e;color:#f9faf6;padding:42px;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-intro:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #596b533b;border-radius:50%;right:-150px;bottom:80px;box-shadow:0 0 0 40px #647c4710,0 0 0 80px #647c4708}.login-intro .brand-sub{color:#adb7aa}.intro-copy{margin-top:95px;position:relative;z-index:1}.intro-copy .eyebrow{color:#d1bd87}.intro-copy h1{font-size:38px;line-height:1.6;margin-bottom:25px}.intro-copy>p:last-child{color:#aeb8ac;line-height:2;font-size:14px}.intro-bottom{margin-top:auto;color:#a3b19f;font-size:12px;padding-top:50px}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:7px}.login-form-panel{padding:90px 60px 40px}.login-form-panel h2{font-size:28px}.login-form-panel form{margin-top:34px}.login-form-panel .primary{margin-top:6px}.login-message{margin-bottom:0}.login-foot{margin-top:36px;font-size:12px;color:#a0a69a}.topbar{height:83px;border-bottom:1px solid var(--line);background:white;padding:0 max(30px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between}.top-actions{display:flex;gap:15px;align-items:center}.project{font-size:12px;background:#f2f4ed;padding:8px 12px;border-radius:7px;color:#687361}.workspace{max-width:1180px;margin:0 auto;padding:38px 0 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-heading .eyebrow{margin-bottom:9px}.page-heading h1{font-size:30px;margin-bottom:9px}.page-heading p:last-child{margin-bottom:0}.global-message{padding:12px 16px;background:#fdf6df;border-radius:8px;border:1px solid #f0e3bd;margin-bottom:22px}.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h2{font-size:17px;margin:0}.tag{font-size:11px;color:#8c783b;background:#fbf4df;padding:6px 9px;border-radius:6px}.recharge-panel label:first-child{margin-top:6px}.variant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.variant-button{padding:13px 5px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:6px;align-items:center;color:#71766c}.variant-button span{font-size:11px;color:#979d91}.variant-button.selected{border-color:#dbad47;background:#fff9e9;color:#65501d;box-shadow:inset 0 0 0 1px #dbad47}.product-details{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.product-details>div{display:flex;align-items:center;justify-content:space-between}.product-details strong{font-size:27px;letter-spacing:-1px}.product-details p{margin:7px 0 0;font-size:11px}.mono{font-family:"SFMono-Regular",Consolas,monospace;overflow-wrap:anywhere}.restriction{color:#9b8039}.field-help{font-size:12px;color:#969c91;margin:10px 0 25px}.right-column{display:flex;flex-direction:column;gap:24px}.query-panel label{margin-top:20px}.query-panel button{margin-top:14px}.query-panel .message{margin:14px 0 0}.small-label{font-size:12px}.help-panel{padding:4px 15px}.help-panel h3{margin-bottom:18px}.help-panel ol{margin:0;padding-left:20px;color:#818878;font-size:12px;line-height:1.9}.help-panel li{padding-left:7px;margin-bottom:14px}.channel-note{border-top:1px solid #e0e4d9;margin:18px 0 0;padding-top:16px;font-size:11px;color:#a28b56}.orders-panel{margin-top:26px;padding-bottom:14px}.orders-panel .panel-heading{margin-bottom:25px}.orders-panel .panel-heading p{margin:8px 0 0}.compact{font-size:12px;padding:9px 13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#f8f9f5;color:#899080;font-weight:500;padding:13px 10px;white-space:nowrap}td{padding:18px 10px;border-bottom:1px solid #eef0e9;max-width:240px;overflow-wrap:anywhere;vertical-align:top}td p{margin:5px 0 0;font-size:11px;color:#91988a}td:first-child{max-width:240px}td .mono{font-size:11px}.status{display:inline-block;border-radius:5px;padding:5px 8px;white-space:nowrap;background:#fbf3dc;color:#9b7927}.status.success{background:#edf6ee;color:#377a54}.status.failed{background:#fcf0ed;color:#b15b4b}.status.unknown{background:#f2f0fa;color:#807098}.empty-state{text-align:center;padding:35px 15px 40px}.empty-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e6e9df;border-radius:10px;margin:0 auto 14px;color:#a2ad91;font-size:25px}.empty-state h3{font-size:13px;margin-bottom:8px}.empty-state p{font-size:12px;margin:0}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px}.pagination>div{display:flex;gap:10px;align-items:center}footer{display:flex;justify-content:space-between;color:#a1a89a;font-size:11px;margin-top:26px}.pending{margin-top:18px;background:#fffaec;padding:16px;border:1px solid #eeddb0;border-radius:9px;font-size:12px}.pending p{margin-bottom:8px}.pending code{display:block;overflow-wrap:anywhere;margin-bottom:14px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;width:480px;max-width:calc(100vw - 28px);color:var(--ink);box-shadow:0 20px 90px #0002}dialog::backdrop{background:#1f2a2560;backdrop-filter:blur(3px)}.dialog-icon{width:42px;height:42px;background:#fff2c9;border-radius:12px;display:grid;place-items:center;font-size:22px;margin-bottom:20px;color:#9b741e}dialog dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:16px;margin:26px 0;font-size:13px}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere}.confirm-account{font-weight:700;font-size:20px}.confirmation-note{font-size:12px;color:#a07d33;background:#fffaea;padding:12px;border-radius:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media(max-width:1240px){.workspace{padding:32px 26px 20px}.topbar{padding:0 26px}.login-shell{margin:40px 26px}}
@media(max-width:760px){.login-shell{display:block;margin:24px 16px;min-height:0}.login-intro{padding:24px}.intro-copy{margin-top:28px}.intro-copy h1{font-size:25px;line-height:1.4;margin-bottom:10px}.intro-copy p:last-child{font-size:12px}.intro-bottom{padding-top:14px}.login-form-panel{padding:30px 25px}.login-form-panel h2{font-size:23px}.login-form-panel form{margin-top:20px}.login-foot{margin-bottom:0}.topbar{height:75px;padding:0 16px}.brand{font-size:16px}.brand-mark{width:32px;height:36px;font-size:18px}.top-actions{gap:2px}.project{font-size:10px;padding:6px}.text-button{padding:8px;font-size:12px}.workspace{padding:26px 16px 18px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:26px}.page-heading .secondary{padding:10px;font-size:11px;white-space:nowrap}.page-heading p.muted{font-size:12px}.columns{grid-template-columns:1fr;gap:22px}.panel{padding:22px}.variant-grid{gap:6px}.variant-button{font-size:12px}.variant-button span{font-size:10px}.help-panel{padding:0 5px}.orders-panel{padding:20px 14px 12px}.orders-panel .panel-heading{align-items:flex-start;gap:12px}.orders-panel .panel-heading p{max-width:200px}table{min-width:860px}.pagination{gap:10px}.pagination>div{gap:3px}footer{display:block;line-height:2}footer span{display:block}.dialog-actions button{padding:13px 16px}}
