:root{--ink:#10201c;--muted:#71817c;--line:#dfe8e4;--soft:#f2f7f5;--green:#0d8f77;--green-2:#16b697;--night:#071612;--white:#fff;--danger:#bf3e4d}*{box-sizing:border-box}html{font-family:Inter,"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f5f8f7}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:15px;color:#79ead4;font-size:11px;font-weight:900;letter-spacing:1.4px}.brand-mark.small{width:38px;height:38px;border-color:#c8ddd6;color:#087966;border-radius:12px}.login{min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(39,194,158,.18),transparent 28%),radial-gradient(circle at 90% 85%,rgba(40,123,106,.18),transparent 30%),var(--night);display:grid;grid-template-rows:auto 1fr auto;color:#fff;padding:36px 5vw 24px}.login-brand,.app-brand{display:flex;align-items:center;gap:12px}.login-brand strong,.login-brand small,.app-brand strong,.app-brand small{display:block}.login-brand strong{font-size:17px}.login-brand small{font-size:10px;color:#789188;letter-spacing:.5px;margin-top:3px}.login-card{width:min(100%,480px);align-self:center;justify-self:center;padding:42px;background:rgba(255,255,255,.97);color:var(--ink);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.34)}.network-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #c7e8df;border-radius:999px;color:#087763;background:#edf9f6;font-size:10px;font-weight:900;letter-spacing:1.2px}.network-pill i,.sync-state i{width:7px;height:7px;border-radius:50%;background:#13b790;box-shadow:0 0 0 4px rgba(19,183,144,.12)}.network-pill.compact{padding:7px 10px}.eyebrow{margin:0;color:#138873;font-size:10px;font-weight:900;letter-spacing:1.8px}.login-card>.eyebrow{margin-top:27px}.login-card h1{font-size:36px;line-height:1.2;letter-spacing:-1.5px;margin:12px 0 14px}.login-copy{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 28px}.login form label{display:block;margin:0 0 17px}.login form label>span{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.login input{width:100%;height:48px;border:1px solid #dbe4e1;border-radius:11px;padding:0 14px;outline:none;background:#fff}.login input:focus{border-color:#39b39e;box-shadow:0 0 0 3px rgba(57,179,158,.13)}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:8px;top:7px;height:34px;border:0;background:transparent;color:#0d8873;font-size:12px;font-weight:800}.primary,.secondary{border:0;border-radius:11px;height:45px;padding:0 17px;font-weight:850}.primary{background:var(--green);color:#fff;box-shadow:0 9px 24px rgba(13,143,119,.18)}.primary:hover{background:#087b67}.primary:disabled{opacity:.55;cursor:wait}.secondary{background:#edf3f1;color:#65736f}.login-button{width:100%;height:50px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px}.login-button span{font-size:18px}.form-error{min-height:18px;color:var(--danger);font-size:12px;margin:9px 0 0}.security-copy{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px;color:#667670}.security-copy>span{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#daf3ec;color:#07826d;font-weight:900}.security-copy p{font-size:11px;line-height:1.6;margin:0}.security-copy strong{color:#36544c}.login-footer{text-align:center;font-size:10px;color:#557069}.app{min-height:100vh;background:linear-gradient(180deg,#fbfdfc 0,#f2f6f4 100%)}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.app-brand{text-decoration:none;color:var(--ink)}.app-brand strong{font-size:14px}.app-brand small{font-size:10px;color:#84928e;margin-top:2px}.top-actions{display:flex;align-items:center;gap:11px}.account-button{height:40px;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#34443f}.account-button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e2f4ef;color:#087763;font-weight:900}.account-button b{font-size:12px}.logout-button{border:0;background:transparent;font-size:20px;color:#7a8984;padding:8px}main{max-width:1180px;margin:auto;padding:50px 24px 70px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.welcome-row h1{font-size:30px;letter-spacing:-1px;margin:8px 0}.welcome-row>div>p:last-child{color:var(--muted);font-size:14px;margin:0}.sync-state{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:11px 14px;border-radius:12px}.sync-state strong,.sync-state small{display:block}.sync-state strong{font-size:11px}.sync-state small{font-size:9px;color:#8b9995;margin-top:3px}.wallet-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.balance-card,.address-card,.activity-card,.safety-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px rgba(24,53,44,.045)}.balance-card{padding:28px;background:radial-gradient(circle at 90% 5%,rgba(66,207,177,.15),transparent 34%),#fff}.balance-top{display:flex;align-items:center;gap:12px}.token-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#20a987;color:#fff;font-size:22px;font-weight:900}.balance-top strong,.balance-top small{display:block}.balance-top strong{font-size:14px}.balance-top small{color:#7c8c87;font-size:10px;margin-top:3px}.test-chip{margin-left:auto;padding:6px 8px;background:#f0f6f4;border-radius:7px;color:#74827e;font-size:9px;font-weight:900;letter-spacing:.6px}.balance-card>p{color:#71807c;font-size:12px;margin:32px 0 6px}.balance{display:flex;align-items:baseline;gap:9px}.balance strong{font-size:38px;letter-spacing:-1.8px}.balance span{color:#64736f;font-size:13px;font-weight:800}.fiat-note{display:block;color:#98a49f;font-size:10px;margin-top:6px}.balance-actions{display:flex;gap:10px;margin-top:32px}.balance-actions button{flex:1}.address-card{padding:27px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between}.card-heading h2{font-size:18px;margin:7px 0 0}.chain-symbol{display:grid;place-items:center;width:38px;height:38px;background:#ee4b45;color:#fff;border-radius:11px;font-size:15px;font-weight:900}.address-value{font:600 15px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;margin:30px 0 12px;padding:15px;background:var(--soft);border-radius:10px;color:#29443c}.copy-button,.text-button{border:0;background:none;color:#07826d;font-size:11px;font-weight:850;padding:4px 0}.address-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.address-meta small,.address-meta strong{display:block}.address-meta small{font-size:9px;color:#8b9995;margin-bottom:5px}.address-meta strong{font-size:11px}.empty-address{text-align:center;padding:27px 10px 4px}.empty-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 13px;border-radius:15px;background:#e8f7f3;color:#07826d;font-size:22px}.empty-address h3{font-size:15px;margin:0}.empty-address p{font-size:11px;color:#7b8a85;line-height:1.6;margin:7px 0 18px}.lower-grid{display:grid;grid-template-columns:1fr 330px;gap:18px;margin-top:18px}.activity-card{padding:25px}.transaction-list{margin-top:18px}.transaction{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #edf1ef}.transaction-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e5f6f1;color:#0b8e75;font-weight:900}.transaction.out .transaction-icon{background:#fff0ed;color:#dc5f4c}.transaction-main{min-width:0;flex:1}.transaction-main strong,.transaction-main small{display:block}.transaction-main strong{font-size:12px}.transaction-main small{font-size:10px;color:#899691;margin-top:4px}.transaction-amount{text-align:right}.transaction-amount strong,.transaction-amount small{display:block}.transaction-amount strong{font-size:12px}.transaction-amount small{font-size:9px;color:#899691;margin-top:4px}.empty-activity{text-align:center;padding:45px 15px;color:#81908b}.empty-activity span{font-size:25px}.empty-activity h3{font-size:14px;color:#43534e;margin:12px 0 6px}.empty-activity p{font-size:11px;margin:0}.safety-card{padding:25px;background:var(--night);border-color:var(--night);color:#fff}.shield{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#133e34;color:#5be0c0;margin-bottom:24px}.safety-card h2{font-size:18px;margin:8px 0 10px}.safety-card>p:not(.eyebrow){font-size:11px;color:#8ea49d;line-height:1.7}.safety-card ul{list-style:none;padding:0;margin:20px 0 0}.safety-card li{font-size:10px;color:#b0c1bc;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.safety-card li:before{content:"✓";color:#4cddba;margin-right:8px}.toast{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;background:#10231e;color:#fff;padding:13px 17px;border-radius:11px;box-shadow:0 15px 45px rgba(0,0,0,.2);transform:translateY(90px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast span{color:#4cddba}.toast b{font-size:11px}@media(max-width:820px){.wallet-grid,.lower-grid{grid-template-columns:1fr}.topbar{padding:0 18px}.account-button b{display:none}main{padding:35px 18px 60px}.welcome-row{align-items:flex-start}.sync-state{display:none}}@media(max-width:520px){.login{padding:22px 16px}.login-card{padding:28px 22px}.login-card h1{font-size:30px}.top-actions .network-pill{display:none}.welcome-row h1{font-size:25px}.balance strong{font-size:31px}.balance-actions{flex-direction:column}.address-meta{gap:15px}.account-button{padding:0}.wallet-grid,.lower-grid{gap:13px}}