@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--ink-950:#10141a;--ink-900:#171d26;--ink-850:#1c2330;--ink-800:#232b37;--ink-700:#333d4c;--paper-100:#e9edf2;--paper-300:#b7c1cd;--paper-400:#93a1b0;--brass-400:#d6b876;--brass-500:#c9a24b;--brass-600:#a9843a;--teal-400:#6fbcab;--teal-500:#4fa391;--brick-400:#c96a58;--brick-500:#b0503f;--divider:#e9edf21a;--shadow-soft:0 12px 28px #00000047;--display:"Space Grotesk", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);color:var(--paper-100);background:var(--ink-950);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}#root{max-width:1180px;margin:0 auto;padding:0 24px 64px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}:focus-visible{outline:2px solid var(--brass-400);outline-offset:2px}p{margin:0}h5{text-align:center;font-family:var(--display);letter-spacing:.02em;color:var(--paper-400);margin:28px 0 4px;font-size:.9rem;font-weight:500}h2{text-align:center;font-family:var(--display);color:var(--paper-100);margin:0 0 24px;font-size:1.5rem;font-weight:600}h3{font-family:var(--display);color:var(--paper-100);margin:0 0 16px;font-size:1.15rem;font-weight:600}.accounts-container{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:28px;display:grid}@media (width<=860px){.accounts-container{grid-template-columns:1fr}}#accounts-list{border:1px solid var(--ink-800);background:var(--ink-900);border-radius:10px;overflow:hidden}#accounts-list>p{color:var(--paper-400);padding:20px;font-size:.92rem}.account-card{border-bottom:1px solid var(--divider);border-left:2px solid #0000;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:background .15s,border-color .15s;display:flex}#accounts-list .account-card:last-child{border-bottom:none}.account-card:hover{background:var(--ink-850)}.account-card.active{background:var(--ink-850);border-left-color:var(--brass-500)}.account-card p:first-child{color:var(--paper-100);font-weight:500}.account-card p:nth-child(2){font-variant-numeric:tabular-nums;color:var(--paper-400);font-size:.88rem}.account-card a{color:var(--brass-400);border-bottom:1px solid #0000;flex-shrink:0;font-size:.85rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s}.account-card a:hover{color:var(--brass-500);border-bottom-color:currentColor}.account-card.active a{color:var(--teal-400)}#accounts-details{min-height:100%}#accounts-details>p{color:var(--paper-400);border:1px dashed var(--ink-800);border-radius:10px;padding:28px;font-size:.92rem}.account-details-card{border:1px solid var(--ink-800);background:var(--ink-900);box-shadow:var(--shadow-soft);border-radius:10px;padding:28px 32px;animation:.35s rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.account-details-card p{border-bottom:1px solid var(--divider);justify-content:space-between;gap:16px;padding:10px 0;font-size:.95rem;display:flex}.account-details-card p:last-of-type{border-bottom:none}.account-detail-label{color:var(--paper-400);font-weight:400}.account-details-card p:nth-of-type(5){border-top:1px solid var(--ink-800);border-bottom:1px solid var(--ink-800);align-items:baseline;margin:6px 0;padding:18px 0}.account-details-card p:nth-of-type(5) .account-detail-label{font-family:var(--display);color:var(--paper-300);font-size:1rem}.account-details-card p:nth-of-type(5):after{content:""}.account-details-card p:nth-of-type(5){font-family:var(--display);color:var(--brass-400);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600}.account-details-card p:nth-of-type(2){font-variant-numeric:tabular-nums}.account-details-card button{font-family:var(--body);cursor:pointer;border:1px solid #0000;border-radius:7px;margin-top:16px;margin-right:10px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:transform .1s,opacity .15s,background .15s}.account-details-card button:active{transform:translateY(1px)}.account-details-card button:first-of-type{background:var(--brass-500);color:var(--ink-950)}.account-details-card button:first-of-type:hover{background:var(--brass-400)}.account-details-card button:nth-of-type(2){border-color:var(--teal-500);color:var(--teal-400);background:0 0}.account-details-card button:nth-of-type(2):hover{background:#4fa3911f}.account-details-card button:nth-of-type(3){border-color:var(--brick-500);color:var(--brick-400);background:0 0}.account-details-card button:nth-of-type(3):hover{background:#b0503f24}#transfer-section{border:1px solid var(--ink-800);background:var(--ink-900);border-radius:10px;grid-template-columns:minmax(280px,1fr) minmax(240px,1fr);align-items:start;column-gap:48px;margin-top:32px;padding:28px 32px;display:grid}#transfer-section h3{grid-column:1/-1}#transfer-section form{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px 20px;display:grid}#transfer-section label{color:var(--paper-400);font-size:.88rem}#transfer-section select,#transfer-section input{font-family:var(--body);color:var(--paper-100);background:var(--ink-850);border:1px solid var(--ink-700);border-radius:7px;width:100%;padding:10px 12px;font-size:.95rem;transition:border-color .15s}#transfer-section select:hover,#transfer-section input:hover{border-color:var(--paper-400)}#transfer-section select:focus,#transfer-section input:focus{border-color:var(--brass-500);outline:none}#transfer-section input[type=number]{font-variant-numeric:tabular-nums}#transfer-section input::placeholder{color:var(--paper-400)}#transfer-section form button{background:var(--brass-500);color:var(--ink-950);font-family:var(--body);cursor:pointer;border:none;border-radius:7px;grid-column:1/-1;justify-self:start;margin-top:6px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s}#transfer-section form button:hover{background:var(--brass-400)}#transfer-section form button:active{transform:translateY(1px)}#transfer-section form button:disabled{background:var(--ink-700);color:var(--paper-400);cursor:not-allowed}@media (width<=560px){#transfer-section form{grid-template-columns:1fr}#transfer-section form label{margin-top:6px}}.transfer-response{border-left:1px solid var(--ink-800);grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:14px 20px;height:100%;padding-left:32px;animation:.25s rise;display:grid}.transfer-response p{color:var(--paper-100);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.transfer-response-label{color:var(--paper-400);font-size:.72rem;font-weight:500}.transfer-response p:nth-of-type(2){font-family:var(--display);color:var(--brass-400);font-variant-numeric:tabular-nums;font-weight:600}.transfer-response p:first-of-type,.transfer-response p:nth-of-type(4),.transfer-response p:nth-of-type(5){font-variant-numeric:tabular-nums}.transfer-response p:nth-of-type(3){grid-column:1/-1}.transfer-response-error{color:var(--brick-400);grid-template-columns:1fr}.transfer-response-error p{color:var(--brick-400)}@media (width<=780px){#transfer-section{grid-template-columns:1fr}.transfer-response{border-left:none;border-top:1px solid var(--ink-800);margin-top:8px;padding-top:22px;padding-left:0}}#transaction-history{border:1px solid var(--ink-800);background:var(--ink-900);border-radius:10px;margin-top:28px;padding:24px 32px 8px}#transaction-history>p{color:var(--paper-400);padding-bottom:24px;font-size:.92rem}.transaction-card{border-bottom:1px solid var(--divider);grid-template-columns:1fr .7fr 1.5fr 1.1fr 1.1fr 1fr .9fr;align-items:start;column-gap:18px;padding:16px 0;display:grid}#transaction-history .transaction-card:last-of-type{border-bottom:none}.transaction-card:hover{background:var(--ink-850)}.transaction-card p{flex-direction:column;gap:4px;min-width:0;display:flex}.transaction-detail-label{color:var(--paper-400);font-size:.72rem;font-weight:500}.transaction-card p:first-of-type{font-variant-numeric:tabular-nums;color:var(--paper-300);font-size:.85rem}.transaction-card p:nth-of-type(2){font-family:var(--display);color:var(--brass-400);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.transaction-card p:nth-of-type(3){color:var(--paper-100);white-space:normal;overflow-wrap:break-word;font-size:.9rem}.transaction-card p:nth-of-type(4){font-variant-numeric:tabular-nums;font-size:.88rem}.transaction-card p:nth-of-type(6){color:var(--paper-300);font-size:.82rem}.transaction-card p:nth-of-type(7){font-size:.85rem;font-weight:600}.transaction-card p:nth-of-type(8){color:var(--brick-400);background:#b0503f1a;border:1px solid #b0503f4d;border-radius:7px;flex-direction:row;grid-column:1/-1;gap:8px;margin-top:6px;padding:10px 14px;font-size:.85rem}.transaction-card p:nth-of-type(8) .transaction-detail-label{color:var(--brick-400)}@media (width<=900px){.transaction-card{grid-template-columns:1fr 1fr;row-gap:12px}}@media (width<=520px){.transaction-card{grid-template-columns:1fr}}.otp-form{background:var(--ink-850);border:1px solid var(--ink-800);border-radius:7px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;margin-top:10px;padding:14px;display:flex}.otp-input{font-family:var(--body);font-variant-numeric:tabular-nums;color:var(--paper-100);background:var(--ink-900);border:1px solid var(--ink-700);border-radius:6px;width:140px;padding:9px 12px;font-size:.95rem}.otp-input:focus{border-color:var(--brass-500);outline:none}.otp-form button{background:var(--teal-500);color:var(--ink-950);cursor:pointer;border:none;border-radius:6px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:background .15s}.otp-form button:hover{background:var(--teal-400)}.otp-form button:disabled{background:var(--ink-700);color:var(--paper-400);cursor:not-allowed}.otp-success{color:var(--teal-400);width:100%;font-size:.85rem}.otp-error{color:var(--brick-400);width:100%;font-size:.85rem}.app-title{margin-top:16px}.spinner{align-items:center;gap:10px;padding:16px;display:inline-flex}.spinner-ring{border:2px solid var(--ink-700);border-top-color:var(--brass-500);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm .spinner-ring{border-width:2px;width:14px;height:14px}.spinner-lg .spinner-ring{border-width:3px;width:26px;height:26px}.spinner-label{color:var(--paper-400);font-size:.88rem}@keyframes spin{to{transform:rotate(360deg)}}.account-details-card button:has(.spinner){justify-content:center;align-items:center;display:inline-flex}#transfer-section form button:has(.spinner){justify-content:center;align-items:center;display:inline-flex}#transfer-section form button .spinner-ring{border-color:#10141a59;border-top-color:var(--ink-950)}