#finances.finance-screen{padding:0 0 28px;color:#23425c}
.finance-hero{position:relative;overflow:hidden;border:1px solid #ecd99b;border-radius:22px;padding:20px 18px;background:radial-gradient(circle at 92% 0%,#fff8dd 0,transparent 42%),linear-gradient(135deg,#fffdf6,#f4f8ff 78%);box-shadow:0 10px 26px #44678912;margin-bottom:16px}
.finance-hero:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #f0dc9c66;border-radius:50%;right:-90px;bottom:-136px;box-shadow:0 0 0 16px #f4e5b122,0 0 0 34px #f4e5b11c;pointer-events:none}
.finance-rates{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;z-index:1}
.finance-rate{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid #e4ebf2;border-radius:12px;background:#ffffffbb;font-size:11px;color:#72849a}
.finance-rate b{font-size:12px;color:#3a526c;white-space:nowrap}
.finance-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid #e2eaf2;border-radius:15px;background:#eaf1f8;margin:14px 0}
.finance-tabs button{border:0;border-radius:11px;background:transparent;color:#6a7d91;padding:11px 8px;font-family:inherit;font-size:13px;line-height:1.2;font-weight:800;cursor:pointer}
.finance-tabs button.active{background:#fff;color:#2b5278;box-shadow:0 2px 8px #294a6815}
.finance-block{background:#fff;border:1px solid #e1e9f1;border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 8px 22px #2e54730c}
.finance-block h2{margin:0 0 4px;font-size:16px;color:#294761}
.finance-subtitle{margin:0 0 13px;color:#7d8da1;font-size:12px;line-height:1.45}
.finance-assets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.finance-asset{position:relative;min-width:0;min-height:67px;display:flex;align-items:center;gap:8px;padding:9px 7px;border:1px solid #e0e8f0;border-radius:13px;background:#fff;color:#34516d;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.finance-asset:active{transform:scale(.98)}
.finance-asset.active{border:2px solid #69a1dc;padding:8px 6px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 0 0 3px #dcecff}
.finance-asset-mark{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#f3f6fa;overflow:hidden}
.finance-asset-mark img{width:22px;height:22px;display:block}
.finance-asset-copy{min-width:0;display:block}
.finance-asset-ticker{display:block;font-size:12px;font-weight:900;line-height:1.05;white-space:nowrap}
.finance-asset-network{display:block;margin-top:4px;color:#8494a6;font-size:9px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-asset-check{position:absolute;right:4px;top:4px;width:14px;height:14px;color:#3983c8;opacity:0}
.finance-asset.active .finance-asset-check{opacity:1}
.finance-asset-check svg{width:100%;height:100%}
.finance-calculator{margin-top:15px;padding:14px;border-radius:15px;background:linear-gradient(135deg,#f6faff,#f8fbff);border:1px solid #e2edf6}
.finance-field-label{display:block;margin:0 0 6px;color:#687e94;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.finance-input-wrap{display:flex;align-items:center;gap:9px;min-height:50px;padding:0 12px;border:1px solid #d7e3ee;border-radius:12px;background:white;color:#6d8096}
.finance-input-wrap>span{font-weight:800;color:#57728c}
.finance-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#284760;font-family:inherit;font-size:19px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}
.finance-input-wrap input::-webkit-outer-spin-button,.finance-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.finance-input-wrap input[type=number]{-moz-appearance:textfield}
.finance-quick-amounts{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.finance-quick-amounts button{flex:1;min-width:58px;padding:9px 6px;border:1px solid #d7e3ee;border-radius:11px;background:#fff;color:#4c6c88;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.finance-quick-amounts button:active{transform:scale(.97)}
.finance-quick-amounts button.active{border-color:#e3b24c;background:linear-gradient(135deg,#fff6e0,#fffdf6);color:#8a5f14}
.finance-quote{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:10px;color:#71849a;font-size:11px}
.finance-quote b{color:#35546f;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.finance-note{margin:10px 0 0;color:#8493a5;font-size:11px;line-height:1.45}
.finance-primary{width:100%;min-height:48px;margin-top:13px;border:1px solid #b68022;border-radius:13px;background:linear-gradient(#ffe19a,#f4c55c);box-shadow:0 3px 0 #d7a83d;color:#553e17;font-family:inherit;font-size:14px;line-height:1.2;font-weight:900;cursor:pointer}
.finance-primary:disabled{opacity:.55;cursor:wait}
.finance-notice{display:none;margin-top:11px;padding:11px 12px;border-radius:12px;background:#eef6ff;color:#3e6385;font-size:12px;line-height:1.45}
.finance-notice.show{display:block}
.finance-notice.error{background:#fff1ef;color:#a74e42}
.finance-result{margin-top:13px;padding:14px;border:1px solid #dce8f2;border-radius:15px;background:#fbfdff}
.finance-result[hidden]{display:none}
.finance-result-title{font-size:12px;font-weight:900;color:#3d5974}
.finance-result-amount{margin:5px 0 12px;color:#244b6c;font-size:14px;font-weight:850}
.finance-qr{display:flex;justify-content:center;margin-bottom:12px}
.finance-qr img{width:176px;height:176px;padding:10px;background:#fff;border:1px solid #dce8f2;border-radius:14px;image-rendering:pixelated}
.finance-address{padding:11px 12px;border:1px dashed #cad9e6;border-radius:11px;background:white;color:#34516b;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;user-select:text}
.finance-copy{margin-top:8px;padding:9px 12px;border:1px solid #d5e2ed;border-radius:10px;background:#fff;color:#42617c;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.finance-tag{margin-top:8px;color:#5c7690;font-size:12px}
.finance-wallet{margin-top:13px}
.finance-history{display:grid;gap:8px;margin-top:12px}
.finance-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px;border:1px solid #e4ebf2;border-radius:13px;background:#fff}
.finance-history-title{min-width:0;color:#3c5873;font-size:12px;font-weight:850;overflow-wrap:anywhere}
.finance-history-amount{color:#315675;font-size:12px;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}
.finance-history-meta{grid-column:1/-1;color:#8795a5;font-size:10px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.finance-status{color:#52718f;font-weight:800}
.finance-empty{padding:23px 10px;text-align:center;color:#8a99a9;font-size:12px}
.finance-more{display:block;width:100%;margin-top:10px;padding:11px;border:1px solid #d7e2ed;border-radius:12px;background:#fff;color:#46647f;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.finance-more[hidden]{display:none}
.finance-footnote{margin:12px 4px;color:#8795a6;font-size:10px;line-height:1.5;text-align:center}
#financeCapital,#financePending,#financeRate,#history{display:none!important}
@media(max-width:420px){.finance-hero{padding:18px 15px;border-radius:19px}.finance-rates{grid-template-columns:1fr;gap:6px}.finance-rate{padding:8px 10px}.finance-assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.finance-asset{min-height:64px;padding:8px 5px;gap:6px}.finance-asset.active{padding:7px 4px}.finance-asset-mark{width:28px;height:28px}.finance-asset-mark img{width:18px;height:18px}.finance-asset-ticker{font-size:11px}.finance-asset-network{font-size:8px}.finance-block{padding:14px;border-radius:16px}.finance-quick-amounts button{min-width:48px;font-size:11px;padding:8px 4px}}