:root{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#20212d;background:#f7f7fb;--accent:#6957d8;--accent-dark:#5342bc;--muted:#777986;--border:#e8e8f0;--surface:#fff;--radius:18px}
*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom)}button,input,textarea,select{font:inherit}button{min-height:44px;border:1px solid var(--border);border-radius:10px;padding:10px 18px;color:#444453;background:#fff;cursor:pointer;touch-action:manipulation;transition:background .15s,border-color .15s}button:hover{border-color:#c6bee9;background:#f7f5ff}button:disabled{opacity:.48;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:white;font-weight:600}button.primary:hover{background:var(--accent-dark)}button.danger{color:#b8364f;border-color:#f0ced5;background:#fff7f8}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b1a2f4;outline-offset:3px}.wide{width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:12px}
.site-header{height:88px;padding:0 4.5vw;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--border);background:#fff}.brand-lockup{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{display:grid;place-items:center;width:32px;height:34px;color:var(--accent);font-size:29px;font-weight:850;transform:skew(-10deg)}.brand{font-size:25px;letter-spacing:-1px;line-height:1}.brand-divider{height:20px;width:1px;background:var(--border);margin:0 7px}.subtitle{font-size:14px;color:#5f606d}.environment{font-size:12px;color:#70717e;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}#identity{display:flex;align-items:center;gap:15px;font-size:12px;min-width:0}#identity span{overflow-wrap:anywhere}#identity button{padding:7px 13px;min-height:36px;font-size:12px}
main{max-width:1440px;margin:38px auto 0;padding:0 48px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.35;margin-bottom:10px}h2{font-size:20px;line-height:1.4;margin-bottom:12px;letter-spacing:-.4px}h3{font-size:17px;margin-bottom:10px}p{color:var(--muted);line-height:1.8}.eyebrow,.section-kicker{font-size:10px;font-weight:650;letter-spacing:2px;color:#898498}.eyebrow{margin-bottom:12px}.section-kicker{display:block;color:var(--accent);letter-spacing:1px;margin-bottom:10px}
.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px;max-width:1200px;margin:auto;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:white}.auth-story{padding:52px 50px 32px;background:#f0edfc;position:relative;overflow:hidden;display:flex;flex-direction:column}.auth-story h1{font-size:39px;line-height:1.48;letter-spacing:-1.7px;margin:16px 0}.auth-story h1>span{color:var(--accent)}.auth-lead{font-size:15px;color:#827a95;line-height:1.9}.auth-principles{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:32px;border-top:1px solid #ded8ef;font-size:11px;color:#8d859f}.auth-panel{display:flex;align-items:center;justify-content:center;padding:56px 40px}.auth-panel-inner{width:100%;max-width:340px}.auth-panel h2{font-size:28px;margin-bottom:12px}.auth-description{font-size:14px;color:#858490;margin-bottom:30px}.login-steps{display:flex;gap:26px;list-style:none;padding:0;margin:0 0 28px;font-size:12px;color:#a0a0aa}.login-steps li{display:flex;align-items:center;gap:8px}.login-steps li>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #e2dfee;border-radius:50%;font-size:11px}.login-steps .current{color:var(--accent)}.login-steps .current>span{background:var(--accent);border-color:var(--accent);color:white}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:53px;font-weight:600;border-color:#dcd9e7}.google-button>span{margin-left:auto;color:#9c96b0;font-size:18px}.google-button>svg{margin-right:auto}.auth-help{display:flex;gap:12px;border-top:1px solid var(--border);padding-top:24px;margin-top:30px}.auth-help p{font-size:12px;line-height:1.8;margin:0;color:#6c6d7a}.auth-help small{font-size:11px;color:#9695a1}.shield-icon{font-size:26px;color:#a299bd;line-height:1.3}.login-note{font-size:12px;overflow-wrap:anywhere;margin:16px 0 0}.login-note:empty{display:none}.otp-input{text-align:center;letter-spacing:7px;font-size:22px!important}#mfa-login button,#mfa-enroll button{margin-top:14px}#qr{display:block;max-width:100%;height:auto;margin:18px auto}#mfa-enroll p{font-size:13px}
.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.heading h1{font-size:29px}.heading p{font-size:13px;margin:0}.refresh-button{font-size:13px;flex-shrink:0}.refresh-button span{font-size:19px;color:#8a849d;margin-right:5px}.notice{display:flex;align-items:center;padding:13px 18px;border:1px solid #eadfbf;border-radius:12px;background:#fffbf1;color:#927344;font-size:12px;line-height:1.8}.notice.ready{color:#336d55;background:#f0f8f4;border-color:#d1e7db}.workspace-nav{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border);padding:0 0 13px;margin:27px 0 25px;overflow-x:auto}.workspace-nav button{border:0;background:transparent;white-space:nowrap;color:#888493;font-size:13px;flex-shrink:0}.workspace-nav button.selected{color:var(--accent);background:#eae5fb;font-weight:600}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:28px}.split{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-heading h2{font-size:16px;margin:0}.count-pill{font-size:11px;min-width:25px;text-align:center;border:1px solid #ebe7f3;border-radius:6px;color:#8c829c;padding:1px 7px}.section-caption{font-size:11px;color:#a19ca9;margin:7px 0 22px}.request{display:block;width:100%;text-align:left;margin:10px 0;padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff;position:relative}.request.active{border-color:#9c88e1;background:#f6f3ff;box-shadow:inset 3px 0 #8b72d6}.request .request-person{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:600;margin:10px 0 5px;color:#655d75}.request strong{display:block;font-size:26px;color:#2d263c;font-weight:650;letter-spacing:-.8px;margin:3px 0 10px}.request small{display:block;font-size:10px;color:#a09aa9;overflow-wrap:anywhere;line-height:1.8}.badge{display:inline-flex;border-radius:5px;padding:3px 7px;color:#936b31;background:#fcf1da;font-size:10px;font-weight:500;letter-spacing:.2px}.badge[data-status="signed"]{color:#377a60;background:#eaf6ef}.badge[data-status="rejected"]{color:#9a5363;background:#f8ecef}.detail{min-height:445px}.detail:focus,.request-list:focus{outline:none}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.detail-top h2{margin:0;font-size:17px}.detail dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;font-size:13px;line-height:1.8;margin:0 0 25px}.detail dt{color:#928b9b}.detail dd{margin:0;color:#4c4558;overflow-wrap:anywhere}.detail .address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;user-select:all}.detail .amount{font-size:27px;font-weight:650;color:var(--accent);line-height:1.4}.evidence{background:#f5f3fa;border:1px solid #ece7f4;padding:15px 17px;border-radius:10px;font-size:12px;line-height:1.8;color:#82768e}.empty-state{min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px 8px}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #e9e3f7;border-radius:17px;background:#f6f3fc;color:#aa9bc7;font-size:26px;margin-bottom:20px}.empty-state h3{font-size:16px;font-weight:500;color:#83798d;margin:0 0 9px}.empty-state p,.empty{font-size:12px;color:#a29aaa;margin:0;line-height:1.9}.request-list .empty-state{min-height:220px}.back-to-list{display:none}
label{display:block;font-size:12px;font-weight:500;color:#71697e;margin:20px 0 8px}input,textarea,select{display:block;width:100%;min-width:0;font-size:16px;line-height:1.6;border:1px solid #e1dce9;border-radius:9px;padding:11px 13px;margin-top:8px;color:#3d344b;background:#fff}textarea{min-height:96px;resize:vertical}input::placeholder,textarea::placeholder{color:#b3acbd;font-size:13px;letter-spacing:0}select{min-height:46px}.check{display:flex;gap:11px;align-items:flex-start;line-height:1.9;font-size:12px;min-height:44px;cursor:pointer;font-weight:400}.check input{width:20px;min-width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent)}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.actions button{font-size:13px}.review-actions{padding-top:22px;border-top:1px solid var(--border)}.review-actions .primary{min-width:170px}.muted{font-size:12px;color:#9b93a6}.management{max-width:1000px}.management>p{font-size:13px}.inline-form{display:flex;align-items:end;gap:12px;margin-bottom:24px;max-width:600px}.inline-form label{flex:1;margin:15px 0 0}.inline-form button{margin-bottom:0;white-space:nowrap;min-height:49px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.full-width{grid-column:1/-1}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:18px 0;font-size:13px}.row span{min-width:0;overflow-wrap:anywhere}.row small{display:block;font-size:11px;color:#aaa1b3;margin-top:5px}.row button{font-size:12px;flex-shrink:0}.rule-card{border-bottom:1px solid var(--border);padding:22px 0;overflow-wrap:anywhere}.rule-card h3{font-size:15px}.rule-card p{font-size:13px}.rule-card small{color:#93889f;font-size:11px}#automatic-view>p{font-size:13px}#automatic-view form{border:1px solid var(--border);border-radius:14px;padding:24px;margin:28px 0;max-width:700px}.error{color:#ab3752;background:#fff1f3;border:1px solid #f1cad3}.success{color:#3f7159;background:#eff8f2;border:1px solid #cfe7d8}#message:not(:empty){position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(600px,calc(100vw - 32px));border-radius:12px;padding:15px 20px;box-shadow:0 8px 28px #2f174119;font-size:13px;overflow-wrap:anywhere}footer{max-width:1440px;padding:30px 48px;margin:0 auto;display:flex;justify-content:space-between;gap:14px;color:#aaa5b3;font-size:10px;letter-spacing:.4px}
@media(min-width:1400px){main{margin-top:48px}.auth-layout{min-height:665px}.auth-story{padding:60px 60px 34px}.auth-story h1{font-size:43px}.approval-illustration{height:235px}}
@media(max-width:1000px){main{padding:0 24px}.auth-story{padding:42px 30px 28px}.auth-story h1{font-size:32px}.auth-panel{padding:42px 28px}.auth-principles{font-size:10px;gap:5px}.split{grid-template-columns:300px minmax(0,1fr);gap:16px}.card{padding:23px}.detail dl{grid-template-columns:85px minmax(0,1fr)}footer{padding:28px 24px}}
@media(max-width:760px){.site-header{height:72px;padding:0 22px}.brand{font-size:23px}.brand-divider{margin:0 2px}.subtitle{font-size:12px}.environment{font-size:11px}main{margin:24px auto 0;padding:0 20px}.auth-layout{display:block;min-height:0;max-width:520px;margin:auto;border-radius:20px}.auth-story{padding:28px 28px 26px}.auth-story h1{font-size:29px;line-height:1.45;margin:8px 0 0}.auth-story .eyebrow{font-size:8px;margin:0;letter-spacing:1.8px}.auth-lead,.approval-illustration,.auth-principles{display:none}.auth-panel{padding:30px 28px 32px;justify-content:flex-start}.auth-panel-inner{max-width:none}.auth-panel h2{font-size:23px}.auth-description{font-size:13px;margin-bottom:23px}.auth-description br{display:none}.auth-help{margin-top:25px;padding-top:21px}.login-steps{margin-bottom:24px}.auth-panel .section-kicker{display:none}.split{grid-template-columns:1fr;gap:0}.split>.detail{display:none}.show-detail .split>.queue-panel{display:none}.show-detail .split>.detail{display:block}.back-to-list{display:block;border:0;background:transparent;color:var(--accent);font-size:13px;padding:0;min-height:44px;margin:-8px 0 15px}.queue-panel{min-height:300px}.request{padding:17px 18px}.request strong{font-size:26px}.request small{font-size:11px}.request-list{display:grid;gap:12px}.request{margin:0}.heading{margin-bottom:20px;align-items:center}.heading h1{font-size:26px}.heading .eyebrow{font-size:8px;margin-bottom:6px}.heading p{font-size:12px}.refresh-button{padding:8px 11px}.notice{font-size:11px;line-height:1.9;padding:12px 14px}.workspace-nav{margin:20px 0;padding-bottom:12px;gap:4px;scrollbar-width:thin}.workspace-nav button{padding:9px 14px;font-size:12px}.detail dl{grid-template-columns:90px minmax(0,1fr);gap:17px;font-size:13px}.detail .address{font-size:12px;line-height:1.9}.detail .amount{font-size:25px}.detail-top{margin-bottom:24px}.review-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;background:white;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.review-actions button{min-height:50px;font-size:12px;padding:10px}.review-actions .primary{min-width:0}.form-grid{grid-template-columns:1fr}.inline-form{display:block}.inline-form button{width:100%;margin-top:12px}.row{flex-wrap:wrap}.row button{width:100%}.management{padding:24px 22px}.management h2{font-size:21px}.actions{flex-wrap:wrap}#identity{gap:8px}#identity>span:not(.environment){max-width:140px;font-size:10px}#identity button{font-size:11px;padding:5px 9px}#message:not(:empty){bottom:calc(14px + env(safe-area-inset-bottom));font-size:12px}footer{font-size:9px;padding:24px 20px;flex-wrap:wrap}#automatic-view form{padding:18px}.empty-state{min-height:260px}}
@media(max-width:390px){.site-header{padding:0 16px;gap:8px}.brand-lockup{gap:8px}.brand-symbol{width:24px;font-size:26px}.brand{font-size:21px}.brand-divider{display:none}.subtitle{font-size:11px}.environment{font-size:10px}main{padding:0 14px}.auth-story{padding:26px 24px}.auth-story h1{font-size:27px}.auth-panel{padding:27px 24px}.card{padding:20px}.detail dl{grid-template-columns:1fr;gap:4px}.detail dd{margin-bottom:13px}.detail .address{font-size:13px}.review-actions{grid-template-columns:1fr}.review-actions .primary{order:-1}.heading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Wide console entrance; only narrow screens use the compact layout. */
.auth-layout{min-height:570px}.auth-story h1{font-size:36px;margin:14px 0}.auth-story .auth-lead{font-size:14px}.console-features{margin:30px 0 32px}.console-features>div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #ded8ef}.console-features>div:last-child{border-bottom:0}.console-features>div>span{font-size:11px;color:#978ab2;padding-top:3px}.console-features h3{font-size:15px;color:#5d5274;margin:0 0 5px;font-weight:550}.console-features p{font-size:12px;color:#9387a5;margin:0}.auth-principles{padding-top:22px}
@media(max-width:760px){.auth-layout{min-height:0}.auth-story h1{font-size:27px;margin:8px 0 0}.console-features{display:none}}

.transfer-hero{padding:0 0 22px;border-bottom:1px solid var(--border);margin-bottom:23px}.transfer-amount{display:block;font-size:37px;letter-spacing:-1.2px;color:#2b2536;line-height:1.3}.transfer-network{display:block;color:#928a9e;font-size:11px;margin-top:8px}.transfer-parties{display:grid;grid-template-columns:1fr 1.65fr;gap:22px;margin-bottom:18px}.transfer-parties>div{min-width:0}.field-title{display:block;color:#958b9f;font-size:11px;margin-bottom:7px}.transfer-parties strong{display:block;font-size:15px;overflow-wrap:anywhere}.transfer-parties small{display:block;color:#a49aaa;font-size:10px;margin-top:5px}.recipient-address{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.8;overflow-wrap:anywhere;user-select:all;background:#f8f6fc;padding:10px 12px;border-radius:8px;border:1px solid #eee9f6}.purpose-row{font-size:12px;color:#86758f;padding:0 0 22px;border-bottom:1px solid var(--border)}.verification-summary{margin:22px 0;font-size:12px}.verification-summary h3{font-size:13px;margin-bottom:12px}.verification-summary>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0;color:#8b8095}.verification-summary .verified{color:#518269}.verification-summary .pending{color:#ac8451}.metadata{margin:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 0;color:#7e718a;font-size:12px}.metadata summary{cursor:pointer;min-height:28px;line-height:28px}.metadata dl{padding-top:15px;margin-bottom:5px}.detail>.notice{display:block;font-size:12px;margin:20px 0}.detail .evidence p{margin:8px 0 0}.detail label{margin-top:17px}
@media(max-width:760px){.transfer-amount{font-size:32px}.transfer-parties{grid-template-columns:1fr;gap:20px}.recipient-address{font-size:12px}.verification-summary>div{font-size:11px}.purpose-row{font-size:12px}.transfer-hero{padding-bottom:18px}.review-actions{position:sticky;bottom:0;margin-bottom:-10px;z-index:2}}

/* Keep payment facts close to the top on both desktop and mobile. */
main:has(#workspace:not([hidden])){margin-top:24px}.heading{margin-bottom:14px}.heading .eyebrow,.heading p{display:none}.heading h1{font-size:25px;margin:0}.workspace-nav{margin:16px 0;padding-bottom:10px}.card{padding:24px}.detail-top{margin-bottom:18px}.site-header:has(#identity button){height:70px}
@media(max-width:760px){main:has(#workspace:not([hidden])){margin-top:16px}.site-header:has(#identity button){height:64px}.card{padding:20px}.heading h1{font-size:23px}.workspace-nav{margin:12px 0;padding-bottom:8px}#workspace:has(.show-detail)>.heading,#workspace:has(.show-detail)>.workspace-nav{display:none}#workspace:has(.show-detail)>#mode{font-size:10px;padding:8px 11px;margin-bottom:12px}.show-detail .detail-top{margin-bottom:14px}.show-detail .transfer-hero{margin-bottom:15px;padding-bottom:14px}.show-detail .transfer-parties{gap:14px;margin-bottom:14px}.show-detail .back-to-list{margin:-8px 0 8px}.show-detail .transfer-amount{font-size:30px}.show-detail .transfer-network{margin-top:5px}.show-detail .section-kicker{margin-bottom:6px}}

#identity button{white-space:nowrap;flex-shrink:0}

.approval-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 26px}.approval-paths article{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:22px}.approval-paths h2{font-size:18px;margin:10px 0}.approval-paths p{font-size:13px;color:#62716e;line-height:1.8;margin:0}.path-type{font-size:12px;font-weight:700;color:#356f61}.history-toolbar{display:flex;gap:12px;margin:22px 0}.history-toolbar select{width:auto;max-width:100%}.history-card{border:1px solid #e2e8e5;border-radius:14px;padding:22px;margin:16px 0}.history-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.history-head>strong:last-child{margin-left:auto;font-size:22px}.audit-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.audit-steps li{padding:14px;background:#f5f8f7;border-radius:10px;min-width:0}.audit-steps small{display:block;margin-bottom:7px;color:#60746d}.audit-steps strong{font-size:13px;overflow-wrap:anywhere}.history-panel dd{overflow-wrap:anywhere}.history-purpose{font-weight:600}.history-card .actions{flex-wrap:wrap}.history-card .actions a{align-self:center}.history-panel>p{line-height:1.8;color:#62716e}
@media(max-width:760px){.approval-paths{grid-template-columns:1fr;gap:8px}.approval-paths article{padding:14px 18px}.approval-paths h2{margin:5px 0;font-size:16px}.approval-paths p{font-size:12px}.audit-steps{grid-template-columns:1fr 1fr}.history-card{padding:16px}.history-head>strong:last-child{width:100%;margin-left:0}.history-toolbar{flex-wrap:wrap}.history-card .actions button{width:100%}}

.approval-guide{margin:14px 0 20px}.approval-guide>summary{cursor:pointer;color:#526b63;font-size:13px;padding:12px 4px}.approval-guide .approval-paths{margin:6px 0 14px}@media(max-width:760px){.workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}.workspace-nav button{padding:10px 6px;font-size:12px;min-width:0;white-space:normal}.approval-guide{margin:8px 0 10px}.history-panel>p{font-size:12px;line-height:1.65}.history-panel{padding:18px}.history-toolbar{margin:16px 0}.audit-steps{gap:8px}.audit-steps li{padding:10px}}
