:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212f;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.appShell{width:min(920px,100%);margin:0 auto;padding:20px}.lockedShell{display:grid;min-height:100vh;place-items:center}.lockedPanel{width:min(420px,100%)}.lockedPanel h1{margin:0 0 8px;font-size:28px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 20px}.topbar h1{margin:0;font-size:28px;line-height:1.1}.topbar p{margin:6px 0 0;color:#5f6b7a}.tabs{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border:1px solid #d9e0ea;border-radius:8px;padding:4px;margin-bottom:16px;background:#fff}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 92px;min-height:36px;border:0;border-radius:6px;color:#314057;background:transparent;cursor:pointer;white-space:nowrap}.tab.active{color:#fff;background:#1d70f5}.panel{border:1px solid #dfe5ee;border-radius:8px;background:#fff;padding:18px}.panel h2{margin:0 0 12px;font-size:20px}.muted{margin:0;color:#687587}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.balanceHero{display:grid;gap:6px;border:1px solid #e5eaf1;border-radius:8px;padding:16px;margin-bottom:12px;background:#fbfcfe}.balanceHero strong{font-size:34px;line-height:1.05}.balanceHero span:last-child{color:#687587}.balanceList{display:grid;gap:8px;margin:14px 0}.balanceRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,1fr);gap:12px;border:1px solid #e5eaf1;border-radius:8px;padding:12px;background:#fff}.balanceRow strong,.balanceRow span,.assetList span{display:block}.balanceRow span,.assetList{overflow-wrap:anywhere;margin-top:4px;color:#687587;font-size:13px}.assetList{display:grid;gap:4px;margin-top:0}.metrics>div{border:1px solid #e5eaf1;border-radius:8px;padding:14px;background:#fbfcfe}.metricLabel{display:block;margin-bottom:8px;color:#687587;font-size:13px}.metrics strong{font-size:24px}.walletForm{display:grid;grid-template-columns:120px minmax(140px,1fr) minmax(220px,2fr) auto;gap:10px;align-items:end;margin-top:16px}.walletForm label,.filterBar label,.stackForm label{display:grid;gap:6px;color:#526174;font-size:13px}.walletForm input,.walletForm select,.filterBar select,.transactionEditor input,.transactionEditor select,.stackForm input,.stackForm select{width:100%;min-height:40px;border:1px solid #d9e0ea;border-radius:8px;padding:0 10px;color:#18212f;background:#fff}.walletForm button,.walletRow button,.transactionEditor button,.stackForm button{min-height:40px;border:0;border-radius:8px;padding:0 14px;color:#fff;background:#1d70f5;cursor:pointer}.walletForm button:disabled,.walletRow button:disabled,.transactionEditor button:disabled,.stackForm button:disabled{cursor:not-allowed;opacity:.55}.statusLine{margin-top:12px;color:#687587;font-size:13px}.walletList{display:grid;gap:8px;margin-top:14px}.walletRow,.transactionRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e5eaf1;border-radius:8px;padding:12px;background:#fbfcfe}.rowActions{display:flex;gap:8px}.walletRow.inactive{opacity:.58}.walletRow strong,.walletRow span,.transactionRow strong,.transactionRow span,.entityRow strong,.entityRow span{display:block}.walletRow span,.transactionRow span,.entityRow span,.addressList,.hashLine,.emptyState{overflow-wrap:anywhere;margin-top:4px;color:#687587;font-size:13px}.transactionTimeline{display:grid;gap:22px;margin-top:18px}.transactionDateSection h3{margin:0 0 10px;color:#7a8291;font-size:18px}.transactionCardGroup{overflow:hidden;border:1px solid #e5eaf1;border-radius:18px;background:#fff}.filterBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.transactionCard{background:#fff}.transactionCard+.transactionCard{border-top:1px solid #eef1f5}.transactionSummary{display:grid;width:100%;grid-template-columns:44px minmax(0,1fr) minmax(140px,auto);gap:12px;align-items:center;border:0;padding:14px;color:#18212f;background:transparent;text-align:left;cursor:pointer}.transactionIcon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;font-weight:800;background:#61c7f2}.transactionIcon.stake,.transactionIcon.stake-withdraw{background:linear-gradient(135deg,#6d8dff,#7c5df1)}.transactionIcon.received{background:#68d46f}.transactionIcon.sent{background:#8a94a6}.transactionMeta{min-width:0}.transactionMeta strong,.transactionMeta span{display:block}.transactionMeta strong{font-size:17px;line-height:1.15}.transactionMeta span{overflow:hidden;margin-top:3px;color:#7a8291;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.transactionAmount{display:grid;justify-items:end;gap:3px;color:#18212f;font-weight:650;text-align:right}.transactionLines,.transactionFlow{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.transactionLines{display:grid}.amountLine{display:inline-flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;color:#18212f}.amountLine small{flex-basis:100%;color:#7a8291;font-size:12px;font-weight:500}.amountLine.incoming{color:#13a85f}.amountLine.outgoing{color:#18212f}.flowArrow{color:#687587}.transactionEditor{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(180px,2fr) auto;gap:8px;padding:0 14px 14px 70px}.hashLine{align-self:center;margin-top:0;text-align:right}.emptyState{margin-bottom:0}.directoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.stackForm{display:grid;align-content:start;gap:10px;border:1px solid #e5eaf1;border-radius:8px;padding:14px;background:#fbfcfe}.stackForm h3{margin:0;font-size:16px}.checkLine{grid-template-columns:auto 1fr;align-items:center}.checkLine input{width:auto;min-height:auto}.entityList{display:grid;gap:8px;margin-top:14px}.entityRow{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);gap:12px;border:1px solid #e5eaf1;border-radius:8px;padding:12px;background:#fff}.addressList{display:grid;gap:4px;margin-top:0}@media(max-width:640px){.appShell{padding:14px}.metrics,.balanceRow,.walletForm,.filterBar,.walletRow,.transactionRow,.transactionEditor,.directoryGrid,.entityRow{grid-template-columns:1fr}.hashLine{text-align:left}.rowActions{flex-wrap:wrap}}
