:root{--bg-main:#0f172a;--bg-card:#1e293bb3;--border-color:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--color-disponible:#10b981;--color-reservado:#f59e0b;--color-pagado:#ef4444;--color-accent:#6366f1;--radius-lg:16px;--radius-md:10px;--shadow-sm:0 4px 6px -1px #0000004d}body{background-color:var(--bg-main);color:var(--text-main);margin:0;padding:1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.grid-numeros{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;margin-top:1rem;display:grid}.btn-numero{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:100%;font-size:1.1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;color:#fff!important;border:none!important}.btn-numero:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.btn-numero.disponible{background-color:var(--color-disponible)!important}.btn-numero.reservado{background-color:var(--color-reservado)!important}.btn-numero.pagado{background-color:var(--color-pagado)!important}