:root{color-scheme:dark;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#0a1020;color:#f3f6fc}*{box-sizing:border-box}body{margin:0}a{color:#91bfff;text-decoration:none}header{background:#101b32;border-bottom:1px solid #263a57;padding:15px max(16px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}header>a{font-weight:700;color:white}nav{display:flex;align-items:center;gap:15px;flex-wrap:wrap}nav span{color:#aebbd0;font-size:.85rem}main{max-width:1100px;margin:auto;padding:28px 16px}h1{font-size:1.65rem}h2{font-size:1.18rem}.hero p,.muted{color:#9daec9}.panel{background:#111e35;border:1px solid #283d5e;border-radius:14px;padding:22px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stats small{display:block;color:#aebbd0}.stats strong{display:block;font-size:2rem;margin-top:6px}.login{max-width:430px;margin:8vh auto}label{display:block;font-weight:550;margin-bottom:14px}input,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #405678;border-radius:8px;background:#0b1427;color:white;font-size:1rem}button{border:0;border-radius:8px;background:#4984ed;color:white;padding:12px 17px;font-weight:600;cursor:pointer}.link{background:none;padding:0}.danger{background:#9d3345}.error{color:#ff9dab}.search{display:flex;gap:10px;margin-bottom:17px}.search input{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid #253956;padding:13px 9px;vertical-align:top}th{color:#aebbd0;font-size:.86rem}td{font-size:.9rem}.chip{display:inline-block;background:#263d5d;border-radius:6px;padding:4px 8px;font-size:.8rem}.pager{padding-top:16px;color:#aebbd0;display:flex;gap:16px;flex-wrap:wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#091326;padding:14px;border-radius:10px;max-height:500px;overflow-y:auto}dl{display:grid;grid-template-columns:minmax(90px,1fr) 3fr;gap:8px;overflow-wrap:anywhere}dt{color:#b4c2da}dd{margin:0}.userform{max-width:450px}.userrow{display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid #30405a;gap:10px}@media(max-width:600px){header{align-items:flex-start}.panel{padding:15px}main{padding-top:16px}h1{font-size:1.4rem}.stats strong{font-size:1.6rem}td,th{min-width:90px}}

.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.toggle{display:flex;align-items:center;gap:8px;margin:0}.toggle input{width:auto;margin:0}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:16px}.payment-grid .panel{margin:0}.card-head{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.card-head small{color:#aebbd0}.pay-body{display:grid;grid-template-columns:minmax(135px,185px) 1fr;gap:15px;align-items:start}.qr-frame{background:#fff;border-radius:12px;min-height:155px;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-frame img{width:100%;aspect-ratio:1;object-fit:contain}.qr-empty{color:#444;text-align:center;padding:20px}.pay-facts p{display:flex;flex-direction:column;gap:3px;margin:0 0 11px;overflow-wrap:anywhere}.pay-facts span{color:#aebbd0;font-size:.8rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.filter-grid .actions{align-self:end}.button{display:inline-block;padding:12px 17px;background:#4984ed;border-radius:8px;color:white;font-weight:600}.button.ghost{background:#263d5d}.pay-card[hidden]{display:none}@media(max-width:450px){.pay-body{grid-template-columns:1fr}.qr-frame{max-width:250px;margin:0 auto;width:100%}nav{gap:10px}nav a{font-size:.9rem}}

.pay-failed{border-color:#e14a62;background:#311723}.pay-scanned{border-color:#e4b44b}.pay-paid{border-color:#378b66;opacity:.82}.success-text{color:#5cdda2}.pending-text{color:#ffd579}.decision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-top:22px}.decision-grid form,.decision-grid button{width:100%}.success-button{background:#267b55}.qr-large{width:min(100%,360px);margin:18px auto;padding:12px}.qr-large img{width:100%;height:auto;object-fit:contain}button:disabled{opacity:.6;cursor:not-allowed}
