:root { --bg:#0b0f14; --card:#121820; --text:#e6eef7; --muted:#9fb3c8; --accent:#2bb673; --danger:#e85a5a; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--text); }
a { color: var(--accent); text-decoration: none; }
.app-header, .app-footer { padding: 12px 16px; background: #0d131a; border-bottom: 1px solid #18202a; }
.app-footer { border-top: 1px solid #18202a; border-bottom: none; margin-top: 20px; }
.brand { font-weight: 700; }
.nav a { margin-right: 12px; }
.grid { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 12px; }
.card { background: var(--card); border:1px solid #1c2632; border-radius: 10px; padding: 12px; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { border-bottom: 1px solid #1c2632; padding: 8px; text-align: left; }
.wallets { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.wallet-card { border:1px solid #1e2834; border-radius:8px; padding:10px; background:#0f151d; }
.wc-top { display:flex; gap:10px; align-items:center; justify-content: space-between; }
.wc-symbol { font-weight:700; }
.wc-link { font-size: 12px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.error { border-color: var(--danger); color: var(--danger); }
.form { display:grid; gap:8px; max-width: 420px; }
.form input, .form select, .form button { padding:8px; border-radius:6px; border:1px solid #1c2632; background:#0f151d; color:var(--text); }
.form button { background: var(--accent); color:#072612; border:none; font-weight:700; cursor:pointer; }
.mt { margin-top:10px; }
@media (min-width: 900px) { .grid { grid-template-columns: 1fr 1fr; } }

/* Telegram Wallet-like bottom bar */
.tg-bottom{position:fixed;left:0;right:0;bottom:0;height:62px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid rgba(0,0,0,.08);display:grid;grid-template-columns:1fr 1fr 1fr;z-index:1000}
.tg-bottom .tg-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#111827;font-size:12px}
.tg-bottom .tg-ico{font-size:18px;line-height:18px;margin-bottom:4px}
.tg-bottom .tg-tab.active{color:#2563eb}
.page{padding-bottom:72px}

/* Totals center & actions */
.totals{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 0 6px}
.actions-row{display:flex;gap:10px;justify-content:center;margin:8px 0 12px}
.actions-row .btn{padding:10px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#f3f4f6;color:#111827;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.actions-row .btn:active{transform:scale(.98)}