:root{--bg:#0b0d10;--surface:#15181d;--surface-2:#1c2027;--border:#262b33;--text:#f2f3f5;--text-dim:#9aa1ac;--accent:#2dd4bf;--accent-dim:#1a8f80;--danger:#ef4444;--danger-bg:#2a1518;--warn:#f59e0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.page{flex:1;padding:20px 16px 90px;overflow-y:auto}h1.page-title{margin:4px 0 18px;font-size:28px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:14px;padding:16px}.card-title{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.row:last-child{border-bottom:none}.row-label{color:var(--text-dim);font-size:14px}.row-value{font-size:14px;font-weight:600}.value-lg{font-size:34px;font-weight:700}.pos{color:var(--accent)}.neg{color:var(--danger)}.pill{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.active{color:var(--accent);background:#2dd4bf26}.pill.danger{background:var(--danger-bg);color:var(--danger)}.tabs{gap:8px;margin-bottom:14px;display:flex}.tab-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:12px;flex:1;padding:10px;font-size:13px;font-weight:600}.tab-btn.active{background:var(--surface-2);color:var(--text);border-color:var(--accent-dim)}button.primary{background:var(--accent);color:#04211d;cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:700}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;border-radius:14px;padding:12px;font-weight:600}button.danger{background:var(--danger);color:#fff}label.field{color:var(--text-dim);margin:12px 0 6px;font-size:13px;display:block}input,select{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:12px;padding:12px;font-size:14px}input:focus,select:focus{outline:1px solid var(--accent)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding:8px 4px calc(env(safe-area-inset-bottom) + 8px);display:flex;position:sticky;bottom:0}.nav-item{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;font-size:11px;text-decoration:none;display:flex}.nav-item.active{color:var(--accent)}.nav-icon{font-size:19px}.banner{border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:13px}.banner.info{color:var(--accent);border:1px solid var(--accent-dim);background:#2dd4bf1a}.banner.error{background:var(--danger-bg);color:#fca5a5;border:1px solid #7f1d1d}.banner.warn{color:var(--warn);background:#f59e0b1a;border:1px solid #78350f}.muted{color:var(--text-dim);font-size:13px}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:6px 4px;font-weight:500}table.data-table td{border-bottom:1px solid var(--border);padding:8px 4px}.empty-state{text-align:center;color:var(--text-dim);padding:40px 10px}