*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1419;--surface:#1a2332;--border:#2a3544;--text:#e8edf4;--muted:#8b9cb3;--accent:#3b82f6;--green:#22c55e;--amber:#f59e0b;--red:#ef4444}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}main{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}header{margin-bottom:2rem}header h1{font-size:1.75rem;font-weight:600;letter-spacing:-.02em}header p{color:var(--muted);font-size:.9rem;margin-top:.25rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.stat-card .label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-card .value{font-size:1.75rem;font-weight:600;margin-top:.35rem}.stat-card .value.green{color:var(--green)}.stat-card .value.amber{color:var(--amber)}.stat-card .value.red{color:var(--red)}.progress-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-bottom:2rem}.progress-section h2{font-size:.95rem;font-weight:500;margin-bottom:.75rem}.progress-bar{height:10px;background:var(--border);border-radius:5px;overflow:hidden}.progress-fill{height:100%;border-radius:5px;transition:width .3s ease}.progress-meta{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:var(--muted)}.transactions{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.transactions h2{font-size:.95rem;font-weight:500;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.txn-list{list-style:none}.txn-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--border)}.txn-item:last-child{border-bottom:none}.txn-merchant{font-weight:500}.txn-date{font-size:.8rem;color:var(--muted)}.txn-amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error-banner{background:rgba(239,68,68,.15);border:1px solid var(--red);border-radius:8px;padding:1rem 1.25rem;color:var(--red);font-size:.9rem}.badge{display:inline-block;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:var(--border);color:var(--muted);padding:.2rem .5rem;border-radius:4px;margin-left:.5rem;vertical-align:middle}.layout{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:900px){.layout{grid-template-columns:1.1fr .9fr;align-items:start}}.column{display:flex;flex-direction:column;gap:1.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.panel h2{font-size:.95rem;font-weight:500;margin-bottom:.5rem}.panel-desc{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.form{gap:.85rem}.form,.form label{display:flex;flex-direction:column}.form label{gap:.35rem;font-size:.8rem;color:var(--muted)}.form input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;padding:.55rem .7rem}.form input:focus{border-color:var(--accent);outline:none}.button-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.55rem .9rem}.btn.primary{background:var(--accent);color:white}.btn.secondary{background:var(--border);color:var(--text)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted);margin-top:.75rem;width:100%}.btn:hover{opacity:.9}.result-banner{background:rgba(59,130,246,.12);border:1px solid var(--accent);border-radius:6px;color:var(--text);font-size:.85rem;margin-top:1rem;padding:.75rem}.empty-state{color:var(--muted);font-size:.85rem}.log-list{list-style:none;display:flex;flex-direction:column;gap:.65rem;max-height:320px;overflow-y:auto}.log-item{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.7rem .8rem}.log-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.log-method{font-size:.8rem;font-family:ui-monospace,monospace}.log-message{font-size:.85rem}.log-meta{color:var(--muted);font-size:.75rem;margin-top:.25rem}.status-pill{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:.15rem .4rem;text-transform:uppercase}.status-pill.allowed{background:rgba(34,197,94,.2);color:var(--green)}.status-pill.blocked{background:rgba(239,68,68,.2);color:var(--red)}.status-pill.logged{background:rgba(139,156,179,.2);color:var(--muted)}