:root{--brand: #1f3a5f;--ink: #24292f;--muted: #4a5568;--border: #d0d7de;--bg: #f6f8fa;--card: #ffffff;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--brand)}h2{margin:.25rem 0 1rem;color:var(--brand)}h3{color:var(--brand)}button{font:inherit;padding:.45rem 1rem;border:none;border-radius:6px;background:var(--brand);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:#e8eef7;color:var(--brand)}.app{max-width:1100px;margin:0 auto;padding:0 1.25rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-bottom:2px solid var(--brand);margin-bottom:1.5rem}.brand{display:inline-flex;align-items:center;gap:.55rem}.brand-mark{width:30px;height:30px;flex:0 0 auto}.app-header h1{margin:0;color:var(--brand);font-size:1.4rem}.user-menu{display:flex;align-items:center;gap:.75rem}.user-menu .email{color:var(--muted);font-size:.9rem}.page{padding:0 0 2rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.filters input,.filters select{padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;font:inherit;background:var(--card);color:var(--ink)}table{border-collapse:collapse;width:100%}table.trades,table.orders,table.kv{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}table.trades th,table.orders th{background:#eef2f6;color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}table.trades th,table.trades td,table.orders th,table.orders td,table.kv th,table.kv td{border-bottom:1px solid #eaeef2;padding:.55rem .75rem;text-align:left}table.trades tr:last-child td,table.orders tr:last-child td,table.kv tr:last-child td{border-bottom:none}table.kv th{width:12rem;vertical-align:top;color:var(--muted);font-weight:600}table.trades a{color:var(--brand);text-decoration:none}table.trades a:hover{text-decoration:underline}.badge{color:#fff;border-radius:999px;padding:.12rem .6rem;font-size:.75rem;font-weight:600}.load-more{margin-top:1rem;background:#e8eef7;color:var(--brand)}.error{color:#b23b3b;margin:.5rem 0}.pause-switch{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;margin-bottom:1.25rem;background:var(--card)}.pause-switch.live{border-left:4px solid #1a7f4b}.pause-switch.paused{border-left:4px solid #c0392b}.pause-switch .state{font-weight:700;letter-spacing:.04em}.pause-switch.live .state{color:#1a7f4b}.pause-switch.paused .state{color:#c0392b}.pause-switch .meta{color:var(--muted);font-size:.85rem}pre{white-space:pre-wrap;word-break:break-word;background:#eef2f6;border:1px solid var(--border);border-radius:6px;padding:.6rem}.auth-page{display:flex;justify-content:center;padding:3rem 1.25rem}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.75rem 2rem;width:min(26rem,100%)}.auth-card .brand{margin-bottom:.25rem}.auth-card .brand-mark{width:34px;height:34px}.auth-card h2{margin:0}.auth-card .hint{font-size:.9rem;color:var(--muted);margin:.5rem 0 1.25rem}.auth-card>button,.auth-card button[type=submit],.auth-card .provider-button{width:100%;padding:.6rem}.provider-button{display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:6px;font-size:.95rem;cursor:pointer}.provider-button:hover{background:var(--bg)}.auth-or{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted);font-size:.8rem;text-transform:uppercase}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border)}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--muted)}.auth-card input{padding:.55rem .65rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;font-family:inherit}