@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#18231d;font-synthesis:none;text-rendering:optimizelegibility;background:#edf2ec;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#dcebd9 0,#0000 32%),#edf2ec;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}code{overflow-wrap:anywhere;font-family:DM Mono,monospace;font-size:.83rem}.shell{width:min(1440px,100% - 40px);margin:0 auto;padding:48px 0 72px}.hero{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.eyebrow{color:#548260;letter-spacing:.16em;margin:0 0 8px;font-size:.72rem;font-weight:800}h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.98}h2{margin:0;font-size:1.25rem}.subtitle{color:#627068;margin:18px 0 0;font-size:1.03rem}.mode{color:#53625a;white-space:nowrap;background:#ffffff9e;border:1px solid #bdc9c0;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.mode.live{color:#19653b;background:#e5f5e9;border-color:#76b28b}.pulse{background:#7f8b84;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #7f8b8421}.live .pulse{background:#20a45a;box-shadow:0 0 0 4px #20a45a21}.panel,.event-card,.stat{background:#ffffffc7;border:1px solid #d1dbd3;box-shadow:0 16px 42px #2d3f330e}.identity{border-radius:18px;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr) auto;align-items:end;gap:22px;padding:20px 22px;display:grid}.identity>div{min-width:0}.identity code{color:#294b34;padding-top:8px;display:block}.label,label{color:#718078;letter-spacing:.03em;gap:7px;font-size:.74rem;font-weight:700;display:grid}input{color:#19251d;background:#fbfdfb;border:1px solid #ccd7cf;border-radius:9px;outline:none;width:100%;padding:10px 11px}input:focus{border-color:#4d8e61;box-shadow:0 0 0 3px #4d8e6121}button{color:#fff;background:#1d5b36;border-radius:9px;padding:11px 15px;font-weight:750;transition:transform .15s,background .15s}button:hover:not(:disabled){background:#174b2d;transform:translateY(-1px)}button.ghost{color:#365242;background:#f8faf8;border:1px solid #c7d3ca}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.stat{border-radius:16px;flex-direction:column;min-height:142px;padding:20px;display:flex}.stat span{color:#6e7c73;font-size:.78rem;font-weight:700}.stat strong{letter-spacing:-.06em;margin-top:auto;font-size:2.35rem;line-height:1}.stat small{color:#829087;margin-top:8px}.stat.accent{color:#f5fff7;background:#1d5231;border-color:#183f29}.stat.accent span,.stat.accent small{color:#b9d9c3}.event-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.event-card{border-radius:18px;min-height:276px;padding:24px;position:relative;overflow:hidden}.event-card .step{color:#dce4de;font:500 2.7rem/1 DM Mono;position:absolute;top:13px;right:19px}.event-card h2{position:relative}.event-card p{color:#69786f;max-width:520px;min-height:44px;margin:12px 0 20px;font-size:.9rem}.event-card>button{position:absolute;bottom:24px;left:24px}.dedupe{color:#718078;background:#f0f4f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-size:.75rem;display:flex}.dedupe code{color:#31553d}.button-row{gap:9px;margin-top:16px;display:flex}.button-row button{flex:1}.money-row{grid-template-columns:2fr 1fr;gap:10px;display:grid}.recharge{background:linear-gradient(140deg,#ffffffe6,#e7f2e9eb);border-color:#bdd3c2}.notice{z-index:4;border-radius:999px;width:fit-content;max-width:90%;margin:18px auto;padding:11px 17px;font-size:.86rem;font-weight:700;position:sticky;bottom:18px;box-shadow:0 12px 32px #192d1f29}.notice.ok{color:#17552d;background:#dff4e5}.notice.duplicate{color:#795216;background:#fff0c9}.notice.error,.fatal{color:#842d2d;background:#ffe8e8}.fatal{border:1px solid #efbcbc;border-radius:12px;gap:12px;margin-bottom:16px;padding:15px 18px;display:flex}.history{border-radius:18px;margin-top:18px;padding:24px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.status-summary{flex-wrap:wrap;gap:8px;display:flex}.status-summary span{color:#66746c;background:#edf2ee;border-radius:7px;padding:6px 9px;font-size:.72rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.82rem}th{color:#7a887f;text-align:left;letter-spacing:.04em;border-bottom:1px solid #d8e0da;padding:11px 10px;font-size:.7rem}td{border-bottom:1px solid #e6ece7;padding:13px 10px}.type-chip,.status-chip{white-space:nowrap;border-radius:7px;padding:5px 8px;font-weight:700;display:inline-block}.type-chip{color:#2f5d3e;background:#e8f1ea}.status-chip{color:#536159;background:#edf1ee}.status-chip.sent{color:#21683b;background:#dff3e5}.status-chip.pending{color:#865f1e;background:#fff0c9}.status-chip.failed{color:#8e3434;background:#fae1e1}.error-cell{color:#8e3434;text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.empty{color:#859188;text-align:center;padding:36px}@media (width<=900px){.identity{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.event-grid{grid-template-columns:1fr}}@media (width<=560px){.shell{width:min(100% - 24px,1440px);padding-top:24px}.hero,.section-heading{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.stat{min-height:118px;padding:16px}.stat strong{font-size:1.9rem}.button-row{flex-direction:column}}