:root{--red:#C91D17;--cream:#FFF2D5;--brown:#3B180B}*{box-sizing:border-box}body{margin:0;background:#fffaf0;color:var(--brown);font-family:Arial,sans-serif}.admin{width:min(1100px,calc(100% - 28px));margin:auto;padding:28px 0}header,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.card{background:#fff;border-radius:20px;padding:22px;margin:18px 0;box-shadow:0 10px 30px #3b180b15}.login{max-width:460px;margin:8vh auto}.login form{display:grid;gap:12px}input,button{font:inherit;padding:12px;border-radius:11px}input{border:1px solid #d8cabb}button{border:0;background:var(--red);color:#fff;font-weight:800}.ghost{background:var(--cream);color:var(--brown)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats article{background:var(--brown);color:#fff;padding:18px;border-radius:16px}.stats strong{display:block;font-size:2rem}.inventory{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-top:15px}.inventory div{display:flex;justify-content:space-between;background:var(--cream);padding:11px;border-radius:10px}.table-wrap{overflow:auto}table{width:100%;min-width:700px;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}.status{padding:5px 8px;border-radius:99px;font-weight:700}.status.ok{background:#e5f6e9;color:#176b35}.status.pending{background:#fff1cc;color:#805c00}.empty{text-align:center}@media(max-width:650px){.stats{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}}
@media(max-width:650px){.table-wrap{overflow:visible}table{min-width:0}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody{display:grid;gap:12px;margin-top:18px}tr{background:#fffaf0;border:1px solid #f0e2d1;border-radius:16px;padding:14px}td{border:0;padding:5px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}td:nth-child(1)::before{content:"Código";font-size:.72rem;font-weight:800;opacity:.55}td:nth-child(2)::before{content:"Premio";font-size:.72rem;font-weight:800;opacity:.55}td:nth-child(3)::before{content:"Fecha";font-size:.72rem;font-weight:800;opacity:.55}td:nth-child(4)::before{content:"Estado";font-size:.72rem;font-weight:800;opacity:.55}td:nth-child(5){padding-top:10px}td:nth-child(5) .redeem{width:100%}}