:root{--bg: #f4f5f7;--panel: #ffffff;--text: #151a22;--muted: #4a5568;--btn: #0047ff;--btn-text: #ffffff;--border: #d6d9e0}:root[data-theme=dark]{--bg: #11151b;--panel: #1a202b;--text: #e9edf5;--muted: #a4afc0;--btn: #4c7dff;--btn-text: #091122;--border: #2f3a4b}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top,rgba(0,71,255,.2),transparent 40%),var(--bg);color:var(--text)}.app-shell{min-height:100vh;padding:2rem 1rem}.app-header{max-width:760px;margin:0 auto 1rem}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.header-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.header-wallet-btn,.header-switch-btn{border-radius:999px;padding:.4rem .7rem;font-size:.9rem}.header-eth{border:1px solid var(--border);border-radius:999px;padding:.35rem .65rem;font-size:.85rem;color:var(--muted)}.theme-cycle-btn{border-radius:999px;min-width:2.2rem;min-height:2.2rem;padding:.2rem;display:inline-grid;place-items:center;font-size:1.1rem;line-height:1}.app-nav{display:flex;gap:.75rem;margin-top:.5rem}.app-nav a{text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem}.active-link{background:var(--btn);color:var(--btn-text)!important}.card{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.25rem;display:grid;gap:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}.stack{display:grid;gap:.5rem}h2{margin:0;font-size:1.1rem}button,input{border-radius:10px;border:1px solid var(--border);padding:.65rem .85rem;font-size:1rem}button{cursor:pointer;background:var(--btn);color:var(--btn-text);border:none}button:hover{filter:brightness(1.08)}input{background:transparent;color:var(--text)}.status{color:var(--muted);word-break:break-word}.status a{margin-left:.5rem}.spinner{display:inline-block;width:.9rem;height:.9rem;border-radius:999px;border:2px solid var(--border);border-top-color:var(--btn);animation:spin .8s linear infinite;vertical-align:text-bottom}@keyframes spin{to{transform:rotate(360deg)}}a{color:var(--btn)}.warning{color:#b85600}.tx-list{display:grid;gap:.75rem}.tx-item{border:1px solid var(--border);border-radius:10px;padding:.75rem;display:grid;gap:.25rem}.tx-item p{margin:0}.tx-row{border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;display:grid;grid-template-columns:minmax(120px,auto) minmax(120px,auto) minmax(90px,auto) 1fr;gap:.6rem;align-items:center}.resource-item{border:1px solid var(--border);border-radius:12px;padding:.8rem;display:grid;gap:.4rem}.resource-item h3,.resource-item p{margin:0}.resource-title-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.resource-type{border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.8rem;color:var(--muted)}.token-list{display:grid;gap:.5rem}.token-row{border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;display:grid;grid-template-columns:minmax(80px,auto) minmax(90px,auto) 1fr;gap:.6rem;align-items:center}@media(max-width:640px){.header-top{flex-direction:column;align-items:stretch}.header-controls{justify-content:flex-start}.tx-row,.token-row{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{padding:1rem .75rem}.card{padding:1rem}}